APLIKASI PENCATATAN ZAKAT FITRAH

Disusun Oleh:

Oleh:

Abdul Hafidz (11850112345)

Putri Era Fazirah (11850124939)

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM SULTAN SYARIF KASIM RIAU

2020/2021
 KATA PENGANTAR

Puji syukur penulis ucapkan kehadirat Tuhan Yang Maha Esa atas rahmat-Nya sehingga
penulisan laporan tugas akhir yang berjudul “Aplikasi Pencatatan Zakat Fitrah” ini dapat
terselesaikan dengan baik. Penyusunan laporan ini sebagai tugas akhir mata kuliah system
informasi yang diampu oleh ibu Okfalisa, S.T., M.Sc., Ph.D. Ucapan terima kasih penulis
sampaikan kepada dosen pengampu mata kuliah system inforamsi yang telah memberikan
masukan dan arahan hingga terselesaikannya laporan ini. Penulis juga mengucapkan terima kasih
kepada rekan-rekan mahasiswa yang telah meberikan dukungan dan partisipasinya dalam
penulisan laporan ini. Penulisan laporan ini masih terdapat kekurangan. Oleh karena itu, penulis
harapkan saran dan kritik dari pembaca. Akhir kata, penulis berharap semoga laporan ini dapat
bermanfaat bagi pembaca.

Pekanbaru, 11 Januari 2021

Penulis

ii
 DAFTAR ISI

HALAMAN JUDUL

KATA PENGANTAR ...................................................................................... ii

DAFTAR ISI ..................................................................................................... iii

DAFTAR GAMBAR .......................................................................................... iv

BAB I PENDAHULUAN

1.1 Latar Belakang ........................................................................................ 1

1.2 Rumusan Masalah ................................................................................... 1

1.3 Batasan Masalah....................................................................................... 1

1.4 Tujuan ..................................................................................................... 2

1.5 Manfaat Penelitian ................................................................................... 2

1.6 Metode Penelitian..................................................................................... 2

1.6.1 Pengumpulan Data .......................................................................... 2

1.6.2 Pengembangan Aplikasi .................................................................. 2

BAB II ANALISA DAN PERANCANGAN

2.1 Analisa Sistem............................................................................................ 4

2.2 Analisa Fungsional ..................................................................................... 4

2.2.1 Data Flow Diagram ............................................................................. 4

2.2.2 Data Base ............................................................................................ 6

2.2.3 Rancangan Intrerface .......................................................................... 6

BAB III HASIL DAN PEMBAHASAN

3.1 Tampilan Hasil .......................................................................................... 9

BAB IV PENUTUP

iii
DAFTAR GAMBAR
2.1.1.1 Gamabr DFD Level 0 ......................................................................... 5

2.1.1.2 Gamabar DFD Level 1 Pemberi Zakat ............................................... 5

2.1.1.3 Gambar DFD Level 1 Penerima Zakat ................................................ 5

2.2.2 Gambar ERD ...................................................................................... 6

iv
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Menunaikan zakat adalah kegiatan yang wajib dilakukan bagi setiap muslim yang
telah memenuhi syarat-syarat tertentu. Pada saat ini para pengurus zakat sangat kesulitan
pada saat pencatatan data zakat yang nantinya akan dipertanggung jawabkan kepada
masyarakat apabila terjadi penyimpangan atau perdebatan. Bukti pencatatan zakat
merupakan sesuatu hal yang penting karena banyaknya Umat Muslim disetiap daerah
membuat pengurus zakat daerah tersebut harus memiliki buku yang tebal untuk mencatat
data setiap pemberi maupun orang yang berhak menjadi penerima zakat. Penggunaan
buku sangat tidak efisien, mengingat akan terjadinya perubahan data, baik dari jumlah
zakat atau jumlah orang yang memberikan atau menerima zakat. Buku zakat itu bisa saja
hilang dan akan menyebabkan data arsip zakat juga akan hilang, sehingga tidak dapat
dilihat pada saat diperlukan.
Untuk memecahakan permasalahan tersebut kelopok kami membuat system
berbasis web yang memudahkan pengurus zakat dalam pendataan zakat denan nama “
Buku Zakat”. System ini juga bisa digunakan pengurus zakat untuk menulis, mengubah,
atau menambah data pemberi atau penerima zakat. Jadi data bisa disimpan dan bisa
dilihat kapan saja oleh pengurus zakat bila diperlukan.

1.2 Rumusan Masalah

Berdasarkan uraian dalam latar belakang maka dapat dirumuskan permasalahan

yang menjadi fokus penelitian ini adalah bagaimana membangun aplikasi pencataatn
zakat guna mempermudah pengurus zakat dalam melakukan pendataan zakat.

1.3 Batasan Masalah

Untuk membatasi pengerjaan yang akan dilakukan penulis, maka disusunlah

