rancang bangun sistem informasi …simtakp.uui.ac.id/dockti/murniati-kti_murniati_pdf.pdf ·...

58
RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN PIDIE BERBASIS WEB SKRIPSI Diajukan Untuk Melengkapi tugas dan memenuhi syarat-syarat Guna memperoleh Gelar Serjana Komputer STIMIK U’BUDIYAH INDONESIA OLEH MURNIATI NIM : 09111074 PROGRAM STUDI SI TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER STMIK U’BUDIYAH INDONESIA BANDA ACEH 2013

Upload: dokhanh

Post on 02-Feb-2018

222 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN

DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA

KABUPATEN PIDIE BERBASIS WEB

SKRIPSI

Diajukan Untuk Melengkapi tugas dan memenuhi syarat-syarat

Guna memperoleh Gelar Serjana Komputer

STIMIK U’BUDIYAH INDONESIA

OLEH

MURNIATI

NIM : 09111074

PROGRAM STUDI SI TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK U’BUDIYAH INDONESIA

BANDA ACEH

2013

Page 2: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

LEMBARAN PENGESAHAN

PERANCANGAN SISTEM INFORMASI PENERIMAAN

PENYALURAN ZAKAT DI KEMENTERIAN AGAMA

KABUPATEN PIDIE BERBASIS WEB

SKRIPSI

Diajukan Untuk Melengkapi tugas dan memenuhi syarat-syarat

Guna memperoleh Gelar Serjana Komputer

STIMIK U’BUDIYAH INDONESIA

Oleh :

MURNIATI

NIM : 09111074

Disetujui,

Penguji I Penguji II

(Said Mustafa, ST) (Fesrianevalda, M.Cs)

Ka. Prodi SI Teknik Informatika Pembimbing

(Fathiah, ST, M.Eng) (Zikrul Khalid, ST)

Mengetahui,

Ka, STMIK U’Budiyah Indonesia

(Dr. Amin Haris, M.Pd)

Page 3: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

KATA PENGANTAR

Assalamu’alaikum Wr, Wb.

Puji dan syukur penulis panjatkan kehadirat Allah SWT, atas rahmat dan

karuniaNya, sehingga perencanaan pembuatan skripsi atau karya ilmiah ini dapat

terlaksana dengan baik, tak lupa pula salawat dan salam penulis sampaikan

kepada junjungan kita Nabi Besar Muhammad SAW, beserta keluarga dan

sahabatnya. Alhamdulillah, berkat taufiq dan hidayah-Nya, penulis telah mampu

menyelesaikan penulisan laporan skripsi yang berjudul “RANCANG BANGUN

SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI

KEMENTERIAN AGAMA KABUPATEN PIDIE BERBASIS WEB”.

Penulis menyadari sepenuhnya bahwa dalam perencanaan pembuatan

kerangka skripsi ini jauh dari kesempurnaan. Tujuan perencanaan pembuatan

kerangka skripsi ini untuk memenuhi sebagian syarat dalam menyelesaikan studi

di bidang teknik Informatika pada Sekolah tinggi Manajemen Informatika dan

Komputer STIMIK U’Budiyah Indonesia Banda Aceh, dalam penulisan laporan

skripsi ini penulis banyak mendapat bantuan serta dorongan dari berbagai pihak,

baik bantuan moril maupun bantuan material.

Untuk itu dengan kerendahan hati, penulis ingin menyampaikan terima kasih

yang tak terhingga kepada:

1. Ibu Fadla Junus, ST, M.Sc Ketua Yayasan U’Budiyah Indonesia

2. Bapak Dr. Amin Haris, M.Pd selaku Ketua STIMIK U’Budiyah Indonesia

Page 4: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

3. Ibu Fathiah, ST, M.Eng selaku Ketua Prodi SI Teknik Informatika

4. Bapak Zikrul Khalid, ST yang masih menyempatkan diri untuk memberi

bimbingan dan pengarahan, sehingga perencanaan pembuatan skripsi atau

karya ilmiah ini dapat terselesaikan dengan baik .

5. Semua Dosen Pengajar dan Staf karyawan/ karyawati pada STIMIK

U’Budiyah Indonesia

6. Teristimewa Ayahanda, ibunda dan adik-adikku tercinta yang telah

memberikan banyak Do’a dan dorongan dalam penyelesaian laporan skripsi

ini.

7. Seluruh karyawan dan karyawati pada kantor Kementerian Agama Kabupaten

Pidie yang telah memberikan partisipasi dalam memberikan informasi dalam

penulisan laporan skripsi ini.

Penulis menyadari bahwa dalam penulisan laporan kerja skripsi ini masih

jauh dari kesempurnaan dan banyak terdapat kekurangan-kekurangan dan

kejanggalan di sebabkan pengetahuan yang terbatas. Saran-saran bagi

penyempurnaan penulis sangat diharapkan dari semua pihak.

Akhirnya penulis harapkan semoga penulisan laporan tugasakhir/skripsi

yang sederhana ini bermanfaat bagi penulis khususnya dan bagi pembaca pada

umumnya.

Amin Ya Rabbal Alamin.

Banda Aceh, 28 Juli 2013

Penulis,

(MURNIATI)

Page 5: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

ABSTRAK

Tugas akhir ini bertujuan untuk membuat suatu Rancang Bangun Sistem

Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten

Pidie Berbasis Web dengan memanfaatkan program-program pendesain web

Dreamweaver serta mempelajari dan memanfaatkan teknologi yang sedang

berkembang saat ini. Di dalam sistem inilah komponen-komponen lain yang

dilibatkan untuk kesempurnaan perancangan sebuah website pada kantor

Kementerian Agama Kabupaten Pidie. Metode penelitian yang digunakan adalah

analisis kebutuhan yaitu salah satu proses yang harus dilakukan dalam

perancangan dan implementasi perangkat lunak. Analisis berguna untuk

mengidentifikasi dan mengevaluasi permasalahan, kesempatan, hambatan yang

terjadi dan kebutuhan-kebutuhan yang digunakan dapat diusulkan perbaikan-

perbaikannya. Selanjutnya metode perancangan, yaitu tahap penerjemahan dari

keperluan atau data yang telah dianalisis ke dalam bentuk yang lebih mudah

dimengerti oleh pemakai.

Kata Kunci : Sistem Informasi Penerimaan Dan Penyaluran Zakat

Page 6: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

DAFTAR ISI

Halaman

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

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

LEMBAR PERSETUJUAN............................................................................. iii

LEMBAR PERNYATAAN ............................................................................. iv

KATA PENGANTAR ..................................................................................... v

ABSTRAK ....................................................................................................... vi

DAFTAR ISI ................................................................................................... vi

DAFTAR GAMBAR ...................................................................................... viii

DAFTAR TABEL ............................................................................................ ix

BAB I PENDAHULUAN ............................................................................ 1

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

1.2. Rumusan Maslah ................................................................... 2

1.3. Ruang Lingkup ...................................................................... 3

1.4. Tujuan Penelitian .................................................................. 3

1.5. Sistematika Penulisan ........................................................... 4

BAB II TINJAUAN PUSTAKA .................................................................. 6

2.1. Konsep Software .................................................................... 6

2.1.1. Pengertian Sistem ................................................................... 6

2.1.2. Pengertian Informasi .............................................................. 8

2.1.3. Pengertian Pendataan ............................................................. 9

2.1.4. Pengertian Database .............................................................. 10

2.2. Bahasa Pemrograman.............................................................. 10

2.2.1. H ypertext Markup Language (HTML) ................................. 10

2.2.2. Relational Database Management Sistem (MySQL) ............ 11

2.2.3. Cascading Style Sheet (CSS) ................................................. 12

2.2.4. Java Script .............................................................................. 12

2.3. Data Flow Diagram ................................................................ 12

2.4. Entity Relationship Diagram (ERD) ..................................... 12

2.4.1. Karakteristik Entity Relationship Diagram (ERD) ............... 14

Page 7: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB III METODELOGI PENELITIAN ...................................................... 16

3.1. Ruang Lingkup Penelitian ...................................................... 16

3.2. Tempat dan Waktu Penelitian ................................................ 16

2.2.1. Alat dan Bahan ....................................................................... 17

3.3. Jenis Penelitian ....................................................................... 17

3.3.1. Jenis penelitian lapangan ....................................................... 18

3.3.2. Jenis penelitian pendekatan langsung .................................... 18

3.4. Rancangan Penelitian ............................................................. 18

3.5. Metode Pengumpulan Data .................................................... 20

3.6. Metode Pengolahan Data ....................................................... 21

BAB IV ANALISA DATA DAN PEMBAHASAN ...................................... 23

4.1. Uraian Umum Tentang Alat/Sistem ..................................... 24

4.2. Entity Relationship Diagram ERD ......................................... 24

4.3. Basisdata ................................................................................ 26

4.3.1. Struktur tabel user ................................................................. 26

4.3.2. Struktur tabel Kecamatan ...................................................... 26

4.3.3. Struktur tabel Jenis Zakat ..................................................... 27

4.3.4. Struktur tabel Unit Pengumpul Zakat .................................. 27

4.3.5. Struktur tabel Pembayar Zakat .............................................. 27

4.3.6. Struktur tabel Salur Zakat ..................................................... 28

