BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Pembuatan program aplikasi layanan zakat LAZ berbasis web ini ditujukan untuk pengurus LAZ, donatur dan organisasi-organisasi yang membutuhkan dana bantuan, adapun kegunaan implementasi aplikasi ini untuk pengurus LAZ antara lain : a. Pengurus LAZ dapat melihat daftar konfirmasi pembayaran yang dilakukan oleh donatur b. Pengurus LAZ juga dapat melihat daftar proposal yang diajukan oleh para organisasi-organisasi atau perorangan yang memohon bantuan dana c. Pengurus LAZ juga dapat menseleksi proposal-proposal yang dianggap bisa dipercaya untuk diberikan dana d. Dalam tahap penseleksian proposal ada dua divisi yang melakukan seleksi, yaitu divisi review dan divisi manager, kedua-duanya saling berinteraksi didalam sistem e. Dan yang terakhir pengurus LAZ bisa melihat laporan keuangan dari semua pembayaran yang dilakukan oleh para donatur Lain halnya dengan donatur dan organisasi-organisasi atau perorangan yang mengajukan proposal dana, hak-hak aksesnya sangat berbeda dengan pengurus LAZ, yaitu antara lain : a. Dapat melakukan konfirmasi pembayaran zakat dan infaq b. Dapat melihat daftar konfirmasi pembayaran yang sudah diinput c. Dapat melakukan pengajuan proposal permohonan dana secara online d. Dapat melihat daftar proposal yang sudah diajukan serta dapat melihat status pengajuan proposalnya secara online e. Dan yang terakhir dapat melihat seluruh laporan keuangan yang masuk di LAZ dalam kategori-kategori program LAZ Proses kegiatan ini sebelum aplikasi ini diimplementasi, semua proses dilakukan secara manual sehingga kurang efisien dari sisi waktu maupun tenaga. Dikarenakan aplikasi ini berbasis website maka aplikasi ini bisa diakses dimanapun dengan jaringan internet sehingga bisa mempermudah proses kegiatan yang ada diaplikasi ini. 50
51 Setelah melakukan analisis dan perancangan terhadap aplikasi layanan zakat LAZ berbasis web, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahapan pengujian terdapat dua cakupan spesifikasi kebutuhan sistem yang meliputi perangkat keras dan perangkat lunak, implementasi pada aplikasi ini meliputi proses pengkodean basis data dan tampilan antar muka. 4.1.1 Persiapan Perangkat Pendukung Dalam aplikasi ini menggunakan dua buah perangkat yaitu perangkat keras dan perangkat lunak. Berikut adalah kebutuhan sistem ini dibuat dan diuji. 1. Perangkat Keras (Hardware) a. Processor Intel Core 2 Duo b. RAM 2038 MB c. Hardisk 320 GB 2. Perangkat Lunak (Software) a. Operating system Windows XP Professional SP3 b. XAMPP 1.5.0 yang diantaranya : i. PHP 5.0.5 ii. Mysql 5.0.15 iii. phpmyadmin 2.6.4-pl3 4.2 Tampilan Aplikasi Layanan LAZ berbasis web Untuk menjalankan aplikasi ini, yang dilakukan pertama kali adalah membuka web browser, kemudian ketikkan nama host yang menjadi server pada bagian address/location. Bila host yang digunakan sama dengan host yang dipakai saat ini, nama host dapat diisi dengan localhost. 4.2.1 Halaman Login Gambar 4.1 merupakan gambar halaman untuk masuk kedalam aplikasi ini. User harus memasukan username dan password. Jika terjadi kesalahan maka sistem akan mengeluarkan pesan kesalahan. User pada aplikasi ini ada tiga yaitu level 0 sebagai administrator dan level 1 dibagi tiga bagian yaitu yang pertama level 1 untuk donatur dan pengaju proposal dan kedua untuk validator level reviewer dan ketiga untuk validator level manager. Tabel user access list bisa dilihat pada tabel 4.1
52 Tabel 4.1 User Access List User Level Type Registrasi Keterangan Hak Akses 0 Administrator Administrator User ini mendapat semua menu yang ada diaplikasi ini dan bisa melakukan input konfirmasi, lihat konfirmasi, input proposal, lihat proposal, approve proposal, reject proposal, lihat daftar proposal dan lihat laporan keuangan 1 Manager User User ini mendapat semua menu juga yang ada diaplikasi ini dan bisa melakukan input konfirmasi, lihat konfirmasi, input proposal, lihat proposal, approve proposal, reject proposal, lihat daftar proposal dan lihat laporan keuangan 1 Reviewer User User ini hampir mendapat semua menu yang ada diaplikasi ini kecuali validasi manager karena keputusan akhir persetujuan proposal ada dimenu validasi manager, user ini bisa input konfirmasi, lihat konfirmasi, input proposal, lihat proposal, approve proposal, reject proposal, lihat daftar proposal dan lihat laporan keuangan 1 Pemohon User User ini hanya mendapat menu home, lembaga, konfirmasi, view konfirmasi, submit proposal, view proposal, laporan keuangan dan logut, dimana berfungsi untuk input konfirmasi pembayaran zakat, lihat
53 daftar konfirmasi zakat, input atau upload proposal, lihat daftar proposal dan lihat laporan keuangan 1 Donatur User User ini sama seperti pemohon hak aksesnya dimana mendapat menu home, lembaga, konfirmasi, view konfirmasi, submit proposal, view proposal, laporan keuangan dan logut, dimana berfungsi untuk input konfirmasi pembayaran zakat, lihat daftar konfirmasi zakat, input atau upload proposal, lihat daftar proposal dan lihat laporan keuangan Gambar 4.1 Halaman Login 4.2.2 Halaman Home Gambar 4.2 merupakan gambar halaman home. Pada halaman ini terdapat logo gambar Yayasan Ukhuwah untuk menampilkan kesan bahwa ini adalah aplikasi resmi yayasan ukhuwah. Jika menggunakan user dengan type registrasi administrator dan manager maka akan mendapat semua menu diantaranya : Home, Lembaga, Konfirmasi, View Konfirmasi, Submit Proposal, View Proposal, Validasi Reviewer, Validasi Manager dan Lap. Keuangan, sedangkan jika menggunakan user dengan type registrasi reviewer maka akan mendapat menu diantaranya : Home, Lembaga, Konfirmasi, View Konfirmasi, Submit Proposal, View Proposal, Validasi Reviewer dan Lap. Keuangan dan jika login menggunakan type registrasi pemohon dan donatur maka akan mendapat menu
54 seperti diantaranya : Home, Lembaga, Konfirmasi, View Konfirmasi, Submit Proposal, View Proposal dan Lap. Keuangan. Gambar 4.2 Halaman Home 4.2.3 Halaman Lembaga Halaman ini digunakan untuk memberikan informasi sejarah dari asal usul Yayasan Ukhuwah, mulai dari pertama berdiri sampai saat ini. Dengan diberikannya asal usul Yayasan ini berhadap bisa menjadi donatur percaya dengan Yayasan Ukhuwah Gambar 4.3 Halaman Lembaga
55 4.2.4 Halaman Konfirmasi Halaman ini digunakan untuk melakukan konfirmasi pembayaran zakat yang sudah disalurkan, jadi setelah donatur melakukan pembayaran zakat, infaq atau shadaqoh, donatur bisa melakukan konfirmasi online dengan aplikasi ini dan bisa dilihat juga secara realtime hasil konfirmasinya. Halaman ini digunakan user untuk memasukan konfirmasi pembayaran. Kolomkolom yang diberi tanda (*) merupakan mandatory atau harus diisi jika dengan sengaja tidak diisi maka sistem akan menginformasikan bahwa kolom tersebut harus diisi karena sistem tidak akan menyimpan data ke database jika kolom mandatory tidak diinput, kolom-kolom yang menjadi mandatory antara lain nama, jenis donasi, jumlah donasi, tanggal donasi, cara donasi, bank pengirim, no rekening tujuan, dan kode validasi karena dianggap informasi yang dibutuhkan oleh management Yayasan. Proteksi validasi kolom-kolom yang mandatory menggunakan javascript dengan function yang diberi nama function validateform(), pilihan kolom jenis donasi antara lain : U-care Education, U-care Health, U-care Empowerment, U-care Humanitarian, U-care Green kolom ini ditujukan untuk memudahkan user dalam memilih jenis donasi apa yang dananya ingin disalurkan. Lalu kolom cara donasi pilihannya antara lain : transfer via bank, cash, penjemputan, internet banking, atau transfer via atm informasi ini penting untuk pihak Yayasan dalam melakukan pelacakan penyaluran dana zakat, lalu bank pengirim pilihannya antara lain : bank bri, bank bca, bank bni, bank mandiri, bank bukopin, bank muamalat, bank permata, bank syariah mandiri, bank jawa barat dan lainnya ini juga berfungsi untuk melakukan pelacakan pihak Yayasan dalam memeriksa history bank yang melakukan transfer ke rekening Yayasan. Dan yang terakhir adalah nomor rekening tujuan optionnya adalah : bank muamalat, bank syariah mandiri, bank bca, bank bni syariah, bank jabar syariah ini adalah rekening-rekening yang dimiliki oleh pihak Yayasan untuk mengumpulkan dana zakat. Setelah semua diinput oleh user maka wajib diklik untuk disimpan didatabase setelah sukses disimpan maka akan tampil pesan Terima Kasih Sudah Melakukan Konfirmasi dan jika kode validasi salah sistem juga akan menampilkan pesan kode yang anda masukan salah.
56 Gambar 4.4 Halaman Konfirmasi Gambar 4.5 Halaman Konfirmasi Kolom 4.2.5 Halaman View Konfirmasi Halaman ini digunakan untuk melihat daftar konfirmasi yang sudah diinput, halaman ini hanya menampilkan daftar konfirmasi sesuai dengan user yang login kecuali administrator yang bisa melihat semua user yang melakukan konfirmasi.
57 Gambar 4.6 Halaman View Konfirmasi 4.2.6 Halaman Submit Proposal Halaman ini digunakan untuk mengirimkan proposal secara online, dengan menu ini lembaga-lembaga yang ingin mengajukan proposal untuk permintaan dana bisa mengirimkan proposalnya menggunakan menu ini, menu ini sekaligus menggantikan proses pengiriman proposal yang biasa dilakukan secara manual dengan mendatangi kantor Yayasan Ukhuwah dengan adanya keuntungan seperti itu maka seharusnya akan timbul efektif dan efisien bagi para lembaga-lembaga yang ingin turut serta melestarikan jiwa sosial ke masyarakat. 4.2.7 Halaman Input / Upload Proposal Di halaman ini user wajib mengisi kolom nama, email, no telephone, file proposal, budget dank ode validasi, kolom-kolom ini bersifat mandatory atau wajib diisi dan sistem akan menolak pengiriman data ke database jika salah satu dari kolom tersebut belum terisi dan akan menampilkan pesan file proposal belum diupload jika kolom file proposal yang belum diisi atau kolom-kolom lainnya yang menjadi mandatory. Kolom nama, email, no telephone akan otomatis tergenerate atau terisi sesuai dengan data login penggunanya, lalu kolom file proposal berfungsi untuk mengirimkan softcopy dari proposal yang sudah dibuat, kolom budget kolom ini berfungsi untuk mengetahui budget yang dibutuhkan oleh lembaga-lembaga sebelum pihak dari Yayasan Ukhuwah membaca secara terperinci proposal yang diajukan dan juga untuk mengkalkulasi persediaan dana yang ada di Yayasan Ukhuwah terkait dengan kebijakan Yayasan
58 Ukhuwah 30% dari saldo Yayasan untuk kebutuhan lembaga-lembaga external yang mengajukan permohonan dana. Dengan adanya input budget diawal akan bisa diprediksi sejak dini oleh sistem, berapa budget yang dibutuhkan dan apakah masih tersedianya alokasi dana untuk hal tersebut. Jika semua kolom sudah diisi dengan benar maka sistem akan mengirimkan data ke database server dan menampilkan pesan Terima Kasih, Proposal Anda Akan Kami Review Terlebih Dahulu. Gambar 4.7 Halaman Submit Proposal Gambar 4.8 Halaman Submit Proposal Kolom
59 4.2.8 Halaman View Proposal Halaman ini digunakan untuk melihat daftar proposal yang sudah diinput, halaman ini hanya menampilkan daftar proposal sesuai dengan user yang login kecuali administrator yang bisa melihat semua user yang melakukan konfirmasi. Kolom ID Proposal merupakan kode proposal yang otomatis tergenerate oleh sistem, kolom nama, email dan telephone adalah data yang diambil dari login pengguna, kolom file adalah data yang diambil dari nama file proposal yang sudah diupload, kolom status ada beberapa kondiri : f. Setelah proposal dikirim melalui menu submit proposal maka status proposal dimenu view proposal kosong g. Setelah proposal masuk ke database lalu reviewer melakukan pemeriksaan jika reviewer menetapkan keputusan reject makan dikolom status akan muncul keterangan rejected tetapi jika reviewer menetapkan keputusan approved maka tidak ada keterangan dikolom status atau kosong h. Setelah reviewer menetapkan status approved maka manager akan melakukan validasi atau proposal sudah bisa dilihat di menu validasi manager, jika manager menetapkan keputusan rejected maka dikolom status menu view proposal akan muncul keterangan rejected dan jika manager menetapkan keputusan approved maka dikolom status menu view proposal akan muncul keterangan approved dengan arti proposal tersebut sudah disetujui dan akan segera diberikan dana sesuai dengan yang diminta. i. Dan terakhir kolom action, kolom ini akan memberikan link untuk membuka file proposal yang sudah diupload. Gambar 4.9 Halaman View Proposal
60 4.2.9 Halaman Validasi Reviewer Halaman ini berfungsi untuk melakukan validasi terhadap proposal yang sudah dikirimkan secara online, menu ini merupakan menu validasi proposal tahap 1 dimana proposal-proposal yang baru dikirim oleh lembaga-lembaga yang mengajukan dana yang belum akan tampil di menu ini, yang ditampilkan hanya ID Proposal Gambar 4.10 Halaman Validasi Reviewer 4.2.10 Halaman Validasi Persetujuan Reviewer User reviewer harus memilih salah satu id proposal dari yang ditampilkan dimenu validasi reviewer setelah memilih id proposal user reviewer mengklik tombol open dan akan tampil informasi dana yang tersedia untuk diberikan ke proposal-proposal sesuai dengan peraturan Yayasan Ukhuwah yaitu 30% dari saldo pemasukan Yayasan jika budget yang diminta melebihi ketersediaan dana maka akan muncul keterangan over budget disebelah kanan ketersediaan dana proposal. Selain itu ada beberapa kolom yang harus dipilih optionalnya oleh reviewer sesuai dengan hasil pemerikasaan dan survey atas lembaga yang mengajukan dana, kolom-kolom tersebut antara lain : Usia lembaga, Tema proposal, Program proposal, Kebutuhan proposal, Potensi proposal, Potensi keberhasilan, Cost effectiveness, Dampak cost effectiveness, Kontribusi program, Keputusan dan Kode validasi. Isian tersebut harus sesuai dengan hasil pemeriksaan dan survey terhadap lembaga tersebut, jika keputusan yang diberikan oleh reviewer approved maka isian data tersebut akan menjadi bahan penilaian lagi oleh manager tetapi jika keputusan yang
61 diberikan oleh reviewer rejected maka proposal akan balik ke lembaga yang mengajukan dengan memberi keterangan dikolom status menu view proposal dengan Rejected. Gambar 4.11 Halaman Validasi Persetujuan Reviewer 4.2.11 Halaman Validasi Manager Halaman ini berfungsi untuk melakukan validasi proposal tahap akhir dimana menu ini hanya dimiliki oleh manager dan administrator karena menu ini akan menentukan berkurangnya alokasi dana untuk proposal. Berbeda dengan menu validasi reviewer jika keputusan diberi approved tidak akan mengurangi dana alokasi proposal tetapi jika dimenu ini keputusan diberi approved makan dana proposal akan otomatis berkurang. Kenapa hal tersebut bisa terjadi dikarenakan sistem akan mengupdate kalkulasi perhitungan dana proposal yang diambil dari tabel t_konfirmasi dimana tabel tersebut terdapat jumlah donasi. Halaman depan validasi manager sama seperti halaman validasi reviewer dimana akan menampilkan id proposal yang sudah di approved oleh reviewer. Untuk melanjutkan validasi ke halaman berikutnya manager harus memilih salah satu id proposal yang ditampilkan lalu klik tombol Open untuk menentukan penilaian terhadap proposal tersebut.
62 Gambar 4.12 Halaman Validasi Manager 4.2.12 Halaman Validasi Persetujuan Manager Setelah dihalaman depan manager mengklik tombol Open maka akan muncul halaman ini, sama seperti halaman validasi persetujuan reviewer halaman ini menampilkan beberapa kolom validasi bedanya adalah kolom-kolom ini tidak bisa diedit, manager hanya membaca hasil validasi dari reviewer dan memberikan keputusan approved atau reject. Kolom yang wajib diisi oleh manager adalah keputusan dan kode validasi, setelah manager memberikan keputusan approved maka proposal secara resmi diterima dan lembaga tersebut akan mendapat bantuan dana dari Yayasan Ukhuwah, begitu juga sebaliknya jika keputusan diberi Rejected maka proposal akan ditolak dan dibalikan ke lembaga tersebut dengan memberi keterangan status di menu view proposal. Gambar 4.13 Gambar Halaman Validasi Persetujuan Manager
63 4.3 Pengujian Pengujian program aplikasi ini dilakukan dengan metode Black Box Testing. Metode black box ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode black box testing ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dengan metode black box testing dilakukan dengan cara memberikan sejumlah masukan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi menghasilkan keluaran (output) yang diinginkan dan sesuai dengan fungsi dari program aplikasi tersebut. Bila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan fungsionalitasnya, maka program aplikasi yang bersangkutan telah benar, tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalitasnya, maka masih terdapat kesahalan pada program aplikasi tersebut. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan penelusuran dan perbaikan (debugging) untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik. 4.3.1 Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah menu-menu yang ada dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada tampilan aplikasi layanan zakat. Skenario dilakukan satu persatu dalam kondisi yang mungkin terjadi. Tabel 4.2 Skenario Pengujian No Deskripsi Kelompok Kasus Uji Hasil Yang Diharapkan Fungsional Uji 1 Login User Normal Memasukan username Menampilkan halaman dan password muka aplikasi layanan zakat Memasukan username Salah dan password yang kesalahan Username tidak sesuai dengan dan password anda tidak database cocok. Silahkan Ulangi
64 2 Menu Normal Mengisi data field lalu yang diisi dimasing- Konfirmasi tekan masing kolom tersimpan ke database sesuai dengan field yang diinput Mengisi data field tersebut tidak Salah salah maka tekan tersimpan didatabase tombol reset Salah mengisi kode Salah validasi kesalahan Kode Validasi Yang Anda Masukan Salah dan tidak masuk ke database Kolom nama tidak diinput lalu klik kesalahan Mohon input nama Kolom jumlah donasi tidak diinput lalu klik kesalahan Mohon input jumlah donasi Kolom tanggal donasi tidak diinput lalu klik kesalahan Mohon input tanggal donasi Kolom kode validasi tidak diinput lalu klik kesalahan Mohon input kode validasi 3 Menu View Normal Klik menu view Mengeluarkan informasi Konfirmasi konfirmasi konfirmasi pembayaran zakat sesuai dengan login yang digunakan 4 Menu Submit Normal Klik menu submit Kolom nama terinput Proposal proposal otomatis nama pengguna Normal Klik menu submit Kolom email terinput proposal otomatis email pengguna Normal Klik menu submit Kolom no. telephone proposal terinput otomatis no
65 5 Menu View Proposal telephone pengguna Normal Mengisi data field lalu klik yang diisi dimasingmasing kolom masuk ke database sesuai dengan field yang diinput Salah Mengisi data field lalu klik tombol reset tersebut tidak tersimpan didatabase Salah Salah mengisi kode validasi kesalahan Kode Validasi Yang Anda Masukan Salah dan tidak masuk ke database Kolom nama dikosongkan lalu klik kesalahan Mohon input nama Kolom email dikosongkan lalu klik kesalahan Mohon input email Kolom no telephone dikosongkan lalu klik kesalahan Mohon input no telephone Kolom file proposal dikosongkan lalu klik kesalahan Mohon input file proposal Kolom budget dikosongkan lalu klik kesalahan Mohon input budget Kolom kode validasi dikosongkan lalu klik kesalahan Mohon input kode validasi Normal Klik menu view Mengeluarkan informasi proposal proposal sesuai dengan login yang digunakan Normal Klik link view Muncul pop up window
66 6 Menu Pilih ID Proposal Validasi Reviewer 7 Halaman Validasi Persetujuan Dana Proposal- Reviewer 8 Menu Pilih ID Proposal Validasi Manager dikolom action open file proposal Normal User memilih ID Menampilkan halaman Proposal dan klik Validasi Persetujuan tombol open Dana Proposal- Reviewer Normal Jika ID Proposal kosong dan diklik Tidak Ada Proposal tombol open Normal Memilih isian field yang diisi dimasingmasing lalu klik tombol kolom tersimpan submit ke database sesuai dengan field yang diinput Mengolah data tidak akan Salah dimasing-masing field tersimpan ke database lalu ingin mengulang kembali klik tombol reset Kode validasi salah tidak akan Salah input atau tidak sesuai tersimpan ke database dengan kode yang dan menampilkan pesan tercantum lalu diklik kode yang anda masukan salah Kolom kode validasi tidak akan tidak diinput dan tersimpan dan diklik menampilkan pesan mohon input kode validasi Normal User memilih ID Menampilkan halaman Proposal dan klik Validasi Persetujuan tombol open Dana Proposal - Manager Normal Jika ID Proposal
67 kosong dan diklik Tidak Ada Proposal tombol open 9 Halaman Validasi Normal Memilih isian dikolom keputusan akhir dan akan tersimpan ke database Persetujuan Dana Proposal- Manager mengisi kode validasi sesuai kode yang tampil lalu klik tombol submit Salah Mengolah data dikolom keputusan tidak akan tersimpan kedatabase akhir dan kode validasi lalu klik tombol reset Salah Kode validasi salah input atau tidak sesuai dengan kode yang tercantum lalu diklik tidak akan tersimpan ke database dan menampilkan pesan kode yang anda masukan salah Kolom kode validasi tidak diinput dan diklik tidak akan tersimpan dan menampilkan pesan mohon input kode validasi 4.3.2 Hasil Pengujian Setelah skenario pengujian dilakukan terhadap semua menu yang ada diaplikasi maka akan didapat hasil pengujian yang akan divisualisasikan dalam betuk tabel hasil pengujian. Berikut ini tabel hasil pengujian terhadap semua menu yang sudah di skenariokan. Tabel 4.3 Hasil pengujian No Deskripsi Kelompok Kasus Uji Hasil Yang Hasil Fungsional Uji Diharapkan Uji 1 Login User Normal Memasukan username dan password Menampilkan halaman muka aplikasi
68 Memasukan Salah username dan kesalahan password yang Username dan tidak sesuai password anda tidak dengan database cocok. Silahkan Ulangi 2 Halaman Normal Mengisi data yang diisi Konfirmasi field lalu tekan dimasing-masing kolom tersimpan ke database sesuai dengan field yang diinput Mengisi data tersebut tidak Salah field salah maka tersimpan didatabase tekan tombol reset Salah mengisi Salah kode validasi kesalahan Kode Validasi Yang Anda Masukan Salah dan tidak masuk ke database Kolom nama tidak diinput kesalahan Mohon lalu klik tombol input nama submit Kolom jumlah donasi tidak kesalahan Mohon diinput lalu klik input jumlah donasi Kolom tanggal donasi tidak kesalahan Mohon diinput lalu klik input tanggal donasi
69 3 Halaman View Konfirmasi 4 Halaman Submit Proposal Kolom kode validasi tidak diinput lalu klik Normal Klik menu view konfirmasi Normal Klik menu submit proposal Normal Klik menu submit proposal Normal Klik menu submit proposal Normal Mengisi data field lalu klik Mengisi data Salah field lalu klik tombol reset Salah mengisi Salah kode validasi kesalahan Mohon input kode validasi Mengeluarkan informasi konfirmasi pembayaran zakat sesuai dengan login yang digunakan Kolom nama terinput otomatis nama pengguna Kolom email terinput otomatis email pengguna Kolom no. telephone terinput otomatis no telephone pengguna yang diisi dimasing-masing kolom masuk ke database sesuai dengan field yang diinput tersebut tidak tersimpan didatabase kesalahan Kode Validasi Yang Anda Masukan Salah dan tidak masuk ke database Kolom nama
70 dikosongkan kesalahan Mohon lalu klik tombol input nama submit Kolom email dikosongkan lalu klik tombol submit Kolom no telephone dikosongkan lalu klik tombol submit Kolom file proposal dikosongkan lalu klik tombol submit Kolom budget dikosongkan lalu klik tombol submit Kolom kode validasi dikosongkan lalu klik tombol submit 5 Halaman Normal Klik menu view View proposal Proposal Normal Klik link view dikolom action kesalahan Mohon input email kesalahan Mohon input no telephone kesalahan Mohon input file proposal kesalahan Mohon input budget kesalahan Mohon input kode validasi Mengeluarkan informasi proposal sesuai dengan login yang digunakan Muncul pop up window open file proposal 6 Halaman Normal User memilih ID Menampilkan
71 Pilih ID Proposal dan halaman Validasi Proposal klik tombol Persetujuan Dana Validasi open Proposal- Reviewer Reviewer Normal Jika ID Proposal kosong dan Tidak Ada diklik tombol Proposal open 7 Halaman Normal Memilih isian yang diisi Validasi field lalu klik dimasing-masing Persetujuan kolom tersimpan ke Dana database sesuai Proposal- dengan field yang Reviewer diinput Mengolah data tidak akan Salah dimasing- tersimpan ke masing field lalu database ingin mengulang kembali klik tombol reset Kode validasi tidak akan Salah salah input atau tersimpan ke tidak sesuai database dan dengan kode menampilkan pesan yang tercantum kode yang anda lalu diklik masukan salah Kolom kode tidak akan validasi tidak tersimpan dan diinput dan menampilkan pesan diklik tombol mohon input kode submit validasi 8 Halaman Normal User memilih ID Menampilkan Pilih ID Proposal dan halaman Validasi
72 Proposal klik tombol Persetujuan Dana Validasi open Proposal - Manager Manager Normal Jika ID Proposal kosong dan Tidak Ada diklik tombol Proposal open 9 Halaman Normal Memilih isian akan tersimpan Validasi dikolom ke database Persetujuan keputusan akhir Dana dan mengisi Proposal- kode validasi Manager lalu klik tombol submit Mengolah data tidak akan Salah dikolom tersimpan keputusan akhir kedatabase dan kode validasi lalu klik tombol reset Kode validasi tidak akan Salah salah input atau tersimpan ke tidak sesuai database dan dengan kode menampilkan pesan yang tercantum kode yang anda lalu diklik masukan salah Kolom kode tidak akan validasi tidak tersimpan dan diinput dan menampilkan pesan diklik tombol mohon input kode submit validasi
73 4.4 Analisis Hasil Pengujian 1. Pengujian terhadap login user jika pengguna memasukan username dan password yang sesuai dengan database maka sistem akan masuk kehalaman muka aplikasi layanan zakat, jika pengguna memasukan username dan password yang tidak sesuai dengan database maka sistem akan mengantarkan pengguna kehalaman muka aplikasi layanan zakat dan menampilkan pesan username dan password anda tidak cocok. Silahkan ulangi kembali. 2. Pengujian terhadap konfirmasi pembayaran jika pengguna mengisi kolom-kolom yang disediakan dihalaman konfirmasi pembayaran tersebut, terutama yang mandatory atau wajib diinput lalu pengguna mengklik maka data yang diisi dimasing-masing kolom tersebut akan tersimpan kedatabase sesuai dengan field yang diinput, jika pengguna mengisi kolom-kolom yang tersedia dihalaman konfirmasi pembayaran lalu mengklik tombol reset maka data tersebut tidak akan tersimpan didatabase dan kolom-kolom yang sudah diinput menjadi kosong kembali, jika pengguna salah mengisi kolom validasi dengan kode yang tidak sesuai maka sistem akan menampilkan pesan kode validasi yang anda masukan salah dan data tidak tersimpan didatabase dan jika pengguna tidak mengisi kolom-kolom yang menjadi mandatory seperti kolom nama, kolom jumlah donasi, kolom tanggal donasi dan kolom validasi maka sistem akan menampilkan pesan peringatan untuk mengisi kolom tersebut 3. Pengujian terhadap halaman view konfirmasi jika pengguna mengklik menu view konfirmasi maka sistem akan menampilkan informasi pembayaran zakat sesuai dengan login yang digunakan 4. Pengujian terhadap halaman submit proposal jika pengguna mengklik menu submit proposal maka sistem akan menampilkan kolom-kolom yang diperlukan dalam mengirim proposal dan pada kolom nama, email dan no telephone akan otomatis terinput oleh sistem sesuai login pengguna, jika pengguna sudah mengisi kolomkolom yang disediakan di halaman submit proposal dan mengklik maka data yang sudah diinput akan tersimpan ke database, jika pengguna sudah mengisi kolom-kolom yang disediakan dimenu submit proposal lalu mengklik tombol reset maka sistem akan menghapus isian dikolom-kolom tersebut dan tidak menyimpan kedatabase, jika pengguna salah mengisi kolom validasi yang tidak sesuai dengan kode yang tertera maka sistem akan menampilkan pesan kode validasi
74 yang anda masukan salah dan akan balik ke menu awal, jika pengguna tidak mengisi kolom-kolom yang menjadi mandatory maka sistem akan menampilkan pesan mohon diinput sesuai dengan kolom yang belum terisi kolom-kolom tersebut antara lain : nama, email, no telephone, file proposal, budget dan kode validasi 5. Pengujian terhadap halaman view proposal jika pengguna mengklik menu view proposal maka sistem akan menampikan informasi proposal yang sudah dikirim sesuai dengan login pengguna dan jika pengguna mengklik link view yang terdapat di tabel view proposal kolom action maka akan muncul pop up open file proposal 6. Pengujian terhadap halaman pilihan id proposal validasi reviewer jika pengguna memilih id proposal lalu klik tombol open maka sistem akan mengantarkan pengguna kehalaman validasi persetujuan dana proposal-reviewer, jika id proposal kosong lalu pengguna memaksakan mengklik tombol open maka sistem akan menampilkan pesan tidak ada proposal 7. Pengujian terhadap halaman validasi persetujuan dana proposal di level reviewer jika pengguna memilih isian dikolom-kolom yang disediakan oleh sistem untuk memvalidasi proposal lalu diklik maka sistem akan menyimpan kedatabase sesuai dengan field yang diinput, kolom-kolom tersebut antara lain : usia lembaga, tema proposal, program proposal, kebutuhan proposal, potensi proposal, potensi keberhasilan, cost effectiveness, dampak cost effectiveness, kontribusi program, keputusan dan kode validasi, jika pengguna sudah memilih isian dikolomkolom tersebut lalu mengklik tombol reset maka data tidak akan tersimpan kedatabase dan kolom-kolom tersebut akan balik ke awal, jika pengguna salah menginput dikolom validasi karena isian tidak sesuai dengan yang tertera maka sistem akan menampikan pesan dan data tidak akan tersimpan kedatabase dan juga jika kolom validasi tidak diinput maka sistem akan menampilkan pesan mohon input kode validasi 8. Pengujian terhadap halaman pilihan id proposal validasi manager jika pengguna memilih id proposal lalu klik tombol open maka sistem akan mengantarkan pengguna kehalaman validasi persetujuan dana proposal-manager, jika id proposal kosong lalu pengguna memaksakan mengklik tombol open maka sistem akan menampilkan pesan tidak ada proposal 9. Pengujian terhadap halaman validasi persetujuan dana proposal dilevel manager jika pengguna memilih isian dikolom keputusan akhir dan mengisi kode validasi secara benar dan klik maka sistem akan menyimpan data-data validasi
75 tersebut kedatabase, jika pengguna sudah memilih isian keputusan akhir dan mengisi kode validasi secara benar lalu diklik tombol reset maka sistem akan mengembalikan ke halaman awal dan isian awal dan data tidak tersimpan kedatabase, jika pengguna salah mengisi kolom validasi tidak seperti kode yang terlampir disistem maka sistem akan menampilkan pesan kode yang anda masukan salah dan akan balik kehalaman awal dan jika pengguna tidak mengisi kolom validasi atau mengkosongkan kolom validasi maka sistem akan menampilkan pesan mohon input kode validasi dan akan balik kehalaman awal.