i

ii
iii
 LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI
SKRIPSI UNTUK KEPENTINGAN AKADEMIS

Sebagai sivitas akademik Program Studi S1 Sistem Informasi Fakultas Teknik dan
Ilmu Komputer, Universitas Teknokrat Indonesia, saya yang bertanda tangan
dibawah ini:
Nama : Nabila Anggita Dwiputri
NPM : 18311208
Program Studi : Sistem Informasi
Jenis karya : Skripsi

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Program Studi S1 Sistem Informasi Fakultas Teknik dan Ilmu Komputer
Universitas Teknokrat Indonesia, Hak Bebas Royalti Noneksklusif (Non-
exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul:

“Sistem Informasi Pembayaran Zakat Infaq Sedekah Masjid Al-Ikhlas

Segala Mider Berbasis Web”

Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti
Noneklusif ini Program Studi S1 Sistem Informasi Fakultas Teknik dan Ilmu
Komputer Universitas Teknokrat Indonesia berhak menyimpan, mengalih
media/formatkan, mengelola dalam bentuk pangkalan data (database), merawat,
dan mempublikasikan tugas akhir saya selama tetap mencantumkan nama saya
sebagai penulis/pencipta dan sebagai pemilih Hak Cipta.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Bandar Lampung

Pada tanggal : 14 November 2022

Yang menyatakan,

Nabila Anggita Dwiputri

NPM. 18311208

iv
 KATA PENGANTAR

Puji syukur penulis panjatkan kepada Allah SWT, karena atas berkat dan rahmat-
Nya, penulis dapat menyelesaikan skripsi ini. Penulisan skripsi ini dilakukan
dalam rangka memenuhi salah satu syarat untuk mencapai gelar sarjana pada
Program Studi S1 Sistem Informasi, Fakultas Teknik dan Ilmu Komputer,
Universitas Teknokrat Indonesia. Penulis menyadari bahwa, tanpa bantuan dan
bimbingan dari berbagai pihak, dari masa perkuliahan sampai pada penyusunan
skripsi ini, sangatlah sulit bagi penulis untuk menyelesaikan laporan ini. Oleh
karena itu, penulis mengucapkan terima kasih kepada:
1. Dr. H.M. Nasrullah Yusuf, S.E., M.B.A., selaku Rektor Universitas
Teknokrat Indonesia.
2. Dr. H. Mahathir Muhammad, S.E., M.M., selaku Dekan Fakultas Teknik dan
Imu Komputer Universitas Teknokrat Indonesia.
3. Ibu Damayanti, S.Kom., M.Kom., selaku Ketua Program Studi S1 Informasi
Fakultas Teknik dan Imu Komputer Universitas Teknokrat Indonesia.
4. Bapak Zaenal Abidin, S.Si., S.Kom., M.T. selaku dosen pembimbing yang
telah membimbing saya pada skripsi ini.
5. Bapak Donaya Pasha, S.Kom., M.Kom. selaku dosen penguji yang telah
memberikan masukan pada skripsi ini.

Akhir kata, penulis berharap semoga Allah SWT berkenan membalas segala
kebaikan semua pihak yang telah membantu dan semoga skripsi ini membawa
manfaat bagi pengembangan ilmu.

Bandarlampung, 14 November 2022

Penulis

Nabila Anggita Dwiputri

18311208

v
 DAFTAR ISI

LEMBAR PENGESAHAN .......................................................................... ii

LEMBAR PERNYATAAN KEASLIAN PENELITIAN ............................ iii
LEMBAR PERNYATAAN PUBLIKASI .................................................... iv
KATA PENGANTAR ................................................................................... v
DAFTAR ISI ................................................................................................. vi
DAFTAR TABEL ....................................................................................... viii
DAFTAR GAMBAR ................................................................................... ix
ABSTRAK .................................................................................................... xi
ABSTRACT ................................................................................................. xii
BAB I PENDAHULUAN .......................................................................... ....1
1.1 Latar Belakang ........................................................................... ....1
1.2 Rumusan Masalah ...................................................................... ....2
1.3 Batasan Masalah ........................................................................ ....2
1.4 Tujuan Penelitian ....................................................................... ....3
1.5 Manfaat Penelitian ..................................................................... ....3
BAB II LANDASAN TEORI ................................................................... ....4
2.1 Penelitian Sebelumnya ................................................................ ....4
2.2 Konsep Dasar Sistem ............................................................... ....12
2.2.1 Karakteristik Sistem ........................................................ ....12
2.2.2 Analisis Sistem ................................................................ ....14
2.2.3 Desain Sistem .................................................................. ....14
2.3 Pengertian Konsep Dasar Informasi ......................................... ..14
2.4 Pengertian Zakat ....................................................................... ..14
2.4.1 Jenis Zakat ........................................................................ ..15
2.5 Pengertian Infaq ......................................................................... ..16
2.6 Pengertian Sedekah ...................................................................... 16
2.7 Pengertian PHP ............................................................................ 17
2.8 Pengertian MySQL ...................................................................... 17
2.9 Pengertian Php MyAdmin ............................................................ 18
2.10 Pengertian Database .................................................................... 18
2.11 Pengertian Unified Modelling Language ..................................... 18
2.12 Pengertian Usecase Diagram ....................................................... 19
2.13 Activity Diagram .......................................................................... 21
2.14 Komponen Activity Diagram ...................................................... 21
2.15 Metode Pengembangan Sistem Informasi .................................... 22
2.16 Pengertian Mock up ...................................................................... 24
2.17 Pengertian XAMPP ...................................................................... 24
BAB III METODE PENILITIAN ............................................................... 25
3.1 Kerangka Penelitian ....................................................................... 25
3.2 Objek Penelitian ............................................................................. 27
3.3 Tahapan Penelitian ........................................................................ 27
3.3.1 Communication (Komunikasi) ............................................. 28
3.3.2 Planning (Perencanaan) ......................................................... 29
3.3.3 Modelling (Permodelan) ........................................................ 29
BAB IV IMPLEMENTASI ........................................................................ 46
4.1 Implementasi .................................................................................. 46

vi
 4.1.1 Tampilan Halaman Admin ................................................... 46
4.1.1.1 Tampilan Home .......................................................... 46
4.1.1.2 Tampilan Halaman Profil Sistem ............................... 47
4.1.1.3 Tampilan Halaman Panduan Penggunaan ................. 47
4.1.1.4 Tampilan Halaman Artikel ........................................ 47
4.1.1.5 Tampilan Halaman Rekening Transfer ...................... 48
4.1.1.6 Tampilan Halaman Dana Masuk ............................... 49
4.1.1.7 Tampilan Halaman Dana Keluar ................................ 49
4.1.1.8 Tampilan Halaman Laporan ...................................... 50
4.1.2 Tampilan Halaman Pengguna .............................................. 50
BAB V HASIL DAN PEMBAHASAN ...................................................... 51
5.1 Pembahasan Pengujian ................................................................ 51
5.1.1 Pengujian Sistem ............................................................... 51
5.1.1.1 Pengujian Internal ............................................... 51
5.1.1.1.1 Pengujian Browser ............................... 51
5.1.1.1.2 Pengujian User Interface ..................... 52
5.1.1.2 Pengujian Eksternal ............................................ 54
BAB VI KESIMPULAN DAN SARAN .................................................... 56
6.1 Kesimpulan .................................................................................. 56
6.2 Saran ............................................................................................ 56
DAFTAR PUSTAKA ................................................................................. 59
LAMPIRAN ................................................................................................ 60

vii
 DAFTAR TABEL

2.1 Komponen Usecase Diagram ............................................................... 19

2.2 Komponen Activity Diagram ................................................................ 21
5.1 Pengujian Jenis Browser ....................................................................... 52
5.2 Pengujian User Interface ...................................................................... 53
5.3 Pengujian Eksternal ............................................................................... 54

viii
 DAFTAR GAMBAR

2.1 Metode Waterfall ................................................................................. 22

3.1 Kerangka Penelitian ............................................................................. 26
3.2 Tahapan Penelitian ................................................................................ 27
3.3 Use case Diagram SI Masjid Al-Ikhlas ............................................... 31
3.4 Activity Diagram Mengelola Isi Menu Profil Sistem ........................... 32
3.5 Activity Diagram Mengelola Panduan Pengguna ................................. 32
3.6 Activity Diagram Mengelola Data Artikel ............................................ 33
3.7 Activity Diagram Mengelola Data Rekening ........................................ 34
3.8 Activity Diagram Mengelola Infaq/zakat ............................................. 34
3.9 Activity Diagram Mengelola Dana Masuk ........................................... 35
3.10 Activity Diagram Mengelola Dana Keluar ......................................... 36
3.11 Activity Diagram Mengelola Laporan ................................................ 36
3.12 Activity Diagram Pembayaran Zakat ................................................. 37
3.13 Desain Tampilan Halaman Utama ..................................................... 38
3.14 Desain Tampilan Halaman Beranda ................................................... 38
3.15 Desain Tampilan Halaman Profil Sistem ........................................... 39
3.16 Desain Tampilan Halaman Artikel ..................................................... 39
3.17 Desain Tampilan Menu Rekening Transfer ....................................... 40
3.18 Desain Tampilan Halaman Pembayaran Zakat Online ...................... 40
3.19 Desain Tampilan Dana Masuk ........................................................... 41
3.20 Desain Tampilan Dana Keluar ........................................................... 41
3.21 Desain Tampilan Laporan .................................................................. 42
3.22 Class Diagram ................................................................................... 43
3.14 Relasi Tabel ........................................................................................ 44
4.1 Halaman Home .................................................................................... 46
4.2 Halaman Profil Sistem ........................................................................ 47
4.3 Halaman Panduan Penggunaan ........................................................... 47
4.4 Halaman Artikel ................................................................................. 48
4.5 Halaman Rekening Transfer ............................................................... 48
4.6 Halaman Dana Masuk ......................................................................... 49
4.7 Halaman Dana Keluar ......................................................................... 49
4.8 Halaman Laporan ................................................................................ 50
4.9 Halaman Pengguna .............................................................................. 50
Lampiran 1 Form Wawancara di Masjid Al-Ikhlas ................................... 61
Lampiran 2 Form Pengujian Sistem Informasi Pembayaran
Zakat Infaq dan Sedekah Masjid Al-Ikhlas .............................. 62
Lampiran 3 Foto Pengujian Sistem ............................................................ 68

ix
 ABSTRAK

Penelitian ini dilakukan untuk membuat sebuah website atau sistem yang
dapat melakukan proses pencatatan pembayaran zakat, infaq, dan sedekah. Panitia
zakat sebelumnya masih menggunakan buku untuk pencatatan atau dokumentasi
pembayaran zakat yang mana banyak risiko yang dapat ditimbulkan dari hal
tersebut seperti hilangnya buku pencatatan, rusak, dan sebagainya.
Manfaat dari aplikasi ini adalah mempermudah pekerjaan panitia amil
zakat di Masjid Al-ikhlas Segala Mider dalam melakukan proses pencatatan dan
dokumentasi data zakat, infaq, dan sedekah juga menghilangkan risiko yang dapat
terjadi dengan data tersebut.
Untuk sistem ini dikembangkan dengan metode Web Engineering yang
dimana website dikembangkan dengan menggunakan Bahasa PHP Native dan
database MySql. Untuk Penggunaan aplikasi ini bisa menggunakan laptop
maupun android dengan fitur web view.

Kata Kunci: Zakat, Infaq, Sedekah, Masjid

x
 ABSTRACT

This research was conducted to create a website or system that can record
the payment of zakat, infaq, and alms. Previously, the zakat committee still used
books for recording or documenting zakat payments, where there were many risks
that could arise from this, such as the loss of the record book, damage, and so on.
The benefit of this application is that it facilitates the work of the zakat
amil committee at the Al-ikhlas All Mider Mosque in carrying out the process of
recording and documenting zakat, infaq, and alms data as well as eliminating the
risks that can occur with the data.
This system was developed using the Web Engineering method where the
website was developed using the PHP Native language and the MySql database.
To use this application, you can use a laptop or android with a web view feature.

Keywords: Zakat, Infaq, Sedekah, Mosque.

xi
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Zakat salah satu rukun Islam dan menjadi salah satu unsur pokok bagi

tegaknya syariat Islam, termasuk infaq dan sedekah itu hukum zakat adalah

wajib (fardhu) atas setiap muslim yang telah memenuhi syarat-syarat tertentu

(Verina Apriani, Slamet Riyadi, 2020). Zakat, Infaq dan Sadaqah (ZIS)

merupakan amalan yang memberikan manfaat bagi si pemberi dan penerima.

Manfaat yang diperoleh si pemberi yaitu dengan membantu meringankan beban

masyarakat miskin yang serba kekurangan dalam pemenuhan hidup kebutuhan

sehari-hari dan juga Allah Swt memberikan pahala yang tidak ternilai bagi si

pemberi. Kemudian manfaat yang diperoleh si penerima yaitu termudahkan

kebutuhan hidupnya dan juga zakat tersebut bisa digunakan untuk membuka

usaha agar kehidupan mereka bisa keluar dari tanah kemiskinan dengan

mengeluarkan zakat kepada masyarakat yang kehidupannya kurang mampu maka

dalam Islam salah satu kewajiban telah terlaksana sebagai seorang Muslim

(Abdul Azis, 2020). Apabila setiap muzakki menyadari kewajiban untuk

mambayar zakat dan badan pengelola zakat dapat menyalurkan secara transparan

maka esensi zakat akan terasa manfaatnya bagi masyarakat luas (Fitri Indriyani,

Abdullah Guntur Wahyu, 2018).

Masjid Al-Ikhlas yang beralamat di Jl.Abdul Mutholib, Segala Mider,

Bandar Lampung merupakan masjid yang belum memanfaatkan perkembangan

teknologi informasi seperti semua kegiatan administrasi, pengelolaan data masjid

dan khususnya pengelolaan zakat, infaq, dan sedekah masih dilakukan secara
 2

manual menggunakan kertas. Media yang saat ini digunakan memiliki banyak

sekali risiko yang dapat terjadi, mulai dari kerusakan, terbawa oleh anggota amil

zakat yang lain, bahkan sampai risiko kehilangan.

Berdasarkan kendala yang dihadapi dibutuhan Sistem Infomasi berbasis

web pada Masjid Al-Ikhlas dengan menggunakan metode Waterfall dan bahasa

pemograman PHP dan database MySQL. Dengan adanya sistem ini diharapkan

dapat mempermudah dan mempercepat panitia zakat melayani pembayaran zakat,

infaq dan sedekah di Masjid Al-Ikhlas Segala Mider. Berdasarkan latar belakang

diatas maka diangkat sebuah judul “Sistem Informasi Pembayaran Zakat Infaq

Sedekah Masjid Al-Ikhlas Segala Mider Berbasis Web”.

1.2 Rumusan Masalah

Adapun Rumusan Masalah yang ada pada Masjid Al-Ikhlas Segala Mider

yaitu : Bagaimana membangun Sistem Informasi Zakat, Infaq dan Sedekah Masjid

Al-Ikhlas melalui sistem berbasis web?

1.3 Batasan Masalah

Pembatas masalah diperlukan untuk mempermudah pengarahan pada

pokok persoalan dalam pembahas, diantaranya :

1. Sistem ada mengelola kegiatan zakat, infaq dan sedekah di Masjid Al-Ikhlas.

2. Sistem dapat mengatur pengeluaran Masjid Al-Ikhlas

3. Sistem dapat mencetak bukti pembayaran zakat, infaq dan sedekah.

4. Sistem dapat melihat jumlah zakat, infaq dan sedekah.

5. Sistem dapat menginput kegiatan masjid

 3

1.4 Tujuan Penelitian

Adapun tujuan dari penelitian ini adalah menghasilkan Sistem Informasi

Pembayaran Zakat, Infaq dan Sedekah pada Masjid Al-Ikhlas berbasis web untuk

mempermudah dan mempercepat panitia zakat melayani pembayaran zakat, infaq

dan sedekah.

1.5 Manfaat Penelitian

Pada penelitian, diharapkan dapat memberikan manfaat, diantaranya bagi :

1. Mempermudah dalam mengelola data pembayaran zakat, infaq dan sedekah

di Masjid Al-Ikhlas.

2. Membayar zakat, infaq dan sedekah semakin mudah dan cepat;

 BAB II
LANDASAN TEORI

2.1. Penelitian Sebelumnya

Penelitian berjudul Sistem Informasi Pembayaran Zakat, Infaq, Sedekah

Masjid Al-Ikhlas Segala Mider, sepengetahuan peneliti belum pernah dilakukan.

Untuk mendukung pernyataan diatas, penelitian memaparkan hasil dari berbagai

jurnal penelitian yang berkaitan dengan topic penelitian sebagai berikut:

1. Oleh Jumalianti (2018), dari Sistem Informasi Universitas Islam Negeri

Alauddin Makassar dengan judul Pengelolaan Zakat, Infaq, Dan Sedekah

Berbasis Web Pada Baznas Kabupaten Baru, secara optimal dan profesional

dengan tujuan untuk memberikan kemudahan bagi Muzakki dalam

melaksanakan kewajiban agama islam serta membantu Mustahiq untuk

mensejahterakan hidupnya. Pembayaran ZIS dari Muzzaki akan diterima oleh

Bagian Penghimpunan, setelah dana ZIS terkumpul, maka dana terserah harus

disalurkan kepada Mustahik. Bagian yang berhak dalam penyaluran dan ZIS

adalah Bagian Penghimpunan. Bagian Penghimpunan menyalurkann dana

ZIS kepada Mustahik baik secara langsung atau melalui program-program

penyaluran BAZNAS Kabupaten Barru menggunakan Sistem Informasi yang

terpisah antara Bagian Penghimpunan dengan Bagian Penyaluran. Hal ini

mengakibatkan ketidak efektifan dalam setiap proses bisnis transaksi

penerimaan, pengelolahan, dan penyaluran ZIS. Dengan demikian peneliti

tertarik untuk mengembangkan Sistem Informasi ZIS dalam memberikan

solusi bagaimana sistem perzakatan dapat dikelolah.

2. Oleh Ahmad Hasan Bashori (2017) Penelitian ini membahas tentang Sistem

Infomasi Akuntansi Zakat, Infak, Sedekah (ZIS) pada BAZ di Jawa Timur.
 5

Penelitian ini ditulis untuk mengetahui pelaksanaan sistem informasi

akuntansi pada BAZ di Jawa Timur dan membahas tentang kesesuaian

laporan keuangan BAZ di Jawa Timur dengan PSAK No. 109. Penelitian ini

merupakan hasil penelitian lapangan (fieldresearch) dengan menggunakan

metode pengumpulan data melalui wawancara, observasi, dan dokumentasi.

Hasil penelitian menunjukkan penerapan sistem informasi akuntansi oleh

BAZ di Jawa Timur masih belum efektif dan efisien karena masih

menggunakan sistem manual begitu juga tidak digunakannya program yang

diberikan oleh BAZNAS pusat yang dapat membantu kinerja BAZ di Jawa

Timur, serta sistem akuntansi yang diterapkanoleh BAZ di Jawa Timur masih

belum menggunakan PSAK No. 109. Pada sistem prosedur pembuatan

laporan keuangan, hanya menggunakan laporan arus kas saja dan masih

belum mengacu pada PSAK 109. Adanya praktik yang kurang sehat dalam

melaksanakan tugas dan fungsi yakni tidak adanya nomor urut formulir bukti

penerimaan dana sehingga menimbulkan potensi manipulasi. Selain itu,

pengendalian internal BAZ di Jawa Timur belum maksimal karena tidak ada

pengawasan khusus yang dilakukan oleh pengurus BAZ di Jawa Timur

kepada pelaksana harian.

3. Oleh Fikri Aulia (2018), dari Teknik Informatika Universitas Islam Indonesia

denga judul Informasi Zakat,Infaq dan Sedekah (Study Kasus : Lazismu

D.I.Y), Berdasarkan hal tersebut, lembaga ini dinilai memerlukan sistem

informasi yang terpusat sehingga diharapkan dapat membantu dan

memudahkan lembaga dalam mengelola data terkait muzakki, mustahik,

penghimpunan ZIS, dan penyaluran ZIS, serta sistem yang dapat membantu
 6

kantor dalam proses Pelaporan ZIS yang mana secara keseluruhan semua

informasi dapat diakses secara realtime oleh seluruh Kantor Layanan, Kantor

Daerah maupun Kantor Wilayah. Selain itu, dengan sistem ini muzakki cukup

sekali saja melakukan proses pendaftaran, lalu muzakki dapat melakukan

proses transaksi ZIS di setiap kantor Lazismu. Proses pendataan mustahik

sama seperti proses pendaftaran muzakki sehingga data tersebut dapat

digunakan di seluruh Kantor Lazismu manapun dalam wilayah

D.I.Yogyakarta. Kemudian dengan adanya fitur dashboard pada sistem ini

proses pengelolaan transaksi dan penyaluran ZIS pada Kantor Layanan,

Kantor Daerah, maupun Kantor Wilayah dapat langsung termonitor, Pada

proses transaksi ZIS juga terdapat fitur cetak bukti transaksi ZIS serta fitur

kirim bukti Transaksi ZIS via e-mail yang dapat menjadi opsi jika muzakki

ingin dikirim bukti transaksi ZIS melalui e-mail. Pada proses penyaluran ZIS

juga sama, pengguna dapat meminimalisir pekerjaan tanpa menulis manual

lagi, karena pada sistem ini juga telah disiapkan form yan disesuaikan dengan

kebutuhan. Sistem baru yang diberi nama Sistem Informasi Management

Adminstrasi Lazismu D.I Yogyakarta ini diharapkan akan menjadi salah satu

solusi dalam menjalani proses bisnis saat ini dan seterusnya. Sehingga dengan

adanya sistem ini, hal yang menjadi tujuan dari Lazismu dapat segera

tercapai.

4. Oleh Verina Apriani 2017) Zakat merupakan salah satu ru kun islam dan