4.3.7. Struktur tabel Penerima Zakat .............................................. 29

4.4. Alur Kerja Sistem Data Flow Diagram ( DED ) ................... 29

4.5. Context Diagram ................................................................... 30

4.6. Data Flow Diagram ( DED ) Level 0 ..................................... 31

4.7. Dialog Login Ke Sistem ......................................................... 33

4.8. Dialog Halaman Penanganan Data Sesudah Login ............... 33

4.8.1 Dialog Input Data Kecamatan ............................................. 34

4.8.2 Dialog Input Data Jenis Zakat ............................................. 35

4.8.3 Dialog Input Data Pembayar Zakat ..................................... 35

Page 8: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.8.4 Dialog Input Data Pengumpul Zakat .................................. 35

4.8.5 Dialog Input Data Penerima Zakat ...................................... 36

4.8.6 Dialog Input Data Salur Zakat ............................................ 36

4.9. Dialog Halaman Tampilan Laporan ..................................... 37

4.9.1. Laporan Data Penyaluran Zakat Keseluruhan ...................... 37

4.9.2 Rekapitulasi Penyaluran Zakat Menurut Tahun ................... 38

4.9.3 Laporan Data Penerima Zakat Keseluruhan ........................ 39

4.9.4 Laporan Data Pembayar Zakat Keseluruhan ........................ 39

BAB V KESIMPULAN ................................................................................. 36

5.1. Kesimpulan ............................................................................ 36

5.2. Saran ....................................................................................... 37

DAFTAR PUSTAKA

LAMPIRAN

BIODATA PENULIS

Page 9: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

DAFTAR GAMBAR

Gambar Halaman

1. Gambar 1. Simbol Entity ................................................................................ 13

2. Gambar 2. Simbol Relationship ..................................................................... 13

3. Gambar 3. Simbol Atribut .............................................................................. 13

4. Gambar 4. Cardinality Ratio satu ke satu ...................................................... 15

5. Gambar 5. Cardinality Ratio satu ke banyak ................................................. 15

6. Gambar 6. Cardinality Ratio banyak ke banyak ............................................ 25

7. Gambar 7.ERD ............................................................................................... 25

8. Gambar 8 DFD ............................................................................................... 26

9. Gambar 9 Diagram Konteks .......................................................................... 27

13. Gambar 10. Data Flow Diagram Level 0 ..................................................... 28

14. Gambar 11 Desain halaman login user dengan Sistem ................................ 29

15. Gambar 12. Desain halaman penanganan data .............................................. 30

16. Gambar 13. Desain halaman input data Kecamatan ...................................... 30

17. Gambar 14. Desain halaman input data Jenis Zakat ..................................... 31

18. Gambar 15. Desain halaman input data Pembayar Zakat .............................. 31

28. Gambar 16 . Desain input data Pengumpul Zakat.......................................... 32

29. Gambar 17 . Desain input data Penerima Zakat ............................................. 32

30. Gambar 18. Desain Input Salur Zakat ........................................................... 33

31. Gambar 19 Desain Laporan Penyaluran Zakat Keseluruhan ....................... 34

32. Gambar 20 Form cari data Penyaluran Zakat menurut Tahun ..................... 34

34. Gambar 21 Laporan data Rekapitulasi Penyaluran Zakat menurut Tahun .. 34

35. Gambar 22 Desain Laporan data Penerima Zakat Keseluruhan .................. 35

Page 10: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

DAFTAR TABEL

10. Tabel 3.1. Struktur tabel Struktur tabel User ............................................... 26

11. Tabel 3.2. Struktur tabel kecamatan .............................................................. 26

12. Tabel 3.3. Struktur tabel jenis zakat ............................................................. 27

13. Tabel 3.4. Struktur tabel Unit pengumpul zakat .......................................... 27

14. Tabel 3.5. Struktur tabel pembayar zakat..................................................... 28

15. Tabel 3.6. Struktur tabel salur zakat............................................................. 28

16. Tabel 3.7. Struktur tabel penerima zakat ..................................................... 29

Page 11: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi dewasa ini tidak terlepas dari semakin bertambah

majunya teknologi komputer. Kebutuhan akan teknologi komputer pun semakin

diminati oleh perusahaaan- perusahaaan disegala bidang,baik perusahaan swasta

maupun pada dinas-dinas pemerintah. Hhal ini berkaitan dengan pekerjaan-

pekerjaan yang biasanya selalu dilakukan secara manual oleh manusia akan

semakin cepat dan efesien apabila dilakukan dengan sistem komputerisasi, bahkan

dengan kecanggihan teknologi komputer yang semakin berkembang dengan pesat

dapat memudahkan perusahaan-perusahaan tersebut untuk meningkatkan efesiensi

kerja karena pekerjaan yang dilakukan dengan komputer dapat menghemat baik

dari segi waktu, ruang, tenaga, biaya, dan lain-lain.

Begitu juga halnya dengan Pengolahan Data penerimaan dan penyaluran

Zakat pada Kantor Kementerian Agama Kabupaten Pidie yang dapat

diinformasikan lewat publikasi dengan sistem yang sedang dirancang ini pada

Kantor Kementerian Agama Kabupaten Pidie, maka sehubungan dengan itu

Kebutuhan terhadap suatu sistem pengolahan data dan penyampaian data yang

baik sudah tidak dapat ditunda lagi mengingat hal-hal yang telah diterangkan

sebelumnya, akan tetapi pada kenyataannya, segala kegiatan yang menyangkut

informasi Tentang Sistem Informasi Pengolahan Data penerimaan dan penyaluran

Zakat pada Kantor Kementerian Agama Kabupaten Pidie. Saat ini masih

mengunakan Microsoft Office Exel, dimana sistem perekaman datanya kurang

Page 12: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

efesien mengingat begitu banyaknya data yang membayar zakat dan penerima

zakat Pada Kantor Kementerian Agama Kabupaten Pidie tersebut.

Tergerak dari permasalahan yang telah terjadi tersebut, penulis berkeinginan

membuat suatu solusi yang mudah-mudahan dapat membantu kinerja pada kantor

tersebut. Penulis dalam hal ini memilih Kantor kementerian Agama Kabupaten

Pidie dalam melakukan risetnya, untuk menampakan perkembangan yang lebih

baik dalam berbagai bidang yang dijalaninya, terutama dalam teknologi informasi

dan komunikasi. Sehubungan dengan ketertarikan penulis terhadap permasalahan

serta perkembangan yang terjadi Pada Kantor Kementerian Agama Kabupaten

Pidie, maka untuk mencapai suatu informasi yang baik perlu mengubah sistem

penyampaian informasi yang telah ada sebelumnya, dalam penyaluran zakat yang

ada di Kantor tersebut. Atas dasar inilah, penulis tertarik mengangkat Judul "

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN

PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

PIDIE BERBASIS WEB"

1.2 Rumusan Masalah

Menyadari akan keterbatasan kemampuan manusia dalam menyelesaikan

pekerjaan yang semakin meningkat dan rumit. Permasalahan yang dihadapi adalah

bagaimana menciptakan suatu sistem yang cepat, cermat, teliti serta up-todate

dengan mengunakan bantuan komputer sebagai perangkat keras atau beberapa

perangkat lunak untuk melakukan informasi Pengolahan Data penerimaan dan

penyaluran Zakat dengan jumlah penduduk yang membayar zakat dan penerima

zakat yang banyak.

Page 13: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Mengingat akan kurang efesiensinya pekerjaan tersebut apabila dilakukan

secara manual khususnya terhadap pengunaan waktu dalam proses Pengolahan

data transaksi Zakat, maka perlu adanya suatu sistem yang mampu dengan cepat

serta memiliki ketelitian dalam melaksanakan suatu sistem informasi dengan

Pengolahan Data penerimaan dan penyaluran Zakat pada Kantor Kementerian

Agama Kabupaten Pidie, dengan mengunakan Komputer. Oleh karena itu, penulis

mencoba membuat suatu sistem informasi untuk pengolahan Data penerimaan dan

penyaluran Zakat pada Kantor Kementerian Agama Kabupaten Pidie berupa

rancangan aplikasi pada komputer, yang bisa dijalankan di berbagai Flatform

windows atau berbasis web, dengan mengunakan bahasa pemrograman PHP dan

MySQL.

1.3 Ruang Lingkup

Pada umumnya setiap perusahaan lembaga memerlukan sarana khusus

dalam upaya peningkatan kinerjanya. Demikian juga dengan Kantor Kementerian

Agama Kabupaten Pidie yang bergerak di bidang jasa pengelolaan zakat. Maka

penulis mencoba mengidentifikasikan masalah sebagai berikut: “sejauh mana

aplikasi sofware ini dapat dirancang dengan sedemikian baik, agar setiap kegiatan

transaksi zakat dapat terdata secara baik dan seefisien mungkin”

1.4 Tujuan Penelitian

Adapun tujuan penelitian dari Perancangan Sistem Informasi penerimaan

dan penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web

ini adalah:

Page 14: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

1.) Dapat mengatasi kendala-kendala yang terjadi saat ini seperti yang

dijelaskan pada penemuan kasus diatas sebelumnya sistem yang sedang

berjalan adalah sudah mengunakan komputer, tetapi masih sebatas pada

