i

HALAMAN PENGESAHAN

Nama : HELMY NURCAHYANA

NIM : 11531240

Program Studi : Teknik Informatika

Fakultas : Teknik

Judul Skripsi : Sistem Informasi Pengolahan Data Zakat Fitrah dan

Infaq di Masjid Lillahi Wonoasri Berbasis Web.

Isi dan formatnya telah disetujui dan dinyatakan memenuhi syarat

untuk melengkapi persyaratan guna memperoleh Gelar Sarjana

pada Program Studi Teknik Informatika Fakultas Teknik

Universitas Muhammadiyah Ponorogo

Ponorogo, 2015

Menyetujui

Dosen Pembimbing

(ASLAN ALWI, S.SI., M.CS)

NIK. 19720324 201101 13

Mengetahui

Dekan Fakultas Teknik

Ir. ALIYADI, MM., M.Kom

NIK. 19640103 199009 12

Ketua Program Studi Teknik

Informatika

MUNIRAH MUSLIM, S.Kom., MT

NIK. 19791107 200912 13

ii

BERITA ACARA UJIAN

Nama : HELMY NURCAHYANA

NIM : 11531240

Program Studi : Teknik Informatika

Fakultas : Teknik

Judul Skripsi : Sistem Informasi Pengolahan Data Zakat Fitrah dan

Infaq di Masjid Lillahi Wonoasri Berbasis Web.

Telah diuji dan dipertahankan

dihadapan dosen penguji tugas akhir jenjang Strata Satu (S1) pada :

Hari : Rabu

Tanggal : 26 Agustus 2015

Nilai :

Penguji

Dosen Penguji I,

(MOH. BHANU SETYAWAN, ST., M.Kom)

NIK. 10800225 201309 13

Dosen Penguji II,

(Dra. IDA WIDANINGRUM, M.Kom)

NIK. 19660417 201101 13

Mengetahui

Dekan Fakultas Teknik

(Ir. ALIYADI, MM., M.Kom)

NIK. 19640103 199009 12

Ketua Program Studi

Teknik Informatika

(MUNIRAH MUSLIM, S.Kom., MT)

NIK. 19791107 200912 13

iii

iv

v

PERSEMBAHAN

Yang Utama Dari Segalanya…

Sembah sujud serta syukurku kepada Allah SWT. Taburan cinta dan kasih

sayangMU telah memberikanku kekuatan, membekaliku dengan ilmu dan

memperkenalkanku dengan cinta.atas karuniaMU serta kemudahan yang Engkau

berikan akhirnya skripsi yang sederhana ini dapat terselesaikan.

Sholawat dan salam selalu terlimpahkan keharibaan Rasulullah Muhammad

SAW.yang selalu kami harapkan syafaatmu nanti di hari perhitungan.

Kupersembahkan karya sederhana ini kepada orang-orang yang sangat kusayangi.

Ibu (Nurhayati) dan Bapak (Sujono) tercinta.

Sebagai Tanda bakti, hormat dan rasa terima kasih yang tak terhingga

kupersembahkan karya sederhana ini kepadamu Ibu dan Bapak, yang telah

memberikan kasih sayang, do’a, segala dukungan dan cinta kasih yang tiada

terhingga kepadaku dan tak mungkin dapat kubalas hanya dengan selembar kertas

yang bertuliskan kata cinta dan persembahan ini.

Semoga ini menjadi langkah awal untuk membuat Ibu dan Bapak bahagia, karna

kusadar selama ini belum bisa berbuat yang lebih untuk membahagiakan dan

membanggakan kalian berdua. Terima kasih Ibu.. Terima kasih Bapak..

Juga untuk adikku tersayang Ina Diah Arumaisya, semangat belajarnya ya dek !!

Teman-teman kelas E Teknik Informatika 2011.

Terima kasih untuk kalian semua yang telah memberi warna berbeda dalam

hidupku selama 4 tahun ini, semoga kita selalu menjadi keluarga dan saling

memotivasi untuk kesuksesan masa depan kita nantinya. #sahabatterbaik

Untuk teman seperjuangan jungkir walik bimbingan

Teruntuk Meta Mertiana, Imam Adi S, Fahrizal Mahardhian, dll.. terima kasih

