BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1

Implementasi Setelah melakukan kegiatan analisa dan perancangan, tahap selanjutnya adalah

tahap implementasi dan pengujian. Pada tahap implementasi, terdapat 3 cakupan. Pertama adalah spesifikasi kebutuhan sistem. Kedua adalah batasan implementasi, dan yang ketiga adalah implementasi antar muka. Setelah itu baru akan berlanjut ke tahap pengujian yang menggunakan metode black-box. 4.1.1

Spesifikasi Sistem Berikut adalah kebutuhan sistem ketika sistem ini dibuat dan diuji :

a.

Perangkat keras (Hardware). Satu unit komputer sebagai web server , dengan spesifikasi sebagai berikut :

b.

1)

Prosessor intel core i3 2330m-cpu @ 2.20 GHz

2)

RAM 4.00 GB

3)

Harddisk 500 GB

Perangkat lunak (Software) 1)

XAMPP Versi 3.2.2

2)

Windows 7 untuk sistem operasi

3)

phpMyAdmin versi 4.6.5.2

4)

Google Chrome

5)

Balsamiq mockups 3

48 http://digilib.mercubuana.ac.id/z

49

4.1.2

Pembatasan Implementasi Pembatasaan implementasi ini dilakukan untuk memperjelas ruang lingkup

implementasi. Berikut batasan implementasi. a.

Aplikasi yang dikembangkan berbasiskan WEB, tapi tidak diimplementasikan

secara online melalui internet. 4.1.3

Implementasi Perancangan Basis Data

Implementasi basis data menggunakan Database Management System (DBMS). Query SQL yang digunkaan dalam implementasi Sistem Aplikasi Pengelolaan Manajemen Masjid Berbasis Web adalah sebagai berikut. Tabel 4.1 Rancangan Tabel User

Berikut Query dari table user adalah sebagai berikut : CREATE TABLE `m_user` ( ìd` int(11) NOT NULL, ùsername` varchar(100) DEFAULT NULL, `hash` text, `salt` text, `jabatan_id` int(11) DEFAULT NULL, èmail` varchar(50) DEFAULT NULL, àctive` int(11) DEFAULT '0', `created_at` timestamp NOT NULL, `last_seen` timestamp NOT NULL DEFAULT, `description` varchar(200) DEFAULT NULL );

http://digilib.mercubuana.ac.id/z

50

Tabel 4.2 Tabel Jabatan

Berikut Query dari table jabatan adalah sebagai berikut : CREATE TABLE `m_jabatan` ( `jabatan_id` int(11) NOT NULL, `nama_jabatan` varchar(100) DEFAULT NULL, `deskripsi` text, `credentials` smallint(6) DEFAULT ); Tabel 4.3 Tabel Akses

Berikut Query dari table akses adalah sebagai berikut : CREATE TABLE `m_akses` ( ìd_akses` int(11) NOT NULL, `jabatan_id` int(11) DEFAULT NULL, `modul` varchar(100) DEFAULT NULL, `view` int(11) DEFAULT '0', àdd` int(11) DEFAULT '0', èdit` int(11) DEFAULT '0', `remove` int(11) DEFAULT '0' );


51

Tabel 4.4 Tabel Artikel

Berikut Query dari table artikel adalah sebagai berikut : CREATE TABLE `t_artikel` ( ìd` int(11) NOT NULL, ùid` varchar(100) NOT NULL, `title` varchar(200) NOT NULL, `content` longtext NOT NULL, àuthor` varchar(100) NOT NULL, `source` varchar(100) DEFAULT NULL, ùrl_source` varchar(100) DEFAULT NULL, `category` int(11) NOT NULL, ìmage` varchar(100) NOT NULL, `created_at` datetime NOT NULL, `status` int(11) NOT NULL, `counter` int(11) NOT NULL DEFAULT '0' );


52

Tabel 4.5 Tabel t_in_zakat

Berikut Query dari table t_in_zakat adalah sebagai berikut : CREATE TABLE `t_in_zakat` ( ìd` int(11) NOT NULL, `no_transaksi` varchar(50) DEFAULT NULL, `metode_bayar` int(11) DEFAULT NULL, `jenis_dana` int(11) DEFAULT NULL, `no_rek` varchar(20) DEFAULT NULL, àtas_nama` varchar(100) DEFAULT NULL, `nama_bank` varchar(10) DEFAULT NULL, `bukti_bayar` varchar(100) DEFAULT NULL, `nama_donatur` varchar(100) DEFAULT NULL, `no_telp` varchar(20) DEFAULT NULL, èmail` varchar(50) DEFAULT NULL, àlamat` text, `jumlah_dana` int(11) DEFAULT NULL, `tgl_penerimaan` date DEFAULT NULL, àpproval` int(3) DEFAULT '0', `created_at` datetime DEFAULT NULL, ùpdated_at` datetime DEFAULT NULL );