penggunaan aplikasi Microsoft Word maupun Microsoft Excel.

Penggunaan aplikasi tersebut masih dirasa sangat terbatas untuk

mengharapkan suatu informasi yang tepat atau akurat.

2.) Dengan dirancangnya sebuah aplikasi yang berbasis web tentang

penerimaan dan penyaluran zakat, maka dapat mempublikasikan segala

informasi tentang pembayar zakat dan penerima zakat pada Kementerian

Agama Kabupaten Pidie atau dapat mempermudah bagi sebagian orang

atau masyarakat yang membutuhkan informasi tentang penerimaan dan

penyaluran zakat, sehingga informasi yang akan ditampilkan dapat diakses

24 jam dengan memanfaatkan layanan internet.

1.5 Sistematika Penulisan

Penulisan laporan ini ini terdiri tiga bab dengan rumusan-rumusan sebagai

berikut :

BAB I : PENDAHULUAN

BAB I : Pendahuluan yang meliputi latar belakang, rumusan masalah,

ruang lingkup, tujuan penelitian dan sistematika penulisan.

BAB II : TINJAUAN PUSTAKA

BAB II Tinjauan pustaka, bab ini penulis menjelaskan beberapa hal yang

berhubungan landasan teoritis Konsep Hardware dan Software,

Pengertian sistem, Pengertian informasi, pengertian pendataan,

Page 15: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Pengertian database, bahasa Pemrograman, dan Karakteristik

Entity Relationship Diagram (ERD).

BAB III : METODELOGI PENELITIAN

BAB III Ruang lingkup penelitian, tempat dan waktu penelitian, jenis

penelitian, rancangan penelitian, metode pengumpulan data,

metode pengolahan data.

Page 16: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB II

TINJAUAN PUSTAKA

2.1 Konsep Software

Software (perangkat lunak) adalah komponen dalam sistem komputer berupa

program untuk mengatur hubungan antara hardware dan brainware serta

mengawasi seluruh kegiatan CPU, sofware juga merupakan instruksi program

yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan

seperti apa yang diinginkan.

2.1.1 Pengertian Sistem

Istilah sistem banyak digunakan untuk menunjukkan pengertian metode

atau cara dan suatu himpunan unsur atau komponen yang saling berhubungan satu

sama lain menjadi suatu kesatuan yang utuh.

Kata sistem berasal dari bahasa Yunani yaitu systema, yang mempunyai

satu pengertian yaitu sehimpunan bagian atau komponenyang saling berhubungan

secara teratur dan merupakan satau kesatuanyang tidak terpisahkan (Vaza, 2006).

Sementara itu menurut Hamalik (2002 dalam Zakir 2007) Sistem secara teknis

berarti seperangkat komponen yang saling berhubungan dan bekerja sama untuk

mencapaisuatu tujuan. Mudyharjo (1993, dalam Zakir 2007)

mendefinisikansistem sebagai suatu kesatuan dari berbagai elemen atas

bagianbagianyang mempunyai hubungan fungsional dan berinteraksi

secaradinamis untuk mencapai hasil yang diharapkan.Dari ketiga definisi tersebut,

dapat ditarik kesimpulan bahwa pengertian sistem adalah seperangkat bagian-

Page 17: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

bagian yang saling berhubungan erat satu dengan lainya untuk mencapai tujuan

bersama-sama.

Pengertian ”Sistem” menurut para ahli, yaitu :

1 Menurut Fathansyah (Basis Data, 1999), Sistem merupakan suatu tatanan

yang terdiri atas sejumlah komponen fungsional (dengan satuan fungsi atau

tugas khusus) yang saling berhubungn secara bersama-sama yang bertujuan

untuk memenuhi suatu proses atau pekerjaan tertentu.

2. Menurut Jogiyanto (Pengenalan Komputer, 2000), Sistem adalah suatu

kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang

saling berinteraksi untuk mencapai tujuan tertentu.

Sedangkan pengertian”Informasi” menurut para ahli, yaitu :

3. Menurut Jogiyanto (2000, hal. 157), Informasi adalah data yang diolah

menjadi bentuk yang lebih berguna dan lebih berarti bagi yang

menerimanya.

4. Menurut Robert G. Murdick (2002, hal. 13), Informasi adalah data yang

disusun sedemikian rupa sehingga bermakna dan bermanfaat karena dapat

dikomunikasikan kepada seseorang yang akan menggunakan untuk

membuat keputusan.

Maka dapat disimpulkan bahwa pengertian dari Sistem Informasi secara

umum adalah suatu susunan yang sistematik dan teratur dari jaringan-jaringan

aliran informasi yang saling berhubungan dalam prosedur pengolahan data yang

dikembangkan dalam organisasi dengan maksud memberikan data kepada

pengguna.

Page 18: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Sistem adalah suatu sistem yang terdiri atas objek-objek atau unsur atau

komponen-komponen yang berkaitan dan berhubungan satu sama lain sedemikian

rupa, sehingga unsur-unsur tersebut merupakan satu kesatuan pemrosesan yang

tertentu (S Prajudi Almosudirdjo: 2008:40).

Menurut Richard Neuschel (2008:30) menyatakan bahwa sistem adalah suatu

jaringan kerja dari prosedur- prosedur yang saling berhubungan dikembangkan

sesuai dengan suatu skema yang terintegrasi untuk melaksanakan suatu kegiatan

utama bisnis.

Dari definisi-definisi diatas yang dikemukakan oleh beberapa orang ahli,

dapat ditarik kesimpulan bahwa pengertian sistem adalah seperangkat bagian-

bagian yang saling berhubungan erat satu dengan lainya untuk mencapai tujuan

bersama-sama.

2.1.2 Pengertian Informasi

Informasi merupakan hasil pengolahan data, sehingga menjadi bentuk yang

penting bagi penerimanya dan mempunyai kegunaan sebagai dasar dalam

pengambilan keputusan yang dapat di rasakan akibatnya secara langsung. Nilai

informasi dikatakan sempurna apabila perbedaan antara kebijakan optimal tanpa

informasi yang sempurna dan kebijakan optimal menggunakan informasi yang

sempurna dapat dinyatakan dengan jelas. Kesalahan informasi dapat disebabkan

oleh beberapa hal sebagai berikut :

1. Metode pengumpulan dan pengukuran data yang tidak tepat

2. Tidak dapat mengikuti prosedur pengolahan yang benar

3. Hilang atau tidak terolahnya sebagian data

Page 19: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4. Pemeriksaan atau pencatatan data yang salah

5. Dokumen induk yang salah

6. Kesalahan dalam prosedur pengolahan, serta

Jogiyanto (2005:32) mendefinisikan bahwa “Informasi adalah data yang

telah diolah menjadi sebuah bentuk yang berarti bagi para penerimanya dan

bermanfaat bagi pengambilan keputusan saat ini maupun dimasa yang akan

datang”.

Sistem Informasi merupakan “Suatu rangkaian tata cara, pola kerja dan tata

tertib yang menangani sebagai suatu kebulatan yang lengkap keterangan-

keterangan sejak pengumpulan melalui penggunaan dan penyimpangannya sampai

penyingkirannya untuk membantu tercapainya tujuan dari suatu organisasi. Tafri

D. Mahyuzir (2009: 112)

2.1.3 Pengertian Pendataan

Pendataan merupakan suatu proses pencapaian tujuan yang telah ditetapkan

terlebih dahulu melalui usaha dan tenaga orang-orang dalan satu kelompok yang

terorganisir. Tafri D. Mahyuzir (2009:8) mendefinisikan bahwa pendataan adalah

“Proses perencanaan, pengorganisasian, pimpinan dan pengendalian upaya

anggota organisasi dan penggunaan semua sumber daya organisasi untuk

mencapai tujuan yang telah ditetapkan”. Dan definisi tersebut di atas pendataan

dapat diartikan “Bagaimana mencapai suatu tujuan yang telah ditetapkan terlebih

dahulu melalui usaha dan tenaga orang-orang dalam suatu kelompok yang

terorganisir”.

Page 20: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

2.1.4 Pengertian Database

Database (basis data atau pangkalan data) adalah sekumpulan data yang

terdiri dari koleksi berbagai file yang berisi informasi, yang disimpan dengan cara

tertentu, sehingga redudansi yang tidak perlu dapat dihindarkan. Begitu pula pula

data yang disimpan tersebut tidak tergantung pada aplikasinya dan mampu

melayani dari beberapa aplikasi yang berbeda.