menjadi salah satu unsur pokok bagi tegaknyasyariat islam, termasuk infaq

dan sedekah, oleh sebab itu hukum zakat adalah wajib (fardhu). Masjid Nurul

Iman merupakan masjid yang berada di jalan pelita sampit. Salah satu
 7

kegiatan yang sering dilaksanakan adalah kegiatan pengelolaan ZIS.

Pengelolaan zajat yang sudah ada pada LAZIS Nurul Iman ini masih

menggunakan sistem manual maka menjadi sangat lambat dan tidak efisien

waktudalam hal pengelolaan dan pemrosesan data yang ada. Dengan

diterapkan “Sistem Informasi Manajemen Zakat Infaq dan Sedekah Pada

Lazis Nurul Iman Berbasis Web” akan sangat membantu mempermudah

proses Zakat itu sendiri seperti dalam hal penyimpanan data untuk

pengolahan master data, transaksi, hingga pembuatan laporan yang lebih rinci

juga tentang perhitungan ZIS, serta hal-hal lain yuang dapat diselesaikan

dengan mudah.

5. Oleh Abdul Muafi Alif Zaeni (2020), dari STMIK Nusa Mandiri Jakarta,

Indonesia dengan judul Perancangan Sistem Informasi Pembayaran Zakat

Berbasis Web, menjelaskan bahwa semakin berkembangnya industri dan

