BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan...

42
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.

Transcript of BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan...

Page 1: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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.

Page 2: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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.

Page 3: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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.

Page 4: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 5: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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 :

Page 6: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 7: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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).

Page 8: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

email

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

Page 9: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 10: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 11: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 12: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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 -

Page 13: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 14: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 15: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 16: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 17: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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.

Page 18: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 19: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 20: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 21: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 22: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 23: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 24: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 25: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 26: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 27: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 28: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 29: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 30: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 31: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 32: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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.

Page 33: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

   

Page 34: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

   

Page 35: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 36: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 37: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

   

Page 38: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 39: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

Page 40: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

   

Page 41: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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

   

Page 42: BAB III PEMBAHASAN - Bina Sarana Informatika · sebagai bentuk akad dari zakat fitrah tersebut, dan akan muncul laporan bahwa zakat fitrah telah sah diterima. i. Member dapat melihat

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