[ 2.2 Bahasa Pemrograman

Bahasa pemrograman merupakan bahasa skrip yang digunakan untuk

membuat halaman Web yang dinamis. Personal Home Page (PHP) bersifat open

source product. Pengguna dapat merubah source code dan mendistribusikannya

secara bebas serta diedarkan secara gratis. PHP bersifat server side scripting yang

dapat ditambahkan ke dalam HTML, sehingga suatu halaman web tidak lagi

bersifat statis, namun bersifat dinamis.

2.2.1 Hypertext Markup Language (HTML)

Hypertext Markup Language merupakan kepanjangan dari kata HTML,

merupakan script dimana kita bisa menampilkan informasi dan daya kreasi kita

lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah

dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu

maka HTML dapat dibaca oleh berbagai platform seperti: Windows, Linux,

Macintosh. Kata “Markup Language” pada HTML menunjukkan fasilitas yang

berupa tanda tertentu dalam script HTML dimana kita bisa mengatur judul, garis,

tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen

Page 21: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

nya. HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap

terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh

W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah

HTML versi 4.01.

2.2.2 Relational Database Management System (MySQL)

MySQL adalah salah satu perangkat lunak (software) sistem manajemen

database relasi (relational database management sistem) yang bersifat “terbuka”

(open source), artinya bebas untuk digunakan, diedarkan, maupun dikembangkan

kembali oleh siapa saja tanpa harus khawatir dengan hak cipta.

MySQL merupakan hasil buah pikiran dari Michael “Monty” Widenius,

David Axmark, dan Allan Larson dimulai tahun 1995. mereka bertiga kemudian

mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal

didirikannya program MySQL adalah untuk mengembangkan aplikasi web yang

akan digunakan salah satu klien MySQL AB. Pada saat itu MySQL AB adalah

sebuah perusahaan konsultan database dan pengembang software.

Ahmad Luthfi (2005:25), MySQL adalah salah satu perangkat lunak sistem

manajemen database atau database manajemen sistem (DBMS) . MySQL

termasuk jenis jenis Relational Database Management (RDBMS). Itulah sebabnya

istilah seperti table, baris, kolom, digunakan pada MySQL. Jadi dapat ditarik

kesimpulan bahwa MySQL merupakan sebuah database yang berfungsi sebagai

penyimpanan dan manajemen data. Dan MySQL ini bisa berjalan di banyak sistem

operasi salah satunya yaitu sistem operasi windows.

Page 22: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

2.2.3 Cascading Style Sheet (CSS)

CSS mendefinisikan karakteristik tampilan warna, style dan posisi suatu

elemen pada dokumen HTML dalam bentuk property elemen tersebut. Pemisahan

isi dengan tampilan yang dilakukan dengan penerapan CSS, memberikan

kemungkinan penyususnan struktur suatu halaman dalam Hypertext Markup

Language (HTML) dengan lebih fleksibel. CSS sangat berperan dalam HTML.

2.2.4 Java Script

JavaScript pertama kali muncul di Netscape 2.0 dan dikembangkan lebih

lanjut pada Netscape 3.0. walaupun memiliki nama yang serupa. Java script sama

sekali tidak berhubungan dengan Java.

Java adalah bahasa pemograman tingkat tinggi untuk membuat aplikasi

cross platform, sedangkan java script hanyalah scripting language yang

terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagi

programmer untuk mengontrol elemen-elemen dalam halaman web.

2.4 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah komponen-komponen

Himpunan Entitas dan Himpunan Relasi yang dilengkapi atribut-atribut yang

mempresentasikan sebuah fakta Model ini dipilih karena mempunyai kelebihan

yaitu :

1. Dapat menggambarkan hubungan antara entity dengan jelas.

2. Dapat menggambarkan batasan jumlah entitas (entity) dan partisipasi

antar entity.

Page 23: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

3. Mudah dimengerti oleh perancang database.

Ada tiga macam komponen- komponen ERD yang digunakan yaitu :

1. Entity/objek data

Entity adalah kumpulan objek atau suatu yang dapat dibedakan atau

dapat diidentifikasi secara unik, kumpulan entitas yang sejenis disebut

entity set penggambaran entitas pada ERD menggunakan simbol

persegi panjang.

Gambar 2.1 Simbol Entity

2. Relationship

Relationship adalah Hubungan yang terjadi antara satu entitas atau

lebih, kumpulan relationship yang sejenis disebut Relationship set.

Hubungan digambarkan dengan bentuk belah ketupat, tiap belah

ketupat diberi label kata kerja.

Gambar 2.2 Simbol Relationship

3. Atribut

Atribut merupakan sifat atau karakteristik suatu entitas yang

menyediakan penjelasan detail tentang entitas tersebut.

Gambar 2.3 Simbol Atribut

Page 24: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Ada beberapa tipe atribute yang perlu diperhatikan dalam penggambaran ERD

yaitu :

1. Atribut kunci kandidat

Satu atribut atau kombinasi atribut yang mengidentifikasi setiap

instance suatu entitas secara unik

2. Atribut kunci utama

Kunci kandidat yang dipilih sebagai identifier untuk satu tipe entitas.

3. Atribut bernilai tunggal

Banyak atribut memeiliki satu nilai tunggal untuk satu entitas tertentu.

4. Atribut Jamak

Atribut yang memiliki sekelompok nilai untuk setiap instance entitas.

5. Atribut komposisi

Suatu atribut mungkin terdiri dari beberapa atribut yang lebih kecil

dengan arti yang bebas dari atribut itu sendiri.

6. Atribut yang dihasilkan/Derived Atribute dua atau lebih nilai atribut

yang berealisasi.

2.4.1 Karakteristik Entity Relationship Diagram (ERD)

Ada beberapa karakteristik pada Entity Relationship Diagram (ERD) yang

menandakan arah dan tujuan yang digunakan untuk pembuatan sistem Informasi

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web

menjelaskan batasan jumlah keterhubungan suatu entity dengan entity lainnya ada

tiga jenis cardinality ratio yaitu seperti Gambar 2.4, Gambar 2.5 dan Gambar 2.6.

Page 25: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Kardinalitas satu ke satu

I I

Gambar 2.4 Cardinality Ratio satu ke satu

Kardinalitas satu ke banyak

I M

Gambar 2.5 Cardinality Ratio satu ke banyak

Kardinalitas banyak ke banyak

M M

Gambar 2.6 Cardinality Ratio banyak ke banyak

satu ke satu

satu ke

banyak

banyak ke banyak

Page 26: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB III

METODELOGI PENELITIAN

Metodelogi adalah kerangka teoritis yang digunakan untuk menganalisa,

mengerjakakan dan mengatasi masalah yang dihadapi. Sedangkan kerangka

teoritis merupakan metode-metode ilmiah yang diterapkan dalam pelaksanaan

tugas. Gorys (2009:310). Metodelogi penelitian yang digunakan dalam

pembahasan ini adalah sebagai berikut :

3.1 Ruang Lingkup Penelitian

Kegiatan ini dilakukan untuk membuat suatu aplikasi berbasis web pada

Kantor Kementerian Agama Kabupaten Pidie, yang dapat digunakan sebagai alat

media untuk memberikan informasi penyaluran zakat sesuai dengan peraturan

yang telah ditetapkan oleh pemerintah melalui instruksi Menteri Agama Nomor 1

Tahun 2004 tentang pengelolaan Zakat.

Pembuatan aplikasi berbasis web yang menyangkut dengan sistem informasi

penyaluran Zakat pada Kantor Kementerian Agama Kabupaten Pidie, yang dalam

perancangan nantinya penulis mengunakan PHP, dan MySQL yang merupakan

bahasa pemograman untuk membuat suatu aplikasi dalam sistem operasi

Windows, dan juga memudahkan pemrograman untuk berinteraksi langsung

dengan elemen-elemen (komponen-komponen) setiap program.

3.2 Tempat dan Waktu Penelitian

Perancangan dan pembuatan aplikasi sistem informasi Data penyaluran

Zakat pada Kantor Kementerian Agama Kabupaten Pidie Berbasis Web, dengan

Page 27: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

berlangsung waktu selama 1 minggu untuk pengambilan data/studi pendahuluan

yang dimulai dari tanggal 16 Maret 2013, sampai dengan 23 Maret 2013.

3.2.1 Alat dan Bahan

Peralatan dan bahan beberapa perangkat lunak (sofware) yang digunakan

untuk merancang sistem informasi penyaluran Zakat pada Kantor Kementerian

Agama Kabupaten Pidie Berbasis Web ini dapat dijelaskan sebagai berikut:

1. Perangkat Lunak (sofware)

a) Sistem Operasi Windows

b) Aplikasi (APPServ) sebgai server httpnya

c) Aplikasi Dreamweafer 08

2. Perangkat Keras (hadware)

Perangkat keras (hadware) yang digunakan untuk menjalankan aplikasi sistem

informasi untuk pengolahan Data penyaluran Zakat pada Kantor Kementerian

Agama Kabupaten Pidie Berbasis Web ini pada sebuah komputer adalah

sebagai berikut:

a) Laptop dengan prosesor Intel Pentium 43.06 Ghz atau setara.

b) Memory RAM 256 MB

c) Kapasitas Hardisk Minimal 80 GB

d) Modem Untuk dapat terkoneksi dengan internet

3.3 Jenis Penelitian

Dalam menyusun tugas akhir ini, dibutuhkan berbagai macam jenis

penelitian untuk dapat diidentifikasikan permasalahan yang terjadi pada kantor

Page 28: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Kementerian Agama Kabupaten Pidie, sehingga perlu lebih lanjut untuk

dapat dikaji berbagai masukan-masukan yang didapat selama melakukan

penelitian pada kantor Kementerian Agama Kabupaten Pidie. Adapun

beberapa jenis penelitian yang penulis lakukan untuk dapat memecahkan

permasalahan yang sedang dihadapi :

1) Jenis Penelitian Lapangan

Yaitu suatu aktivitas penelitian yang dilakukan untuk mengumpulkan

masukan berupa masalah teknis pengolahan data pada kantor itu yang