telah menjadi orang yang pertama kali prihatin atas coretan2 revisi skripsiku, dan

menjadi inspirasi kala otakku buntu.

Dosen Pembimbing Bapak Aslan Alwi, S.SI., M.CS.

Yang selalu membimbingku dengan tulus dan sabar dalam menyelesaikan tugas

akhir ini. Semoga Allah SWT membalas semua kebaikan bapak.

Staff Dosen Teknik Informatika.

Terima kasih atas ilmu yang Bapak dan Ibu berikan kepada kami selama kami

belajar. Maafkan atas semua kelakuan kami yang mungkin tidak berkenan di hati

Bapak dan Ibu semua. Semoga Allah SWT menjadikan ilmu yang telah kami

dapat bermanfaat, dan menjadi amal sholeh untuk Bapak dan Ibu dosen semua.

Dan untuk semua teman-teman dan kerabat dekat yang tak dapat kusebutkan satu

persatu yang selalu menjadi sumber motivasi dan mendukungku, kuucapkan

beribu terima kasih kepada kalian semua.

vi

MOTTO

Lampaui Dirimu !

nya tidak dikabulkan, 100% merupakan kesalahannya sendiri. Allah

dengan ke Maha AdilanNya membiarkan siapa yang sungguh-sungguh akan

berhasil, dan yang tidak serius akan menemui kegagalan. Tetapi kalau yang

bersangkutan ikhlas dan sabar menerima kegagalan itu, Allah akan

memberinya kompensasi.

vii

ABSTRAK

Sistem Informasi Pengolahan Data Zakat Fitrah dan Infaq

di Masjid Lillahi Wonoasri Berbasis Web

HELMY NURCAHYANA

Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Ponorogo

Zakat merupakan salah satu rukun Islam. Oleh sebab itu hukum zakat

adalah wajib (fardhu) atas setiap umat Islam. Waktu pembayarannya adalah pada

bulan Ramadhan. Sedangkan infaq adalah shodaqoh yang hukumnya sunnah dan

waktu pengeluarannya tidak ditentukan. Zakat fitrah dan infaq biasanya

disalurkan oleh masjid-masjid maupun badan amal yang ada di sekitar tempat

tinggal kepada orang-orang yang berhak menerimanya. Akan tetapi, sering kali

penerimaan dan penyaluran zakat fitrah dan infaq terkendala dengan minimnya

pendataan yang ada pada lembaga penyalur tersebut.

Dari permasalahan tersebut muncul gagasan untuk membuat sebuah

sistem informasi berbasis web , yang didalamnya dapat melakukan pengolahan

data zakat fitrah dan infaq. Bahasa pemrograman yang digunakan dalam

pembuatan sistem informasi ini adalah PHP dan HTML. Untuk tampilan

menggunakan CSS. Databasenya menggunakan MySQL. Tools dan editor yang

digunakan adalah XAMPP for Windows 1.8.1 dan Adobe Dreamweaver CS6.

Sistem Informasi Pengolahan Data Zakat Fitrah dan Infaq Berbasis Web

merupakan hasil akhir dari penulisan ini. Dengan adanya sistem informasi ini

diharapkan dapat membantu dan mempermudah panitia dalam pengolahan data

penerimaan, penyaluran dan pembuatan laporan.

Kata kunci : Zakat fitrah, Infaq, Sistem Informasi berbasis web, PHP, MySQL,

Waterfall.

viii

KATA PENGANTAR

Puji syukur Alhamdulillah kepada tuhan semesta alam yang telah

melimpahkan segala rohmat, taufiq serta hidayah-Nya sehingga kami dapat

menyelesaikan Tugas Akhir ini dengan judul Sistem Informasi Pengolahan

Data Zakat Fitrah dan Infaq di Masjid Lillahi Wonoasri Berbasis Web tanpa

ada halangan suatu apapun.

Kami mengucapkan banyak terimakasih kepada semua pihak yang telah

membantu kami dalam menyelesaikan tugas akhir ini, khusunya kepada :

1. Bapak Ir. Aliyadi, MM selaku Dekan Fakultas Teknik Universitas

Muhammadiyah Ponorogo.

2. Ibu Munirah Muslim, S.Kom., MT selaku Ketua Program Studi Tenik

Informatika Universitas Muhammadiyah Ponorogo.