kesejahteraan masyarakat tentunya menambah potensi benyaknya masyarakat

yang mampu dan sudah wajib untuk membayar zakat atas harta yang

dimilikinya, namun karena kurangnya informasi tentang zakat maka

diperlukan suatu badan atau lembaga untuk mengelola zakat. Badan Amil

Zakat merupakan suatu lembaga yang menampung dana zakat atas dari

masyarakat yang ingin mengeluarkan zakat atas harta yang dimiliki.

Banyaknya nya data zakat yang harus di catat dari mulai

pendaftaran,penerimaan dan penyaluran zakat sehingga menimbulkan

berbagai permasalahan yaitu kehilangan data, maka perancanagan system

informasi pembayaran zakat berbasis website adalah satu cara untuk

mengatasi permasalahan dan kelemahan dari proses pengelolaan zakat. Pada

 8

Website ini akan menampilkan tentang zakat, layanan perhitungan zakat,

layanan pembayaran zakat secara online dengan konfirmasi pembayarannya

berguna untuk mempermudah bagian keuangan dalam melakukan proses

pengelolaan zakat, serta dengan system yang sudah terkomputerisasi dapat

tercapai kegiatan yang efektif dan efisien dalam menunjang aktifitas pada

Badan Amil zakat ini.

6. Oleh Abdul Aziz (2020), dari Teknik Informatika Universitas Islam Negeri

Sunan Kalijaga Yogyakarta, dengan judul Rancang Bangun Informasi

Management Zakat ,Infak dan Sedekah Masjid Berbasis Progressive Web

Apps (PWA) menggunakan metode Extreme Programing (Studi Kasus :

Masjid Al-Ikhlas), menjelaskan bahwa proses penerimaan zakat masih

konvensional menimbulkan berbagai masalah seperti halnya, penerimaan

zakat yang masih menggunakan buku kwitansi yang masih rawan akan rusak

dan kehilangan data zakat, lamanya proses rekapitulasi dan dokumentasi dana

zakat karena kurangnya efisiensi dalam penuliasan dan perhitungan data zakat

karena dilakukan satu persatu secara manual, sering terjadinya human error

baik saat penulisan kwitansi zakat yang rusak/hilang yang mengakibatkan

selisih data rekapitulasi dengan dana riil zakat,penerimaan zakat yang

mengakibatkan selisih menyebabkan antrian muzzaki.

7. Oleh Tri Wulan Dari (2018), dari Sistem Informasi Universitas Islam Negeri

Raden Fatah Palembang, dengan judul Sistem Informasi Penerimaan dan

Penyaluran Zakat , Infaq dan Sedekah pada Yayasan Sinergik Sriwijaya

Palembang dalam penerimaan penyaluran donasi masih dicatat dibuku untuk

data muzaki, data ustahik dan nominal jumlah zakat, infaq dan sedekah yang
 9

diterima dan disalurkan, sehingga menyulitkan dalam proses pencairan data,

rentan terjadinya kesalahan dalam penulisan serta penyimpanan data yang

tidak tepat dan akurat yang menyebabkan kehilangan dan kerusakan data

tidak adanya verifikasi donasi dan transparan dana bagi muzaki, sehingga

mengurangi tingkat kepercayaan muzaki.

8. Oleh Andre Wijaya (2019), dari Management Informasi Institut Agama Islam

Batusangkar dengan judul Perancangan Sistem Informasi Infak, Sedekah,

Wakaf dan Zakat padan Masjid Raya Rambatan Menggunakan Php dan

Mysql, menjelaskan bahwa Masjid raya rambatan merupakan satu-satunya

masjid yang ada di jorong rambatan, Negeri Rambatan yang di iringi dengan

beberapa musholla. Dimana Masjid nya rambatan pengelolaan keuangan

masih dilakukan secara manual yaitu dengan melakukan pencatatan transaksi

uang masuk dan uang keluar di dalam buku sehingga menyebabkan terjadinya

resiko kesalahan perjumlahan uang masuk dan uang keluar yang nantinya

akan berpengaruh pada laporan keuangannya. Selama ini pengelolaan

pendataan dan pendistribusikan siswa di Masjid Raya Rambatan masih

dilakukan secara manual tanpa memaafkan teknologi informasi (aplikasi

khusus siswa), dana ziswa masjid yang mestinya besar malah menurun draktis

karena belum memanfaatkan teknologi informasi. Belum lagi ditambah

dengan kecurigaan jama’ah dan donator dalam laporan pengelolaan ziswa,

sehingga menyebabkan turunnya kepercayaan masyarat terhadap badan amil

masjid

9. Oleh Eva Nurfazilla, Ulan, Nurul Pahan, Desi Nurhzana, Decky Hendrasyah

(2019) judul Analisa Perancangan Sistem Informasi Akuntansi Zakat

 10

Penghasilan Pegawai Negeri Sipil (Studi pada Badan Amil Zakat Nasional

(Baznas) Kabupaten Bengkalis),menjelaskan bahwa namun dibalik kewajiban

dari zakat dan manfaat yang dihasilkan, penerapan dan pemanfaatan dana

zakat masih kurang maksimal.Melihat permasalahan tersebut,maka banyak

bermunculan organisasi-organisasi yang bergerak di bidang zakat baik

organisasi pemerintahan maupun organisasi swasta. Organisasi zakat ini

mengelola berbagai data dana zakat dari mulai data wajib membayar

zakat,data wajib menerima hingga data berbagai pengolahan keuangan dan

zakat tersebut. Namun sayangnya sebagai besar lembaga zakat melakukan

pengelolaan data ini masih secara manual sehingga mengakibatkan

pemanfaatan dana zakat kurang maksimal sehingga menjangkau banyak

kalangan. Selain itu, pelaporan dana zakat yang dikerjakan secara manual

juga sangat mudah mengalami kesalahan dan tidak transparansi,padahal

pelaporan harus dapat diakses dan transparan untuk meningkatkan

kepercayaan masyarakat terhadap Badan Amil Zakat Nasional (BAZNAS)

Kabupaten Bangkalis.Kemudian Pemerintah Daerah Kabupaten Bengkalis

berencana akan mengeluarkan peraturan daerah tentang zakat untuk Pegawai

Negeri Sipil Kabupaten Bengkalis.Melihat permasalahan tersebut,maka pada

penelitian ini,penelitian akan mengalisis dan merancang sebuah Sistem

Informasi Akuntansi Zakat yang dapat digunakan oleh lembaga zakat dalam

hal ini Badan Amil Zakat Nasional (BAZNAS) Kabupaten Bangkalis untuk

mengelola data Zakat, Infak dan Sedekah untuk masyarakat umum terutama

Pegawai Negeri Sipil sehingga dapat meningkatkan transparansi

 11

informasi,agar dapat dikelola dan dilangsurkan dengan baik serta dapat

diakses oleh banyak pihak.

10. Oleh Fitri Rahmadani,Herman Karamoy dan Dhullo Afandi judul Analisis

Penerapan Akuntansi Zakat,Infaq/Sedekah pada Badan Amil Zakat Nasional

Kota Kotamobagu,menjelaskan bahwa Zakat atau Zakaa adalah harta yang

wajib dikeluarkan umat muslim,karena dengan membayar zakat dapat

membersihkan harta dan jiwa kita. Proses penyaluran zakat boleh secara

langsung atau melalui organisasi pengelola zakat. Organisasi pengelola zakat

sudah mendapat perlindungan dari pemerintah Indonesia dalam bentuk