nantinya akan dikembangkan dalam perancangan sistem yang dapat

memperbaharui cara pengolahan data sebelumnya.

2) Jenis Penelitian Pendekatan Langsung

Yaitu suatu kegiatan penelitian yang dilakukan untuk menjumpai kepala atau

karyawan yang mempunyai pengetahuan tentang permasalahan yang sedang

dianalisis pada kantor itu yang nantinya akan padukan dengan sistem yang

dikembangkan dalam bentuk program.

3.4 Rancangan Penelitian

Rancangan Penelitian yang digunakan dalam skripsi/Tugas Akhir ini

meliputi beberapa bagian, yaitu :

a. Metode Analisis

Penulis melakukan analisis terlebih dahulu dengan melakukan wawancara

baik kepala maupun karyawan pada Kantor Kementerian Agama Kabupaten

Pidie guna mendapatkan informasi. untuk mendukung penelitian dan dilihat

Page 29: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

apakah dapat digunakan sebagai bahan penulisan dan untuk perancangan

selanjutnya.

b. Metode Perancangan

Setelah hasil wawancara dianalisis, penulis merancang beberapa hal yang

menyangkut dengan kasus-kasus dalam penelitian berikut ini :

Tabel keputusan dan pohon keputusan (decision table and decision tree)

Antarmuka pemakai (user interface)

Aturan-aturan (rules)

Program (prototype)

c. Metode Pengembangan Sistem

Metode pengembangan sistem disusun berdasarkan hasil dari data yang sudah

diperoleh. Metode ini meliputi :

1. Analisis Kebutuhan

Tahapan ini menguraikan kebutuhan sistem yang utuh menjadi komponen-

komponen sistem untuk mengetahui bagaimana sistem dibangun dan untuk

mengetahui kelemahan-kelemahan sistem yang sudah ada sehingga dapat

dijadikan masukan dan pertimbangan dalam penyusunan sistem yang baru.

Analisis kebutuhan sistem itu sendiri meliputi input, output dan proses.

2. Desain

Tahap ini merupakan tahap perancangan sistem, yaitu mendefinisikan

kebutuhan yang ada, mengambarkan bagaimana sistem dibentuk dan persiapan

untuk merancang sebuah aplikasi yang berbasis web.

Page 30: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

3. Implementasi

Tahap ini adalah penerjemahan rancangan dalam tahap desain ke dalam

bahasa pemrograman HTML dengan PHP sebagai server side scripting.

4. Pengujian

Setelah aplikasi selesai dibuat, maka pada tahap ini merupakan uji coba

terhadap program tersebut. Sehingga analisis hasil implementasi yang didapat

dari sistem disesuaikan dengan kebutuhan sistem tersebut. Jika penerapan

sistem sudah berjalan dengan lancar, maka sistem dapat di implementasikan.

3.5 Metode Pengumpulan Data

Cara pengambilan data yang penulis lakukan adalah dengan menggunakan

berapa pendekatan baik pada atasan yang berwenang maupun penelesuran data-

data melalui staf-staf pegawai Kantor Kementerian Agama Kabupaten Pidie dan

juga peninjauan pustaka dan juga melakukan wawancara kesemua pihak yang

berkompiten di bidangnya melakukan perbandingan antara penerapan sistem

informasi yang sedang berjalan agar mendapatkan data yang maksimal dan akurat.

Penelitian Lapangan (Field Research). Penelitian dilakukan langsung ke Kantor

Kementerian Agama Kabupaten Pidie untuk mendapatkan data dimana penulis

melakukan pengumpulan data dengan mendatangi langsung pada objek penelitian

yang bersangkutan, dan melakukan beberapa hal diataranya:

a) Wawancara (interview)

Penulis melakukan tanya jawab baik kepala Kantor Kementerian Agama

Kabupaten Pidie maupun karyawan yang mempunyai pengetahuan yang

dipecahkan dan memperoleh data-data yang benar-benar akurat.

Page 31: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

b) Pengamatan (observasi)

Penulis melakukan peninjauan langsung kelapangan dengan mengamati

pelaksanaan sistem yang sedang berjalan dan mengamati jalannya informasi

yang ditinjau dari segi administrasi yang dianggap penting.

c) Membuat dan Merancang

Penulis melakukan perancangan sistem informasi penerimaan dan

penyaluran zakat pada Kantor Kementerian Agama Kabupaten Pidie,

perancangan yang dimaksud merupakan sebuah tahap awal dalam

membangun sebuah situs. Situs ini di rancang menggunakan Macromedia

Dream Weaver digunakan sebagai tempat untuk menampilkan situs yang

telah dirancang.

d) Penelitian Kepustakaan (Library Research)

Penelitian ini dimaksudkan untuk mendapat landasan teori yang memadai

dalam penyusunan tugas akhir.

3.6 Metode Pengolahan Data

Untuk menghasilkan suatu informasi yang baik pada Kantor Kementerian

Agama Kabupaten Pidie tentang sistem informasi penerimaan dan penyaluran

zakat pada Kantor Kementerian Agama Kabupaten Pidie perlu dibuatkan suatu

rancangan aplikasi yang berbasis web dengan memanfaatkan layanan

internet untuk dapat mempublikasikan segala informasi yang berhubungan

dengan sistem informasi penerimaan dan penyaluran zakat pada Kantor

Kementerian Agama Kabupaten Pidie yang dapat mempermudah dalam hal

penyampaian informasi, untuk merancang sebuah aplikasi yang akan

Page 32: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

dijadikan sebagai aplikasi pengolahan data pada Kantor Kementerian Agama

Kabupaten Pidie, dalam hal ini penulis mengunakan beberapa alternatif untuk

mendukung metode pengolahan data antara lain sebagai berikut:

Peralatan dan bahan yang digunakan untuk menjalankan sistem informasi

penerimaan dan penyaluran zakat sebagai pengolahan data pada Kantor

Kementerian Agama Kabupaten Pidie ini adalah sebagai berikut:

a. Penulis menggunakan sistem operasi windows XP.

b. Editor Pendesain Web dan penggabungan antara layout dengan bahasa

pemrograman seperti yang digunakan penulis yaitu macromedia

dreamweaver MX 8.

c. AppServ sebagai server lokal dalam pengetasan halaman Web sebelum file-

file dan script Web dipublikasikan pada Internet, seperti PWS (personal

web server) atau apache Web server seperti yang digunakan penulis.

d. Browser sebagai tempat melihat output atau tampilan halaman Web,

misalnya internet explorer, mozilla, netscape navigator, dan lain-lain.

Page 33: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB IV

ANALISA DATA DAN PEMBAHASAN

Pengolahan data tentang Rancang Bangun Sistem Informasi Penerimaan

Dan Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web

yang sedang berjalan sampai sekarang ini adalah sudah mengenal atau

mengunakan komputer, tetapi masih sebatas pada penggunaan aplikasi manual

seperti Microsoft Word maupun Microsoft Excel. Penggunaan aplikasi

tersebut masih dirasa sangat terbatas dan manual karena tidak memiliki

pengolah yang efektif atau pemroses, oleh karena itu untuk kelancaran suatu

informasi perlu dirancang suatu sistem yang baru untuk dapat memudahkan

pengolahan data.

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang

dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk

menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk

menggantikan sistem pengolahan data yang lama.

Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau

tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita

kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat

keras (hardware), perangkat lunak (software), dan perangkat operator

(brainware). Untuk Rancang Bangun Sistem Informasi Penerimaan Dan

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web ini,

maka dapat di jelaskan sebagai berikut ini.

Page 34: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.1 Uraian Umum Tentang Alat/Sistem

Kegiatan ini dilakukan untuk membuat suatu Rancang Bangun Sistem

Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten

Pidie Berbasis Web.

Pembuatan aplikasi berbasis web yang menyangkut dengan Penerimaan Dan

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie, perlu dibuatkan alur-

alur atau proses jalannya data dalam sistem baik dalam bentuk diagram-diagram

maupun dalam bentuk Flowchart supaya tampak aliran masukan data awal atau

yang dikatakan dengan input dan keluaran sistem (Output) hasil dari suatu proses

sistem yang merupakan informasi, setelah dianalisa terlebih dahulu aliran sistem

dan akan diterjemahkan kedalam berbagai bahasa pemrograman untuk membuat

suatu aplikasi dalam sistem operasi Windows dan lainnya.

4.2 Entity Relationship Diagram ERD

Penjelasan Entity Relationship Diagram dalam sistem yang akan dibangun

nanti dapat dijelaskan sebagai berikut :

1) Entitas data one to one (satu ke satu), banyaknya data wilayah atau .

2) Entitas data many to one banyak ke satu, banyaknya pembayar zakat

dalam suatu wilayah yang melakukan kewajiban wajib bayar zakat.

3) Entitas data one to many satu ke banyak merupakan setiap dari suatu jenis

zakat akan disalurkan untuk banyaknya penerima zakat.

Entity Relationship Diagram relasi antar entitas dalam Rancang Bangun

Sistem Informasi Penerimaan Dan Penyaluran Zakat di Kementerian Agama

Kabupaten Pidie Berbasis Web dapat dilihat pada Gambar 4.1.

Page 35: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

I M I M

I

M

I

M

