BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Sistem Tahap ini merupakan tahap implementasi dan pengujian sistem, dilakukan
setelah tahap analisis dan perancangan selesai dilakukan. Untuk menjalankan program Sistem Informasi ZIS pada masjid Al-Haq Kota Tangerang berbasis Web ini menggunakan PHP sebagai bahasa pemograman dan MySQL (phpMyAdmin) sebagai Data Base Management System (DBMS), maka diperlukan sebuah Web Server yang akan digunakan sebagai tempat penyimpanan program. Web Server yang akan digunakan berupa “Xampp”, atau program Web Server lain yang mendukung program PHP dan MySQL sebagai database Server
4.2
Perangkat Pengujian Pembuatan Sistem Informasi ZIS ini dibuat dengan menggunakan
komputer dengan spesifikasi sebagai berikut :
4.2.1 Perangkat Keras a. Processor
: Intel Core i3
b. RAM
: 2 GB
c. Harddisk
: 300 GB
4.2.2 Perangkat Lunak a. Operating System
: Microsoft Windows 7 Ultimate
b. Tools
: Macromedia Dreamweaver, Mozilla Firefox / Google Chrome
c. Database
4.3
: MySQL
Implementasi Basis Data Berikut ini adalah tampilan database Sistem Informasi ZIS pada masjid Al-
Haq berbasis Web :
81
82
a. Tampilan dari tabel-tabel yang telah dibuat dalam database Sistem Informasi ZIS (zakat)
Gambar 4.1 Tabel-tabel Database ZIS (zakat)
b. Tampilan tabel tb_admin
Gambar 4.2 Tampilan Tabel tb_admin
83
c. Tampilan tabel tb_anggaran
Gambar 4.3 Tampilan Tabel tb_anggaran
d. Tampilan tabel tb_anggaran_beras
Gambar 4.4 Tampilan Tabel tb_anggaran_beras
84
e. Tampilan tabel tb_bukti_penyaluran
Gambar 4.5 Tampilan Tabel tb_bukti_penyaluran
f. Tampilan tabel tb_golongan
Gambar 4.6 Tampilan Tabel tb_golongan
85
g. Tampilan tabel tb_jenis
Gambar 4.7 Tampilan Tabel tb_jenis
h. Tampilan tabel tb_level
Gambar 4.8 Tampilan Tabel tb_level
86
i. Tampilan tabel tb_pemberi_beras
Gambar 4.9 Tampilan Tabel tb_pemberi_beras
j. Tampilan tabel tb_penerima
Gambar 4.10 Tampilan Tabel tb_penerima
87
k.
Tampilan tabel tb_penyaluran
Gambar 4.11 Tampilan Tabel tb_penyaluran
l.
Tampilan tabel tb_penyaluran_beras
Gambar 4.12 Tampilan Tabel tb_penyaluran_beras
88
m.
Tampilan tabel tb_petugas
Gambar 4.13 Tampilan Tabel tb_petugas
n.
Tampilan tabel tb_zakat
Gambar 4.14 Tampilan Tabel tb_zakat
89
4.4
Implementasi dan Pengujian Program Berikut adalah implementasi dan pengujian program sesuai dengan
rancangan layar yang telah dibuat sebelumnya, antara lain :
1. Tampilan Home/web
Gambar 4.15 Tampilan Home/Web
2. Tampilan Web Transaksi
Gambar 4.16 Tampilan Web Transaksi
90
3. Tampilan Login
Gambar 4.17 Tampilan Login
4. Tampilan Halaman Utama Admin
Gambar 4.18 Tampilan Halaman Utama Admin
91
5. Tampilan Halaman Admin Golongan
Gambar 4.19 Tampilan Halaman Admin Golongan
6. Tampilan Halaman Admin Jenis
Gambar 4.20 Tampilan Halaman Admin Jenis
92
7. Tampilan Halaman Admin Petugas
Gambar 4.21 Tampilan Halaman Admin Petugas
8. Tampilan Halaman Admin Level
Gambar 4.22 Tampilan Halaman Admin Level
93
9. Tampilan Halaman Admin Dana ZIS
Gambar 4.23 Tampilan Halaman Admin Dana ZIS
10. Tampilan Halaman Admin Pemberi Uang
Gambar 4.24 Tampilan Halaman Admin Pemberi Uang
94
11. Tampilan Halaman Admin Pemberi Uang Langsung
Gambar 4.25 Tampilan Halaman Admin Pemberi Uang Langsung
12. Tampilan Halaman Admin Pemberi Beras
Gambar 4.26 Tampilan Halaman Admin Pemberi Beras
95
13. Tampilan Halaman Admin Penyaluran Uang
Gambar 4.27 Tampilan Halaman Admin Penyaluran Uang
14. Tampilan Halaman Admin Bukti Penyaluran
Gambar 4.28 Tampilan Halaman Admin Bukti Penyaluran
96
15. Tampilan Halaman Admin Penyaluran Beras
Gambar 4.29 Tampilan Halaman Admin Penyaluran Beras
16. Tampilan Halaman Admin Penerima ZIS
Gambar 4.30 Tampilan Halaman Admin Penerima ZIS
97
17. Tampilan Halaman Admin User
Gambar 4.31 Tampilan Halaman Admin User
18. Tampilan Halaman Admin Laporan
Gambar 4.32 Tampilan Halaman Admin Laporan
98
4.5 Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah sistem yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang digunakan untuk pengujian ini adalah black box, yaitu melakukan pengujian degan memfokuskan pada fungsionality system tanpa mengetahui apa sesungguhnya yang terjadi dalam black end system.
4.5.1 Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah aplikasi yang dibuat dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi PHP ini, kemudian dilakukan pengujian dengan menekan tombol-tombol yang terdapat pada halaman form dari aplikasi ini apakah sudah sesuai dengan yang diharapkan.
Tabel 4.1 Skenario Pengujian No
1
Antar Muka Tampilan Home / Web
Uji Coba Menguji semua link menu yang terdapat pada halaman menu web
Status Aplikasi
Skenario Pengujian
Hasil yang di harapkan
Hasil Pengujian
Masuk menu awal website
Klik link menu yang tersedia
Link menu yang dipilih dapat membuka halaman yang dimaksud.
Link menu yang dipilih dapat membuka halaman yang dimaksud.
99
2
Tampilan Login
Menguji proses login
Tampilan login sudah terbuka
Input username, password lalu klik login
Berhasil melakukan validasi
Berhasil masuk ke menu utama
Gagal melakukan validasi
Kembali ke tampilan login
3
Tampilan Menu Admin
Menguji semua link menu yang terdapat pada halaman menu admin
Masuk menu admin
Klik link menu yang tersedia
Link menu yang dipilih dapat membuka halaman yang dimaksud.
Link menu yang dipilih dapat membuka halaman yang dimaksud.
4
Tampilan Golongan
Menguji proses tambah golongan
Tampilan tambah golongan terbuka
Input data golongan kemudian klik simpan
Berhasil disimpan kedalam database dan data golongan bertambah
Berhasil disimpan kedalam database dan data golongan bertambah
5
Tampilan Jenis
Menguji proses tambah jenis
Tampilan tambah jenis terbuka
Input data jenis kemudian klik simpan
Berhasil disimpan kedalam database dan data jenis bertambah
Berhasil disimpan kedalam database dan data jenis bertambah
6
Tampilan Petugas
Menguji proses tambah petugas
Tampilan tambah user terbuka
Input data petugas kemudian klik simpan
Berhasil disimpan kedalam database dan data petugas
Berhasil disimpan kedalam database dan data petugas
100
tampilan tambah program level
bertambah
bertambah
Input data level kemudian klik simpan
Berhasil disimpan kedalam database dan data level bertambah
Berhasil disimpan kedalam database dan data level bertambah
7
Tampilan Level
Menguji proses tambah level
8
Tampilan Dana ZIS
Menguji Tampilan proses dana dana ZIS ZIS terbuka
Melihat total dana ZIS yang ada
Dana ZIS yang terkumpul dapat tampil
Dana ZIS yang terkumpul dapat tampil
9
Tampilan Pemberi Uang
Menguji proses pemberi uang
Tampilan pemberi uang terbuka
Melihat data pemberi uang
Data pemberi uang yang terkumpul dapat tampil
Data pemberi uang yang terkumpul dapat tampil
10
Tampilan Pemberi Uang Langsung
Menguji proses tambah pemberi uang langsung
Tampilan tambah pemberi uang langsung
Input data pemberi uang langsung kemudian klik simpan
Berhasil disimpan kedalam database dan pemberi uang langsung bertambah
Berhasil disimpan kedalam database dan pemberi uang langsung bertambah
11
Tampilan Pemberi Beras
Menguji proses tambah pemberi beras
Tampilan tambah pemberi beras terbuka
Input data pemberi beras kemudian klik simpan
Berhasil disimpan kedalam database dan data pemberi beras bertambah
Berhasil disimpan kedalam database dan data Pemberi beras bertambah
101
12
Tampilan Menguji Penyaluran proses Uang penyaluran uang
Halaman penyalura n uang terbuka
Input data penyalura n uang kemudian klik simpan
Berhasil disimpan kedalam database dan data penyaluran uang bertambah
Berhasil disimpan kedalam database dan data penyalura n uang bertambah
13
Tampilan Menguji Penyaluran proses Beras penyaluran beras
Halaman penyalura n beras terbuka
Input data penyalura n beras kemudian klik simpan
14
Tampilan Menguji Bukti proses Penyaluran bukti penyaluran
Halaman bukti penyalura n terbuka
Input bukti penyalura n kemudian klik simpan
15
Tampilan Penerima ZIS
Menguji proses penerima ZIS
Halaman penerima ZIS terbuka
Input data penerima ZIS kemudian klik simpan
Berhasil disimpan kedalam database dan data penyaluran beras bertambah Berhasil disimpan kedalam database dan bukti penyaluran bertambah Berhasil disimpan kedalam database dan data penerima ZIS bertambah
16
Tampilan User
Menguji proses input user
Halaman user terbuka
Input data user kemudian klik simpan
17
Tampilan Laporan
Mencetak laporan
Halaman laporan
Masuk laporan
Berhasil disimpan kedalam database dan data penyalura n beras bertambah Berhasil disimpan kedalam database dan bukti penyalura n Berhasil disimpan kedalam database dan data penerima ZIS bertambah . Berhasil disimpan kedalam database dan data user bertambah Laporan berhasil di
Berhasil disimpan kedalam database dan data user bertambah Laporan berhasil di
102
terbuka
4.6
lalu klik cetak
tampilkan
tampilkan
Analisa Hasil Pengujian Dari pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian.
Maka diperoleh hasil pengujian yang sesuai dengan rancangan aplikasi program yang telah dibuat. Dan terangkum dalam hasil pengujian dibawah ini : 1.
Pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini.
2.
Program ini telah berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian Admin dapat menginput data user, data golongan, data jenis, data petugas, data level, data pemberi uang, data pemberi beras, data penyaluran uang, data penyaluran beras, data penyaluran beras, data penerima ZIS
3.
Ketua berhasil masuk ke halaman ketua dengan login yang telah dibuat admin.
4.
Sekertaris berhasil masuk ke halaman sekertaris dengan login yang telah dibuat admin.
5.
Pemberi ZIS dapat melihat halaman web untuk mengetahui informasi, melakukan perhitungan zakat mal, dan melakukan pembayaran ZIS.
6.
Hasil keluaran atau output dapat tercetak sesuai perancangan sistem yang di inginkan. Dari hasil pengujian yang dilakukan pada website tersebut dapat
disimpulkan bahwa semua link dan tombol pada program yang ada di halaman website tersebut dapat dijalankan dengan baik. Dan untuk menjalankan program hasil website tersebut, dapat dijalankan menggunakan web browser yaitu Mozilla Firefox dan Google Chrome.