3. Bapak Aslan Alwi, S.SI., M.CS selaku dosen pembimbing yang dengan

ketulusan hatinya telah memberikan bimbingan dan bantuan sehingga laporan

tugas akhir ini dapat terselesaikan.

4. Dosen-dosen Program Studi Teknik Informatika Universitas Muhammadiyah

Ponorogo.

5. Ayah dan Ibu yang selalu memberikan do’a, dukungan dan semangat agar

tugas akhir ini cepat terselesaikan.

6. Teman-teman Mahasiswa Teknik Informatika Angkatan 2011 Universitas

Muhammadiyah Ponorogo, khususnya teman-teman kelas E.

7. Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah

membantu, mengarahkan dan memotivasi penulis dalam menyelesaikan tugas

akhir ini.

Semoga skripsi ini dapat bermanfaat bagi kami khususnya dan bagi

pembaca pada umumnya.

Semoga Allah SWT memberikan balasan yang berlipat atas kebaikan yang

telah diberikan. Teriring do’a Jazakumullah khoiron katsiro.

Ponorogo, 26 Agustus 2015

Helmy Nurcahyana

ix

DAFTAR ISI

HALAMAN JUDUL ........................................................................................ i

HALAMAN PENGESAHAN .......................................................................... ii

HALAMAN BERITA ACARA SKRIPSI ....................................................... iii

HALAMAN BIMBINGAN SKRIPSI ............................................................. iv

HALAMAN PERSEMBAHAN ...................................................................... v

HALAMAN MOTTO ...................................................................................... vi

ABSTRAK ....................................................................................................... vii

KATA PENGANTAR .................................................................................... viii

DAFTAR ISI .................................................................................................... ix

DAFTAR TABEL ............................................................................................ xii

DAFTAR GAMBAR ....................................................................................... xiii

BAB I : PENDAHULUAN

A. Latar Belakang ......................................................................... 1

B. Rumusan Masalah ................................................................... 2

C. Tujuan Penulisan ...................................................................... 2

D. Batasan Masalah ...................................................................... 3

E. Manfaat Penulisan ................................................................... 3

F. Metode Penelitian ..................................................................... 4

G. Sistematika penulisan ............................................................... 7

BAB II : TINJAUAN PUSTAKA

A. Tinjauan Pustaka ..................................................................... 9

B. Pengertian Sistem .................................................................... 9

1. Pembagian Sistem ................................................................ 10

a. Sistem Fisik ...................................................................... 10

b. Sistem Abstrak ................................................................. 10

2. Karakteristik Sistem ............................................................ 10

a. Batasan Sistem ( Boundary ) ............................................ 10

b. Lingkungan Luar Sistem .................................................. 10

c. Komponen Sistem ............................................................ 11

d. Masukan Sistem ............................................................... 11

e. Keluaran Sistem ............................................................... 11

f. Penghubung Sistem .......................................................... 11

g. Sasaran Dan Tujuan Sistem ............................................. 12

C. Pengertian Informasi ............................................................... 12

D. Pengertian Sistem Informasi .................................................... 12

E. Pengertian Pendataan ............................................................... 13

F. Pengertian Zakat ...................................................................... 14

G. Bahasa Pemrograman .............................................................. 16

x

H. Bagan Alir ( Flowchart ) ......................................................... 18

I. ERD ( Entity Relationship Diagram ) ..................................... 20

J. DFD Data Flow Diagram ) .................................................... 22

BAB III : ANALISA DAN PERANCANGAN SISTEM

A. Metode Perancangan ................................................................ 24

B. Analisa Sistem .......................................................................... 25

C. Analisa Kebutuhan User ........................................................... 26

D. Flowchart Sistem...................................................................... 27

E. ERD ( Entity Relationalship Diagram ) ................................... 28

F. DFD ( Data Flow Diagram ) .................................................... 29

G. Desain Tabel Basis Data ........................................................... 32

1. Desain Tabel Petugas ........................................................... 32

2. Desain Tabel Pemberi Zakat ( Muzakki ) ............................ 33

3. Desain Tabel Penerima Zakat ( Mustahiq ) ......................... 33

4. Desain Tabel Penyaluran Zakat ........................................... 34

5. Desain Tabel Penerimaan Zakat .......................................... 34