Gambar 4.1 Entity relationship diagram Rancang Bangun Sistem Informasi

Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie

Berbasis Web

Pembayar Zakat

Nmpnrm

Peker IdPnrmZ

Unit

Idupz

ada

JnsZ Idzkt

Jlh

Almt

jenis

Pengumpul Zakat

Penerima Salur ada

Jenis Zakat

Wajib

Nmpmbyr

ID Pbyr Tglbyr

NmPnrmZ

Nosalur Tgl/Slr

I M

Wilayah kutip

NmWilayah

Idwil

wil Jlhbyr

Jlhsalur

Nmupz

Wil

Jns_zkt

Upz Wil

Page 36: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.3 Basisdata

Untuk merancang database dari Sistem Informasi Penerimaan Dan

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web, penulis

membuat sebuah database dengan nama databasenya dbpenyaluran, pembuatan

database dan tabel-tabel mempergunakan fasilitas PHP MyAdmin dan MySQL

Command line yaitu salah satu fasilitas database yang mudah untuk digunakan

dibawah ini gambaran isi dari struktur masing-masing tabel :

4.3.1 Struktur Tabel User

Tabel user merupakan tabel yang digunakan untuk menyimpan data

nama-nama user untuk bisa melakukan login pada program, adapun struktur

tabelnya dapat dilihat pada Tabel 3.1.

Tabel 3.1 Struktur tabel User

No Nama Field Type Size Keterangan Keterangan File

1 User varchar 10 Nama User Primary Key

2 Password varchar 10 Nama Password

4.3.2 Struktur Tabel Kecamatan

Tabel kecamatan merupakan tabel yang fungsinya untuk menyimpan data

nama-nama kecamatan, adapun struktur tabelnya dapat dilihat pada Tabel 3.2.

Tabel 3.2 Struktur tabel kecamatan

No Nama Field Type Size Keterangan Keterangan File

1 Kd_kec Char 2 Kode kecamatan Primary Key

2 Nm_ kec Varchar 35 Nama kecamatan

Page 37: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.3.3 Struktur Tabel Jenis Zakat

Tabel jenis zakat merupakan tabel yang fungsinya untuk menyimpan data

nama-nama jenis zakat, data ini akan menjadi data pendukung nantinya dengan

data sumber baik data penerima zakat maupun data salur zakat, maka struktur

tabelnya dapat dilihat pada Tabel 3.3.

Tabel 3.3 Struktur tabel jenis zakat

No Nama

Field Type Size Keterangan Keterangan File

1 Kd_jnsZ Char 2 Kode jenis zakat Primary Key

2 Nm_ jnsZ Varchar 35 Nama jenis zakat

4.3.4 Struktur Tabel Unit Pengumpul Zakat

Tabel Unit pengumpul zakat merupakan tabel yang fungsinya untuk

menyimpan data nama-nama dari unit yang bertugas mengumpul zakat, adapun

beberapa field dalam struktur tabelnya dapat dilihat pada Tabel 3.4.

Tabel 3.4 Struktur tabel Unit pengumpul zakat

No Nama Field Type Size Keterangan Keterangan File

1 Kd_Unit Varchar 4 Kode Unit Primary Key

2 Nm_ Unit Varchar 35 Nama Unit

4.3.5 Struktur Tabel Pembayar Zakat

Tabel pembayar zakat merupakan tabel yang fungsinya untuk menyimpan

data nama-nama dari pembayar zakat, data ini akan menjadi data pendukung

nantinya dengan data salur zakat dalam relasi database, maka struktur tabelnya

dapat dilihat pada Tabel 3.5.

Page 38: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Tabel 3.5 Struktur tabel pembayar zakat

No Nama Field Type Size Keterangan Keterangan File

1 Kd_PembZ Varchar 4 Kode Pembayar Zakat Primary Key

2 Nama Varchar 35 Nama Pembayar Zakat

3 Kd_kec Char 2 Kode kecamatan Foreg Key

4 Jlh_byr Int 11 Jumlah Bayar

5 Tgl_Byr Varchar 10 Tanggal Bayar

4.3.6 Struktur Tabel Salur Zakat

Tabel salur zakat merupakan tabel yang dirancang khusus untuk

menyimpan data baik data sumber maupun data lain yang dijoinkan pada data

salur, atau yang menjadi tujuan pembuatan database, adapun bentuk struktur

tabelnya yang sudah dibuat dapat dilihat pada Tabel 3.6.

Tabel 3.6 Struktur tabel salur zakat

No Nama Field Type Size Keterangan Keterangan File

1 No_salurZ Varchar 4 Nomor Salur Primary Key

2 Thn_slr Varchar 4 Tahun Zakat

3 Kd_pnrm Varchar 4 Kode Penerima Zakat Foreg Key

4 Kd_kec Char 2 Kode kecamatan Foreg Key

5 Kd_jnsZ Char 2 Kode jenis zakat Foreg Key

6 Jlh_salur Varchar 10 Jumlah salur

7 Tgl_salur Varchar 10 Tanggal Salur

8 Kd_PembZ Varchar 4 Kode Pembayar Zakat Foreg Key

9 Thp_salur Varchar 10 Tahap salur

Page 39: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.3.7 Struktur Tabel Penerima Zakat

Tabel penerima zakat merupakan tabel yang fungsinya untuk menyimpan

data nama-nama dari penerima zakat, data ini akan menjadi data pendukung

nantinya dengan data salur zakat dalam relasi database, maka struktur tabelnya

dapat dilihat pada Tabel 3.7.

Tabel 3.7 Struktur tabel penerima zakat

No Nama Field Type Size Keterangan Keterangan File

1 Kd_PnrmZ Varchar 4 Kode Penerima Zakat Primary Key

2 Nm_pnrm Varchar 35 Nama Penerima Zakat

3 Kd_kec Char 2 Kode kecamatan Foreg Key

4 Jlh_trm Int 11 Jumlah terima

5 Tgl_trm Varchar 10 Tanggal terima

6 Thp_trm Varchar 10 Tahap terima

4.4 Alur Kerja Sistem Data Flow Diagram (DFD)

Diagram DFD Level 0 sering digunakan untuk menggambarkan suatu sistem

yang telah ada pada sebelumnya, untuk sistem yang sebelumnya tentang Rancang

Bangun Sistem Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian

Agama Kabupaten Pidie Berbasis Web,maka perlu pengembangan suatu sistem

baru yang akan dikembangkan secara logika tanpa mempertimbangkan

lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data

tersebut disimpan. Diagram DFD Level 0 merupakan alat yang digunakan pada

metodologi pengembangan sistem yang terstruktur. Adapun bentuk hubungan

diagramnya dapat dilihat pada format Gambar Berikut :

Page 40: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

zakat yang dibayar Data penerima

Data Pembayar Banyak diterima

Laporan Penyaluran Zakat

Gambar 4.2 Bentuk Data Flow Diagram DFD Level 0 Rancang Bangun Sistem

Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten

Pidie Berbasis Web

4.5 Data Flow Diagram (DFD) Level 1

Data Flow Diagram (DFD) Level 1 adalah suatu gambaran sistem secara

logika. Diagram biasanya digunakan untuk membuat sebuah modul sistem

informasi dalam bentuk jaringan proses-proses yang saling terhubung satu sama

lainnya, maka dapat ditarik kesimpulan bahwa Data Flow Diagram (DFD) Level 1

merupakan suatu diagram yang mudah dimengerti dan merupakan suatu gambaran

mengenai semua kegiatan atau aktifitas untuk memberikan gambaran yang lebih

jelas pada sebuah rancangan sistem.

Pembayar

Zakat

SISTEM

INFORMASI

PENERIMAAN DAN

PENYALURAN

ZAKAT

Penerima

Zakat

Pimpinan

Pembayar Penerima

Page 41: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Data Pembayar

Data penerima

Banyak bayar

v

Laporan

Gambar 4.3 Bentuk Data Flow Diagram DFD Level 0 Rancang Bangun Sistem

Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten

Pidie Berbasis Web

4.6 Context Diagram

Context Diagram atau konteks diagram ini merupakan diagaram sederhana

yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari

1.0

PROSES

WAJIB

BAYAR

ZAKAT

Pimpinan

4.0

SALUR

ZAKAT

2.0

Update data

Pembayar

3.0

Update data

Penerima

D1 D2

Page 42: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang

mewakili keseluruhan sistem. Adapun bentuk Diagram konteks rancang bangun

Sistem Informasi Penerimaan dan Penyaluran Zakat Di Kementerian Agama

Kabupaten Pidie Berbasis Web dapat dilihat pada Gambar Berikut.

Data Pembayar Zakat

Data Penerima

Laporan Data Penyaluran

Gambar 4.4 Diagram Konteks Rancang Bangun Sistem Informasi Penerimaan

Dan Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web

.

4.7 Dialog Login Ke Sistem

Login ke sistem merupakan panggilan utama yang menentukan proses

tampilnya halaman utama pada program. Login ini sangat bermanfaat karena

0

SISTEM INFORMASI

PENERIMAAN DAN

PENYALURAN

ZAKAT

Salur

Pembayar

Penerima

Page 43: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

sebagai kunci utama dalam bentuk password yang tidak bisa dijalankan atau

mengakses sembarangan data oleh banyak orang kecuali oleh user yang sudah

