BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem Pada implementasi sistem ini akan dijelaskan implementasi dari aplikasi sistem yang digunakan dengan menggunakan beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Berikut merupakan spesifikasi PC (Personal Computer) yang dibutuhkan pada saat perancangan sistem informasi manajemen zakat dibuat dan dioperasikan : 1. Perangkat Keras : a. Tipe Komputer : Personal Computer (PC) b. Processor : Intel Dual Core 2.0 Ghz c. RAM : 2GB d. Harddisk Drive : 500 GB e. VGA OnBoard : 512 MB f. Monitor : Monitor 19 inch 1024 x 768 2. Perangkat Lunak : a. Sistem Operasional : Windows XP Proffesional atau Windows 7 b. Web Server : Hypertext Preprocessing (PHP), XAMPP c. Basis Data : My SQL Server d. Aplikasi : PHP 4.2 Implementasi Basis Data Pada sub bab ini akan menjelaskan implementasi basis data dari aplikasi sistem menggunakan XAMPP beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi dari aplikasi sistem tersebut.
Buka XAMMP terlebih dahulu sampai tampil gambar seperti gambar berikut : Gambar 4. 1 Tampilan Localhost XAMPP Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut : a. Tampilan Awal Pembuatan Database Gambar 4. 2 Tampilan Awal Pembuatan Database
b. Tampilan Database Zakat Gambar 4. 3 Tampilan Database Zakat c. Tampilan Database Tabel User Gambar 4. 4 Tampilan Database Tabel User CREATE TABLE IF NOT EXISTS `user` ( kd_user varchar(6) NOT NULL, nama varchar(20) NOT NULL, jenis_kelamin varchar(10) NOT NULL, alamat varchar(60) NOT NULL, phone varchar(12) NOT NULL, username varchar(12) NOT NULL, password varchar(46) NOT NULL, status varchar(20) NOT NULL, PRIMARY KEY ( kd_user )
d. Tampilan Database Tabel Mustahiq Gambar 4. 5 Tampilan Database Tabel Mustahiq CREATE TABLE IF NOT EXISTS `mustahik` ( kd_mustahik varchar(6) NOT NULL, nama_mustahik varchar(30) NOT NULL, jenis_kelamin varchar(10) NOT NULL, kategori varchar(20) NOT NULL, rt varchar(3) NOT NULL, rw varchar(3) NOT NULL, PRIMARY KEY ( kd_mustahik ) e. Tampilan Database Tabel Pembagian Gambar 4. 6 Tampilan Database Tabel Pembagian
CREATE TABLE IF NOT EXISTS `pembagian` ( kd_pembagian varchar(6) NOT NULL, bulan_pembagian varchar(10) NOT NULL, tahun_pembagian varchar(4) NOT NULL, rt varchar(3) NOT NULL, rw varchar(3) NOT NULL, jumlah_pembagian int(11) NOT NULL, PRIMARY KEY ( kd_pembagian ) f. Tampilan Database Tabel Detail_Zakat Gambar 4. 7 Tampilan Database Tabel Detail_zakat CREATE TABLE IF NOT EXISTS `detail_zakat` ( kd_zakat varchar(6) NOT NULL, kd_user varchar(6) NOT NULL, nama_pemberi varchar(30) NOT NULL, jenis_zakat varchar(16) NOT NULL, jumlah_zakat int(11) NOT NULL, bukti varchar(40) NOT NULL, tanggal date NOT NULL, status varchar(10) NOT NULL, PRIMARY KEY ( kd_zakat )
4.3 Implementasi Program Berikut adalah implementasi program sesuai dengan rancangan layar yang telah dirancang sebelumnya, antara lain: 1. Tampilan Menu Utama Untuk berjalan di localhost tampilan antarmuka awal ditampilkan dengan mengetikkan pada kotak browser http://localhost/zakat/index.html Nama ZAKAT menunjukan bahwa seluruh file apikasi disimpan di dalam folder ZAKAT yang diletakan pada folder htdocs. Gambar 4. 8 Tampilan Menu Utama Tampilan utama pada menu home ini meliputi menu kakulator zakat, menu login, dan tampilan informasi zakat.
2. Tampilan Menu Kalkulator Zakat Gambar 4. 9 Tampilan Menu Kalkulator Zakat Pada tampilan menu kalkulator zakat ini menampilkan sistem penghitungan atau hanya pengecekan zakat seperti zakat harta yang telah satu tahun, zakat profesi, zakat harta usaha, dan perhitungan hisab.
3. Tampilan Menu Login Gambar 4. 10 Tampilan Menu Login Ketika melakukan login. Sistem akan mendeteksi hak akses sesuai dengan level akses yang mereka miliki. Level akses tersebut adalah : 1. Level 0 dipergunakan bagi Admin yang mendapatkan hak ases keseluruhan sistem termasuk seluruh data master, transaksi dan laporan. 2. Level 1 diperuntukan bagi Muzaqi, pada level ini hanya memiliki hak akses untuk melakukan konfirmasi pembayaran saja.
4. Tampilan Menu Regristrasi Gambar 4. 11 Tampilan Menu Registrasi Pada tampilan menu registrasi ini menampilkan sistem untuk muzaqi yang ingin mendaftar dalam sistem zakat Masjid Jami AL Anwar. Data yang telah terdaftar langsung di data master user. 5. Tampilan Menu Admin Gambar 4. 12 Tampilan Menu Admin
Tampilan utama pada menu Admin meliputi keseluruhan sistem, baik data master, keseluruhan transaksi dan juga meliputi semua laporan yang nantinya bisa mencetak hasil-hasil laporan transaksi. 6. Tampilan Menu Data User Gambar 4. 13 Tampilan Menu Data User Tampilan data User adalah menu yang memuat keseluruhan data user yang terlibat pada sistem ini, yang dapat mengakses data ini hanyalah administrator yang mengelola data user baik masukan data, ubah ataupun menghapus. 7. Tampilan Menu Data Mustahiq Gambar 4. 14 Tampilan Menu Data Mustahiq
Tampilan data Mustahiq adalah menu yang memuat keseluruhan data warga yang akan menerima zakat, yang dapat mengakses data ini hanyalah administrator yang mengelola data mustahiq baik masukan data, ubah ataupun menghapus. 8. Tampilan Menu Jadwal Amal Gambar 4. 15 Tampilan Menu Jadwal Amal Menu transaksi Jadwal Amal adalah data yang berisikan penjadwalan penyaluran zakat yang ditentukan berdasarkan data RT dari keseluruhan data mustahiq, yang dapat mengakses data ini hanyalah administrator yang mengelola data jadwal amal baik masukan data, ubah ataupun menghapus. 9. Tampilan Menu Data Penyaluran Zakat Gambar 4. 16 Tampilan Menu Data Penyaluran Zakat
Tampilan data Penyaluran zakat adalah menu yang memuat keseluruhan data warga yang akan menerima zakat pada bulan yang sudah ditentukan, yang dapat mengakses data ini hanyalah administrator yang mengelola data mustahiq baik masukan data, ubah ataupun menghapus. 10. Tampilan Menu Data Bukti Pembayaran Gambar 4. 17 Tampilan Menu Data Bukti Pembayaran Tampilan data Bukti Pembayaran adalah menu yang memuat keseluruhan data muzaqi yang telah melakukan konfirmasi pembayaran, yang dapat mengakses data ini hanyalah administrator yang mengelola data mustahiq baik masukan data, ubah ataupun menghapus. 11. Tampilan Menu Laporan Zakat Gambar 4. 18 Tampilan Menu Laporan Zakat
Halaman Laporan zakat diakses oleh adminnistrator, untuk memberikan laporan seluruh hasil pemasukan dan pengeluaran zakat pada bula ini kepada Ketua DKM, dihalaman ini terdapat perintah cetak untuk mencetak Laporan zakat. 12. Tampilan Menu Laporan Bukti Pembayaran Gambar 4. 19 Tampilan Menu Laporan Bukti Pembayaran Halaman Laporan bukti pembayaran diakses oleh adminnistrator, untuk memberikan seluruh laporan bukti pembayaran, dihalaman ini terdapat perintah cetak untuk mencetak laporan bukti pembayaran.
4.4 Metode Pengujian White box testing adalah pengujian yang didasarkan pada pengecekan terhadap detail perancangan, menggunakan struktur kontrol dari desain program secara procedural untuk membagi pengujian ke dalam beberapa kasus pengujian. Secara sekilas dapat diambil kesimpulan white box testing merupakan petunjuk untuk mendapatkan program yang benar secara 100%. Black box testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. Jadi dianalogikan seperti kita melihat suatu koatak hitam, kita hanya bisa melihat penampilan luarnya saja, tanpa mengetahui ada apa dibalik bungkus hitam nya. Sama seperti pengujian black box, mengevaluasi hanya dari tampilan luarnya (interface nya), fungsionalitasnya tanpa mengetahui apa sesungguhnya yang terjadi dalam proses detailnya ( hanya mengetahui input dan output ). Metode pengujian dilakukan untuk memastikan apakah sistem yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang dugunakan untuk pengujian ini adalah black box, yaitu melakukan pengujian dengan memfokuskan pada fungsionality sistem tanpa mengetahui apa sesungguhnya yang terjadi dalam black end system ( hasil akhirnya ). 4.4.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 pada halaman form dari aplikasi ini apakah sudah sesuai dengan yang diharapkan.
Tabel 4. 1 Tabel Skenario Pengujian No Antar Muka Uji Coba Status aplikasi Skenario pengujian Hasil yang diharapkan Hasil Pengujian 1 Menu Home Mengam bil dan memilih menu 2 Menu Kalkulator Zakat Proses menu 3 Menu Login Proses menu Memilih menu yang akan diinput Menampilka n menu kalkulator zakat Masukan username dan password Pilih data menu (Kalkulator zakat, Login) Input data sesuai dengan form tersebut Input data sesuai dengan form tersebut Menu akan terpilih Menampilkan hasil zakat yang telah di input Menu akan login terbuka Berhasil masuk ke menu selanjutnya Menampilkan hasil zakat yang telah di input Berhasil membuka Menu Login 4 Menu Registrasi 5 Laman kelola user Proses menu Menguji inputan dan simpan data user Laman registrasi sudah aktif Laman kelola user sudah aktif Input data sesuai dengan form tersebut Input data user lalu klik tombol save Data registrasi database user Data user database user Data registrasi database user lalu menampilkan Menu Login Data user database user 6 Laman kelola mustahiq 7 Laman kelola jadwal amal 8 Laman data penyaluran zakat Menguji inputan dan simpan data mustahiq Menguji inputan dan simpan data jadwal amal Menampi lkan data mustahiq yang menerim a zakat sesuai data jadwal amal Laman kelola mustahiq sudah aktif Laman kelola jadwal amal sudah aktif Laman data penyaluran zakat sudah aktif Input data mustahiq lalu klik tombol save Input data jadwal amal lalu klik tombol save Data mustahiq database mustahiq Data jadwal amal database pembagian - Data penyaluran zakat berhasil ditampilkan dan sesuai dengan jadwal amal Data mustahiq database mustahiq Data jadwal amal database pembagian Berhasil ditampilkan dan sesuai dengan jadwal amal yang ditentukan
9 Laman kelola data bukti pembayaran 10 Laman laporan zakat 11 Laman laporan bukti pembayaran Melakuk an pengecek an data bukti pembaya ran Menceta k laporan zakat Menceta k laporan bukti pembaya ran Laman kelola data bukti pembayaran sudah aktif Laman laporan zakat sudah aktif Laman laporan bukti pembayaran sudah aktif Edit status bukti pembayaran lalu klik tombol save Input laporan lalu klik tombol cetak Input laporan lalu klik tombol cetak Data yang telah di edit database Data penerimaan dan pengeluaran zakat ditampilkan dan sesuai dengan periode laporan Data bukti pembayaran berhasil ditampilkan dan sesuai dengan peroide laporan Data Permintaan database data permintaan Berhasil ditampilkan dan sesuai dengan laporan zakat Berhasil ditampilkan dan sesuai dengan laporan bukti pembayaran 4.5 Analisa Hasil Pengujian Setelah dilakukan pengujian secara menyeluruh maka dapat disimpulkan bahwa pngujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. Dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, kerena telah dibuktikan dari hasil skenario pengujian. Hasil pengujian yang telah diperoleh dapat dianalisis sebagai berikut: 1. Halaman Home yang menghubungkan antar interface yang terdapat dalam menu berjalan dengan baik. 2. Proses kalkulator zakat berbasis PHP dapat berjalan sesuai yang diinginkan. 3. Halaman login yang mengontrol sub menu / link-link dalam sistem.
4. Menu Registrasi yang tersedia, hasil imputannya berhasil ke dalam database dengan benar dan tepat. 5. Halaman data User, semua operation yang terdapat pada halaman ini berjalan sesuai dengan perancangan yang diinginkan. 6. Halaman data Mustahiq, semua operation yang terdapat pada halaman ini berjalan sesuai dengan perancangan yang diinginkan. 7. Halaman Jadwal Amal, semua operation yang terdapat pada halaman ini berjalan sesuai dengan perancangan yang diinginkan. 8. Halaman Data Bukti Pembayaran, semua operation yang terdapat pada halaman ini berjalan sesuai dengan perancangan yang diinginkan. 9. Halaman Laporan Zakat terdapat button cari dan cetak, semua berjalan sesuai dengan perancangan yang diinginkan. 10. Halaman Laporan Bukti Pembayaran terdapat button cari dan cetak, semua berjalan sesuai dengan perancangan yang diinginkan.