Undang-Undang No 23 tahun 2011 pengelola zakat terdiri dari badan amil

zakat dan lembaga amil zakat. Badan amil zakat merupakan organisasi

pengelolaan zakat pemerintahan sedangkan Lembaga amil zakat merupakan

organisasi pengelolaan zakat yang dibentuk oleh swadaya masyarakat

(Purwanto,2014). Dalam Standar Akuntansi Keuangan Syariah dijelaskan

zakat,infaq/sedekah harus dikelola berdasarkan prinsip syariah namun dari

penelitian-penelitian sebelumnya didapatkan hasil bawah sebagai besar

pengelolaan zakat di Indonesia masih belum menerapkan berdasarkan PSAK

No. 109, yaitu tentang bagaimana pengakuan dan pengukurannya

penyajiannya serta pengungkapan dana zakat,inkaq/sedekah.Asas utama dan

pengelola zakat masih menempatkan kejujuran dan amanah sehingga

membuat kurang percayanya muzakki mempercayakan dananya kepada

pengelola zakat (Arief,2017), Dengan diterapkannya berdasarkan standar

akuntansi dan transparan. Salah satu Amil zakat di Indonesia adalah Badan

Amil Zakat Nasional Kota Kotamobagu yang berkhidmat mengangkat harkat

 12

sosial kemanusiaan dengan dana zakat, infaq/sedekah melalui program-

program kerja yang jelas. Dalam hal ini penelitian ingin mengetahui ketaatan

atau kepatuhan Badan Amil Zakat Nasional Kota Kotamobagu dalam

pengelolaan ZIS berdasarkan Standar Akuntansi Keuangan Syariah No.109

bagaimana pengakuan, pengukuran, penyajian, pelaporan keuangan dan

pengungkapan pada Baznas Kota Kotamobagu.

2.2 Konsep Dasar Sistem

Pengertian sistem adalah sekumpulan objek-objek yang saling berelasi dan

berinteraksi serta hubungan antara objek bisa dilihat sebagai satu kesatuan yang

dirancang untuk mencapai satu tujuan. Dengan demikian, secara sederhana sistem

dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur variabel-

variabel yang saling terorganisasi, saling berinteraksi, dan saling bergantung satu

sama lain (Rina & Fatkur, 2019).

Menurut buku karangan Hamim tohari (2017) “Sistem adalah kumpulan

atau himpunan dari unsur atau variabel – variabel yang saling berkait, saling

berintraksi, dan saling tergantung satu sama lain untuk mencapai tujuan.

2.2.1 Karakteristik Sistem

Menurut (Jepperson Hutahaean, 2016) agar sistem dikatakan sistem yang

baik memiliki karakteristik yaitu :

1. Komponen Sistem (Components System)

Sistem terdiri dari banyak komponen yang saling berinteraksi. Dengan kata

lain, komponen-komponen ini bekerja sama untuk membentuk satu kesatuan

dan mencapai tujuan.

 13

2. Batasan Sistem (Boundary)

Sistem terdiri dari banyak komponen yang saling berinteraksi. Dengan kata

lain, komponen-komponen ini bekerja sama sebagai satu dan mencapai satu

tujuan.

3. Lingkungan Luar Sistem (Environment)

Lingkungan luar dari suatu sistem yang berada di luar batas atau luasan yang

mempengaruhi operasi sistem.

4. Penghubung Sistem (Interface)

Suatu sistem komunikasi dapat dipandangnya sebagai media penghubung

antara,suatu subsistem dengan subsistem lainnya, atau sebagai suatu

hubungan,dimana suatu subsistem dapat berinteraksi dengan subsistem lainnya

membentuk suatu kesatuan yang padu dan mencapai suatu tujuan.

5. Masukkan Sistem (Input)

Masukkan sistem adalah data yang dimasukkan ke dalam sistem dan diproses

untuk memperoleh keluaran atau informasi yang diinginkan.

6. Keluaran Sistem (Output)

Dari sistem dihasilkan dari energi yang diproses atau didaur ulang dan dibagi

menjadi produktivitas yang berguna dan pembuangan sisa.

7. Pengelohan Sistem (Process)

Pengolahan sistem yaitu suatu sistem dapat memiliki unit pemproses yang

mengubahnya menjadi keluaran.

8. Sasaran Sistem (Objectives)

Sistem memiliki maksud atau tujuan. Sasaran sistem menentukan input yang

dibutuhkan oleh sistem dan output yang dihasilkan oleh sistem.

 14

2.2.2 Analisis Sistem

Analisis sistem adalah Teknik pemecahan masalah dengan menguraikan

masalah di didalam suatu sistem menjadi komponen-komponen yang lebih kecil

untuk memudahkan kita dalam memahami masalah.

2.2.3 Desain Sistem

Menurut Sofyan, Gustomi, & Fitrianto (2016) Perancangan atau desain

didefinikan sebagai proses aplikasi berbagai teknik dan prinsip bagi tujuan

pendefinisian suatu perangkat, suatu proses atau sistem dalam detail yang

memadai untuk memungkinkan realisasi fisiknya. Sedangkan menurut Mulyadi

dalam (Sofyan, Gustomi, & Fitrianto, 2016) “Perancangan sistem merupakan

penerjemahan kebutuhan pemakai informasi kedalam alternatif rancangan sistem

informasi diajukan kepada pemakai informasi untuk dipertimbangkan”.

2.3 Konsep Dasar Informasi

Menurut Anggraeni dan Irvani (2017) menjelaskan bahwa informasi

adalah sekumpulan data atau fakta yang diorganisasikan atau diolah dengan cara

tertentu sehingga mempunyai arti bagi penerima.

2.4 Pengertian Zakat

Zakat merupakan salah satu instrumen openting dalam tegak dan

kokohnya kehidupan suatu bangsa. Itulah mengapa dalam syariat islam, zakat.

merupakan satu dari lima rukun Islam. Menunaikan zakat merupakan salah satu

alat bagi setiap kita untuk menunaikan peran kita sebagai manusia untuk

menciptakan kebaikan (peradaban) di muka bumi ini (Arif Wibowo, 2018).

 15

2.4.1 Jenis Zakat

1. Zakat Fitrah Zakat Fitrah, yaitu zakat yang wajib ditunaikan oleh

setiap muslim atas nama dirinya dan yang dibawah tanggung

jawabannya, pada penghujung bulan Ramadhan, sebelum shalat Idul

Fitri, bila yang bersangkutan memiliki kelebihan harta untuk keperluan

pada hari itu dan malam harinya. Adapun kadar yang dibayarkan adalah

satu sha’ (kurang lebih 2,2 kilogram atau yang biasa digenapkan

menjadi 2,5 kilogram] dari bahan pokok setiap daerah). Menurut

sebagian ulama’, zakat fitrah juga bisa ditunaikan dalam bentuk nilai

mata uang seharga kadar zakat tersebut, khususnya jika hal itu lebih

bermanfaat bagi fakir miskin yang menerimanya. Dan karena

keterkaitannya yang lebih kuat dengan diri si pembayar zakat daripada

keterkaitannya dengan harta, zakat ini juga dikenal dengan sebutan

zakat diri (zakatul abdaan).

2. Zakat Harta (Zakatul Amwaal/ Zakat Maal)

Zakat Harta ialah zakat yang wajib ditunaikan atas kepemilikan harta

dengan ketentuan-ketentuan khusus terkait dengan jenis harta, batas

nominalnya (nishab), dan kadar zakatnya. Zakat ini disebut dengan

zakat maal karena keterkaitannya yang lebih kuat dengan harta daripada

keterkaitannya dengan diri pemiliknya. Oleh karena itu, syarat-

syaratnya pun lebih banyak yang terkait dengan harta daripada dengan

diri pemiliknya. Sasaran Distribusi Zakat Sasaran distribusi zakat