melakukan registerasi pada sistem. Bentuk login yang sudah didesain dan sudah

bisa dijalankan dapat dilihat pada Gambar 4.5.

Gambar 4.5 Desain halaman login user dengan Sistem

4.8 Dialog Halaman Penanganan Data Sesudah Login

Halaman penanganan data ini dapat ditampilkan jika kita telah berhasil

melaksanakan login Sistem Informasi Penerimaan Dan Penyaluran Zakat Di

Kementerian Agama Kabupaten Pidie Berbasis Web secara benar. Pada bagian

menu penanganan data ini terdapat beberapa form sebagai wadah atau tempat

merekam data, adapun desain halaman program yang sudah dibuat dan sedang

berjalan dapat dilihat pada Gambar 4.6.

Page 44: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Gambar 4.6 Desain halaman penanganan data

4.8.1 Dialog Input Data Kecamatan

Desain Form kecamatan merupakan form yang kegunaannya untuk

mengisi data kecamatan-kecamatan yang ada dalam daerah Kabupaten Pidie,

maka desain form kecamatan yang sudah didesain dan sudah bisa

diimplementasikan dapat dilihat pada Gambar 4.7.

Gambar 4.7 Desain halaman input data Kecamatan

4.8.2 Dialog Input Data Jenis Zakat

Page 45: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Desain Form input data jenis zakat merupakan form yang kegunaannya

untuk mengisi data jenis-jenis zakat yang ada pada Kementerian Agama

Kabupaten Pidie, Maka sistem yang sudah dirancang dan sudah bisa dijalankan

dapat dilihat pada Gambar 4.8.

Gambar 4.8 Desain halaman input data Jenis Zakat

4.8.3 Dialog Input Data Pembayar Zakat

Form input data pembayar zakat merupakan form yang kegunaannya untuk

memudahkan pengisian data pembayar zakat, maka sistem yang sudah dirancang

dan sudah bisa dijalankan dapat dilihat pada Gambar 4.9.

Gambar 4.9 Desain input data Pembayar Zakat

4.8.4 Dialog Input Data Pengumpul Zakat

Form input data pengumpul zakat merupakan form yang kegunaannya

untuk memudahkan pengisian data tentang unit-unit pengumpul zakat pada

Page 46: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Kementerian Agama Kabupaten Pidie, maka sistem yang sudah dirancang dan

sudah bisa dijalankan dapat dilihat pada Gambar 4.10.

Gambar 4.10 Desain halaman input data Pengumpul Zakat

4.8.5 Dialog Input Data Penerima Zakat

Form input data penerima Zakat merupakan form yang kegunaannya untuk

memudahkan pengisian data penerima-penerima zakat yang disalurkan oleh

Kementerian Agama Kabupaten Pidie, maka sistem yang sudah dirancang dan

sudah bisa dijalankan dapat dilihat pada Gambar 4.11.

Gambar 4.11 Desain input data Penerima Zakat

4.8.6 Dialog Input Data Salur Zakat

Form input data salur Zakat merupakan form yang kegunaannya untuk

mengisi dan memudahkan dalam hal penyaluran Zakat pada Kementerian Agama

Kabupaten Pidie atau yang menjadi tujuan utama dari Sistem Informasi

Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie

Page 47: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Berbasis Web, maka sistem yang sudah dirancang dan sudah bisa dijalankan dapat

dilihat pada Gambar 4.12.

Gambar 4.12 Desain input data Salur Zakat

4.9 Dialog Halaman Tampilan Laporan

Dari sistem pengolahan data tentang Sistem Informasi Penerimaan Dan

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web, penulis

membatasi pencetakan laporan sebagai hasil akhir dari pada pengolahan data

sebuah sistem, adapun beberapa halaman laporan yang bisa dicetak melalui

browser tempat program di jalankan adalah sebagai berikut :

4.9.1 Laporan Data Penyaluran Zakat Keseluruhan

Laporan data penyaluran Zakat keseluruhan akan diimplementasikan pada

halaman dimana tempat sistem dijalankan, untuk menampilkan data tentang

Sistem Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama

Kabupaten Pidie Berbasis Web, data yang ditampilkan data yang diinput terlebih

dahulu dan disimpan dalam database server, untuk lebih jelasnya dapat dilihat

pada Gambar 4.13.

Page 48: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

Gambar 4.13 Desain Laporan Penyaluran Zakat Keseluruhan

4.9.2 Rekapitulasi Penyaluran Zakat Menurut Tahun

Laporan data rekapitulasi penyaluran zakat menurut per-tahun dapat

dicetak melalui sebuah form bantu untuk mencari data menurut tahun, adapun

bentuk desain formnya dapat dilihat pada Gambar 4.14.

Gambar 4.14 Form cari data Penyaluran Zakat menurut Tahun

Adapun hasil Laporan data rekapitulasi penyaluran zakat menurut tahun

yang dicetak seperti tampak pada Gambar 4.15.

Ga

mb Gambar 4.15 Laporan data Rekapitulasi Penyaluran Zakat menurut Tahun

Page 49: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

4.9.3 Laporan Data Penerima Zakat Keseluruhan

Laporan data penerima zakat ini diimplementasikan untuk menampilkan

data tentang penerima-penerima zakat, data yang ditampilkan data yang diinput

terlebih dahulu dan disimpan dalam database server, untuk lebih jelasnya dapat

dilihat pada Gambar 4.16.

Gambar 4.16 Desain Laporan data Penerima Zakat Keseluruhan

4.9.4 Laporan Data Pembayar Zakat Keseluruhan

Laporan data pembayar zakat ini diimplementasikan untuk menampilkan

data tentang nama-nama pembayar zakat, data yang ditampilkan data yang diinput

terlebih dahulu dan disimpan dalam database server, untuk lebih jelasnya dapat

dilihat pada Gambar 4.17.

Gambar 4.17 Desain Laporan data Pembayar Zakat Keseluruhan

Page 50: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BAB V

PENUTUP

5.1 Kesimpulan

Website cepat sekali dikenal di lingkungan pengguna internet, karena

kemudahan yang diberikan kepada pengguna internet untuk melakukan

penelesuran dan pencarian suatu informasi. Suatu situs web akan dikenal dengan

cepat apabila informasi yang disajikan selalu up todate dan lengkap. Tetapi

kelengkapan data merupakan penambahan atau pengubahan data yang akan

disajikan.

Dari keterangan di atas dan bab-bab sebelumnya penulis dapat mengambil

beberapa kesimpulan, yaitu :

1. Di dalam pembuatan database web untuk merekam data Sistem Informasi

Penerimaan Dan Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie,

ada beberapa tahapan yang penulis lakukan yaitu tahap perencanaan dan

perancangan situs.

2. Dalam pembuatan Rancang Bangun Sistem Informasi Penerimaan Dan

Penyaluran Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web,

situs harus dirancang dengan baik dan benar, agar dalam melakukan update

dan melengkapi data tidak terjadi kesulitan.

3. Situs ini dibuat dengan menggunakan bahasa Pemrograman PHP dan mesin

database MYSQL, sehingga pengelola situs tidak perlu lagi melakukan proses

editing pada dokumen HTML, tetapi cukup dengan melakukan penambahan

Page 51: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

atau perubahan dalam database sehingga pengelola situs sudah dapat

memperbaharui isi situs.

5.2. Saran

Adapun saran yang penulis berikan dalam tugas akhir ini, yaitu :

1. Perlu dilakukan pembaharuan pada website ini agar para pengunjung situs

tidak merasa bosan dan selalu memberikan informasi-informasi terbaru

mengenai Rancang Bangun Sistem Informasi Penerimaan Dan Penyaluran

Zakat Di Kementerian Agama Kabupaten Pidie Berbasis Web.

2. Perlu diadakan pengadaan database secara teratur ke dalam media

penyimpanan lainnya seperti CD RW atau yang lainnya untuk mencegah hal-

hal yang tidak diinginkan seperi data hilang atau rusak.

3. Dengan semakin pesatnya ilmu pengetahuan dan teknologi khususnya dalam

bidang komputer, diharapkan kepada karyawan dalam Kementerian Agama

Kabupaten Pidie agar memperbanyak kegiatan-kegiatan yang berhubungan

dengan kemajuan teknologi khususnya komputer dengan mengadakan acara-

acara seperti pelatihan komputer, pengenalan internet.

4. Diharapkan dengan adanya pembuatan website tentang Rancang Bangun

Sistem Informasi Penerimaan Dan Penyaluran Zakat Di Kementerian Agama

Kabupaten Pidie Berbasis Web, dapat dengan mudah dalam hal penyampaian

informasi mengenai Sistem Informasi Penerimaan Dan Penyaluran Zakat Di

Kementerian Agama Kabupaten Pidie Berbasis Web dengan layanan internet.

Page 52: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

BIODATA PRIBADI

1 Nama Lengkap Murniati

2 Nim 09111074

3 Prodi Teknik Informatika

4 Tempat / TanggalLahir Desa KTP Mesjid, 1 Mei1987

5 IPK -

6 Status Mahasiswi

7 Tahun Masuk 2009

8 Alamat Sekarang Desa KTP Mesjid

9 No. Tlp/HP 082362685249

10 Berat Badan 40

