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
User ini mendapat semua menu yang
Administrator
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 tombol submit 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 Kosong 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 Kosong
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
1
Deskripsi
Kelompok
Fungsional
Uji
Login User
Normal
Kasus Uji
Hasil Yang Diharapkan
Memasukan username
Menampilkan halaman
dan password
muka aplikasi layanan zakat
Data
Memasukan username
Menampilkan pesan
Salah
dan password yang
kesalahan “Username
tidak sesuai dengan
dan password anda tidak
database
cocok. Silahkan Ulangi”
64
2
Menu
Normal
Konfirmasi
Mengisi data field lalu
Data yang diisi dimasing-
tekan tombol submit
masing kolom tersimpan ke database sesuai dengan field yang diinput
Data
Mengisi data field
Data tersebut tidak
Salah
salah maka tekan
tersimpan didatabase
tombol reset Data
Salah mengisi kode
Menampilkan pesan
Salah
validasi
kesalahan “Kode Validasi Yang Anda Masukan Salah” dan tidak masuk ke database
3
Menu View
Data
Kolom nama tidak
Menampilkan pesan
Kosong
diinput lalu klik
kesalahan “Mohon input
tombol submit
nama”
Data
Kolom jumlah donasi
Menampilkan pesan
Kosong
tidak diinput lalu klik
kesalahan “Mohon input
tombol submit
jumlah donasi”
Data
Kolom tanggal donasi
Menampilkan pesan
Kosong
tidak diinput lalu klik
kesalahan “Mohon input
tombol submit
tanggal donasi”
Data
Kolom kode validasi
Menampilkan pesan
Kosong
tidak diinput lalu klik
kesalahan “Mohon input
tombol submit
kode validasi”
Klik menu view
Mengeluarkan informasi
konfirmasi
konfirmasi pembayaran
Normal
Konfirmasi
zakat sesuai dengan login yang digunakan 4
Menu Submit Normal
Klik menu submit
Kolom nama terinput
Proposal
proposal
otomatis nama pengguna
Klik menu submit
Kolom email terinput
proposal
otomatis email pengguna
Klik menu submit
Kolom no. telephone
proposal
terinput otomatis no
Normal
Normal
65
telephone pengguna Normal
Mengisi data field lalu
Data yang diisi dimasing-
klik tombol submit
masing kolom masuk ke database sesuai dengan field yang diinput
Data
Mengisi data field lalu
Data tersebut tidak
Salah
klik tombol reset
tersimpan didatabase
Data
Salah mengisi kode
Menampilkan pesan
Salah
validasi
kesalahan “Kode Validasi Yang Anda Masukan Salah” dan tidak masuk ke database
5
Menu View
Data
Kolom nama
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
nama”
Data
Kolom email
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
email”
Data
Kolom no telephone
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
no telephone”
Data
Kolom file proposal
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
file proposal”
Data
Kolom budget
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
budget”
Data
Kolom kode validasi
Menampilkan pesan
Kosong
dikosongkan lalu klik
kesalahan “Mohon input
tombol submit
kode validasi”
Klik menu view
Mengeluarkan informasi
proposal
proposal sesuai dengan
Normal
Proposal
login yang digunakan Normal
Klik link view
Muncul pop up window
66
6
dikolom action
open file proposal
User memilih ID
Menampilkan halaman
ID Proposal
Proposal dan klik
Validasi Persetujuan
Validasi
tombol open
Dana Proposal- Reviewer
Jika ID Proposal
Menampilkan pesan
kosong dan diklik
“Tidak Ada Proposal”
Menu Pilih
Normal
Reviewer Normal
tombol open 7
Halaman
Normal
Memilih isian field
Data yang diisi dimasing-
Validasi
lalu klik tombol
masing kolom tersimpan
Persetujuan
submit
ke database sesuai
Dana
dengan field yang diinput
ProposalReviewer Data
Mengolah data
Data tidak akan
Salah
dimasing-masing field
tersimpan ke database
lalu ingin mengulang kembali klik tombol reset Data
Kode validasi salah
Data tidak akan
Salah
input atau tidak sesuai
tersimpan ke database
dengan kode yang
dan menampilkan pesan
tercantum lalu diklik
“kode yang anda
tombol submit
masukan salah”
Data
Kolom kode validasi
Data tidak akan
Kosong
tidak diinput dan
tersimpan dan
diklik tombol submit
menampilkan pesan “mohon input kode validasi”
8
Menu Pilih
Normal
User memilih ID
Menampilkan halaman
ID Proposal
Proposal dan klik
Validasi Persetujuan
Validasi
tombol open
Dana Proposal - Manager
Jika ID Proposal
Menampilkan pesan
Manager Normal
67
kosong dan diklik
“Tidak Ada Proposal”
tombol open 9
Halaman
Normal
Memilih isian dikolom Data akan tersimpan ke
Validasi
keputusan akhir dan
Persetujuan
mengisi kode validasi
Dana
sesuai kode yang
Proposal-
tampil lalu klik tombol
Manager
submit
database
Data
Mengolah data
Data tidak akan
Salah
dikolom keputusan
tersimpan kedatabase
akhir dan kode validasi lalu klik tombol reset Data
Kode validasi salah
Data tidak akan
Salah
input atau tidak sesuai
tersimpan ke database
dengan kode yang
dan menampilkan pesan
tercantum lalu diklik
“kode yang anda
tombol submit
masukan salah”
Data
Kolom kode validasi
Data tidak akan
Kosong
tidak diinput dan
tersimpan dan
diklik tombol submit
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
1
Kelompok Kasus Uji
Hasil
Yang Hasil
Fungsional
Uji
Diharapkan
Uji
Login User
Normal
Memasukan
Menampilkan
Sukses
username dan
halaman muka
password
aplikasi
68
Data
Memasukan
Menampilkan pesan
Salah
username dan
kesalahan
password yang
“Username dan
tidak sesuai
password anda tidak
dengan database
cocok. Silahkan
Sukses
Ulangi” 2
Halaman
Normal
Konfirmasi
Mengisi data
Data yang diisi
field lalu tekan
dimasing-masing
tombol submit
kolom tersimpan ke
Sukses
database sesuai dengan field yang diinput Data
Mengisi data
Data tersebut tidak
Salah
field salah maka
tersimpan didatabase
Sukses
tekan tombol reset Data
Salah mengisi
Menampilkan pesan
Salah
kode validasi
kesalahan “Kode
Sukses
Validasi Yang Anda Masukan Salah” dan tidak masuk ke database Data
Kolom nama
Menampilkan pesan
Kosong
tidak diinput
kesalahan “Mohon
lalu klik tombol
input nama”
Sukses
submit Data
Kolom jumlah
Menampilkan pesan
Kosong
donasi tidak
kesalahan “Mohon
diinput lalu klik
input jumlah
tombol submit
donasi”
Data
Kolom tanggal
Menampilkan pesan
Kosong
donasi tidak
kesalahan “Mohon
diinput lalu klik
input tanggal
tombol submit
donasi”
Sukses
Sukses
69
Data
Kolom kode
Menampilkan pesan
Kosong
validasi tidak
kesalahan “Mohon
diinput lalu klik
input kode validasi”
Sukses
tombol submit 3
Halaman
Normal
View
Klik menu view
Mengeluarkan
konfirmasi
informasi konfirmasi
Konfirmasi
Sukses
pembayaran zakat sesuai dengan login yang digunakan
4
Halaman
Normal
Submit
Klik menu
Kolom nama
submit proposal
terinput otomatis
Proposal
Sukses
nama pengguna Normal
Klik menu
Kolom email
submit proposal
terinput otomatis
Sukses
email pengguna Normal
Klik menu
Kolom no. telephone Sukses
submit proposal
terinput otomatis no telephone pengguna
Normal
Mengisi data
Data yang diisi
field lalu klik
dimasing-masing
tombol submit
kolom masuk ke
Sukses
database sesuai dengan field yang diinput Data
Mengisi data
Data tersebut tidak
Salah
field lalu klik
tersimpan didatabase
Sukses
tombol reset Data
Salah mengisi
Menampilkan pesan
Salah
kode validasi
kesalahan “Kode
Sukses
Validasi Yang Anda Masukan Salah” dan tidak masuk ke database Data
Kolom nama
Menampilkan pesan
Sukses
70
Kosong
dikosongkan
kesalahan “Mohon
lalu klik tombol
input nama”
submit Data
Kolom email
Menampilkan pesan
Kosong
dikosongkan
kesalahan “Mohon
lalu klik tombol
input email”
Sukses
submit Data
Kolom no
Menampilkan pesan
Kosong
telephone
kesalahan “Mohon
dikosongkan
input no telephone”
Sukses
lalu klik tombol submit Data
Kolom file
Menampilkan pesan
Kosong
proposal
kesalahan “Mohon
dikosongkan
input file proposal”
Sukses
lalu klik tombol submit Data
Kolom budget
Menampilkan pesan
Kosong
dikosongkan
kesalahan “Mohon
lalu klik tombol
input budget”
Sukses
submit Data
Kolom kode
Menampilkan pesan
Kosong
validasi
kesalahan “Mohon
dikosongkan
input kode validasi”
Sukses
lalu klik tombol submit 5
Halaman
Normal
View
Klik menu view
Mengeluarkan
proposal
informasi proposal
Proposal
Sukses
sesuai dengan login yang digunakan Normal
Klik link view
Muncul pop up
dikolom action
window open file
Sukses
proposal 6
Halaman
Normal
User memilih ID Menampilkan
Sukses
71
Pilih ID
Proposal dan
halaman Validasi
Proposal
klik tombol
Persetujuan Dana
Validasi
open
Proposal- Reviewer
Jika ID Proposal
Menampilkan pesan
kosong dan
“Tidak Ada
diklik tombol
Proposal”
Reviewer Normal
Sukses
open 7
Halaman
Normal
Memilih isian
Data yang diisi
Validasi
field lalu klik
dimasing-masing
Persetujuan
tombol submit
kolom tersimpan ke
Dana
database sesuai
Proposal-
dengan field yang
Reviewer
diinput Data
Mengolah data
Data tidak akan
Salah
dimasing-
tersimpan ke
Sukses
Sukses
masing field lalu database ingin mengulang kembali klik tombol reset Data
Kode validasi
Data 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”
Sukses
tombol submit
8
Halaman Pilih ID
Data
Kolom kode
Data tidak akan
Kosong
validasi tidak
tersimpan dan
diinput dan
menampilkan pesan
diklik tombol
“mohon input kode
submit
validasi”
Normal
User memilih ID Menampilkan Proposal dan
halaman Validasi
Sukses
Sukses
72
Proposal
klik tombol
Persetujuan Dana
Validasi
open
Proposal - Manager
Jika ID Proposal
Menampilkan pesan
kosong dan
“Tidak Ada
diklik tombol
Proposal”
Manager Normal
Sukses
open 9
Halaman
Normal
Memilih isian
Data akan tersimpan
Validasi
dikolom
ke database
Persetujuan
keputusan akhir
Dana
dan mengisi
Proposal-
kode validasi
Manager
lalu klik tombol
Sukses
submit Data
Mengolah data
Data tidak akan
Salah
dikolom
tersimpan
keputusan akhir
kedatabase
Sukses
dan kode validasi lalu klik tombol reset Data
Kode validasi
Data 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”
Sukses
tombol submit Data
Kolom kode
Data tidak akan
Kosong
validasi tidak
tersimpan dan
diinput dan
menampilkan pesan
diklik tombol
“mohon input kode
submit
validasi”
Sukses
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 tombol submit 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 tombol submit 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 tombol submit 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 tombol submit 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.