6. Desain Tabel Penerima Infaq ............................................... 35

7. Desain Tabel Penyaluran Infaq ............................................ 35

8. Desain Tabel Penerimaan Infaq ........................................... 36

H. Rancangan Interface Sistem ..................................................... 36

1. Rancangan Dialog Login ..................................................... 36

2. Rancangan Menu Utama Sistem ......................................... 37

3. Rancangan Dialog Input Data Pemberi Zakat ..................... 37

4. Rancangan Dialog Input Data Penerima Zakat ................... 38

5. Rancangan Dialog Input Data Penerimaan Zakat ................ 38

6. Rancangan Dialog Input Data Penyaluran Zakat ................. 39

7. Rancangan Dialog Input Data Penerimaan Infaq ................. 39

8. Rancangan Dialog Input Data Penyaluran Infaq ................. 40

I. Desain Laporan ......................................................................... 40

1. Rancangan laporan Data Pemberi Zakat .............................. 40

2. Rancangan laporan Data Penerima Zakat ............................ 41

3. Rancangan laporan Data Penerimaan Zakat ........................ 41

4. Rancangan laporan Data Penyaluran Zakat ......................... 41

5. Rancangan laporan Data Penerimaan Infaq ......................... 42

6. Rancangan laporan Data Penyaluran Infaq .......................... 42

BAB IV : IMPLEMENTASI DAN PEMBAHASAN

A. Implementasi Sistem .................................................................. 44

B. Tampilan Sistem ........................................................................ 44

xi

1. Tampilan Halaman Login .................................................... 44

2. Tampilan Halaman Menu Utama ......................................... 46

3. Tampilan Halaman Input Data Zakat Fitrah ....................... 47

4. Tampilan Halaman Input Data Muzakki .............................. 49

5. Tampilan Halaman Input Data Mustahiq ............................ 50

6. Tampilan Halaman Input Data Penerimaan Zakat Fitrah .... 51

7. Tampilan Halaman Input Data Penyaluran Zakat Fitrah ..... 53

8. Tampilan Halaman Menu Infaq ........................................... 54

9. Tampilan Halaman Input Data Penerimaan Infaq ............... 56

10. Tampilan Halaman Input Data Penyaluran Infaq ............... 56

11. Tampilan Menu Laporan .................................................... 58

12. Tampilan Halaman Laporan Daftar Muzakki ..................... 59

13. Tampilan Halaman Laporan Daftar Mustahiq .................... 60

14. Tampilan Halaman Laporan Penerimaan Zakat ................. 62

15. Tampilan Halaman Laporan Penyaluran Zakat .................. 63

16. Tampilan Halaman Laporan Penerimaan Infaq .................. 64

17. Tampilan Halaman Laporan Penyaluran Infaq ................... 65

18. Tampilan Halaman Laporan Penerimaan Infaq Bulanan ... 66

19. Tampilan Halaman Laporan Penyaluran Infaq Bulanan .... 67

20. Tampila Halaman Rekapitulasi .......................................... 69

BAB V : PENUTUP

A. Kesimpulan ............................................................................... 70

B. Saran ......................................................................................... 70

DAFTAR PUSTAKA ...................................................................................... 71

LAMPIRAN ..................................................................................................... 72

xii

DAFTAR TABEL

Tabel 2.1 Tabel Simbol Folwchart.............................................................. 19

Tabel 2.2 Tabel Simbol DFD ...................................................................... 23

Tabel 3.1 Tabel Petugas .............................................................................. 32

Tabel 3.2 Tabel Muzakki ............................................................................. 33

Tabel 3.3 Tabel Mustahiq ............................................................................ 33

Tabel 3.4 Tabel Penyaluran Zakat ............................................................... 34

Tabel 3.5 Tabel Penerimaan Zakat .............................................................. 34

Tabel 3.6 Tabel Penerima Infaq .................................................................. 35

Tabel 3.7 Tabel Penyaluran Infaq ............................................................... 35

Tabel 3.8 Tabel Penerimaan Infaq .............................................................. 36

xiii

DAFTAR GAMBAR

Gambar 1.1 Flowchart Penelitian ............................................................. 4

Gambar 2.1 Kardinalitas Relasi ................................................................. 16