batasan masalah sebagai berikut:
a. Aplikasi ini diperuntukan kepada pengurus zakat untuk menaambah, mengubah data
pemeberi dan penerima zakat.
b. Ruang lingkup zakat adalah zakat fitrah

1
 c. Pencatatan zakat dilakukan setahun sekali yaitu bulan ramadhan.

1.4 Tujuan

Adapun tujuan yang akan dilakukan pada tugas akhir ini yaitu membuat aplikasi yang
dapat mencatat data pemebri dan apenerima zakat.

1.5 Manfaat Penelitian

Manfaat penelitian yang akan diharapkan pada tugas akhir yaitu memudahkan pengurus
zakat untuk melihat data zakat fitrah.

1.6 Metodologi Penelitian

Penelitian ini menggunakan 2 metode yaitu metode pengumpulan data dan

pengembangan aplikasi.

1.6.1 Pengumpulan Data

Pengumpulan data dilakukan dengan cara melalui studi literatur yang

mana digunakan untuk mengumpulkan informasi yang diperlukan terkait
dengan masalah yang dihadapi, baik itu dari buku – buku, makalah, maupun
data – data dari internet.

1.6.2 Pengembangan Aplikasi

Pada aplikasi ini menggunakan menggunakan metode pengembangan sistem
model waterfall dengan tahapan sebagai berikut:
a. Analisis
Analisis kebutuhan sistem merupakan tahapan awal dalam pembuatan
aplikasi ini. Analisis kebutuhan sistem ini terdiri dari kebutuhan input,
proses dan output.
b. Perancangan sistem

Tahapan perancangan ini merupakan susunan kerangka pembuatan

aplikasi. Diantaranya pembuatan DFD, ERD, tabel basis data dan
rancangan interface.
c. Implementasi

Pada tahap ini, hasil dari rancangan sistem akan diimplementasikan

2
 menggunakan Visual Studio Code, bahasa pemrograman dan software lain
yang diperlukan dalam membangun sistem ini.
d. Pengujian sistem
Tahap tahap pengujian sistem ini akan dilakukan dengan menggunakan metode
black box testing agar jika terjadi kesalahan maka dapat langsung diperbaiki.

3
 BAB II

ANALISA DAN PERANCANGAN

2.1 Analisa Sistem

Aplikasi pencatatat zakat adalah sistem yang berbasis web yang dapat diakses oleh pengurus zakat
untuk melihat, menambah, mengubah, dan menghapus data pemberi dan penerima zakat fitrah. Pengr

Untuk masuk kedalam sistem, pengurus harus login terlebih dahulu dengan menginputkan
username dan password. Apabila pengrus zakat belum mepnyukai akun, maka terlebih dahulu
melakukan proses registrasi untuk mendapatkan akun login. Setelah melewati proses login
selanjutnya akan masuk ke halaman utama sistem. Pada halaman utama terdapat beberapa menu yang
dapat diakses.

2.2 Analisa Fugsional

Analisis fungsional untuk Rancang Bangun aplikasi pencatatan zakat antara lain:

2.2.1 Data Flow Diagram

Gambar 2.2.1.1 DFD Level 0

4
Gambar 2.2.1.2 DFD Level 1 Pemberi Zakat

Gambar 2.2.1.3 DFD Level 1 Penerima Zakat

5
2.2.2 Database

Penelitian ini menggunakan 2 jenis entitas untuk mengelompokan data

yang tersimpan yang akan digunakan oleh sistem. Jenis-jenis entitas tersebut
terdiri pemberi dan penerima. Entitas pemberi mempunyai 5 atribut dan entitas
penerima juag mempunyai 5 atribut. Rincian ERD pada aplikasi dapat dilihat pada
Gambar 2.2.2

Gambar 2.2.2

2.2.3 Rancangan Interface

2.2.3.1 Tampilan Login

6
2.2.3.2 Tampilan Registrasi

2.2.3.3 Tampilan Data Pemberi Zakat

2.2.3.4 Tampilan Tambah Data Pemebri Zakat

7
2.2.3.5 Tampilan Data Penerima Zakat

2.2.3.6 Tampilan Tambah Data Pnerima Zakat

8
 BAB III

HASIL DAN PEMBAHASAN

3.1 Tampilan Hasil

a. Tampilan Halaman login untuk melogin akun yang dihubung ke database

b. Tampilan Halaman register dihalaman ini untuk membuat akun baru yang
automatic data dari akun yang baru dibuat disini tersimpan ke database dan akun
yang telah dibuat bisa langsung digunakan di login.

