BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan...
Transcript of BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan...
16
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan dalam pembuatan sistem informasi pembayaran zakat
berbasis web, adalah :
A. Kebutuhan Pengguna
Kebutuhan pengguna dalam perancangan sistem informasi ini terbagi menjadi
dua, yaitu kebutuhan member dan kebutuhan admin.
1. Kebutuhan Pengunjung
Pengunjung adalah bagian pengguna sistem yang memiliki batasan hak akses.
Adapun karakteristik pengunjung sebagai berikut :
a. Pengunjung dapat melihat beranda yang berisi tampilan kumpulan menu.
b. Pengunjung dapat melihat informasi mengenai zakat fitrah dalam menu
informasi zakat fitrah.
c. Pengunjung dapat melihat dan membaca niat-niat zakat fitrah dalam menu niat
zakat fitrah.
d. Pengunjung dapat mengetahui besaran zakat fitrah yang dikeluarkan
perorangnya yang telah ditetapkan oleh kebijakan situs web dalam menu besar
zakat fitrah.
e. Pengunjung dapat melihat dan menghubungi kontak admin yang tertera dalam
menu kontak.
f. Pengunjung dapat melakukan pendaftaran sebagai member untuk dapat
mengakses pembayaran zakat fitrah dengan menginput data nama, nomor
telepon, email dan alamat yang sesuai pada menu registrasi.
17
g. Pengunjung yang sudah terdaftar sebagai member dapat melakukan login
dengan menginputkan nama sebagai username dan nomor telepon sebagai
password. Dan apabila lupa password, bisa klik menu lupa password, lalu
inputkan email saat registrasi dan akan muncul password dari akun tersebut.
2. Kebutuhan Member
Member adalah sebutan untuk pengunjung yang telah melakukan registrasi dan
telah melakukan login dengan menginputkan username dan password. Member
merupakan bagian pengguna sistem yang memiliki batasan hak akses. Adapun
karakteristik member sebagai berikut :
a. Pengunjung dapat melihat beranda yang berisi tampilan kumpulan menu.
b. Member dapat melihat informasi mengenai zakat fitrah.
c. Member dapat melihat dan membaca niat-niat zakat fitrah.
d. Member dapat mengetahui besaran zakat fitrah yang dikeluarkan perorangnya
yang telah ditetapkan oleh kebijakan situs web dalam menu besar zakat fitrah.
e. Member dapat melihat kontak admin yang tertera dalam menu kontak.
f. Member dapat melakukan pembayaran zakat fitrah dengan prosedur yang telah
ditentukan oleh situs web pembayaran zakat fitrah.
g. Member dapat melihat dan mencetak invoice untuk melakukan pembayaran.
h. Member dapat melakukan konfirmasi pembayaran pada menu struk konfirmasi
pembayaran dengan mengisi data pembayaran dan mengupload bukti transfer
sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa
zakat fitrah telah sah diterima.
i. Member dapat melihat dan mengubah data akun member.
j. Member dapat melakukan logout.
18
3. Kebutuhan Admin
Admin adalah bagian pengguna yang memiliki hak akses lebih dibandingkan
dengan member, adapun karakteristik admin sebagai berikut :
a. Admin dapat login dengan memasukan username dan password.
b. Admin dapat menambah, mengubah dan menghapus data admin.
c. Admin dapat melihat, menghapus dan mencetak data member.
d. Admin dapat melihat dan menghapus data pembayaran.
e. Admin dapat menambah, mengubah dan menghapus data metode pembayaran.
f. Admin dapat melihat dan menghapus data konfirmasi pembayaran.
g. Admin dapat melihat, menghapus dan mencetak laporan pembayaran zakat
fitrah.
h. Admin dapat melakukan logout pada menu keluar.
B. Kebutuhan Sistem
Kebutuhan sistem pada perancangan sistem informasi pembayaran zakat
berbasis web adalah sebagai berikut :
1. Menyediakan form pendaftaran untuk pengunjung yang ingin menjadi member
dengan menginputkan nama, nomor telepon, email dan alamat yang sesuai.
2. Menyediakan form untuk pengisian data pembayaran zakat fitrah untuk
member yang akan melakukan pembayaran.
3. Menyediakan form untuk pengisian konfirmasi pembayaran untuk member
yang akan mengkonfirmasi pembayarannya.
19
3.2. Rancangan Dokumen
A. Rancangan Dokumen Masukan (Input)
Menguraikan secara rinci setiap rancangan dokumen masukan yang digunakan
dalam sistem pembayaran zakat fitrah dengan parameter-parameter dokumen
tersebut dengan parameter-parameternya sebagai berikut :
1. Nama Dokumen : Form Registrasi Member
Fungsi : Sebagai formulir untuk pengunjung mendafatar
sebagai member
Sumber : Member
Tujuan : Admin
Media : Komputer
Jumlah : 1
Frekuensi : Setiap ada pengujung yang ingin mendaftar sebagai
member
Bentuk : Lampiran A1
2. Nama Dokumen : Formulir Pembayaran Zakat Fitrah
Fungsi : Sebagai Formulir untuk member melakukan transaksi
pembayaran zakat fitrah
Sumber : Member
Tujuan : Admin
Media : Komputer
Jumlah : 1
Frekuensi : Setiap terjadi transaksi pembayaran zakat fitrah
Bentuk : Lampiran A2
20
3. Nama Dokumen : Formulir Konfirmasi Pembayaran Zakat Fitrah
Fungsi : Sebagai formulir untuk member melakukan
konfirmasi pembayaran zakat fitrah
Sumber : Member
Tujuan : Admin
Media : Komputer
Jumlah : 1
Frekuensi : Setiap ada member yang ingin melakukan konfirmasi
Bentuk : Lampiran A3
4. Nama Dokumen : Bukti transfer
Fungsi : Sebagai bukti zakat fitrah telah dibayar
Sumber : Member
Tujuan : Admin
Media : Komputer
Jumlah : 1
Frekuensi : Setiap terjadi transaksi pembayaran zakat fitrah
Bentuk : Lampiran A4
B. Rancangan Dokumen Keluaran (Output)
Menguraikan secara rinci setiap rancangan dokumen masukan yang digunakan
dalam sistem pembayaran zakat fitrah dengan parameter-parameter dokumen
tersebut dengan parameter-parameternya sebagai berikut :
21
1. Nama Dokumen : Invoice
Fungsi : Sebagai invoice pembayaran
Sumber : Admin
Tujuan : Member
Media : Komputer
Jumlah : 1
Frekuensi : Setiap member melakukan pembayaran
Bentuk : Lampiran B1
2. Nama Dokumen : Bukti Akad Pembayaran
Fungsi : Sebagai bukti zakat fitrah telah sah diterima
Sumber : Admin
Tujuan : Member
Media : Komputer
Jumlah : 1
Frekuensi : Setiap member melakukan konfirmasi pembayaran
Bentuk : Lampiran B2
3. Nama Dokumen : Laporan data member
Fungsi : Sebagai laporan mengenai data member
Sumber : Admin
Tujuan : Pimpinan
Media : Komputer
Jumlah : 1
Frekuensi : Setiap akhir bulan Ramadhan
Bentuk : Lampiran B3
22
4. Nama Dokumen : Laporan pembayaran zakat fitrah
Fungsi : Sebagai laporan pembayaran zakat fitrah
Sumber : Admin
Tujuan : Pimpinan
Media : Komputer
Jumlah : 1
Frekuensi : Setiap akhir bulan Ramadhan
Bentuk : Lampiran B4
3.3. Entity Relatioship Diagram
Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan
dengan Entity Relationship Diagram (ERD) dan ditransformasikan menjadi Logical
Record Struktured (LRS).
23
A. Entity Relationship Diagram (ERD)
Gambar III.1.
Entity Relationship Diagram (ERD)
B. Logical Record Structured (LRS)
Gambar III.2.
Logical Record Structured (LRS)
member
konfirmasi_pembayaran
transaksi pembayaran
metode_bayar
melakukan memiliki
memiliki memiliki
id_member
nm_member
no_telp
alamat
kd_pembayaran
nm_muzakki
bin/binti
jumlah
kd_metode
id_membertotal_bayarkd_pembayaran
kd_metode
metode norek
bank
atas_namakd_konfirmasi bukti transfer
jumlah_bayarkd_pembayaran
tgl_bayar
1
M1 M
1
1
M
1
tahun_daftar tahun_transaksi
member
id_member *nm_memberno_telpemailalamattahun_daftar
transaksi
kd_pembayaran **id_member**kd_metode**nm_muzakkibin/bintijumlahtahun_transaksi
pembayaran
kd_pembayaran*total_bayar
metode_bayar
kd_metode *metodebanknorekatas_nama
konfirmasi
kd_konfimasi *kd_pembayaran**tgl_bayarjumlah_bayarbukti_transfer
1
M
1
1
M
1
1
M
24
3.4. Spesifikasi File
Dalam perancangan website ini, penulis menggunakan sebuah database yang
bernama zakat. Database ini terdiri dari 7 tabel, yaitu sebagai berikut :
A. Spesifikasi Tabel Admin
Nama File : Tabel Admin
Akronim File : tb_admin
Fungsi File : untuk mengelola data admin
Type File : File Master
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 131 Karakter
Kunci Field : id_admin
Software : MySQLi
Tabel III.1.
Spesifikasi Tabel Admin
No. Elemen Data Akronim Type Size Keterangan
1. Id Admin id_admin Integer 11 Primary Key + Auto Increment
2. Nama Admin nm_admin Varchar 50
3. Username username Varchar 20
4. Password password Varchar 50
25
B. Spesifikasi Tabel Member
Nama File : Tabel Member
Akronim File : tb_member
Fungsi File : untuk mengelola data member
Type File : File Transaksi
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 210 Karakter
Kunci Field : id_member
Software : MySQLi
Tabel III.2.
Spesifikasi Tabel Member
No. Elemen Data Akronim Type Size Keterangan
1. Id Member id_member Integer 11 Primary Key + Auto Increment
2. Nama Member nm_member Varchar 50
3. Nomor Telepon no_telp Char 15
4. Email email Char 30
5. Alamat alamat Varchar 100
6. Tahun Daftar tahun_daftar Integer 4
26
C. Spesifikasi Tabel Transaksi
Nama File : Tabel Transaksi
Akronim File : tb_transaksi
Fungsi File : untuk mengelola data transaksi pembayaran zakat fitrah
Type File : File Transaksi
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 141 Karakter
Kunci Field : -
Software : MySQLi
Tabel III.3.
Spesifikasi Tabel Transaksi
No. Elemen Data Akronim Type Size Keterangan
1. Kode Pembayaran
kd_pembayaran Char 15 Foreign Key
2. Id Member id_member Integer 11 Foreign Key
3. Kode Metode kd_metode Integer 11 Foreign Key
4. Nama Muzakki nm_muzakki Varchar 50
5. Bin/Binti bin/binti Varchar 50
6. Jumlah jumlah Double -
7. Tahun Transaksi tahun_transaksi Integer 4
27
D. Spesifikasi Tabel Pembayaran
Nama File : Tabel Pembayaran
Akronim File : tb_pembayaran
Fungsi File : untuk mengelola data pembayaran zakat fitrah
Type File : File Master
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 15 Karakter
Kunci Field : kd_pembayaran
Software : MySQLi
Tabel III.4.
Spesifikasi Tabel Pembayaran
No. Elemen Data Akronim Type Size Keterangan
1. Kode Pembayaran
kd_pembayaran Char 15 Primary Key
2. Total Bayar total_bayar Double -
28
E. Spesifikasi Tabel Metode Pembayaran
Nama File : Tabel Metode Pembayaran
Akronim File : tb_metode_bayar
Fungsi File : untuk mengelola metode pembayaran yang dapat digunakan
Type File : File Master
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 151 Karakter
Kunci Field : kd_metode
Software : MySQLi
Tabel III.5.
Spesifikasi Tabel Metode Pembayaran
No. Elemen Data Akronim Type Size Keterangan
1. Kode Metode Pembayaran
kd_metode Integer 11 Primary Key + Auto Increment
2. Metode metode Varchar 30
3. Bank bank Varchar 30
4. Nomor Rekening
norek Char 30
5. Atas Nama Rekening
atas_nama Varchar 50
29
F. Spesifikasi Tabel Konfirmasi Pembayaran
Nama File : Tabel Konfirmasi Pembayaran
Akronim File : tb_konfirmasi
Fungsi File : untuk mengelola data konfirmasi pembayaran zakat fitrah
Type File : File Transaksi
Organisasi File : Index Squential
Akses File : Random
Media File : Hardisk
Panjang Record : 80 Karakter
Kunci Field : kd_konfirmasi
Software : MySQLi
Tabel III.6.
Spesifikasi Tabel Konfirmasi Pembayaran
No. Elemen Data Akronim Type Size Keterangan
1. Kode Konfirmasi
kd_konfirmasi Char 15 Primary Key
2. Kode Pembayaran
kd_pembayaran Char 15 Foreign Key
3. Tanggal Bayar tgl_bayar Date -
4. Jumlah Bayar Jumlah_bayar Double -
5. Bukti Transfer bukti_transfer Varchar 50
30
3.5. Pengkodean
Sistem pengkodean ini dibuat guna mengidentifikasi suatu objek secara
singkat. Pengkodean digunakan sebagai identitas untuk setiap data yang akan diinput
dalam tabel masing-masing. Kode dapat dibentuk dari kumpulan huruf, angka dan
karakter khusus. Pengkodean dalam sistem informasi pemabayaran zakat fitrah ini
menggunakan tipe kode grup, yaitu kode yang berdasarkan field-field dan tiap field
kode memiliki arti.
Berikut kode-kode yang digunakan :
1. Kode Pembayaran
Setiap transaksi pembayaran mempunyai kode unik untuk member
mengkonfirmasi pembayarannya agar lebih efektif dan efisien. Adapun kode unik
tersebut terdiri dari:
Contoh:
X 99999999 99999
KodeZakat Fitrah tahun masehitahun hijriyah bulan tanggal nomor urut
KodeZakat Fitrah tahun masehitahun hijriyah bulan tanggal nomor urut
F 30910441 10041
31
Keterangan:
F : 1 digit inisial kode zakat fitrah
1440 : 4 digit tahun hijriyah
19 : 2 digit tahun masehi
03 : 2 digit bulan masehi
14 : 2 digit tanggal masehi
001 : 3 digit nomor urut pembayaran zakat fitrah
2. Kode Konfirmasi Pembayaran
Setiap member melakukan konfirmasi pembayaran, maka akan muncul kode
unik pada setiap konfirmasi tersebut. Adapun kode konfirmasi pembayaran tersebut
terdiri dari:
Contoh:
X 9999X 99999
Konfirmasi Zakat Fitrah
bulan tanggal nomor uruttahun masehi
K 3091F 10041
Konfirmasi Zakat Fitrah
bulan tanggal nomor uruttahun masehi
32
Keterangan :
KF : 2 digit inisial konfirmasi pembayaran zakat fitrah
19 : 2 digit tahun masehi
03 : 2 digit bulan masehi
14 : 2 digit tanggal masehi
001 : 3 digit nomor urut konfirmasi pembayaran zakat fitrah
3.6. Spesifikasi Program
A. Struktur Navigasi
Dengan adanya aliran informasi yang tergambar dalam bentuk struktur
navigasi, akan membantu dalam menggambarkan isi dari setiap halaman dan link
atau navigasi antar halaman-halaman di dalam website tersebut.
Struktur Navigasi yang penulis gunakan dalam pembuatan situs web ini adalah
struktur navigasi composite (campuran). Melalui struktur navigasi ini akan terlihat isi
beserta seluruh susunan yang ada dalam sebuah website. Adapun struktur navigasi
yang digunakan terdiri dari:
1. Stuktur Navigasi Pengunjung
Struktur navigasi ini digunakan untuk menggambarkan mengenai hubungan
antara satu halaman dengan halaman lain dalam situs web ini yang bisa diakses oleh
pengunjung.
33
Gambar III.3.
Struktur Navigasi Pengunjung
2. Struktur Navigasi Member
Struktur navigasi ini digunakan untuk menggambarkan mengenai hubungan
antara satu halaman dengan halaman lain dalam situs web ini yang bisa diakses oleh
member.
Gambar III.4.
Struktur Navigasi Member
Index
KontakBesar
Zakat FitrahNiat
Zakat FitrahInformasi
Zakat FitrahBeranda LoginRegistrasi
Daftar
Lupa Password
Login
KontakBesar
Zakat FitrahNiat
Zakat FitrahInformasi
Zakat FitrahBeranda
Struk KonfirmasiPembayaran
Formulir PembayaranZakat Fitrah
Index
Login
Nama Member
LogoutBatal SimpanBatal Simpan Akun
34
3. Stuktur Navigasi Admin
Struktur navigasi ini digunakan untuk menggambarkan mengenai hubungan
antara satu halaman dengan halaman lain dalam situs web ini yang bisa diakses oleh
member.
Gambar III.5.
Struktur Navigasi Admin
3.7. Spesifikasi Sistem Komputer
A. Spesifikasi Perangkat Keras
1. CPU
a. Processor Intel Core I 3 HD Graphics
b. RAM DDR3 4 GB
c. Hard Disk 1 TB
2. Mouse
3. Keyboard
4. Monitor dengan resolusi layar minimum 1366x768
5. Koneksi internet dengan kecepatan 2 Mbps
MetodePembayaran
PembayaranMemberAdminBerandaLaporan Pembayaran
Zakat FitrahKonfirmasi
Pembayaran
Index
Login
Keluar
Tambah Ubah Hapus Cetak Hapus Hapus Tambah Ubah Hapus Hapus Cetak Hapus
35
B. Spesifikasi Perangkat Lunak
1. Sistem Operasi yang digunakan adalah Microsoft Windows.
2. Menggunakan MySQL sebagai database.
3. Menggunakan Google Chrome sebagai web browser.
4. Menggunakan Sublime Text sebagai teks editor dan penulisan kode
program.
3.8. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada sistem informasi pembayaran zakat
fitrah berdasarkan rancangan antar muka.
1. Halaman Beranda Pengunjung
Halaman ini adalah halaman utama yang dapat diakses oleh para pengunjung
website pembayaran zakat fitrah berbasis web.
Gambar III.6.
Implementasi Halaman Beranda
36
2. Halaman Informasi Zakat Fitrah
Halaman ini menampilkan informasi-informasi penting mengenai zakat fitrah
yang dapat dilihat oleh para pengguna.
Gambar III.7.
Implementasi Halaman Informasi Zakat Fitrah
3. Halaman Niat Zakat Fitrah
Halaman ini menampilkan beberapa niat zakat fitrah yang dapat diakses oleh
para pengguna.
Gambar III.8.
Implementasi Halaman Niat Zakat Fitrah
37
4. Halaman Besar Zakat Fitrah
Halaman ini menampilkan besar zakat fitrah yang harus muzakki bayarkan
yang nominalnya telah ditetapkan oleh kebijakan situs web. Halaman ini dapat
diakses oleh para pengguna.
Gambar III.9.
Implementasi Halaman Besar Zakat Fitrah
5. Halaman Kontak
Halaman ini menampilkan kontak admin berupa nomor telepon, alamat, email,
facebook dan twitter yang dapat dihubungi dan diakses oleh para pengguna.
Gambar III.10.
Implementasi Halaman Kontak
38
6. Halaman Registrasi
Halaman ini berfungsi sebagai form untuk pengunjung melakukan registrasi
sebagai member untuk dapat mengakses pembayaran zakat fitrah.
Gambar III.11.
Implementasi Halaman Registrasi
7. Halaman Login Member
Halaman ini berfungsi sebagai form login untuk pengunjung yang telah
terdaftar sebagai member dengan menginputkan nama sebagai username dan nomor
telepon sebagai password.
Gambar III.12.
Implementasi Halaman Login Member
39
8. Halaman Lupa Password
Halaman ini digunakan untuk membantu member yang lupa password saat
melakukan login.
Gambar III.13.
Implementasi Halaman Lupa Password
9. Halaman Beranda Member
Halaman ini adalah halaman utama yang dapat diakses oleh member ketika
telah berhasil login.
Gambar III.14.
Implementasi Halaman Beranda Member
40
10. Halaman Formulir Pembayaran Zakat
Halaman ini berfungsi sebagai form untuk member melakukan pembayaran
zakat fitrah, dengan klik menu Formulir Pembayaran Zakat dan mengisi datanya lalu
klik simpan.
Gambar III.15.
Implementasi Halaman Formulir Pembayaran Zakat
11. Halaman Invoice Pembayaran
Halaman ini berfungsi sebagai invoice pembayaran zakat fitrah ketika member
mengklik tombol simpan pada formulir pembayaran zakat.
Gambar III.16.
Implementasi Halaman Invoice Pembayaran
41
12. Halaman Konfirmasi Pembayaran
Halaman ini berfungsi sebagai form untuk member melakukan konfirmasi
apabila telah melakukan pembayaran zakat fitrah melalui transfer bank.
Gambar III.17.
Implementasi Halaman Konfirmasi Pembayaran
13. Halaman Bukti Akad Pembayaran
Halaman ini berfungsi sebagai bukti akad bahwa pembayaran zakat fitrah telah
sah diterima. Halaman ini akan muncul ketika member klik simpan pada form
konfirmasi pembayaran.
Gambar III.18.
Implementasi Halaman Bukti Akad Pembayaran
42
14. Halaman Akun Member
Halaman ini digunakan member untuk melihat dan mengubah data member.
Gambar III.19.
Implementasi Halaman Akun Member
15. Halaman Login Admin
Halaman ini berfungsi sebagai form login untuk admin dengan memasukan
username dan password.
Gambar III.20.
Implementasi Halaman Login Admin
43
16. Halaman Beranda Admin
Halaman ini merupakan halaman utama ketika admin telah berhasil login.
Gambar III.21.
Implementasi Halaman Beranda Admin
17. Halaman Data Admin
Halaman ini berfungsi untuk menampilkan data admin. Admin juga dapat
menambah, mengubah dan menghapus data admin tersebut.
Gambar III.22.
Implementasi Halaman Data Admin
44
18. Halaman Data Member
Halaman ini berfungsi untuk menampilkan data member. Admin juga dapat
menghapus dan mencetak data member tersebut.
Gambar III.23.
Implementasi Halaman Data Member
19. Halaman Laporan Data Member
Halaman ini berfungsi untuk menampilkan laporan data member pertahun saat
telah berhasil dicetak oleh admin.
Gambar III.24.
Implementasi Halaman Laporan Data Member
45
20. Halaman Data Pembayaran
Halaman ini berfungsi untuk menampilkan data pembayaran zakat fitrah.
Gambar III.25.
Implementasi Halaman Data Pembayaran
21. Halaman Data Metode Pembayaran
Halaman ini berfungsi untuk menampilkan data metode pembayaran yang
dapat digunakan oleh member saat melakukan pembayaran. Halaman ini dikelola
oleh admin yang dapat menambah, mengubah dan menghapus data metode tersebut.
Gambar III.26.
Implementasi Halaman Data Metode Pembayaran
46
22. Halaman Data Konfirmasi Pembayaran
Halaman ini berfungsi untuk menampilkan data konfirmasi pembayaran.
Admin dapat menghapus data konfirmasi tersebut.
Gambar III.27.
Implementasi Halaman Data Konfirmasi Pembayaran
23. Halaman Data Laporan Pembayaran Zakat
Halaman ini berfungsi untuk menampilkan data laporan keseluruhan
pembayaran zakat fitrah dan konfirmasinya. Admin dapat mencetak laporan tersebut.
Gambar III.28.
Implementasi Halaman Data Laporan Pembayaran Zakat
47
24. Halaman Laporan Pembayaran Zakat
Halaman ini berfungsi untuk menampilkan data laporan pembayaran zakat
fitrah pertahun saat telah berhasil dicetak oleh admin.
Gambar III.29.
Implementasi Halaman Laporan Pembayaran Zakat
3.9. Pengujian Unit
Pengujian yang dilakukan terhadap program yang dibuat menggunakan
blackbox testing yang fokus terhadap proses masukan dan keluaran program untuk
mengetahui kekurangan dari program dan program berjalan sesuai dengan yang
diharapkan.
48
A. Pengujian Terhadap Halaman Registrasi Member
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada halaman
registrasi member.
Tabel III.7.
Hasil Pengujian Blackbox Testing pada Halaman Registrasi Member
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada halaman registrasi tidak diisi, kemudian klik Daftar.
Nama : (kosong) No Telp : (kosong) Email : (kosong) Alamat : (kosong)
Sistem akan menolak untuk daftar dan menampilkan pesan “Please fill out this field” pada kolom Nama yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
2. Mengetikan nama dan field yang lainnya tidak diisi, lalu klik Daftar.
Nama : (dina febri) No Telp : (kosong) Email : (kosong) Alamat : (kosong)
Sistem akan menolak untuk daftar dan menampilkan pesan “Please fill out this field” pada kolom No Telepom yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan nama dan no telp, field yang lainnya tidak diisi, kemudian klik Daftar.
Nama : (dina febri) No Telp : (02198754321) Email : (kosong) Alamat : (kosong)
Sistem akan menolak untuk daftar dan menampilkan pesan “Please fill out this field” pada kolom Email yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
49
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
4. Mengetikan nama, no telp dan email, field yang lainnya tidak diisi, lalu klik Daftar.
Nama : (dina febri) No Telp : (02198754321) Email : ([email protected]) Alamat : (kosong)
Sistem akan menolak untuk daftar dan menampilkan pesan “Please fill out this field” pada kolom Alamat yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
5. Mengetikan semua field, kemudian klik Daftar.
Nama : (dina febri) No Telp : (02198754321) Email : ([email protected]) Alamat : (nanggela, bojonggede, bogor)
Sistem akan menerima untuk daftar dan menampilkan pesan “Data berhasil disimpan, silahkan login dengan nama dan nomor telepon sebagai username dan password.”
Sesuai Harapan
Valid
B. Pengujian Terahadap Halaman Login Member
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada halaman login
member.
Tabel III.8.
Hasil Pengujian Blackbox Testing pada Halaman Login Member
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada halaman login tidak diisi, kemudian klik Login.
Username : (kosong) Password : (kosong)
Sistem akan menolak untuk login dan menampilkan pesan “Please fill out this field” pada kolom Username yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
50
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
2. Mengetikan username dan field yang lainnya tidak diisi, lalu klik Login.
Username : (dina member) Password : (kosong)
Sistem akan menolak untuk login dan menampilkan pesan “Please fill out this field” pada kolom Password yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan username dan password dengan data yang salah, kemudian klik Login
Username : (zzzzz) Password : (xxxxx)
Sistem akan menolak untuk login dan menampilkan pesan “Username atau Password salah”
Sesuai Harapan
Valid
4. Mengetikan semua field dengan data yang benar, kemudian klik Login.
Username : (dina member) Password : (02198754321)
Sistem menerima untuk login dan masuk ke halaman beranda member
Sesuai Harapan
Valid
C. Pengujian terhadap Formulir Pembayaran Zakat
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada formulir
pembayaran zakat fitrah.
Tabel III.9.
Hasil Pengujian Blackbox Testing pada Formulir Pembayaran Zakat
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada formulir pembayaran tidak diisi, kemudian klik Simpan.
Nama Muzakki : (kosong) Bin/Binti : (kosong) Jumlah : (kosong) Metode Pembayaran : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Nama Muzakki yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
51
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
2. Mengetikan Nama Muzakki dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Muzakki : (Anna) Bin/Binti : (kosong) Jumlah : (kosong) Metode Pembayaran : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Bin/Binti yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan Nama Muzakki, Bin/Binti, dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Muzakki : (Anna) Bin/Binti : (Adi) Jumlah : (kosong) Metode Pembayaran : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please select one of these options” pada pilihan Jumlah yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
4. Mengetikan Nama Muzakki, Bin/Binti, Jumlah dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Muzakki : (Anna) Bin/Binti : (Adi) Jumlah : (Rp.40.000) Metode Pembayaran : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please select an item in the list” pada pilihan Metode Pembayaran yang berarti data tidak boleh kosong dan harus pilih salah satu metode
Sesuai Harapan
Valid
5. Mengetikan semua field, kemudian klik Simpan
Nama Muzakki : (Anna) Bin/Binti : (Adi) Jumlah : (Rp.40.000) Metode Pembayaran : (BCA – 6270166626 a/n Amil Zakat Fitrahku)
Sistem akan menerima untuk menyipan data dan akan keluar invoice pembayaran
Sesuai Harapan
Valid
52
D. Pengujian terhadap Formulir Konfirmasi Pembayaran
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada formulir
konfirmasi pembayaran zakat fitrah.
Tabel III.10.
Hasil Pengujian Blackbox Testing pada Formulir Konfirmasi Pembayaran
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada formulir konfirmasi tidak diisi, kemudian klik Simpan.
Kode Pembayaran : (kosong) Tanggal Bayar : (kosong) Jumlah Bayar : (kosong) Bukti Transaksi : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Kode Pembayaran yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
2. Mengetikan Kode Pembayaran dan field yang lainnya tidak diisi, lalu klik Simpan.
Kode Pembayaran : (F1441170530001) Tanggal Bayar : (kosong) Jumlah Bayar : (kosong) Bukti Transaksi : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Tanggal Bayar yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan Kode Pembayaran, Tanggal Bayar dan field yang lainnya tidak diisi, lalu klik Simpan.
Kode Pembayaran : (F1441170530001) Tanggal Bayar : (06/24/2019) Jumlah Bayar : (kosong) Bukti Transaksi : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Jumlah Bayar yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
53
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
4. Mengetikan Kode Pembayaran, Tanggal Bayar, Jumlah Bayar dan field yang lainnya tidak diisi, lalu klik Simpan.
Kode Pembayaran : (F1441170530001) Tanggal Bayar : (06/24/2019) Jumlah Bayar : (40000) Bukti Transaksi : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please select a file” pada kolom Bukti Transaksi yang berarti data tidak boleh kosong dan harus masukan file bukti struk.
Sesuai Harapan
Valid
5. Menegetikan semua field dengan Kode Pembayaran yang salah, kemudian klik Simpan.
Kode Pembayaran : (0000001111111) Tanggal Bayar : (06/24/2019) Jumlah Bayar : (40000) Bukti Transaksi : (struk.jpg)
Sistem akan menolak untuk simpan dan menampilkan pesan “Kode pembayaran tidak ditemukan”.
Sesuai Harapan
Valid
6. Menegetikan semua field dengan benar, kemudian klik Simpan.
Kode Pembayaran : (F1441170530001) Tanggal Bayar : (06/24/2019) Jumlah Bayar : (40000) Bukti Transaksi : (struk.jpg)
Sistem akan menerima untuk menyipan data konfirmasi dan akan keluar bukti akad bahwa pembayaran zakat fitrah telah sah diterima.
Sesuai Harapan
Valid
54
E. Pengujian Terahadap Halaman Login Admin
Pengujian Black Box Testing ini berfungsi untuk mengetahui program berjalan
sesuai dengan yang diharapkan pada halaman login admin.
Tabel III.11.
Hasil Pengujian Blackbox Testing pada Halaman Login Admin
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada halaman login tidak diisi, kemudian klik Login.
Username : (kosong) Password : (kosong)
Sistem akan menolak untuk login dan menampilkan pesan “Please fill out this field” pada kolom Username yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
2. Mengetikan username dan field yang lainnya tidak diisi, lalu klik Login.
Username : (dinafbryn) Password : (kosong)
Sistem akan menolak untuk login dan menampilkan pesan “Please fill out this field” pada kolom Password yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan username dan password dengan data yang salah, kemudian klik Login
Username : (zzzzz) Password : (xxxxx)
Sistem akan menolak untuk login dan menampilkan pesan “Username atau Password salah”
Sesuai Harapan
Valid
4. Mengetikan semua field dengan data yang benar, kemudian klik Login.
Username : (dinafbryn) Password : (admin)
Sistem menerima untuk login dan masuk ke halaman beranda admin
Sesuai Harapan
Valid
55
F. Pengujian terhadap Form Tambah Data Admin
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada halaman tambah
data admin.
Tabel III.12.
Hasil Pengujian Blackbox Testing pada Form Tambah Data Admin
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada form tambah data admin tidak diisi, kemudian klik Simpan.
Nama Admin : (kosong) Username : (kosong) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Nama Admin yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
2. Mengetikan Nama Admin dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Admin : (Febriana) Username : (kosong) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Username yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
3. Mengetikan Nama Admin, username, dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Admin : (Febriana) Username : (fbryn) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Password yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
56
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
5. Mengetikan semua field, kemudian Simpan.
Nama Admin : (Febriana) Username : (fbryn) Password : (admin)
Sistem akan menerima untuk menambah data admin dan menampilkan pesan “Admin berhasil dibuat dengan nama :(Febriana)”
Sesuai Harapan
Valid
G. Pengujian terhadap Form Ubah Data Admin
Pengujian Black Box Testing ini berfungsi untuk mengetahui kekurangan dari
program dan program berjalan sesuai dengan yang diharapkan pada halaman ubah
data admin.
Tabel III.13.
Hasil Pengujian Blackbox Testing pada Form Ubah Data Admin
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1. Seluruh field yang ada pada form ubahdata admin tidak diisi, lalu klik Simpan.
Nama Admin : (kosong) Username : (kosong) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Nama Admin yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
2. Mengetikan Nama Admin dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Admin : (Dina Febriana) Username : (kosong) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Username yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
57
No. Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
3. Mengetikan Nama Admin, username, dan field yang lainnya tidak diisi, lalu klik Simpan.
Nama Admin : (Dina Febriana) Username : (dinafbryn) Password : (kosong)
Sistem akan menolak untuk simpan dan menampilkan pesan “Please fill out this field” pada kolom Password yang berarti data tidak boleh kosong.
Sesuai Harapan
Valid
5. Mengetikan semua field, kemudian Simpan.
Nama Admin : (Febriana) Username : (fbryn) Password : (admin)
Sistem akan menerima untuk mengubah data admin dan menampilkan pesan “Data Admin dengan nama :(Dina Febriana) Berhasil di Perbaharui)”
Sesuai Harapan
Valid