disebutkan dalam Al-Qur`an surat alTawbah:60. Dalam ayat tersebut

ada delapan kelompok sasaran pendistribusian zakat yaitu fakir, miskin,

 16

amil, mu’allaf, membebaskan budak (riqab), orang yang berutang

(gharimin), fi sabilillah, dan ibn sabil. Berikut dijelaskan masing-

masing dan penafsirannya sesuai dengan konteks sekarang.

2.5 Pengertian Infaq

Menurut kamus besar bahasa Indonesia Infak adalah pemberian

(sumbangan) harta dan sebagainya (selain zakat wajib) untuk kebaikan; sedekah;

nafkah (Indonesia, infak, 2018).

Sedangkan menurut beberapa ahli :

1. Rahmat Djatnika (1986), Infaq merupakan amal ibadah kepada Allah

dan amal sosial kemasyarakatan serta kemanusiaan dalam wujud

menyerahkan sebagian harta atau nilainya oleh perorangan atau badan

hukum untuk diberikan kepada sesorang atau badan hukum karena sesuatu

kebutuhan.

2. Hasbi Ash Shiddiqi (2001) infaq adalah menafkahkan harta ketika ada

hal-hal yang mengharuskan kita menafkahkannya berdasarkan kebutuhan

dan kepentingan.

3. Mursyid, M,Si (Mursyid, 2006) infaq merupakan asal kata dari nafaqa

yang artinya menafkahkan atau membelanjakan. Bagi orang yang memberi

keluarganya belanja sama dengan artinya memberi nafkah.

2.6 Pengertian Sedekah

Dalam bahasa arab shadaqah artinya benar. Seseorang yang melakukan

sedekah adalah orang yang benar akan keimanannya. Sedekah dapat diartikan juga
 17

dengan salah satu sifat-sifat para nabi yaitu sidiq yang artinya jujur atau benar.

Dalam konteks sifat, sidiq berarti jujur dalam menyampaikan suatu perkara

kepada umat. Sedangkan dalam fikih muamalah sedekah merupakan memberikan

sebagian harta kepada orang lain secara sukarela (F mu’awiyah, 2021).

2.7 Pengertian PHP

PHP (Hypertext Preprocessor) adalah suatu Bahasa pemrograman yang

digunakan untuk menerjemahkan basis kode program menjadi kode mesin yang

dapat dimengerti oleh komputer yang bersifat server-side yang ditambahkan ke

HTML (Supono dan Putratama, 2018).

2.8 Pengertian MySQL

MySQL merupakan database server yang bersifat multiuser dan multi-

threaded. SQL adalah bahasa database standar yang memudahkan penyimpanan,

pengubahan dan akses informasi. Pada MySQL dikenal istilah database dan tabel.

Tabel adalah sebuah struktur data dua dimensi yang terdiri dari baris-baris

(Risdiansyah, 2017).

MySQL adalah database yang menghubungkan script php menggunakan

perintah query dan escaps character yang sama dengan PHP. Dari pendapat-

pendapat diatas dapat disimpulkan MySQL adalah database yang

menghubungkan script php menggunakan perintah query dan escaps character

yang sama dengan php dan bersifat Open Source (Isty & Afifah, 2018).
 18

2.9 Pengertian PhpMyAdmin

PHPMyAdmin merupakan aplikasi berbasis web yang digunakan untuk

membuat database MySQL sebagai tempat untuk menyimpan data-data website

(Suryadi, 2019).

2.10 Pengertian Database

Database adalah sekumpulan tabel-tabel yang berisi data dan merupakan

kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database

adalah Data Record dan Field”. Jadi basis data adalah media untuk menyimpan

data yang mana merupakan tabel-tabel yang berisi data dan merupakan kumpulan

dari field dan kolom (Anhar dalam Yulia, 2017).

2.11 Pengertian Unified Modelling Language (UML)

UML (Unified Modeling Language) adalah salah standart bahasa yang

banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat

analisis & desain, serta menggambarkan arsitektur dalam pemograman

berorientasi objek (Rosa A.S dan M. Shalahudin, 2018).

 19

Pembagian kategori dan macam-macam diagram tersebut dapat dilihat

pada gambar dibawah.

UML 2.3
Diagram

Structure Behavior Intraction

Diagrams Diagrams Diagrams

Use Case Sequence

Class diagram
diagram diagram

Object diagram Activity Communication

diagram diagram

Component State machine

Timing diagram
diagram diagram

Composite Interaction
structure diagram overview diagram

Package diagram

Deployment
diagram

2.12 Pengertian Usecase Diagram

Usecase diagram merupakan pemodelan untuk pemodelan untuk kelakuan

(behaviour) sistem informasi yang akan dibuat. Usecase mendeskripsikan sebuah

interaksi antara satu atau lebih actor dengan sistem (Sukamto dan M. Shalahudin,

Education & Advice, 2018) .

Tabel 2.1 Komponen Usecase Diagram

NO GAMBAR NAMA KETERANGAN

Menspesifikasikan himpunan
peran yang pengguna mainkan
1 Actor
ketika berinteraksi dengan use
case.
 20

Hubungan dimana perubahan

yang terjadi pada suatu elemen
mandiri (independent) akan
2 Dependency
mempengaruhi elemen yang
bergantung padanya elemen yang
tidak mandiri (independent).

Hubungan dimana objek anak

(descendent) berbagi perilaku dan
3 Generalization
struktur data dari objek yang ada
di atasnya objek induk (ancestor).

Menspesifikasikan bahwa use

4 Include
case sumber secara eksplisit.

Menspesifikasikan bahwa use

case target memperluas perilaku
5 Extend
dari use case sumber pada suatu
titik yang diberikan.

Apa yang menghubungkan antara

6 Association
objek satu dengan objek lainnya

Menspesifikasikan paket yang

7. System menampilkan sistem secara
terbatas

Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang
8 Use Case
menghasilkan suatu hasil yang
terukur bagi suatu actor

Interaksi aturan-aturan dan

elemen lain yang bekerja sama
9 Collaboration untuk menyediakan perilaku yang
lebih besar dari jumlah dan
elemen-elemennya (sinergi).

Elemen fisik yang eksis saat

aplikasi dijalankan dan
10 Note
mencerminkan suatu sumber daya
komputasi
 21

2.13 Activity Diagram

Diagram Activitas atau activity diagram menggambarkan workflow (aliran

kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada

pada perangkat lunak. Yang perlu diperhatikan disini adalah bahwa diagram

aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukanI, jadi

aktivitas yang dapat dilakukan oleh sistem (Rosa A.S dan M. Shalahudin, 2018).

2.14 Komponen Activity Diagram

Berikut ini adalah komponen activity diagram disajikan pada Tabel 2.2.

Tabel 2.2 Komponen Activity Diagram

Simbol Deskripsi

status awal
status awal aktivitas sistem,
sebuah diagram aktivitas
memiliki sebuah status awal

aktivitas
aktivitas yang dilakukan sistem,
aktivitas biasanya diawali
dengan kata kerja

percabangan / join
asosiasi percabangan dimana
jika ada pilihan aktivitas lebih
dari satu

penggabungan / join asosiasi penggabungan dimana

lebih dari satu aktivitas
digabungan menjadi satu

status akhir
status akhir yang dilakukan
sistem, sebuah diagram aktivitas
memiliki sebuah status akhir.
 22

swimlane
memisahkan organisasi bisnis
Nama swimlane
yang bertanggung jawab
terhadap aktivitas yang terjadi

Nama swimlane

2.15 Metode Pengembangan Sistem Informasi

Model SDLC air terjun (waterfall) sering juga disebut model sekuensial

linier (sequential linear) atau alur hidup klasik (classic life cycle). Model air

terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau

terurut dimulai dari analisis desain, pengodean, pengujian, dan tahap pendukung

(support) (Rosa A.S dan M. Shalahuddin, 2018).

Berikut adalah gambar model air terjun :

Sistem Rekayasa
Informasi

Analisis Desain Pengodean Pengujian

Gambar 2.1 Metode Waterfall

 23

Berikut ini merupakan penjelasan dari gambar diatas mengenai tahapan-tahapan

metode waterfall :

a. Analisis kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

mespesifikasi kebutuhan perangkat lunak agar dapat dipahami perangkat lunak

agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user.

Spefikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan

(Rosa A.S dan M. Shalahuddin, 2018).

b. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data, arsitektur

perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini

mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke

representasi desain agar dapat diimplementasikan menjadi program pada tahap

selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu

didokumentasikan (Rosa A.S dan M. Shalahuddin, 2018).

c. Pembuatan kode program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari

tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada

tahap desain (Rosa A.S dan M. Shalahuddin, 2018).

d. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi logic dan

fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan
 24

untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan (Rosa A.S dan M. Shalahuddin, 2018).

e. Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami

perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya

kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak

harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan

dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk

perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat

lunak baru (Rosa A.S dan M. Shalahuddin, 2018).

2.15 Pengertian Mock up

Mock up adalah prototipe bentuk dan desain kemasan sebelum diproduksi

secara masal (Wahyudi dan Satriyono, 2017).

2.16 Pengertian XAMPP

Xampp merupakan paket software yang didalamnya sudah terkandung

Web Server Apache, database MySQL dan PHP interpreter (Suryadi, 2019).
 BAB III
METODE PENELITIAN

3.1 Kerangka Penelitian

Kerangka penelitian merupakan penggambaran tahapan penelitian yang

variabelnya saling berhubungan secara detail dan sistematis. Kerangka penelitian

ini berisi tentang masalah dari sebuah instansi lalu ada pendekatan yang penulis

lakukan untuk mencari jalan keluar dari masalah yang ada, selanjutnya adanya

usulan lalu dilanjutkan dengan proses desain, pembuatan, pengujian, dan hasil.

Berikut merupakan gambar kerangka penelitian yang diajukan penulis dapat

dilihat pada Gambar 3.1 berikut ini.

 26

MASALAH
Masjid Al-Ikhlas melakukan pembayaran ZIS secara
manual,menggunakan kertas yang sangat mudah hilang, rusak
dan terbawa oleh pengurus

PENDEKATAN

Sistem dibuat menggunakan pengembangan system rekayasa

perangkat lunak web dan desain aplikasi menggunakan metode
UML (Unifed Modeling Language)

USULAN

Sistem Informasi Pembayaran Zakat Infaq dan Sedekah Majid Al-

Ikhlas Segala Mider Berbasis Web

DESAIN

Usecase diagram, Activity diagram, Class diagram, Relasi antar

tabel, Kamus data dan Prototype

PEMBUATAN

Menggunakan bahasa pemograman PHP dan database MYSQL

PENGUJIAN HASIL

Pengujian Menggunakan
Metode Blackbox Testing
Sistem Informasi
Pembayaran Zakat Infaq
Sedekah Masjid Al-Ikhlas
Segala Mider Berbasis
Web

Gambar 3.1 Kerangka Penelitian

 27

3.2 Objek Penelitian

Tempat penelitian berlokasi di Masjid Al-Ikhlas yang beralamat di

Jl.Abdul Mutholib, Segala Mider, Kota Bandar Lampung.

3.3 Tahapan Penelitian

Tahapan-tahapan dalam penelitian ini menggunakan metode web

engineering dapat dilihat pada Gambar 3.2 sebagai berikut :

Tahap Communication 1. Formulation (perumusan)

2. Elicitation (observasi)

1. Risk analysis (analisi resiko)

Tahap Planning
2. Schedulin (penjadwalan)

3. Monitoring (monitor)

1. Analysis is modeling (permodelan analisis)

Tahap Modeling
2. Desaign modeling (permodelan desain)

Tahap Construction 1. Coding (implementasi)

2. Testing (pengujian)

Tahap Delivery & 1. Delivery (penyerahan)

Feedback 2. Evaluation (evaluasi)

Gambar 3.2 Tahapan Penelitian.

 28

3.3.1 Communication (Komunikasi)

Pada tahapan communication ini, penulis melakukan komunikasi dengan

user (pengguna) sistem yang akan dibangun. Tahapan ini dilakukan untuk

mengetahui apa saja kebutuhan user dan kebutuhan Sistem Informasi

Pembayaran Zakat Infaq Sedekah Majid Al-Ikhlas Segala Mider yang dilakukan

dengan cara wawancara. Selain itu, penulis melakukan pengumpulan data berupa

dokumentasi bukti kegiatan observasi dalam proses wawancara yang telah

dilakukan oleh penulis.

3.3.1.1 Formulation (perumusan)

Peneliti melakukan perumusan masalah terhadap sistem yang sedang

dikembangkan. Setelah diteliti, permasalahan yang ada yaitu pengelolaan

pembayaran dilakukan dengan cara yang sangat manual. Pengelola lapangan

sering merasakan kesulitan dalam pencatatan data pembayaran zakat infaq dan

sedekah dalam sebuah buku catatan saja.

3.3.1.2 Elication (Observasi)

Observasi dilakukan peneliti untuk menghasilkan informasi mengenai

kebutuhan yang diperlukan sistem. Proses observasi dalam penelitian ini

dilakukan dengan metode:

a) Pengamatan Data

Pengamatan data dilakukan peneliti dengan cara mencatat seluruh

informasi yang didapatkan melalui proses pengamatan secara langsung

terhadap Masjid Al-Ikhlas Segala Mider.

 29

b) Wawancara

Wawancara dilakukan peneliti dengan cara memberikan beberapa

pertanyaan kepada pengurus masjid Al-Ikhlas Segala Mider.

c) Tinjauan Pustakas

Pada tahapan ini, peneliti melakukan perbandingan terhadap penelitian

terdahulu serta mengumpulkan yang dibutuhkan untuk objek penelitian

yang berhubungan dengan web engineering dan berkaitan pada

perancangan bangun website sistem informasi pembayaran zakat infaq

sedekah ini.

d) Dokumentasi

Dokumentasi dilakukan peneliti dengan cara mengumpulkan seluruh

bahan yang dibutuhkan untuk penulisan skripsi seperti buku catatan

pembayaran zakat infaq sedekah.

3.3.2 Planning (Perencanaan)

Pada tahapan perencanaan, peneliti melakukan perencanaan mengenai

kebutuhan apa saja yang diperlukan dalam pembangunan sistem ini agar dapat

berjalan dengan lancar. Perencanaan yang dilakukan secara teknis dengan

mengidentifikasi software (perangkat lunak) dan hardware (perangkat keras).

3.3.3 Modeling (Permodelan)

Pada tahap ini, penulis melakukan rancangan desain berdasarkan

informasi yang dibutuhkan yang sebelumnya telah dikumpulkan pada tahap

sebelumnya yaitu tahap analisis. Terdapat 2 (dua) tahapan dalam pemodelan

 30

yaitu analysis modeling (pemodelan analisis) dan design modeling (pemodelan

desain).

3.3.3.1 Permodelan Desain (Design Modelling)

Pada tahapan pemodelan desain ini merancang desain tampilan halaman

sistem yang dirancang dengan kombiasi warna, teks dan gambar. Rancangan

desain yang digunakan yaitu UML yang meliputi use case diagram, class

diagram dan activity diagram serta ditambah lagi dengan entity relationship

diagram (ERD), relasi antar tabel dan kamus data dalam penelitian ini.

Perancangan proses tahapan ini dibuat dalam bentuk gambaran perancangan dari

tiap aktivitas, gambaran berbentuk visual perancangan dan dilengkapi dengan

keterangan disetiap simbolnya. Untuk lebih jelas dan spesifik, berikut adalah

langkah penelitian yang dibuat dalam tahap pemodelan desain yaitu:

1. Perancangan Activity Diagram

2. Perancangan Class Diagram

3.3.3.2 Analysis Modeling (permodelan analasisi)

Pada tahapan ini, menentukan kebutuhan sistem yang dibutuhkan

sebagai pendukung pengembangan sistem dan menentukan serta memisahkan

segala hak akses pengguna dalam sistem serta menganalisis fungsi operasi yang

akan digunakan dan dijalankan dalam sistem dengan menganalisis kebutuhan

fungsional dan non fungsional. Dibawah ini adalah kebutuhan fungsional dan

non fungsional:
 31

a. Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional adalah suatu gambaran dari informasi yang

terjadi pada sistem yang bersangkutan. Adapun perancangan aplikasi ini

meliputi: Usecase Diagram, Activity Diagram, Design Inferface.

a) Usecase Diagram SI Masjid Al-Ikhlas

Usecase diagram SI Masjid Al-Ikhlas ditunjukkan pada Gambar 3.3

Gambar 3.3 Use Case Diagram SI Masjid Al-Ikhlas.

Gambar 3.3 menggambarkan usecase memiliki dua aktor yaitu, admin dapat

mengelola data zakat, infaq / sedekah, dan data pengeluaran infaq dan juga

pengguna dimana pengguna ini hanya bisa melihat jumlah zakat yang akan

dibayarkan baik itu beras atau uang.

 32

b) Activity Diagram Mengelola Isi Menu Profil Sistem

Activity diagram mengelola isi profil sistem gambar 3.4.

Gambar 3.4 Activity diagram mengelola profil sistem.

Gambar 3.4 Mengelola profil sistem dengan cara klik menu profil sistem pada

halaman admin, lalu sistem akan menampilkan, selanjutnya admin akan

mengelola dengan memberikan text atau gambar untuk membuat input profil

sistem

c) Activity Diagram Mengelola Panduan Penggunaan

Activity diagram mengelola panduan penggunaan ditunjukkan pada gambar 3.5

Gambar 3.5 Activity Diagram Mengelola Panduan Penggunaan.

 33

Gambar 3.5 Mengelola panduan penggunaan dengan cara klik menu panduan

penggunaan pada halaman admin, lalu sistem akan menampilkan, selanjutnya

admin akan mengelola dengan memberikan text atau gambar untuk membuat

input panduan penggunaan.

d) Activity Diagram Mengelola Data Artikel

Activity diagram mengelola artikel ditunjukkan pada gambar 3.6

Gambar 3.6 Activity Diagram mengelola artikel.

Gambar 3.6 Mengelola data artikel dilakukan dengan cara klik menu artikel

pada halaman admin, lalu sistem akan menampilkannya, selanjutnya admin

bisa melakukan penambahan, penghapusan, dan perubahan pada isi artikel.

 34

e) Activity Diagram Mengelola Rekening Transfer

Activity diagram mengelola rekening transfer ditunjukan pada gambar 3.7

Gambar 3.7 Activity Diagram Mengelola Data Rekening

Gambar 3.7 mengelola nomor rekening yang nantinya nomor rekening itu

digunakan oleh pengguna untuk membayar zakat, infaq, dan sedekah, setelah

data rekening di edit tekan simpan untuk memunculkan di menu pengguna.

f) Activity Diagram Melihat Data Infaq / Zakat

Activity diagram melihat data infaq/zakat ditunjukan pada gambar 3.8

Gambar 3.8 Activity Diagram mengeloladata infaq/zakat

 35

Gambar 3.8 untuk melihat data infaq dan zakat yang telah masuk bisa

dilakukan dengan cara klik menu data infaq/zakat lalu sistem akan

menampilkan menu data infaq/zakat, setelah itu data yang tidak sesuai bisa

dihapus

g) Activity Diagram Mengelola Dana Masuk

Activity diagram mengelola dana keluar ditunjukan pada gambar 3.9

Gambar 3.9 Activity Diagram mengelola dana keluar.

Gambar 3.9 untuk mengelola dana masuk bisa dilakukan dengan cara klik

menu data keluar lalu sistem akan menampilkan menu dana masuk, setelah

itu data bisa ditambah, dihapus maupun diedit.

 36

h) Activity Diagram Mengelola Dana Keluar

Activity diagram mengelola dana keluar ditunjukan pada gambar 3.10

Gambar 3.10 Activity Diagram mengelola dana keluar.

Gambar 3.10 untuk mengelola dana keluar bisa dilakukan dengan cara klik

menu keluar lalu sistem akan menampilkan menu dana keluar, setelah itu data

bisa ditambah, dihapus maupun diedit.

i) Activity Diagram Laporan

Activity diagram laporan ditunjukan pada gambar 3.11

Gambar 3.11 Activity Diagram mengelola laporan.

 37

Gambar 3.11 untuk melihat laporan bisa dengan menggunakan cara klik menu

laporan lalu pilih jenis laporan yang ingin dilihat, sesuaikan tanggal yang

ingin dilihat lalu klik cetak untuk melihat laporan dari jenis laporan yang

dipilih.

j) Activity Diagram Pembayaran Zakat

Activity diagram laporan ditunjukan pada gambar 3.12

Gambar 3.12 Activity Diagram pembayaran zakat.

Gambar 3.12 Activity Diagram membayar zakat oleh pembayar zakat dapat

digunakan dengan cara klik bayar zakat kemudian sistem akan menampilkan

menu pembayaran zakat, lalu pengguna harus mengisi form pembayaran yang

telah disediakan, dan setelahnya user klik tombol konfirmasi pembayaran dan

tunggu konfirmasi pembayaran melalui email.

 38

f) Desain Interface

a) Desain Tampilan Halaman Utama

Gambar 3.13. Desain Tampilan Halaman Utama.

Gambar 3.13 merupakan desain tampilan dari halaman utama sistem informasi

zakat infaq dan sedekah berbasis web di Masjid Al-Ikhlas, Segala Mider. Di

dalam tampilan tersebut terdapat gambaran masjid al-ikhlas, tombol home,

profil dan panduan penggunaan

b) Desain Tampilan Halaman Beranda

Gambar 3.14. Desain Tampilan Halaman Beranda.

 39

Gambar 3.14 Merupakan tampilan beranda pada sistem informasi Masjid Al-

Ikhlas dimana isi dari tampilan tersebut adalah total dana masuk, total dana

keluar, dan saldo sisa.

c) Desain Tampilan Profil Sistem

Gambar 3.15. Desain Tampilan Profil Sistem.

Gambar 3.14 Merupakan tampilan profil sistem. Tampilan ini digunakan

untuk membuat masukkan tentang profil sistem yang bisa dilihat di

halaman pengguna.

d) Desain Tampilan Artikel

Gambar 3.16. Desain Tampilan Menu Artikel.

 40

Gambar 3.16 Merupakan tampilan menu artikel pada sistem informasi

Masjid Al-Ikhlas dimana isi dari tampilan tersebut adalah daftar artikel

yang telah terbit di halaman pengguna aplikasi, Admin dapat menambah,

menghapus dan mengedit artikel yang ada.

e) Desain Tampilan Menu Rekening Transfer

Gambar 3.17. Desain Tampilan Menu Rekening Transfer.

Gambar 3.17 Merupakan tampilan menu Rekening Transfer pada sistem

informasi Masjid Al-Ikhlas dimana isi dari tampilan tersebut adalah

inputan nomor rekening masjid aktif yang digunakan pengguna untuk

membayar zakat .

f) Desain Tampilan Data Pembayaran Zakat Onlin

Gambar 3.18. Desain Tampilan Menu Rekening Transfer.

 41

Gambar 3.18 Merupakan tampilan menu data pembayaran zakat online

pada sistem informasi Masjid Al-Ikhlas dimana isi dari tampilan tersebut

adalah data orang yang telah melakukan pembayaran online dimana

nantinya admin akan cek kembali kebeneranan dari data tersebut.

g) Desain Tampilan Dana Masuk

Gambar 3.19. Desain Tampilan Dana Masuk.

Gambar 3.19 Merupakan tampilan menu dana masuk pada sistem

informasi Masjid Al-Ikhlas dimana isi dari tampilan tersebut adalah data

dana yang telah masuk dari pengguna melakukan pembayaran dimana

nantinya admin akan cek kembali kebeneranan dari data tersebut.

h) Desain Tampilan Dana Keluar

Gambar 3.20. Desain Tampilan Dana Keluar.

 42

Gambar 3.18 Merupakan tampilan menu dana keluar pada sistem

informasi Masjid Al-Ikhlas dimana isi dari tampilan tersebut adalah data

dana yang telah keluar dari admin melakukan pembayaran dimana

nantinya admin akan cek kembali kebeneranan dari data tersebut.

i) Desain Tampilan Laporan

Gambar 3.21. Desain Tampilan Laporan.

Gambar 3.19 Merupakan tampilan menu laporan pada sistem informasi

Masjid Al-Ikhlas dimana isi dari tampilan tersebut adalah tanggal yang

bisa dipilih untuk melihat laporan, baik itu laporan kas ataupun laporan

zakat/infaq.
 43

f) Class Diagram

Gambar 3.22. Class Diagram

Gambar 3.20 Merupakan tampilan class diagram dari Sistem Informasi

Pembayaran Zakat Infaq Sedekah Masjid Al-Ikhlas Segala Mider.

h) Relasi Tabel

Berikut ini adalah gambar dari relasi tabel yang ada di Sistem Informasi

Zakat Infaq Sedekah di Masjid Al-Ikhlas, Segala Mider.

 44

Gambar 3.23. Relasi table

i) Coding

Dalam tahap ini coding akan dibuat dengan bahasa pemrograman PHP,

Javascript, HTML, dan CSS serta untuk tampilan web dan library

menggunakan template Admin LTE V3 sedangkan untuk database sistem

menggunakan MySQL

i) Pengujian

Tahapan ini bisa dikatakan final dalam pembuatan sebuah sistem. Setelah

melakukan analisa, desain dan coding maka sistem yang sudah selesai

dikerjakan akan digunakan pengurus masjid Al-Ikhlas, dengan cara

mengoprasikan menu yang ada pada sistem dengan data yang digunakan.
 45

j) Perawatan

Dalam tahap ini perawatan dilakukan selama sistem dioperasikan.

Berdasarkan metode pengembangan waterfall, sistem ini hanya dibatasi pada

tahap pengujian saja.

 BAB IV
IMPLEMENTASI

4.1 Implementasi

Implementasi merupakan tahap penerapan sebuah program pada suatu

sistem. Program ini terdiri dari beberapa tampilan yang berfungsi untuk

menjalankan sistem secara interatif, berikut tampilan dari sistem:

4.1.1 Tampilan Halaman Admin

Berikut ini adalah tampilan halaman admin yang terdiri dari tampilan

Home, Profil Sistem, Panduan Penggunaan, Artikel, Rekening Transfer, Data

Infaq/Zakat, Dana Masuk, Dana Keluar, Laporan. Berikut ini adalah tampilan dari

bagian halaman admin:

4.1.1.1 Tampilan Home

Tampilan halaman home merupakan halaman yang tampil saat admin

pertama kali login sistem. Tampilan halaman home ditunjukkan pada gambar 4.1.

Gambar 4.1 Halaman Home.

 47

4.1.1.2 Tampilan Halaman Profil Sistem

Tampilan menu profil sistem pada sistem informasi Masjid Al-Ikhlas

menampilkan inputan yang digunakan untuk diisi sesuai dengan profil sistem

yang kita inginkan yang nantinya akan terlihat di halaman pengguna.

Gambar 4.2 Halaman Profil Sistem.

4.1.1.3 Tampilan Halaman Panduan Penggunaan

Tampilan menu panduan penggunaan pada sistem informasi Masjid Al-

Ikhlas menampilkan inputan yang digunakan untuk diisi sesuai dengan profil

sistem yang kita inginkan yang nantinya akan terlihat di halaman pengguna.

Gambar 4.3. Panduan Penggunaan

 48

4.1.1.4 Tampilan Halaman Artikel

Tampilan menu artikel penggunaan pada sistem informasi Masjid Al-

Ikhlas menampilkan inputan yang digunakan untuk diisi sesuai dengan artikel

yang kita inginkan yang nantinya akan terlihat di halaman pengguna. Admin

selain dapat menambahkan atau membuat artikel baru juga dapat menghapus dan

merubah artikel yang diinginkan.

Gambar 4.4. Tampilan Halaman Artikel.

4.1.1.5 Tampilan Halaman Rekening Transfer

Tampilan menu rekening transfer pada sistem informasi Masjid Al-Ikhlas

menampilkan inputan yang digunakan untuk diisi sesuai dengan rekening masjid

yang masih aktif yang nantinya akan terlihat di halaman pengguna dan dijadikan

juga untuk pembayaran zakat online.

Gambar 4.5. Tampilan Halaman Rekening Transfer.

 49

4.1.1.6 Tampilan Halaman Dana Masuk

Tampilan menu dana masuk penggunaan pada sistem informasi Masjid Al-

Ikhlas menampilkan dana masuk yang sudah ter-input, admin selain bisa

menambahkan pembayaran baru juga dapat menghapus dan merubah data yang

diinginkan.

Gambar 4.6. Tampilan Halaman Dana Masuk.

4.1.1.7 Tampilan Halaman Dana Keluar

Tampilan menu dana keluar penggunaan pada sistem informasi Masjid Al-

Ikhlas menampilkan dana keluar yang sudah ter-input, admin selain bisa

menambahkan pembayaran baru juga dapat menghapus dan merubah data yang

diinginkan.

Gambar 4.7. Tampilan Halaman Dana Keluar.

 50

4.1.1.8 Tampilan Halaman Laporan

Tampilan menu laporan pada sistem informasi Masjid Al-Ikhlas

menampilkan jenis laporan yang bisa dipilih, yaitu laporan kas dan laporan

zakat/infaq. Laporan ini bisa dicari dengan rentang tanggal yang kita inginkan dan

akan ada hasil akhir yang dapat mempermudah admin melakukan rekap data,

Gambar 4.8. Tampilan Halaman Laporan.

4.1.2 Tampilan Halaman Pengguna

Tampilan halaman pengguna merupakan halaman yang menampilkan

halaman yang bisa diakses oleh pengguna yang terdiri dari menu home profil

sistem, panduan penggunaaan dan juga menu hubungi kami.

Gambar 4.9 Tampilan Pengguna

 BAB V
HASIL DAN PEMBAHASAN

5.1 Pembahasan Pengujian

Pengujian pada sistem ini dilakukan setelah pembangunan aplikasi

program sudah selesai. Pengujian sistem ini dilakukan untuk memeriksan dan

memastikan bahwa komponen-komponen telah berfungsi dengan yang

diharapkan. Pengujian ini dilakukan untuk mencari error dan bug pada sistem.

Secara khusus ada beberapa pengujian usability dengan menggunakan blackbox

dan functionality dengan menggunakan ISO 9126. Sistem ini telah diuji kepada

pengurus Masjid Al-Ikhlas Segala Mider.

5.1.1 Pengujian Sistem

Pengujian yaitu hasil pengujian yang dilakukan untuk menampilkan

informasi rancangan pengujian yang akan dilakukan sesuai dengan test yang

dilakukan. Pengujian usability dengan menggunakan blackbox dan functionality

dengan menggunakan ISO 9126, berikut adalah skenario pengujian.

5.1.1.1 Pengujian Internal

Pengujian internal merupakan pengujian yang dilakukan oleh peneliti

untuk menguji fungsionalitas menu dan tombol dari sistem dalam melakukan

fungsinya dengan baik.

5.1.1.1.1 Hasil Pengujian Browser

Pengujian ini dilakukan untuk menguji apakah aplikasi dapat berjalan

dengan baik dalam semua jenis browser yang diujikan. Pengujian ini
 52

menggunakkan beberapa kriteria yang sudah ditentukan seperti kelas uji, daftar

pengujian, skenario uji, hasil yang diharapkan, dan hasil yang diperoleh.

Pengujian versi android dapat dilihat pada tabel 4.1.

Tabel 5.1 Pengujian Jenis Browser

No Kelas Uji Daftar Skenario Hasil yang Hasil yang

Pengujian Uji Diharapkan Diperoleh

1. Jenis Pengujian Pengujian Kompatibel Berhasil dan

Browser kompabilitas pada dengan bisa
jenis browser Google Google dijalankan
Chrome Chrome dengan baik
Pengujian Kompatibel Berhasil dan
pada dengan bisa
Mozilla Mozilla dijalankan
Firefox Firefox dengan baik
Pengujian Kompatibel Berhasil dan
pada dengan bisa
Microsoft Microsoft dijalankan
Edges Edges dengan baik
Pengujian Kompatibel Berhasil dan
pada dengan bisa
Opera Opera dijalankan
dengan baik

Berdasarkan pengujian kompabilitas jenis browser, maka dapat

disimpulkan bahwa aplikasi zakat infaq dan sedekah masjid al-ikhlas ini

kompatibel (sesuai) disemua jenis browser baik dari sisi antar muka dan fungsi

utama sistem.

5.1.1.1.2 Pengujian User Interface

Pengujian ini bertujuan untuk mengetahui apakah aplikasi memilki

tampilan yang baik dan user friendly terhadap pengguna. Pengujian ini
 53

menggunakan beberapa kriteria yang sudah ditentukan seperti kelas uji, daftar

pengujian, skenario uji, hasil yang diharapkan, dan hasil yang diperoleh.

Pengujian user interface dapat dilihat pada Tabel 4.2.

Tabel 5.2 Pengujian Jenis User Interface

No Kelas Daftar Skenario Uji Hasil yang Hasil yang

Uji Pengujian Diharapkan Diperoleh

1. User Pengujian Pilih menu Menampilkan Berhasil

Interface pada menu beranda halaman menampilkan
beranda beranda halaman
beranda
2. User Pengujian Pilih menu Menampilkan Berhasil
Interface pada modul pemasukan halaman menampilkan
Zakat pada modul Pemasukan halaman
zakat Zakat Pemasukan
Zakat
Pilih menu Menampilkan Berhasil
pengeluaran halaman menampilkan
pada modul pengeluaran halaman
zakat zakat pengeluaran
zakat
3. User Pengujian Pilih menu Menampilkan Berhasil
Interface pada modul pemasukan halaman menampilkan
infaq/sedekah infaq pada pemasukan halaman
modul infaq pemasukan
infaq/sedekah infaq
Pilih menu Menampilkan Berhasil
pengeluaran halaman menampilkan
pada modul pengeluaran halaman
infaq infaq pengeluaran
infaq
4. User Pengujian Pilih menu Menampilkan Berhasil
Interface pada modul pemasukan halaman menampilkan
laporan zakat pada Laporan halaman
modul Pemasukan Laporan
laporan Zakat Pemasukan
Zakat
Pilih menu Menampilkan Berhasil
pemasukan halaman menampilkan
 54

infaq/sedekah Laporan halaman

pada modul Pemasukan Laporan
laporan Infaq/Sedekah Pemasukan
Infaq/Sedekah
Pilih menu Menampilkan Berhasil
pengeluaran halaman menampilkan
zakat pada Laporan halaman
modul Pengeluaran Laporan
laporan Zakat Pengeluaran
Zakat
Pilih menu Menampilkan Berhasil
pengeluaran halaman menampilkan
infaq/sedekah Laporan halaman
pada modul Pengeluaran Laporan
laporan infaq/sedekah Pengeluaran
Infaq/Sedekah

5.1.1.2 Pengujian Eksternal

Pengujian eksternal merupakan pengujian yang dilakukan oleh peneliti

untuk menguji fungsion alitas menu dan tombol dari sistem dalam melakukan

fungsinya dengan baik.

Tabel 5.3 Pengujian Ekternal

No Pengujian Masukan Hasil yang Hasil Pengujian

diharapkan

1 Menguji Username Diharapkan Sesuai harapan

Halaman dan berhasil masuk ke
Login password halaman Beranda
2 Melakukan Nama, jenis Diharapkan Sesuai harapan
inputan zakat, datayang sudah
pemasukan jumlah diunggah dapat
zakat jiwa, tersimpan di
alamat, database
uang, beras
3 Melakukan Nama, Diharapkan data Sesuai harapan
inputan kelurahanm yang sudah
pengeluaran RT, diunggah dapat
zakat uang/beras, tersimpan di
 55

status database
4 Melakukan Nama, Diharapkan data Sesuai harapan
inputan alamat, yang sudah
pemasukan jumlah diunggah dapat
infaq/sedekah tersimpan di
database
5 Melakukan Keperluan, Diharapkan data Sesuai harapan
inputan jumlah yang sudah
pengeluaran diunggah dapat
infaq/sedekah tersimpan di
database
6 Melihat Menekan Dapat melihat Sesuai harapan
laporan menu keseluruhan
pemasukan pemasukan laporan
zakat zakat pada pemasukan zakat
laporan
7 Melihat Menekan Dapat melihat Sesuai harapan
laporan menu keseluruhan
pemasukan pemasukan laporan
infaq / infaq / pemasukan infaq /
sedekah sedekah sedekah
pada
laporan
8 Melihat Menekan Dapat melihat Sesuai harapan
laporan menu keseluruhan
pengeluaran pengeluaran laporan
zakat zakat pada pengeluaan zakat
laporan
9 Melihat Menekan Dapat melihat Sesuai harapan
laporan menu keseluruhan
pengeluaran pengeluaran laporan
infaq / infaq / pengeluaan infaq /
sedekah sedekah sedekah
pada
laporan

Dari pengujian yang dilakukan di Masjid Al-Ikhlas yang mana Masjid Al-

Ikhlas ini adalah user yang akan menggunakan aplikasi zakat, infaq, sedekah ini.

semua hasil mendapatkan respon yang baik dan sesuai dengan yang diharapkan.
 BAB VI
KESIMPULAN DAN SARAN

6.1 Kesimpulan

Berdasarkan hasil pembahasan dari Tugas Akhir tentang Sistem Informasi

Zakat Infaq Sedekah Berbasis Web di Masjid Al-Ikhlas Lampung dapat

disimpulkan bahwa:

Sistem dibangun dengan basis web dengan php native dan juga mysql

sebagai database yang bertujuan untuk mempermudah pengguna atau amil zakat

menggunakan program tersebut. Sistem Informasi Zakat Infaq dan Sedekah ini

juga dibangun dengan menggunakan template Admin LTE dimana pemilihan

tremplate ini terlihat simple dan juga user-friendly jadi semua kalangan usia bisa

mengoperasikan Aplikasi Zakat Infaq dan Sedekah ini.

Sistem dibangun bertujuan untuk mempermudah manajemen dan

pencatatan zakat, infaq, sedekah, karena saat ini di masjid al-ikhlas masih

menggunakan sistem manual dan dikhawatirkan akan terjadi kehilangan dan

kerusakan data. Sistem ini juga mempermudah dalam perhitungan jumlah dari

zakat, infaq, sedekah sehingga tidak terjadi lagi kesalahan dalam perhitungan

jumlah zakat, infaq, dan sedekah.

6.2 Saran

Sistem Informasi Pembayaran Zakat, Infaq, dan Sedekah Berbasis Web di

Masjid Al-Ikhlas Bandar Lampung masih memiliki beberapa kekurangan dan

dibutuhkan perbaikan serta pengembangan agar lebih efektif dan baik. Berikut ini

merupakan saran yang diberikan untuk pengembangan:

a. Membuat tampilan sistem informasi lebih ramah terhadap pengguna

 57

b. Melakukan pengembangan pada platform lain, Seperti di Mobile (Android)

c. Membuat penghitungan zakat mal secara otomatis agar mempermudah amil

zakat dan pembayar zakat.

 59

DAFTAR PUSTAKA

Adil, Ahmat. 2017. Sistem Informasi Geografis. Andi, Yogyakarta

Ambarita, A. dan Muharto. 2016. Metode Penelitian Sistem Informasi Mengatasi
Kesulitan Mahasiswa dalam Menyusun Proposal penelitian. Deepublish,
Yogyakarta.
Ayub, Moh dan MK, Muhsin dan Mardjoned, Ramlan. 1996. Manajemen Masjid,
Gema Insani, Jakarta.
Hafidhuddin, Didin. 1998. Panduan Praktis Tentang Zakat, Infak, dan Sedekah.
Mitra Wacana Media, Jakarta.
Hutahaean, Jeperson. 2014. Konsep Sistem Informasi. Deepublish, Yogyakarta.
Juju, Dominikus. 2006. Kupas Tuntas CSS. PT. Elex Media Komputindo,
Yogyakarta.
Kusrini. 2007. Strategi Perancangan dan Pengelolaan Basis Data. CV Andi
Offset,
Yogyakarta.
Madcoms. 2016. Sukses Membangun Toko Online Dengan PHP & MySQL.
Yogyakarta: Andi.
Mulyani, Sri. 2016. Sistem Informasi Manajemen Rumah Sakit : Analisis dan
Perancangan. Abdi Sistematika, Bandung.
Nanang, Wahyudi dan Satriyono, Sonny. 2017. Mantra Kemasan Juara, PT. Elex
Media Komputindo, Jakarta.
Prasetyo , Eko. 2008. Pemrograman web php dan MySQL untuk Sistem Informa
Perpus. Graha Ilmu, Yogyakarta.
Rerung, Rintho Rante. 2018. Pemrograman Web Dasar. Deepublish, Yogyakarta.
Sugiri. 2008. Pengelolaan Database MySQL dengan PhpMyAdmin. Graha Ilmu,
Yogyakarta.
Yasin, Verdi. 2012. Rekayasa Perangkat Lunak Berorientasi Objek. Mitra
Wacana Media, Jakarta.
Yudhanto, Yudho dan Prasetyo, Helmi Adi. 2018. Panduan Mudah Belajar
Framework Laravel. PT. Elex Media Komputindo, Jakarta
Sukamto, R. A., & Shalahuddin, M. (2018). Rekayasa Perangkat Lunak
Terstruktur Dan Berorientasi Objek. Bandung: Informatika Bandung.
Rerung, R.R. (2018). Pemrograman Web Dasar. Yogyakarta: Deeppublish.
Sofyan, A. A., Gustomi, L. F., & Fitrianto, S. (2016). Perancangan Sistem
Informasi Perencanaan dan Pengendalian Bahan Baku Pada PT. Hema
Medhajaya. Jurnal Sisfotek Global, 6(1). Retrieved from
http://journal.stmikglobal.ac.id/index.php/sisfotek/article/view/120..
Rina dan Fatkur. (2019). Aplikasi Sistem Informasi Absensi Mahasiswa dan
Dosen. Madiun: UNIPMA.
Kesuma, C., & Rahmawati, L. (2017). Sistem Informasi Akademik Berbasis Web
Pada SMK Purnama 2 Banyumas. Indonesian Journal on Networking and
Security, Vol 7(No 3), 1–9.
Risdiansyah. (2017). Perancangan Sistem Informasi Bimbingan Konseling
Berbasis Desktop pada SMA Kemala Bhayangkari 1 Kubu Raya Deni
(Risdiansyah, 2017)
Isty, I., & Afifah, N. (2018). Sistem Informasi Penjualan Busana Pengantin Pada
Tutut Manten Yogyakarta, 10(1), 1–6.
 59

Edi Suryadi (2019). Metode Penelitian Komunikasi (dengan pendekatan

Kuantitatif). Bandung : PT Remaja Rosdakarya.
Hafidhuddin, Didin, (2002). Zakat Dalam Perekonomian Modern,GemaInsani,
Jakarta
Muhajirin, (2017). Potensi Dan. Kontribusi Zakat, Infaq Dan Shadaqah
 60

LAMPIRAN
 61

LAMPIRAN 1. Form wawancara di Masjid Al-Ikhlas

 62

LAMPIRAN 2. Form pengujian sistem informasi pembayaran zakat, infaq, dan

sedekah di Masjid Al-Ikhlas.
63
64
65
66
67
 68

Lampiran 3. Foto Pengujian Sistem di Masjid Al-Ikhlas

69