9
c. Tampilan halaman data pemberi dihalam ini kita bisa menambah, mencetak, edit
serta hapus data pada table dibawah untuk menabah data di icon + disudut kiri atas
dan untuk mencetak, di icon print dibagian yang sama dengan menambah data ,
untuk mengedit data di icon pensil/pena dibagain table dicolum aksi, search bar
untuk membuahkan mencari char pada data-data pada table, dan untuk menghapus
datanya berada diicon tong sampah di table dicolum aksi

d. Tampilan halaman tambah data penzakat di sini menginputkan nama, alamat, no

hp, serta jumlah zakatnya dan kemudian klik tomboh tambah data untuk
menyimpan data.

10
e. Tampilan halaman edit di icon pensil/pena ditampilannya langsung seperti dibawah
dan bebas semua file textnya dibuat.

f. Tampilan halaman penerima zakat dihalaman sini semua fungsi/tombol action sama
seperti dihalaman pemberi zakat.

11
 g. Tampilan halaman tambah data penerima zakat di sini menginputkan nama, alamat,
no hp, serta tangunggan dan kemudian klik tomboh tambah data untuk menyimpan
data.

3.2 Hasil Pengujian

Hasil pengujian aplikasi pencatatan zakt ini menggunakan black box testing.
Black box testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi
melalui data uji dan memeriksa fungsional dari perangkat lunak. Jadi dianalogikan seperti
kita melihat suatu kotak hitam, kit hanya bisa melihat penampilan luarnya saja, tanpa tau
ada apa dibalik bungkus hitam nya. Sama seperti pengujian black box, mengevaluasi
hanya dari tampilan luarnya(interface nya) , fungsionalitasnya.tanpa mengetahui apa
sesungguhnya yang terjadi dalam proses detilnya (hanya mengetahui input dan output).

12
 Tabel Pengujian Black box :

NO Skenario pengujian Hasil yang diharapkan Kesimpulan

1. Mengkosongkan username dan System akan menolak akses login valid

passoword pada bagian tamplan dan menampilan pesan “please fill
login, dan lansung klik “login” out this field”
Test case: Hasil pengujian:

2. Saat login salah memasukkan nama System akan menolak akses login valid
username yang dilakukan pada saat dan menampilan pesan “
registrasi awal. username dan password anda
Test case: salah!”
Hasil pengujian:

3. Salaah memasukkan password pada System akan menolak akses login valid
bagian login dan menampilan pesan “
Test case: username/ password anda salah!”
Hasil pengujian:

13
4. Salaah memasukkan password pada System akan menolak akses login valid
bagian login yang tidak sesuai dan menampilan pesan “
dengan password saat registrasi username dan password anda
awal. tidak sesuai!”
Test case: Hasil pengujian:

5. Tampilan saat user berhasil registrasi System akan mengakses login dan valid
pada bagian registrasi. menampilan pesan “ user baru
Test case: berhasil ditambahkan”
Hasil pengujian:

6. User dapat mengakses halan utama System akan menampilkan Valid

setelah melakukan registrasi dan halaman utama pada saaat user
logian. berhasil login.

14
 Test case: Hasil pengujian:

Pada halaman tampilan data System akan menampilkan reaksi valid

pemberi dan penerima terdapat icon untuk mengubah berupa
7. untuk mengubah data pemberi yang pertanyaan “yakin di ubah?”.
mana dapat di ubah dan diperbarui.

Test case: Hasil pengujian:

8. Pada halaman tampilan data System akan menampilkan reaksi valid

pemberi dan penerima terdapat icon untuk menghapus berupa
untuk menghapus data pemberi yang pertanyaan “yakin di hapus?”.
mana dapat di ubah dan diperbarui.
Test case: Hasil pengujian:

15
 Pada halaman tampilan data
pemberi dan penerima terdapat icon
untuk menambahkan nama-nama
9. penerima maupun pemberi zakat
yang dapat diakses oleh user.
Test case:
10. Pada halaman tampilan data
pemberi dan penerima terdapat icon
untuk mencetak penerima maupun
pemberi zakat print dalam bentuk
pdf yang dapat diakses oleh user.
Test case:
16
System akan menampilkan reaksi
untuk membantu user
menambahkan nama-nama
pemberi dan penerima zakat yang valid
di inputkan.
Hasil pengujian:
System akan menampilkan reaksi valid
untuk membantu user
mencetak/print file nama-nama
pemberi dan penerima zakat yang
di telah inputkan.
Hasil pengujian:
11. Pada halaman tampilan data
pemberi dan penerima terdapat
menu search yang berguna untuk
mencari hal-hal yang perlu di cari
dengan cepat oleh user pada menu
tampilan pemberi maupun
penerima zakat.
Test case:
17
System akan menampilkan reaksi valid
untuk membantu user
Untuk search yang berguna untuk
mencari hal-hal yang perlu di cari
dengan cepat oleh user pada
menu tampilan pemberi maupun
penerima zakat.
Hasil pengujian:
BAB IV

PENUTUP

18