11 Tinggi Badan 157

12 Keterampilan Khusus -

13 Hobbi Olah Raga, Nonton, swimming

14 Jenis Pekerjaan yang diinginkan

15 Lokasi Pekerjaan yang diinginkan Sigli

INDENTITAS ORANG TUA

1 Nama Ayah M. Ali

2 Nama Ibu Nazar Wati

3 Alamat Rumah Desa KTP Mesjid, Kec. GlP

TIGA

4 No.Tlp/HP -

5 Usaha Sampingan Orang Tua Tani

6 Pekerjaan Ayah Tani

7 No.Tlp/HP -

8 Alamat Desa KTP Mesjid, Kec. GlP

TIGA

9 Pekerjaan Ibu IRT

10 No.Tlp/HP -

11 Alamat Desa KTP Mesjid, Kec. GlP

TIGA

Sigli, 31 Juli 2013

MURNIATI

NIM : 09111074

3 x 4

Page 53: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

PHOTO

Nama : Murniati

NIM : 09111074

Prodi : Teknik Informatika

Tempat/TglLahir : Desa KTP Mesjid, Kec. Glumpang Tiga, 1 Mei 1987

Alamat : Desa KTP Mesjid, Kec. Glumpang Tiga

YAYASAN PENDIDIKAN U’BUDIYAH INDONESIA

Page 54: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER

STMIK U’BUDIYAH INDONESIA Jl.T.NyakAriefLamnyong Darussalam-Banda Aceh Telp. (0651)

7555565

BUKTI PENYERAHAN LAPORAN KP

Nama : MURNIATI

NIM : 09111074

Prodi : TeknikInformatika

Judul KP : Rancang Bangun sistem Informasi

Penerima dan Penyaluran Zakat Di

Kementerian Agama Kabupaten Pidie

Berbasis WEB

No JenisPenyerahan TandaTangan

1 TelahMenyerahkanlaporan KP

KepadaDosenPembimbinglapangan

Banda Aceh, 30 Januari 2013

(IskandarUsman, AMD)

2 TelahMenyerahkanlaporan KP

KepadaDosenPembimbingLaporan

Banda Aceh, 29 Januari 2013

(Zikrul Khalid, ST)

3 TelahMenyerahkanlaporan KP

Kepadaperpustakaan

Banda Aceh, ……………...

(…………..……………….)

Page 55: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

YAYASAN PENDIDIKAN U’BUDIYAH INDONESIA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER

STMIK U’BUDIYAH INDONESIA Jl.T.Nyak Arief Lamnyong Darussalam Banda Aceh Telp. (0651)

7555565

BUKTI BEBAS AKADEMIS

Nama : MURNIATI

NIM : 09111074

Prodi : Teknik Informatika

Alamat : Desa KTP Mesjid, Kec. Glumpang Tiga

Judul KP : Rancang Bangun sistem Informasi Penerima dan Penyaluran

Zakat Di-

Kementerian Agama Kabupaten Pidie Berbasis WEB

No JenisPenyerahan TandaTangan

1 Telah Mengembalikan Buku-buku

Pustaka

Banda Aceh, 27 Juli 2013

(Iza Fajri, S. IP)

2 Telah menyelesaikan Perlengkapan Lab

computer

Banda Aceh, 27 Juli 2013

(Mardiana, ST)

3 Telah menyelesaikan Perlengkapan Lab

komputer ADM Keuangan Pada

Bendahara

Banda Aceh, 27 Juli 2013

(Husna, SE)

Page 56: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

1. Script Field Koneksi.Php

<?php

$database="dbzakat";

$hostname="localhost";

$username="";

$password="";

if (!$db=mysql_connect($hostname,$username,$password))

{

echo mysql_error();

exit;

}

mysql_select_db($database, $db);

?>

2. Script Field Index.Php

<html>

<head>

<title> Sistem Informasi Produksi Hasil Pertanian Dalam Kabupaten Pidie

Berbasis Web</title>

<style type="text/css">

* { margin:0px; padding:0px; }

#menu { height:18px; width:100%; background: url(images/menu.jpg)

repeat-x;clear: both;}

#menu a { text-decoration:none; font-weight: bold;color:#FFFFFF; }

ul { display:inline; list-style-type:none; }

ul li { float:left; border-right:#FFFFFF 2px solid; background:

url(images/bgmenu.jpg); }

ul li a { line-height:18px; padding:0px 20px; }

ul li:hover { background:#333300; }

ul li ul { display:none; background:#0033CC; border-top:#FFFFFF 2px

solid; }

ul li:hover ul { display:block; position:absolute; }

ul li:hover ul li { display:block; float:none; border-right:0px; border-

bottom:#FFFFFF 2px solid; }

ul li:hover ul li a { line-height:17px; padding:0px 15px; }

ul li:hover { background:#666666 }

</style

<html>

<head>

<title> Menu Standar </title>

<link href="horizontal.css" rel="stylesheet" type="text/css" />

<body>

<div id="menu">

<ul>

Page 57: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

<li><a href="?page=menu">Home</a></li>

<li><a href="#">Informasi Umum </a><ul>

<li><a href="Laporan_pembangunanjalan.php" target="_blank">Info

Pembangunan Jalan Desa Keseluruhan</a></li>

<li><a href="?page=frmcariperkec">Info Pembangunan Jalan Desa

Menurut Kecamatan </a></li>

<li><a href="?page=frmcariperjenis">Info Pembangunan Jalan Desa

Menurut Jenis</a></li>

<li><a href="?page=frmcariperdesa">Info Pembangunan Jalan Desa

Menurut Desa</a></li>

<li><a href="?page=frmcaripertgl">Info Pembangunan Jalan Desa

Menurut TGL Pelaksanaan</a></li>

</ul></li><li><a href="#">Admin </a>

<ul><li><a href="?page=login">Masuk Aplikasi</a></li></ul></li>

<ul><li><a href="?page=pembuat">Informasi Programmer</a></li>

</ul></li>

</ul></div></body>

</html>

3. Script Field Login.Php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-

1" />

<title>Untitled Document</title>

<style type="text/css"><!--

.style2 {color: #0000FF; font-weight: bold; }

.style6 {color: #47B861}

.style7 {color: #47B861; font-weight: bold; }

--></style></head><body>

<center>

<table width="183" border="0" cellspacing="0" cellpadding="0">

<form name="formcari" method="post" action="?page=login_proses">

<tr></tr><tr> </tr><tr>

<td width="10">&nbsp;</td>

<td><div align="center" class="style2 style6 style6"><span

class="style7">Username</span></div></td>

<td width="10">&nbsp;</td></tr><tr>

<td>&nbsp;</td>

<td><div align="center">

<input name="username" type="text" id="username" value="" size="17"

title="Username" placeholder="Username" />

Page 58: RANCANG BANGUN SISTEM INFORMASI …simtakp.uui.ac.id/dockti/MURNIATI-kti_murniati_pdf.pdf · RANCANG BANGUN SISTEM INFORMASI PENERIMAAN DAN PENYALURAN ZAKAT DI KEMENTERIAN AGAMA KABUPATEN

</div></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td>

<td><div align="center" class="style7">Password</div></td>

<td>&nbsp;</td>

</tr><tr><td>&nbsp;</td>

<td><div align="center">

<input name="password" type="password" id="password" value=""

size="17" title="Password" placeholder="Password"/>

</div></td>

<td>&nbsp;</td>/tr>

<tr><td>&nbsp;</td>

<td><div align="center">

<input name="Submit1" type="submit" id="Submit" value="Login" />

<input name="Reset1" type="Reset" id="Reset" value="Reset" />

</div> </td>

<td>&nbsp;</td>

</tr></table></body></html>

4. Script Field Kecamatan.Php

<?php include"semi_index.php"; ?>

<?phpinclude"menu1.php"

?><head><meta http-equiv="Content-Type" content="text/html;

charset=iso-8859-1" />

<title>.: Entri Kemukiman :.</title>

<link href="yes.css" rel="stylesheet" type="text/css" />

<link rel="shortcut icon" href="../images/anigif.gif" type="image/x-icon">

</head><body><form id="form1" name="form1" method="post"

action="Save_ Kecamatan.php">

<table width="450" border="0" align="center" cellspacing="1"

bgcolor="#000000"><tr bgcolor="#FFFFFF">

<td colspan="2" height="35" bgcolor="#CCCCCC">

<div align="center"><font color="#0066FF" face="Tahoma"

size="3"><b>Menambah Data Kecamatan </b></font></div>

</td></tr><tr bgcolor="#FFFFFF">

<td width="157" height="30"><strong><font face="Tahoma"

size="3">Kode Kecamatan </font></strong></td>

<td width="286" >

<input name="txta" type="text" class="label" size="2" maxlength="2"

/></td></tr><tr bgcolor="#FFFFFF">

<td height="30"><strong><font face="Tahoma" size="3">Nama

Kecamatan </font></strong></td>

<td><input name="txtb" type="text" class="label" size="30"

maxlength="50" /></td></tr><tr bgcolor="#CCCCCC">

<td height="30"><div align="center"><a href="daftar_kec" title="Lihat

Daftar Desa">Daftar Kemukiman </a></div></td>

<td><input name="Submit" type="submit" id="tbl" value="SIMPAN" />