BAB III PEMBAHASANrepository.bsi.ac.id/index.php/unduh/item/267202/... · 20 d. Penyewa dapat...
Transcript of BAB III PEMBAHASANrepository.bsi.ac.id/index.php/unduh/item/267202/... · 20 d. Penyewa dapat...
19
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan adalah tahap untuk menentukan apa saja yang perlu
dilakukan oleh sistem, dan apa saja yang dibutuhkan oleh para pengguna dari sistem
yang dibuat. Dalam tahap analisa kebutuhan para pengguna mempunyai kebutuhan
informasi yang berbeda-beda. Dalam tahap analisa kebutuhan ini dapat dibagi menjadi
dua, yaitu kebutuhan pengguna dan kebutuhan sistem.
A. Kebutuhan Pengguna
Kebutuhan para pengguna berdasarkan role yaitu sebagai berikut:
1. Kebutuhan Admin
a. Admin dapat melakukan login dihalaman utama.
b. Admin dapat mengelola data admin.
c. Admin dapat melihat data penyewa.
d. Admin dapat mengelola data kios.
e. Admin dapat mengelola data sewa.
f. Admin dapat memverifikasi pembayaran.
g. Admin dapat mencetak laporan.
h. Admin dapat melakukan logout.
2. Kebutuhan Penyewa
a. Penyewa dapat melakukan pendaftaran di halaman pendaftaran.
b. Penyewa dapat melakukan login di halaman utama.
c. Penyewa dapat melihat kios yang tesedia.
20
d. Penyewa dapat melengkapi data pribadi jika ingin menyewa kios.
e. Penyewa dapat melakukan sewa kios jika sudah melengkapi data pribadi.
f. Penyewa dapat melihat invoice sewa.
g. Penyewa dapat mencetak invoice.
h. Penyewa dapat mencetak surat perjanjian.
i. Penyewa dapat melihat riwayat sewa.
j. Penyewa dapat upload bukti pembayaran.
k. Penyewa dapat melihat cara sewa.
l. Penyewa dapat melihat tentang kami.
m. Penyewa dapat melihat kontak.
n. Penyewa dapat melakukan logout.
B. Kebutuhan Sistem
Kebutuhan sistem pada perancangan ini terbagi menjadi dua yaitu kebutuhan
pelanggan dan kebutuhan admin.
1. Kebutuhan Penyewa
a. Penyewa yang ingin menyewa diharuskan melakukan pendaftaran akun di
halaman pendaftaran dan melengkapi data pribadi.
b. Dihalaman Kios penyewa dapat melihat daftar kios yang ada,dan dapat
memilih kios dan melihat lengkap informasi kios.
c. Penyewa yang ingin melakukan sewa kios dapat mengklik sewa dan akan
menampilkan form sewa dengan mengisi lama sewa, tanggal mulai sewa, dan
pilih pembayaran.
21
d. Setelah pelanggan melakukan sewa kios yang diinginkan, sistem akan
menampilkan halaman invoice dan pelanggan diharus melakukan
pembayaran.
2. Kebutuhan Admin
a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses atau
masuk ke halaman admin.
b. Setelah masuk admin dapat mengelola website sesuai kebutuhan.
c. Admin dapat melihat data penyewa.
d. Admin dapat mengelola data sewa dan melakukan verifikasi pembayaran.
e. Admin dapat mencetak laporan.
3.2. Rancangan Dokumen
3.2.1. Rancangan Dokumen Masukan (Input)
Menguraikan secara rinci untuk setiap rancangan dokumen masukan yang
digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut dengan
parameter-parameter dokumennya sebagai berikut:
1. Nama Dokumen : Form Pendaftaran
Fungsi : Sebagai penyimpan data penyewa
Sumber : Penyewa
Tujuan : Admin
Media : Elektronik
Jumlah : 1 form
Frekuensi : Setiap pendaftaran akun
Bentuk : Lihat Lampiran A.1
22
2. Nama Dokumen : Form Data Pribadi
Fungsi : Sebagai pelengkap data penyewa
Sumber : Penyewa
Tujuan : Admin
Media : Elektronik
Jumlah : 1 form
Frekuensi : Setiap melakukan penyewaan kios
Bentuk : Lihat Lampiran A.2
3. Nama Dokumen : Form Penyewaan
Fungsi : Sebagai data penyewaan
Sumber : Penyewa
Tujuan : Admin
Media : Elektronik
Jumlah : 1 form
Frekuensi : Setiap melakukan penyewaan kios
Bentuk : Lihat Lampiran A.3
4. Nama Dokumen : Form Upload bukti pembayaran
Fungsi : Sebagai data bukti pembayaran
Sumber : Penyewa
Tujuan : Admin
Media : Elektronik
Jumlah : 1 form
Frekuensi : Setiap melakukan upload bukti pembayaran
Bentuk : Lihat Lampiran A.4
23
3.2.2. Rancangan Dokumen Keluaran (Output)
Menguraikan secara rinci setiap rancangan dokumen keluaran yang digunakan
dalam sistem dengan uraian parameter-parameter dokumen tersebut dengan
parameter-parameter dokumennya sebagai berikut:
1. Nama Dokumen : Invoice Penyewaan
Fungsi : Sebagai bukti transaksi penyewaan kios
Sumber : Sistem
Tujuan : Penyewa
Media : Kertas
Jumlah : Satu lembar
Frekuensi : Setiap kali penyewaan kios
Bentuk : Lihat Lampiran B.1
2. Nama Dokumen : Surat Perjanjian
Fungsi : Sebagai surat perjanjian penyewaan kios
Sumber : Sistem
Tujuan : Penyewa
Media : Kertas
Jumlah : Satu lembar
Frekuensi : Setiap kali penyewaan kios
Bentuk : Lihat Lampiran B.2
3. Nama Dokumen : Laporan Transaksi
Fungsi : Sebagai laporan transaksi
Sumber : Sistem
Tujuan : Admin
Media : Kertas
24
Jumlah : 1 (satu) Lembar
Frekuensi : Setiap ingin melakukan laporan
Bentuk : Lihat Lampiran B.3
3.3. Entity Relationship Diagram (ERD)
A. Entity Relationship Diagram
Entity Relationship Diagram ini mempunyai beberapa yang terdiri dari entitas
atribut, dan relasi. Setiap entitas saling terhubung dengan entitas yang lainnya.
melakukan TRANSAKSIPENYEWA
memuat
KIOSmempunyai
DETAIL_TRANSAKSI
mengelola
ADMIN
id_penyewa
no_ktp
nama
alamat
notelp
pekerjaan
pas_foto
password
role
no_invoice
id_penyewa
total_bayar
bank
status_bayar
tgl_jatuhtempo
foto_bukti
nm_penyewa
sisa_bayar
id_admin
id_kios
nama
foto
foto2
foto3
foto4
ukuran
lokasi
harga_sewa
status
keterangan
id_adminnama
passwordrole
no_urut no_invoice
id_kios
harga_sewa
lama_sewa
tgl_mulai
tgl_selesai
dptotal_hs
Gambar III.1
Entity Relationship Diagram Perancangan Program Penyewaan Kios Berbasis
Web
25
B. Logical Record Structure (LRS)
Logical Record Structure ini digunakan untuk menentukan kardinalitas jumlah
tabel, Primary Key (PK), dan Foreign Key (FK). Adapun gambar dan penjelasan
mengenai hubungan Logical Record Structure adalah sebagai berikut:
Gambar III.2
Logical Relational Structure Perancangan Progam Penyewaan Kios Berbasis
Web
26
3.4. Spesifikasi File
1. Spesifikasi File Admin
Nama File : admin
Akronim : admin
Fungsi : Menyimpan data admin
Tipe File : Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 177 bytes
Kunci Field : id_admin
Software : xampp
Tabel III.1
Spesifikasi file Admin
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id Admin Id_admin Varchar 7 Primary Key
2 Nama Nama Varchar 50
3 Email Email Varchar 50
4 Password Password Varchar 60
5 Role Role Varchar 10
2. Spesifikasi File Penyewa
Nama File : penyewa
Akronim : penyewa
Fungsi : Menyimpan data penyewa
Tipe File : Master
27
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 356 bytes
Kunci Field : id_penyewa
Software : xampp
Tabel III.2
Spesifikasi file Penyewa
No Elemen Data Akronim Tipe Panjang Keterangan
1 Penyewa id_penyewa Varchar 7 Primary Key
2 No KTP Noktp Varchar 15
3 Nama Nama Varchar 50
4 Alamat Alamat Varchar 50
5 No Telepon Notelp Varchar 14
6 Pekerjaan Pekerjaan Varchar 50
7 Pas foto pas_foto Varchar 50
8 Email Email Varchar 50
9 Password Password Varchar 60
10 Role Role Varchar 10
3. Spesifikasi File Transaksi
Nama File : transaksi
Akronim : transaksi
Fungsi : Menyimpan data transaksi sewa kios
Tipe File : Master
Organisasi File : Indexed Sequential
28
Akses File : Random
Media : Hard Disk
Panjang Record : 126 bytes
Kunci Field : no_invoice
Software : xampp
Tabel III.3
Spesifikasi file Transaksi
No Elemen Data Akronim Tipe Panjang Keterangan
1 Nomor Invoice no_invoice Varchar 7 Primary Key
2 Id Penyewa id_penyewa Varchar 7 Foreign Key
3 Id admin id_admin Varchar 7 Foreign Key
4 Total Bayar total_bayar Int 11
5 Bank Bank Varchar 20
6 Status Bayar status_bayar enum
7 Tanggal Jatuh
Tempo
tgl_jatuhtempo Date
8 Foto Bukti foto_bukti Varchar 50
9 Nama Penyewa nama_penyewa Varchar 20
10 Sisa Bayar sisa_bayar Int 11
4. Spesifikasi File Kios
Nama File : kios
Akronim : kios
Fungsi : Menyimpan data kios
Tipe File : Master
29
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 338 bytes
Kunci Field : id_kios
Software : xampp
Tabel III.4
Spesifikasi file Kios
No Elemen Data Akronim Tipe Panjang Keterangan
1 Id Kios id_kios Varchar 7 Primary Key
2 Nama Nama Varchar 25
3 Foto Foto Varchar 25
4 Foto foto2 Varchar 25
5 Foto foto3 Varchar 25
6 Foto foto4 Varchar 25
7 Ukuran Ukuran Varchar 25
8 Lokasi Lokasi Varchar 50
9 Harga Sewa harga_sewa Int 11
10 Status Status Varchar 20
11 Keterangan Keterangan Varchar 100
30
3.5. Pengkodean
1. Pengkodean Id Admin
A D M 0 0 0 1
Format Nomor Urut
Gambar III.3
Pengkodean Id Admin
Keterangan:
ADM : Format Id Admin
0001 : Identitas Nomor Urut Admin
2. Pengkodean Id Penyewa
I D P 0 0 0 1
Format Nomor Urut
Gambar III.4
Pengkodean Id Penyewa
Keterangan:
IDP : Format Id Penyewa
0001 : Identitas Nomor Urut Penyewa
31
3. Pengkodean Id Kios
K D K 0 0 0 1
Format Nomor Urut
Gambar III.5
Pengkodean Id Kios
Keterangan:
KDK : Format Id Kios
0001 : Nomor Urut Kios
4. Pengkodean No Invoice
I N V 0 0 0 1
Format Nomor Urut
Gambar III.6
Pengkodean No Invoice
Keterangan:
INV : Format No. Invoice
0001 : Nomor Urut No. Invoice
32
3.6. Spesifisikasi Program
A. Struktur Navigasi Halaman Utama Pengunjung
Pada halaman utama pengunjung menggunakan struktur navigasi composite
karena menu beranda, informasi, tentang kami, kontak dapat diakses secara
bebas.
Gambar III.7
Struktur Navigasi Halaman Utama Pengunjung
33
B. Struktur Navigasi Halaman Admin
Pada halaman admin menggunakan struktur navigasi composite karena menu
dashboard, laporan, data admin, data penyewa, data sewa, verifikasi pembayaran
dan melakukan logout dapat diakses secara bebas.
Gambar III.8
Struktur Navigasi Menu Admin
34
C. Struktur Navigasi Halaman Penyewa
Pada halaman penyewa menggunakan menu struktur navigasi composite karena menu
data pribadi, edit profil, upload bukti pembayaran, riwayat sewa, dan
melakukan logout dapat diakses secara bebas.
Gambar III.9
Struktur Navigasi Menu Penyewa
35
3.7. Spesifikasi Sistem Komputer
Spesifikasi sistem komputer ini akan membahas tentang spesifikasi perangkat
keras dan perangkat lunak minimum yang dibutuhkan untuk mengoperasikan website
penyewaan kios.
1. Spesifikasi Perangkat Keras (hardware)
a. Server
1) CPU/Laptop
(a) Processor AMD A8-7410 APU 2.2GHz
(b) RAM 2 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
b. Cilent
1) CPU/Laptop
(a) Processor AMD A8-7410 APU 2.2GHz
(b) RAM 2 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps
36
B. Spesifikasi Perangkat Lunak (software)
1. Server
a. Sistem operasi yang umum digunakan Microsoft Windows
b. Aplikasi bundle web server PHPMyAdmin v4.2.7.1
c. Aplikasi Xampp
d. Sublime text 3
e. Aplikasi Web Lihat Google Chrome
2. Client
a. Sistem Operasi Microsoft Windows atau Linux
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome
37
3.8. Implementasi
Implementasi rancangan antar muka pada aplikasi perancangan program
penyewaaan kios pasar berdasarkan hasil rancangan antar muka yang sudah dibuat dan
bertujuan untuk mengetahui apakah sistem menghasilkan sesuai dengan tahapan
rancangan.
1. Halaman utama pengunjung
Halaman utama pengunjung saat pengunjung membuka alamat website pertama
kali.
Gambar III.10
Halaman utama pengunjung
2. Halaman pendaftaran
Pengunjung yang ingin melakukan sewa kios diharuskan untuk melakukan
pendaftaran terlebih dahulu untuk dapat melakukan sewa.
Gambar III.11
Halaman pendaftaran
38
3. Halaman cara sewa
Halaman yang berisi cara sewa untuk para pengunjung.
Gambar III.12
Halaman cara sewa
4. Halaman Tentang Kami
Pada halaman ini penyewa bisa melihat tentang kami.
Gambar III.13
Halaman Tentang kami
39
5. Halaman Kontak
Pada halaman ini penyewa dapat terhubung dengan kami melalui email, dan
sosial media ataupun datang ke alamat kami.
Gambar III.14
Halaman Kontak
6. Halaman kios
Pada halaman ini penyewa dapat memilih kios sesuai kebutuhan.
Gambar III.15
Halaman Kios
40
7. Form Login Penyewa
Penyewa harus melakukan login untuk melakukan sewa kios.
Gambar III.16
Form Login Penyewa
8. Halaman data pribadi
Pada halaman ini penyewa diminta untuk melengkapi form data pribadi.
Gambar III.17
Halaman data pribadi
41
9. Halaman Upload bukti pembayaran
Penyewa yang sudah melakukan pembayaran sewa dapat melakukan upload
bukti struk pembayaran, agar dapat diverifikasi oleh admin.
Gambar III.18
Halaman bukti pembayaran
10. Halaman Riwayat Sewa
Penyewa yang sudah melakukan transaksi sewa dapat melihat riwayat sewa.
Gambar III.19
Halaman Riwayat Sewa
42
11. Form Login Admin
Admin harus melakukan login terdahulu untuk melakukan pengelolaan data.
Gambar III.20
Form Login Admin
12. Halaman Admin
Pada halaman ini admin dapat mengelola website sesuai kebutuhan.
Gambar III.21
Halaman Admin
43
13. Halaman Data Penyewa
Pada halaman ini admin dapat melihat data para penyewa.
Gambar III.22
Halaman Data Penyewa
14. Halaman Data Admin
Pada halaman ini admin dapat mengelola data admin.
Gambar III.23
Halaman Data Admin
44
15. Halaman Data Kios
Pada halaman ini admin dapat menambah, mengubah, menghapus, dan detail
kios.
Gambar III.24
Halaman Data Kios
16. Halaman Data Sewa
Pada halaman ini penyewa dapat melihat data sewa kios
Gambar III.25
Halaman Data Sewa
45
17. Halaman Data Verifikasi Bukti Pembayaran
Pada halaman ini admin dapat memverifikasi bukti pembayaran
Gambar III.26
Halaman Data Verifikasi Pembayaran
18. Halaman Ubah Data Admin
Pada halaman ini admin dapat mengubah admin dengan klik simpan
Gambar III.27
Halaman Ubah Data Admin
46
19. Halaman Tambah Data Admin
Pada Halaman ini, admin dapat menambah admin baru.
Gambar III.28
Halaman Tambah Data Admin
20. Halaman Tambah Kios
Pada halaman ini, admin dapat menambahkan data kios terbaru.
Gambar III.29
Halaman Tambah Kios
47
21. Halaman Ubah Kios
Pada halaman ini admin dapat mengubah data informasi kios
Gambar III.30
Halaman Ubah Kios
22. Halaman Verifikasi Pembayaran
Pada halaman ini admin dapat mengubah status pembayaran sesuai kebutuhan.
Gambar III.31
Halaman Verifikasi Pembayaran
48
3.9. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan black box testing yang
fokus terhadap proses masukan dan keluaran program.
A. Pengujian terhadap form login admin.
Tabel III.5
Hasil pengujian black box testing pada login admin
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Penguj
ian
Kesim
pulan
1 Email dan
password tidak
diisi kemudian klik
tombol login
(kosong)
Password
(kosong)
Sistem akan
menolak akses
masuk admin
Sesuai
harapan
Valid
2 Mengetikkan email dan password tidak
diisi atau kosong
kemudian klik tombol login
Email : (admin) Password:
(kosong)
Sistem akan
menolak untuk login dan
menampilkan
pesan
“password tidak
boleh kosong”
Sesuai Harapa
n
Valid
3 Email tidak diisi
(kosong)
dan password diisi
kemudian
klik tombol login
Email: (kosong)
Password:
admin
Sistem akan
menolak
untuk login dan menampilkan
pesan “Email tidak
boleh kosong”
Sesuai
harapan
Valid
4 Mengetikkan salah satu kondisi salah pada email
atau password kemudian klik tombol login
isi(salah) Sistem akan
menolak untuk login dan menampilkan
pesan “Email tidak
boleh kosong”
Sesuai
harapan
Valid
5 Mengetikkan Email dan password
dengan data
Email: Isi (benar) Password:
Sistem menerima akses login dan kemudian
langsung
Sesuai
harapan
Valid
49
yang benar kemudian klik tombol login
Isi (benar)
menampilkan
menu utama
admin.
B. Pengujian terhadap form login penyewa
Tabel III.6
Hasil pengujian black box testing pada login penyewa
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Penguj
ian
Kesim
pulan
1 Email dan
password tidak
diisi kemudian klik
tombol login
(kosong)
Password
(kosong)
Sistem akan
menolak akses
masuk
Sesuai
harapan
Valid
2 Mengetikkan
email dan password tidak
diisi atau kosong kemudian klik
tombol login
Email :
(penyewa) Password:
(kosong)
Sistem akan
menolak untuk login dan
menampilkan
pesan “password tidak
boleh kosong”
Sesuai
Harapa
n
Valid
3 Email tidak diisi
(kosong) dan password diisi
kemudian klik tombol login
Email: (kosong) Password:
penyewa
Sistem akan
menolak untuk login dan
menampilkan
pesan “Email tidak
boleh kosong”
Sesuai
harapan
Valid
4 Mengetikkan
salah satu kondisi salah pada email
atau password kemudian klik tombol login
isi(salah) Sistem akan
menolak untuk login dan menampilkan
pesan “Email tidak
boleh kosong”
Sesuai
harapan
Valid
5 Mengetikkan
Email dan password
dengan data
User ID: Isi
(benar) Password:
Sistem menerima
akses login dan kemudian
langsung
Sesuai
harapan
Valid
50
yang benar kemudian klik tombol login
Isi (benar)
menampilkan
menu utama penyewa.
C. Pengujian terhadap form tambah data kios
Tabel III.7
Hasil Pengujian Blackbox Testing Form Tambah Data Kios
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Pengujian
Kesimpul
an
1 Nama kios, Luas
kios, keterangan
kios,lokasi
kios,foto, foto 2,
foto 3, foto
4,harga sewa
tidak diisi,
kemudian klik
tombol tambah
Nama kios:
(kosong)
Luas
kios:(kosong)
Keterangan
kios:(kosong)
Lokasi:(kosong
)
foto :(kosong)
foto 2
:(kosong)
foto 3:(kosong)
foto 4:(kosong)
harga
sewa:(kosong)
Sistem akan
menolak dan
akses admin
dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong!
Sesuai
harapan
Valid
2 Salah satu form
diisi kemudian
klik simpan
Nama kios:
(benar)
Luas
kios:(kosong)
Keterangan
kios:(kosong)
Lokasi:(kosong
)
foto :(kosong)
foto 2
:(kosong)
foto 3:(kosong)
foto 4:(kosong)
harga
sewa:(kosong)
Sistem akan
menolak dan
akses admin
dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong
Sesuai
harapan
Valid
51
3 Mengisi semua
field yang ada
diform
kemudian klik
simpan
Nama kios:
(kios 1)
Luas kios:(20
m2)
Keterangan
kios:(shm)
Lokasi:(bekasi)
foto
:(foto1.jpg)
foto 2 :(ft2.jpg)
foto 3:(ft3.jpg)
foto 4:(ft4.jpg)
harga
sewa:(1000000
)
Sistem akan
menerima
akses dan
kemudian
data akan
disimpan
langsung ke
database
Sesuai
harapan
Valid
D. Pengujian terhadap form sewa kios
Tabel III.8
Hasil Pengujian Blackbox Testing Form Sewa Kios
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Pengujian
Kesimpul
an
1 Lama sewa,
tanggal mulai,
pilih
pembayaran
tidak diisi,
kemudian klik
tombol
lanjutkan
pembayaran
Lama sewa:
(kosong)
Tanggal
mulai:(kosong)
Pilih
pembayaran:(k
osong)
Sistem akan
menolak dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong!
Sesuai
harapan
Valid
2 Salah satu form
diisi kemudian
klik lanjutkan
pembayaran
Lama sewa:
(6 bulan)
Tanggal
mulai:(kosong)
Pilih
pembayaran:(k
osong)
Sistem akan
menolak dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong
Sesuai
harapan
Valid
3 Mengisi semua
field yang ada
diform
kemudian
lanjutkan
pembayaran
Lama sewa:
(6 bulan)
Tanggal
mulai:(22/07/2
019)
Sistem akan
menerima
akses dan
kemudian
data akan
disimpan dan
Sesuai
harapan
Valid
52
Pilih
pembayaran:(B
CA)
menampilkan
halaman
invoice
E. Pengujian terhadap form upload bukti pembayaran
Tabel III.9
Hasil Pengujian Blackbox Testing Form Upload bukti pembayaran
No Skenario
Pengujian
Test Case Hasil yang
Diharapkan
Hasil
Pengujian
Kesimpul
an
1 No invoice,
kebutuhan, foto
bukti
pembayaran
tidak diisi,
kemudian klik
tombol upload
No invoice:
(kosong)
kebutuhan:(kos
ong)
foto
bukti:(kosong)
Sistem akan
menolak dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong!
Sesuai
harapan
Valid
2 Salah satu form
diisi kemudian
klik upload
No invoice:
(INV002)
kebutuhan:(kos
ong)
foto
bukti:(kosong)
Sistem akan
menolak dan
memunculka
n notifikasi
disetiap field
Tidak boleh
kosong
Sesuai
harapan
Valid
3 Mengisi semua
field yang ada
diform
kemudian klik
upload
No invoice:
(INV002)
kebutuhan:(Me
mbayar DP)
foto
bukti:(bukti.jpg
)
Sistem akan
menerima
dan
kemudian
data akan
disimpan dan
menampilkan
notifikasi
Berhasil
mengupload
bukti
Sesuai
harapan
Valid