53

Tabel 4.6 Tabel m_pilihan

Berikut Query dari table m_pilihan adalah sebagai berikut : CREATE TABLE `m_pilihan` ( ìd_metode` int(11) NOT NULL, `jenis_pilihan` int(11) DEFAULT NULL, ìnitial` varchar(20) DEFAULT NULL, `nama_pilihan` varchar(50) DEFAULT NULL ); Tabel 4.7 Tabel t_out_zakat

Berikut Query dari table m_pilihan adalah sebagai berikut : CREATE TABLE `t_out_zakat` ( ìd` int(11) NOT NULL, `no_transaksi` varchar(50) DEFAULT NULL, `jenis_penerima` smallint(6) DEFAULT NULL, `nama_penerima` varchar(100) DEFAULT NULL, `no_telp` varchar(20) DEFAULT NULL, èmail` varchar(50) DEFAULT NULL, àlamat_penerima` text, `jumlah_diterima` int(11) DEFAULT NULL,


54

`ket` text, àpproval` smallint(6) DEFAULT '0', `created_at` datetime DEFAULT NULL, ùpdated_at` datetime DEFAULT NULL ); 4.1.4

Implementasi Halaman Login

Gambar 4.1 Halaman Login Untuk masuk ke dalam halaman admin sistem pengelolaan aplikasi manajemen masjid terlebih dahulu memasukan Isian untuk Nama User Isian untuk Password Klik Login untuk membuka aplikasi

Pengelolaan artikel untuk tampilan jadwal & kegiatan aplikasi manajemen masjid dengan tampilan sebagai berikut :


55

Gambar 4.2 List Artikel Dalam Tampilan ini admin dapat menambah artikel baru, edit, delete dan menonaktifkan artikel. Jika admin menambahkan artikel maka akan muncul form sebagai berikut :

Gambar 4.3 Form Input Artikel

Dalam menu admin selain dapat menambah artikel juga terdapat menu untuk pembayaran zakat dengan cara tunai dan proses verifikasi penerimaan zakat dengan cara transfer dengan tampilan seperti berikut :


56

Gambar 4.4 List Penerimaan ZIS Dalam tampilan ini Pengelola ZIS dapat menginput penerimaan ZIS secara tunai dan transfer, edit, delete dan memverifikasi pembayaran. Jika Pengelola ZIS menginput maka akan muncul form sebagai berikut :

Gambar 4.5 Form Input Pembayaran ZIS Dalam tampilan Pengelola ZIS dapat mengelola pengeluaran ZIS untuk keperluan masjid dan masyarakat dengan tampilan sebagai berikut :

Gambar 4.6 List Pengeluaran ZIS


57

Dalam tampilan ini Pengelola ZIS dapat menginput pengeluaran ZIS, edit, delete dan memverifikasi pengeluaran. Jika Pengelola ZIS menginput maka akan muncul form sebagai berikut :

Gambar 4.7 Form Input Pengeluaran ZIS

Pengelola ZIS dan ketua masjid dapat melihat dan mencetak laporan dengan tampilan sebagai berikut :

Gambar 4.8 Laporan Keuangan Penerimaan dan Pengeluaran Masjid


58

Untuk jamaah dapat mengecek laporan penerimaan dan pengeluaran masjid dengan tampilan sebagai berikut :

Gambar 4.9 Laporan Penerimaan Masjid

Gambar 4.10 Laporan Pengeluaran Masjid

4.2

Pengujian

Pengujian dilakukan dengan tujuan untuk identifikasi dan menghilangkan sebanyak mungkin masalah yang mungkin terjadi sebelum aplikasi akhirya digunakan oleh pengguna.


59

4.2.1 Skenario Dan Hasil Pengujian Tabel 4.8 Tabel pengujian halaman login Kasus dan Hasil Uji (Data Normal) Data Masukan Username Password

Yang diharapkan Tercantum pada text box username Tercantum pada text box isian password

Klik Tombol Login

Data pengguna di cari dalam table user untuk diverifikasi.

Username

Tidak dapat masuk, dan menampilkan “isi username anda”

Password

Tidak dapat masuk dan menampilkan “isi password anda”

Username dan password salah

Tidak dapat masuk dan menampilkan “username atau password salah”

Pengamatan Pengguna dapat mengisi username Pengguna dapat mengisi sandi login Pengguna yang terdaftar dapat masuk ke halaman utama

Kasus dan Hasil Uji (Data Salah) Tidak dapat masuk, dan menampilkan “isi username anda” Tidak dapat masuk, dan menampilkan “isi password anda” Tidak dapat masuk dan menampilkan “username atau password salah”

Kesimpulan Diterima Diterima Diterima

Diterima

Diterima

Diterima

Tabel 4.9 Tabel Pengujian Form Artikel Kasus dan Hasil Uji (Data Normal) Data Masukan Semua isian form di input

Yang diharapkan Data berhasil diinput

Title

Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini”

Kategori Artikel


Image

Tidak dapat diinput dan menampilkan ”pilih file”

Contents


Pengamatan Data berhasil diinput

Kasus dan Hasil Uji (Data Salah) Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”pilih file” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini”


Kesimpulan Diterima Diterima

Diterima

Diterima

Diterima

60

Tabel 4.10 Tabel Pengujian Form Penerimaan Masjid Kasus dan Hasil Uji (Data Normal) Data Masukan Semua isian form di input


Metode Pembayaran ZIS


No Rekening Pengirim


Nama Bank


Jumlah Transfer


Nama Pengirim


Alamat



Kasus dan Hasil Uji (Data Salah) Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini”


Diterima

Diterima

Diterima

Diterima

Diterima

Tabel 4.11 Tabel Pengujian Form Penyaluran Bantuan Kasus dan Hasil Uji (Data Normal) Data Masukan Semua isian form di input


Penerima Bantuan

Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”

Nama Yayasan Penerima



Kasus dan Hasil Uji (Data Salah) Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”



Diterima

61

Jumlah diterima

yang


No Telepon


Email


Alamat


Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”

Diterima

Diterima

Diterima

Diterima

Tabel 4.12 Tabel Pengujian Laporan Keuangan Masjid Kasus dan Hasil Uji (Data Normal) Data Masukan Tampilkan laporan keuangan 1 bulan terkahir Tampilkan laporan keuangan 2 bulan terkahir Tampilkan laporan keuangan 3 bulan terkahir

Yang diharapkan Menampilkan laporan keuangan 1 bulan terakhir Menampilkan laporan keuangan 2 bulan terakhir Menampilkan laporan keuangan 3 bulan terakhir

Pengamatan Menampilkan laporan keuangan 1 bulan terakhir Menampilkan laporan keuangan 2 bulan terakhir Menampilkan laporan keuangan 3 bulan terakhir

Kesimpulan Diterima

Tabel 4.13 Tabel Pengujian Form Bayar Zakat Kasus dan Hasil Uji (Data Normal) Data Masukan Semua isian form di input


No Rekening


Nama Bank


Jumlah Dibayarkan


Kasus dan Hasil Uji (Data Salah)

yang


Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini”



Diterima

Diterima

62

Nama Pengirim


Alamat


Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini” Tidak dapat diinput dan menampilkan ”harus diisi nama bidang ini”

Diterima

Diterima

Tabel 4.14 Tabel Pengujian Form Permohonan Bantuan Kasus dan Hasil Uji (Data Normal) Data Masukan Semua isian form di input


Jenis Pemohon


Jumlah Bantuan


No Telepon


Alamat


Email



Kasus dan Hasil Uji (Data Salah) Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”



Diterima

Diterima

Diterima

Diterima

63

4.3

Analisa Hasil Pengujian Setelah melakukan pengujian terhadap semua menu sistem pada aplikasi sitem

manajemen masjid, maka dapat disimpulkan bahwa pengujian telah menunjukan hasil keluaran (output) dan proses sesuai dengan rancangan aplikasi program ini. Dan hasil dari pengujian dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. Hasil pengujian berdasarkan analisa pembuatan aplikasi ini telah sesuai dengan yang diharapkan dan selama pengujian semua tombol dan proses berfungsi dengan baik sesuai dengan fungsi – fungsi yang diinginkan. Setelah adanya pengujian melalui skenario yang telah dilakukan terhadap aplikasi sitem manajemen masjid, maka diperoleh hasil analisa dari pengujian sebagai berikut : 1.

Setiap form dalam sistem tersebut dapat terhubung dengan baik.

2.

Setiap form untuk input data dapat tersimpan kedalam database dan dapat menampilkannya dengan baik.

3.

Tombol yang terdapat dalam sistem dapat berfungsi dengan baik. Tampilan report untuk laporan keuangan masjid dapat ditampilkan dengan baik.


BAB IV IMPLEMENTASI DAN PENGUJIAN

Recommend Documents