BAB IV IMPLEMENTASI DAN PENGUJIAN

(1)

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 : 1) Prosessor intel core i3 2330m-cpu @ 2.20 GHz

2) RAM 4.00 GB 3) Harddisk 500 GB b. 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

(2)

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` (

`id` int(11) NOT NULL,

`username` varchar(100) DEFAULT NULL, `hash` text,

`salt` text,

`jabatan_id` int(11) DEFAULT NULL, `email` varchar(50) DEFAULT NULL, `active` int(11) DEFAULT '0',

`created_at` timestamp NOT NULL,

`last_seen` timestamp NOT NULL DEFAULT, `description` varchar(200) DEFAULT NULL );

(3)

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` (

`id_akses` int(11) NOT NULL,

`jabatan_id` int(11) DEFAULT NULL, `modul` varchar(100) DEFAULT NULL, `view` int(11) DEFAULT '0',

`add` int(11) DEFAULT '0', `edit` int(11) DEFAULT '0', `remove` int(11) DEFAULT '0' );

(4)

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,

`image` varchar(100) NOT NULL, `created_at` datetime NOT NULL, `status` int(11) NOT NULL,

(5)

Tabel 4.5 Tabel t_in_zakat

Berikut Query dari table t_in_zakat adalah sebagai berikut : CREATE TABLE `t_in_zakat` (

`no_transaksi` varchar(50) DEFAULT NULL, `metode_bayar` int(11) DEFAULT NULL, `jenis_dana` int(11) DEFAULT NULL, `no_rek` varchar(20) DEFAULT NULL, `atas_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,

`email` varchar(50) DEFAULT NULL, `alamat` text,

`jumlah_dana` int(11) DEFAULT NULL, `tgl_penerimaan` date DEFAULT NULL, `approval` int(3) DEFAULT '0',

`created_at` datetime DEFAULT NULL, `updated_at` datetime DEFAULT NULL );

(6)

Tabel 4.6 Tabel m_pilihan

Berikut Query dari table m_pilihan adalah sebagai berikut : CREATE TABLE `m_pilihan` (

`id_metode` int(11) NOT NULL,

`jenis_pilihan` int(11) DEFAULT NULL, `initial` 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` (

`no_transaksi` varchar(50) DEFAULT NULL, `jenis_penerima` smallint(6) DEFAULT NULL, `nama_penerima` varchar(100) DEFAULT NULL, `no_telp` varchar(20) DEFAULT NULL,

`email` varchar(50) DEFAULT NULL, `alamat_penerima` text,

(7)

`ket` text,

`approval` smallint(6) DEFAULT '0', `created_at` datetime DEFAULT NULL, `updated_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 :

(8)

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 :

(9)

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 :

(10)

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 :

(11)

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.

(12)

4.2.1 Skenario Dan Hasil Pengujian

Tabel 4.8 Tabel pengujian halaman login Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang diharapkan Pengamatan Kesimpulan

Username Tercantum pada text

box username Pengguna dapat mengisi username Diterima

Password Tercantum pada text

box isian password Pengguna dapat mengisi sandi login

Diterima Klik Tombol Login Data pengguna di cari

dalam table user untuk diverifikasi. Pengguna yang terdaftar dapat masuk ke halaman utama Diterima

Kasus dan Hasil Uji (Data Salah)

Username Tidak dapat masuk,

dan menampilkan “isi username anda”

Tidak dapat

masuk, dan

menampilkan “isi username anda”

Diterima

Password Tidak dapat masuk

dan menampilkan “isi password anda”

Tidak dapat masuk, dan menampilkan “isi password anda” Diterima Username dan

password salah Tidak dapat masuk dan menampilkan

“username atau

password salah”

Tidak dapat masuk dan menampilkan “username atau password salah”

Diterima

Tabel 4.9 Tabel Pengujian Form Artikel Kasus dan Hasil Uji (Data Normal)

Semua isian form di

input Data berhasil diinput Data diinput berhasil Diterima

Title Tidak dapat diinput

dan menampilkan ”harus diisi nama bidang ini”

Tidak dapat

diinput dan

menampilkan ”harus diisi nama bidang ini”

Diterima

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

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

Diterima

Image Tidak dapat diinput

dan menampilkan ”pilih file” Tidak dapat diinput dan menampilkan ”pilih file” Diterima

Contents Tidak dapat diinput

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

(13)

Tabel 4.10 Tabel Pengujian Form Penerimaan Masjid Kasus dan Hasil Uji (Data Normal)

Semua isian form di

Metode

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

Tidak dapat

diinput dan

Diterima

No Rekening

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

Tidak dapat

diinput dan

Diterima

Nama Bank Tidak dapat diinput

Tidak dapat

diinput dan

Diterima

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

Tidak dapat

diinput dan

Diterima

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

Tidak dapat

diinput dan

Diterima

Alamat Tidak dapat diinput

Tidak dapat

diinput dan

Diterima

Tabel 4.11 Tabel Pengujian Form Penyaluran Bantuan Kasus dan Hasil Uji (Data Normal)

Semua isian form di

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

Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Diterima Nama Yayasan

Penerima Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”

Tidak dapat diinput dan menampilkan ”Periksa Isian Anda” Diterima

(14)

Jumlah yang

diterima Tidak dapat diinput dan menampilkan ”Periksa Isian Anda”

No Telepon Tidak dapat diinput

dan menampilkan ”Periksa Isian Anda”

Email Tidak dapat diinput

Tabel 4.12 Tabel Pengujian Laporan Keuangan Masjid Kasus dan Hasil Uji (Data Normal)

Tampilkan laporan keuangan 1 bulan terkahir Menampilkan laporan keuangan 1 bulan terakhir Menampilkan laporan keuangan 1 bulan terakhir Diterima Tampilkan laporan keuangan 2 bulan terkahir Menampilkan laporan keuangan 2 bulan terakhir Menampilkan laporan keuangan 2 bulan terakhir Tampilkan laporan keuangan 3 bulan terkahir Menampilkan laporan keuangan 3 bulan terakhir Menampilkan laporan keuangan 3 bulan terakhir

Tabel 4.13 Tabel Pengujian Form Bayar Zakat Kasus dan Hasil Uji (Data Normal)

Semua isian form di

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

Tidak dapat

diinput dan

Diterima

Nama Bank Tidak dapat diinput

Tidak dapat

diinput dan

Diterima

Jumlah yang

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

Tidak dapat

diinput dan

(15)

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

Tidak dapat

diinput dan

Diterima

Tidak dapat

diinput dan

Diterima

Tabel 4.14 Tabel Pengujian Form Permohonan Bantuan Kasus dan Hasil Uji (Data Normal)

Semua isian form di

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

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

No Telepon Tidak dapat diinput

Email Tidak dapat diinput

(16)

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.