Halaman User ‘Guest’ muzakki, mustahiq dan ‘petugas zis’

3. Penerima ZIS, menu ini untuk melihat data-data para mustahiq yang menerima zis. NISHAB ZAKAT 1. Kadar Zakat, Menu ini untuk melihat informasi kadar-kadar zakat. 3. Halaman User ‘Bendahara’ G a m b a r Lo g o Ho m e Hub ung i Ka mi Ko m e nta r Ad min Sta tus Use r MENU Ma na je m e n Use r Ma na je m e n Ko m e nta r Pe ne rim a a n Za ka t Pe ne rim a a n Infa q Sa d a q a h Pe ng e lua ra n ZIS VALIDASI Ko m e nta r Pe ne rim a a n Za ka t Pe ne rim a a n Infa q Sa d a q a h Pe g e lua ra n ZIS REKAPITULASI Re ka p itula si ZIS C O NTENT C o p yrig th © 2009 b y Alfia n Surury Dza ky Gambar 4.39 Kerangka Antarmuka user ‘bendahara’ Kerangka antar muka user ’bendahara’ ini adalah untuk user level ’bendahara’ dalam kerangka antarmuka ini terdapat 10 menu : MENU 1. Manajemen User, menu ini untuk tambah, edit, dan hapus user-user pengguna sistem. 134 2. Manajemen Komentar, menu ini untuk untuk tambah, edit, dan hapus komentar-komentar yang ada pada sistem. 3. Penerimaan Zakat, menu ini untuk untuk tambah, edit, dan hapus penerimaan zakat yang sudah masuk. 4. Penerimaan InfaqSadaqah, menu ini untuk untuk tambah, edit, dan hapus penerimaan infaqsadaqah yang sudah masuk. 5. Pengeluaran ZIS, menu ini untuk untuk tambah, edit, dan hapus pengeluaran zis yang sudah dikeluarkan untuk mustahiq. VALIDASI 1. Komentar, menu ini untuk validasi komentar-komentar yang baru masuk. 2. Penerimaan Zakat, menu ini untuk validasi pembayaran zakat dari muzakki. 3. Penerimaan InfaqSadaqah, menu ini untuk validasi pembayaran infaqsadaqah dari muzakki. 4. Pengeluaran ZIS, menu ini untuk validasi pengeluaran zis untuk para mustahiq dan validasi bagi para mustahiq yang telah mendaftar sebagai penerima zakat. REKAPITULASI 1. Rekapitulasi ZIS, Menu ini untuk melihat jumlah kas penerimaan dan pengeluaran zis. 135 4. Halaman User ’Ketua Masjid’ G a m b a r Lo g o Ho m e Hub ung i Ka mi Ko m e nta r Ad min Sta tus Use r LAPO RAN ZIS Pe ne rim a a n Za ka t Pe ne rim a a n Infa q Sa d a q a h Pe ng e lua ra n ZIS REKAPITULASI ZIS Re ka p itula si ZIS C O NTENT C o p yrig th © 2009 b y Alfia n Surury Dza ky Gambar 4.40 Kerangka Antarmuka user ‘ketua masjid’ Kerangka antar muka user ’bendahara’ ini adalah untuk user level ’bendahara’ dalam kerangka antarmuka ini terdapat 4 menu : LAPORAN ZIS 1. Penerimaan Zakat, menu ini untuk melihat dan mencetak laporan penerimaan zakat atau para muzakki yang telah membayarkan zakatnya. 2. Penerimaan InfaqSadaqah, menu ini untuk melihat dan mencetak laporan penerimaan infaqsadaqah atau para muzakki yang telah membayarkan infaq dan sadaqahnya. 3. Pengeluaran ZIS, menu ini untuk melihat dan mencetak laporan pengeluaran zis atau para mustahiq yang telah menerima zis. REKAPITULASI ZIS 1. Rekapitulasi ZIS, Menu ini untuk melihat jumlah kas penerimaan dan pengeluaran zis. 136 5. Halaman Login G a m b a r Lo g o Ho m e Hub ung i Ka mi Ko m e nta Ad mi r n Sta tus Use r ZIS Use rna m e : Ba ya r Za ka t Pa s : swo rd Ba ya r h Infa q Sa d a q a Lo g in Pe nd a fta ra n Te rim a ZIS DATA MUZAKKI Pe m b a ya r Za ka t Pe m b a ya r Infa q Sa d a q a h DATA MUSTAHIQ Pe ne rim a ZIS NISHAB ZAKAT Ka d a r Za ka t Nisha b C o p yrig th © 2009 b y Alfia n Surury Dza ky Gambar 4.41 Kerangka Antarmuka Login Kerangka antar muka diatas adalah kerangka antarmuka untuk login. 137

4.4 Pemrograman Coding

Setelah melakukan perancangan interface selanjutnya penulis melakukan tahapan pemrograman, di tahap ini penulis menggunakan bahasa pemrograman utama PHP karena bahasa pemrograman tersebut bersifat gratis dan open source serta banyak sekali digunakan oleh para pengembang sistem dan juga bahasa pemrograman tersebut sudah dikuasai sebelumnya oleh penulis. Untuk databasenya penulis menggunakan MySQL karena database tersebut bersifat gratis akan tetapi paling terkenal di seluruh dunia akan kelebihannya seperti kestabilan, kinerja yang cepat, tersedia di berbagai platform dan telah mencakup kebutuhan penulis. Untuk lebih jelasnya penulis menggunakan spesifikasi perangkat lunak untuk melakukan pemrograman sebagai berikut : 1. Operating System : Windows XP 2. Apache Web Server : Xampp 1.7 3. Database : MySQL versi 5.1.30 4. Scripting : PHP versi 5.2.8 5. Scriptting Tools : Macromedia Dreamweaver 8. 6. Design Tools : Adobe Photoshop CS 2. 7. Designer Tools : Microsoft Visio 2003 8. Browser Tools : Mozilla, Opera, Safari. 138

4.5 Pengujian Testing

Sebelum sistem dapat digunakan, maka sistem tersebut harus di uji terlebih dahulu agar jika terjadi sebuah kesalahan pada sistem maka akan cepat diketahui permasalahannya. Penulis melakukan pengujian program dengan metode blackbox testing, pengujian ini menguji masing-masing modul unit program, apakah sesuai dengan kebutuhan yang diinginkan. Untuk pengujiannya penulis menggunakan software Xampp 1.7 sebagai simulasi web server dan database servernya yang sudah di install didalamnya, spesifikasi hardware server yang digunakan sebagai berikut : 1. Processor : AMD Turion X2 Dual Core 2.1 Ghz 2. Memory : DDR2 2 Gb 3. Harddisk : 160 Gb 4. Keyboard : Standard Microsoft 5. Mouse : Razer Diamondback 3G 6. Resolution : LCD 1280 X 800 Pixel 7. Network : LANWireless Sedangkan untuk komputer client dapat digunakan berbagai jenis spesifikasi komputer dengan minimal spesifikasi yang dianjurkan penulis sebagai berikut : 1. Processor : Pentium III 800Mhz 139