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
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
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 tersimpan 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 tersimpan di data master user.
5. 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
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
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
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 Memilih menu yang akan diinput Pilih data menu (Kalkulator zakat, Login) Menu akan terpilih Berhasil masuk ke menu selanjutnya 2 Menu Kalkulator Zakat Proses menu Menampilka n menu kalkulator zakat Input data sesuai dengan form tersebut Menampilkan hasil zakat yang telah di input Menampilkan hasil zakat yang telah di input 3 Menu Login Proses
menu Masukan username dan password Input data sesuai dengan form tersebut Menu akan login terbuka Berhasil membuka Menu Login 4 Menu Registrasi Proses menu Laman registrasi sudah aktif Input data sesuai dengan form tersebut Data registrasi tersimpan kedalam database user Data registrasi tersimpan kedalam database user lalu menampilkan Menu Login 5 Laman kelola user Menguji inputan dan simpan data user Laman kelola user sudah aktif Input data user lalu klik tombol save Data user tersimpan kedalam database user Data user tersimpan kedalam database user 6 Laman kelola mustahiq Menguji inputan dan simpan data mustahiq Laman kelola mustahiq sudah aktif Input data mustahiq lalu klik tombol save Data mustahiq tersimpan kedalam database mustahiq Data mustahiq tersimpan kedalam database mustahiq 7 Laman kelola jadwal amal Menguji inputan dan simpan data jadwal amal Laman kelola jadwal amal sudah aktif Input data jadwal amal lalu klik tombol save Data jadwal amal tersimpan kedalam database pembagian Data jadwal amal tersimpan kedalam database pembagian 8 Laman data penyaluran zakat Menampi lkan data mustahiq yang menerim a zakat sesuai data jadwal amal Laman data penyaluran zakat sudah aktif - Data penyaluran zakat berhasil ditampilkan dan sesuai dengan jadwal amal Berhasil ditampilkan dan sesuai dengan jadwal amal yang ditentukan
9 Laman kelola data bukti pembayaran Melakuk an pengecek an data bukti pembaya ran Laman kelola data bukti pembayaran sudah aktif Edit status bukti pembayaran lalu klik tombol save Data yang telah di edit tersimpan kedalam database Data Permintaan tersimpan kedalam database data permintaan 10 Laman laporan zakat Menceta k laporan zakat Laman laporan zakat sudah aktif Input laporan lalu klik tombol cetak Data penerimaan dan pengeluaran zakat ditampilkan dan sesuai dengan periode laporan Berhasil ditampilkan dan sesuai dengan laporan zakat 11 Laman laporan bukti pembayaran Menceta k laporan bukti pembaya ran Laman laporan bukti pembayaran sudah aktif Input laporan lalu klik tombol cetak Data bukti pembayaran berhasil ditampilkan dan sesuai dengan peroide laporan 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.
4. Menu Registrasi yang tersedia, hasil imputannya berhasil tersimpan 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.