Gambar 2.2 Hubungan one-to-one ............................................................ 22

Gambar 2.3 Hubungan one-to-many .......................................................... 22

Gambar 2.4 Hubungan many-to-many ....................................................... 22

Gambar 3.1 Flowchart Sistem ................................................................... 27

Gambar 3.2 ERD Zakat Fitrah ................................................................... 28

Gambar 3.3 ERD Infaq .............................................................................. 29

Gambar 3.4 DFD Level 0 .......................................................................... 30

Gambar 3.5 DFD Level 1 Proses 1 Data Muzakki ..................................... 30

Gambar 3.6 DFD Level 1 Proses 2 Data Mustahiq ................................... 30

Gambar 3.7 DFD Level 1 Proses 3 Data Penerimaan Zakat ..................... 31

Gambar 3.8 DFD Level 1 Proses 4 Data Penyaluran Zakat ...................... 31

Gambar 3.9 DFD Level 1 Proses 5 Data Penerima Infaq .......................... 31

Gambar 3.10 DFD Level 1 Proses 6 Data Penerimaan Infaq ...................... 32

Gambar 3.11 DFD Level 1 Proses 7 Data Penyaluran Infaq....................... 32

Gambar 3.12 Rancangan Form Login ......................................................... 36

Gambar 3.13 Rancangan Form Menu Utama .............................................. 37

Gambar 3.14 Rancangan Form Input Data Muzakki ................................... 37

Gambar 3.15 Rancangan Form Input Data Mustahiq.................................. 38

Gambar 3.16 Rancangan Form Input Data Penerimaan Zakat .................... 38

Gambar 3.17 Rancangan Form Input Data Penyaluran Zakat..................... 39

Gambar 3.18 Rancangan Form Input Data Penerimaan Infaq .................... 39

Gambar 3.19 Rancangan Form Input Data Penyaluran Infaq ..................... 40

Gambar 3.20 Rancangan Form Laporan Data Muzakki .............................. 40

Gambar 3.21 Rancangan Form Laporan Data Mustahiq ............................. 41

Gambar 3.22 Rancangan Form Laporan Data Penerimaan Zakat ............... 41

Gambar 3.23 Rancangan Form Laporan Data Penyaluran Zakat ................ 41

Gambar 3.24 Rancangan Form Laporan Data Penerimaan Infaq ............... 42

Gambar 3.25 Rancangan Form Laporan Data Penyaluran Infaq ................ 42

Gambar 4.1 Tampilan Halaman Login ...................................................... 45

Gambar 4.2 Tampilan Menu Utama .......................................................... 46

Gambar 4.3 Tampilan Menu Input Data Zakat Fitrah ............................... 48

Gambar 4.4 Tampilan Dialog Input Data Muzakki.................................... 49

Gambar 4.5 Tampilan Dialog Input Data Mustahiq .................................. 50

Gambar 4.6 Tampilan Dialog Input Penerimaan Zakat Fitrah .................. 52

Gambar 4.7 Tampilan Dialog Input Penyaluran Zakat Fitrah .................. 53

Gambar 4.8 Tampilan Dialog Menu Input Infaq ....................................... 54

xiv

Gambar 4.9 Tampilan Dialog Input Penerimaan Infaq ............................. 55

Gambar 4.10 Tampilan Dialog Input Penyaluran Infaq .............................. 57

Gambar 4.11 Tampilan Menu Laporan ....................................................... 58

Gambar 4.12 Tampilan Laporan Daftar Muzakki ........................................ 60

Gambar 4.13 Tampilan Laporan Daftar Mustahiq ...................................... 61

Gambar 4.14 Tampilan Laporan Penerimaan Zakat Fitrah ......................... 62

Gambar 4.15 Tampilan Laporan Penyaluran Zakat Fitrah .......................... 63

Gambar 4.16 Tampilan Laporan Penerimaan Infaq .................................... 64

Gambar 4.17 Tampilan Laporan Penyaluran Infaq ..................................... 65

Gambar 4.18 Tampilan Laporan Penerimaan Infaq Bulanan ...................... 66

Gambar 4.19 Tampilan Laporan Penyaluran Infaq Bulanan ....................... 68

Gambar 4.20 Tampilan Laporan Rekapitulasi ............................................. 70