RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur...

67
RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN DAKWAH DONASI DAKWAH PADA YAYASAN BINA MUWAHHIDIN KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: MOCHAMMAD AFRI FITRIANSYAH 12410100088 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2019

Transcript of RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur...

Page 1: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN

DAKWAH DONASI DAKWAH PADA YAYASAN BINA MUWAHHIDIN

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

MOCHAMMAD AFRI FITRIANSYAH

12410100088

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 2: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

RANCANG BANGUN APLIKASI PELAPORAN DAN PENCATATAN

LAPORAN DONASI DAKWAH PADA YAYASAN BINA MUWAHHIDIN

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Komputer

Disusun Oleh:

Nama : Mochammad Afri Fitriansyah

NIM : 12410100088

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 3: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

LEMBAR MOTTO

BISMILAHIRRAHMANIRIIRAHIM

“Janganlah kamu lemah dan jangnlah kamu bersedih hati, padahal kamu

orang yang paling tinggi (derajatnya) jika kamu orang-orang yang beriman”

“Sungguh kesukaran itu pasti kemudahan. Oleh karena itu, jika kamu telah

selesai dari suatu tugas, kerjakanlah dengan tugas yang sungguh – sungguh

dan hanya kepada Tuhanmulah hendaknya kau memohon dan mengharap”

“Man jadda wa jadda man shabra zhafira Barang siapa bersungguh –

sungguh pasti akan mendapat hasil, siapa yang bersabar maka ia akan

beruntung”

“Barangsiapa bertakwa kepada Allah, niscaya Dia akan membukakan jalan

keluar baginya, dan Dia memberinya rezeki dari arah yang tidak

disangka-sangkanya”

Page 4: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

LEMBAR PERSEMBAHAN

Kupersembahkan karya ini kepada

Ibunda dan Ayahanda tercinta,

Seluruh keluarga tersayang,

Sahabat beserta orang-orang yang selalu mendukungku

Page 5: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari
Page 6: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari
Page 7: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

vii

ABSTRAK

Yayasan Bina Muwahhidin (YBM) merupakan lembaga sosial

swadaya masyarakat yang bergerak dibidang dakwah, social, dan pendidikan.

Berangkat dari pemahaman diatas, Yayasan Bina Muwahiddin Surabaya,

Indonesia, yang secara sah telah terdaftar pada Kementrian Hukum dan Hak Asasi

Manusia di Republik Indonesia Nomor AHU.369.AH Tahun 2010, menfoukuskan

kerja dalam bidang kegiatan sosial, dakwah, dan pendidikan.

Beradasarkan Kerja Praktik seiring permasalahan pada YBM dengan

banyaknya donatur dari berbagai masjid yang terdaftar pada YBM ini, YBM

Surabaya mengalami menerima proposal berdasarkan pengajuan program-

programnya dengan cara donatur datang membawa proposal yang berisi MOU

dan klausul. Donatur meminta bantuan Bina Muwahhidin untuk membantu dalam

menyantuni imam masjid dan pengiriman dai. Kedua hal tersebut termasuk berada

dalam program dakwah. Untuk memyelesaikan permasalahan yang terjadi pada

program maka diperlukan aplikasi dan pelaporan donasi dakwah.

Dengan diharapkannya aplikasi ini dapat mengurangi resiko kesalahan

pencatatan dan pelaporan hasil seleksi pengajuan proposal dakwah yang dikirim

donatur ke Bina Muwahhidin. Aplikasi ini diharapkan dapat mempercepat proses

administrasi pembuatan laporan yang ada. Dan Pada akhirnya dapat membantu

kinerja divisi program dakwah.

Kata Kunci : Aplikasi Donasi, Penerimaan dan Pengeluaran Donasi, dan

Yayasan Bina Muwahhidin.

Page 8: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

viii

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala nikamat yang

diberikan sehingga penulis dapat melaksanakan kerja praktik dan menyelesaikan

Laporan Kerja Praktik. Laporan ini disusun berdasarkan kerja praktik dan hasil

studi yang dilakukan selama satu bulan pada Yayasan Bina Muwahhidin.

Kerja Praktik ini membahas tentang Rancang Bangun Aplikasi Pencatatan

dan Pelaporan Donasi Dakwah untuk membantu proses pencatatan dan pelaporan

donasi dakwah supaya lebih mudah.

Penyelesaian laporan Kerja Praktik ini tidak terlepas dari bantuan berbagai

pihak yang telah memberikan banyak masukan, nasehat, saran dan dukungan

moriil kepada penulis. Untuk itu penulis megucapkan banyak terima kasih kepada

:

1. Bapak, Ibu dan saudara-saudara, yang telah mendoakan, mendukung, dan

membimbing ananda dalam menyelesaikan Kerja Praktik ini.

2. Bapak, Dadang Prabowo M.Ag, selaku penyelia Kerja Praktik yang telah

memberikan tempat Kerja Praktik kepada penulis dan memberikan

masukan dan saran terhadap kelancaran dalam Kerja Praktik ini.

3. Bapak Dr. Anjik Sukmaaji S.Kom., M.Eng. selaku Kepada Program Studi

S1 Sistem Informasi Institut Bisnis dan Informasi STIKOM Surabaya.

4. Bapak Dr. Drs. Antok Supriyanto, M.MT selaku dosen pembimbing yang

telah meluangkan waktu untuk meluangkan waktu untuk membimbing

selama proses pembuatan laporan Kerja Praktik ini.

Page 9: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

ix

5. Teman-teman yang tidak dapat penulis sebutkan satu-persatu yang telah

memberikan semangat dan doanya untuk keberhasilan dalam pelaksanaan

Kerja Praktik ini, penulis mengucapkan terima kasih.

Semoga Tuhan Yang Maha Esa memberikan balasan yang setimpal

kepada semua pihak yang telah memberikan bantuan, bimbingan dan nasehat

mereka dalam proses Kerja Praktik ini.

Penulis menyadari bahwa Kerja Praktik yang penulis kerjakan masih

banyak kekurangan, sehingga kritik dan saran dari semua pihak sangatlah

diharapkan agar hasil dari Kerja Praktik ini dapat diperbaiki menjadi lebih baik.

Semoga laporan Kerja Praktik ini dapat diterima dan bermanfaat bagi semua

pihak yang membutuhkan..

Surabaya, 21 Januari 2019

Penulis

Page 10: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

x

DAFTAR ISI

Halaman

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

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

DAFTAR ISI ........................................................................................................... x

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

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

DAFTAR LAMPIRAN ......................................................................................... xv

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

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

1.2 Perumusan Masalah.............................................................................. 4

1.3 Pembatasan Masalah ............................................................................ 4

1.4 Tujuan................................................................................................... 5

1.5 Manfaat................................................................................................. 5

1.6 Sistematika Penulisan ........................................................................... 5

BAB II GAMBARAN UMUM PERUSAHAAN ................................................... 7

2.1 Sejarah Yayasan Bina Muwahhidin ..................................................... 7

2.2 Logo Yayasan Bina Muwahhidin ......................................................... 7

2.3 Visi dan Misi Yayasan Bina Muwahhidin ........................................... 8

2.4 Tujuan Organisasi ................................................................................ 8

2.5 Lokasi ................................................................................................... 9

2.6 Struktur Organisasi Yayasan Bina Muwahhidin .................................. 9

2.7 Deskripsi Kerja ..................................................................................... 9

Page 11: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

xi

BAB III LANDASAN TEORI .............................................................................. 13

3.1 Rancang Bangun ................................................................................ 13

3.2 Analisis Sistem ................................................................................... 13

3.3 System Flowchart ............................................................................... 13

3.4 Data Flow Diagram ........................................................................... 15

3.5 MySQL ............................................................................................... 15

3.6 PHP MyAdmin ................................................................................... 16

3.7 XAMPP .............................................................................................. 16

BAB IV DESKRIPSI PEKERJAAN .................................................................... 17

4.1 Analisis Sistem ................................................................................... 18

4.2 Desain Sistem ..................................................................................... 19

4.3 Hierarki Input Proses Output ............................................................. 19

4.4 Document Flow .................................................................................. 21

4.5 System Flow........................................................................................ 22

4.6 Rancang Proses dan Implementasi Sistem ......................................... 26

4.7 Entity Relationship Diagram .............................................................. 30

4.8 Struktur Basis Data dan Tabel ............................................................ 32

4.9 Desain Input Output ........................................................................... 39

4.10 Desain Input Output ........................................................................... 49

BAB V PENUTUP ................................................................................................ 51

5.1 Kesimpulan......................................................................................... 51

5.2 Saran ................................................................................................... 51

DAFTAR PUSTAKA ........................................................................................... 52

LAMPIRAN .......................................................................................................... 53

Page 12: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

xii

DAFTAR TABEL

Halaman

Tabel 4.1 Struktur Tabel Penerimaan.................................................................... 33

Tabel 4.2 Struktur Detail Tabel Penerimaan......................................................... 34

Tabel 4.3 Struktur Tabel Donatur ......................................................................... 35

Tabel 4.4 Struktur Tabel User ............................................................................... 35

Tabel 4.5 Struktur Tabel Jenis Donasi .................................................................. 36

Tabel 4.6 Struktur Tabel Jabatan .......................................................................... 36

Tabel 4.7 Struktur Tabel Karyawan ...................................................................... 37

Tabel 4.8 Struktur Tabel Pengeluaran ................................................................... 38

Tabel 4.9 Struktur Tabel Detail Pengeluaran ........................................................ 39

Tabel 4.10 Daftar Kebutuhan Perangkat Lunak .................................................... 50

Page 13: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

xiii

DAFTAR GAMBAR

Halaman

Gambar 2.1 Logo Yayasan Bina Muwahhidin ........................................................ 7

Gambar 2.2 Struktur Organisasi Yayasan Bina Muwahhidin ................................. 9

Gambar 3.1 System Flowchart .............................................................................. 14

Gambar 3.2 Data Flow Diagram .......................................................................... 15

Gambar 4.1 Hierarki Input Proses Output ............................................................ 20

Gambar 4.2 Document Flow Pendaftaran Donatur ............................................... 21

Gambar 4.3 System Flow Penerimaan Donasi ...................................................... 23

Gambar 4.4 System Flow Transaksi Pengeluaran Donasi ..................................... 24

Gambar 4.5 System Flow Transaksi Pengeluaran Donasi ..................................... 25

Gambar 4.6 Context Diagram ............................................................................... 26

Gambar 4.7 Data Flow Diagram Level 0 Rancang Bangun Aplikasi Pencatatan

Pelaporan Donasi Dakwah ........................................................................ 28

Gambar 4.8 Data Flow Diagram Level 1 Penerimaan Donasi ............................. 29

Gambar 4.9 Data Flow Diagram Level 1 Cetak Rekap Penerimaan Donasi ........ 29

Gambar 4.10 Data Flow Diagram Level 1 Transaksi Pengeluaran Donasi .......... 30

Gambar 4.11 Conceptual Data Model .................................................................. 31

Gambar 4.12 Physical Data Model ....................................................................... 32

Gambar 4.13 Halaman Login Donasi Dakwah Pada Yayasan Bina Muwahhidin 40

Gambar 4.14 Halaman Dashboard Admin Sistem Informasi Donasi Pada Aplikasi

Aplikasi Donasi Dakwah. .......................................................................... 41

Page 14: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

xiv

Gambar 4.15 Halaman Gagal Masuk Dashboard Admin Sistem Informasi Donasi

Donasi Pada Aplikasi Donasi Dakwah. ..................................................... 41

Gambar 4.16 Halaman Data Master Sistem Informasi Donasi Pada Aplikasi

Donasi Dakwah ............................................................................................ 42

Gambar 4.17 Halaman Tambah Data Master Jenis Sistem Infromasi Donasi Pada

Aplikasi Donasi Dakwah ........................................................................... 42

Gambar 4.18 Halaman Delete Data Master Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah ........................................................................... 43

Gambar 4.19 Halaman Data Master Transaksi Jenis Donasi Pada Aplikasi Sistem

Informasi Donasi Dakwah. ........................................................................ 44

Gambar 4.20 Halaman Data Implementasi Master Karyawan Sistem Informasi

Donasi Pada Aplikasi Donasi Dakwah. ..................................................... 44

Gambar 4.21 Halaman Data Master Transaksi Jabatan Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah. ................................................................. 45

Gambar 4.22 Halaman Data Master Donasi Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah. .......................................................................... 45

Gambar 4.23 Halaman Data Master Transaksi Penerimaan Donasi Sistem

Informasi Donasi Pada Aplikasi Donasi Dakwah ..................................... 46

Gambar 4.24 Halaman Data Master Transaksi Pengeluaran Donasi Sistem

Informasi Donasi Pada Aplikasi Donasi Dakwah ..................................... 46

Gambar 4.25 Halaman Data Master Laporan Karyawan Sistem Informasi Donasi

Donasi Pada Aplikasi Donasi Dakwah ...................................................... 47

Gambar 4.26 Halaman Data Master Laporan Donatur Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah .................................................................. 47

Gambar 4.27 Halaman Data Master Laporan Rekap Pemasukan Sistem Informasi

Informasi Donasi Pada Aplikasi Donasi Dakwah ..................................... 48

Gambar 4.28 Halaman Data Master Laporan Rekap Pengeluaran Sistem Informasi

Informasi Donasi Pada Aplikasi Donasi Dakwah ..................................... 48

Gambar 4.28 Halaman Data Master Setting Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah ........................................................................... 49

Page 15: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

xv

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Surat Balasan Perusahaan .................................................................. 53

Lampiran 2. Form KP-5 ......................................................................................... 54

Lampiran 3. Form KP-6 ......................................................................................... 56

Lampiran 4. Form KP-7 ......................................................................................... 58

Lampiran 5. Kartu Bimbingan Kerja Praktik ......................................................... 60

Lampiran 6. Biodata Penulis .................................................................................. 61

Page 16: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Yayasan Bina Muwahiddin merupakan lembaga sosial swadaya

masyarakat yang bergerak di bidang dakwah. Berbasis di kota Surabaya

Indonesia. Mendedikasikan yayasan ini agar dapat mensejahterakan kaum muslim

di Indonesia. Sesungguhnya kegiatan-kegiatan sosial, dakwah, dan pendidikan

dengan berbagai macamnya, merupakan ajaran agama islam dan telah menjadi

peradaban kita. Berangkat dari pemahaman diatas, Yayasan Bina Muwahiddin

Surabaya, Indonesia, yang secara sah telah terdaftar pada Kementrian Hukum dan

Hak Asasi Manusia di Republik Indonesia Nomor AHU.369.AH Tahun 2010,

menfoukuskan kerja dalam bidang kegiatan sosial, dakwah, dan pendidikan.

Program dakwah Alhamdulillah sudah 32 (tiga puluh dua) imam masjid

dan 12 (dua belas) da’i yang mendapatkan santunan dalam jangka 2010-2015 dari

Yayasan Bina Muwahhidin. Program Santunan Imam Masjid mempunyai peranan

yang sangat penting, khususnya dalam memimpin sholat, mengola masjid, dan

dakwah kepada masyarakat sekitar. Dakwah menebar dengan pemahaman Salaful

Ummah. Program Pengiriman Dai mengirim para da’i ke daerah-daerah

terpencil.Program Pengiriman Dai mengirim para da’i ke daerah terpencil.

Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi

sedangkan dari dalam negeri seperti Indonesia tidak ada donatur. Memang

difokuskan untuk berorientasi kepada donatur luar negeri seperti Arab Saudi dan

Perancis. Sebelum berdonasi donatur harus mengetahui donasi dalam hal apa dulu

Page 17: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

setelah melihat daftar donasi yang ditawarkan. Jadi keselurahan uang yayasan

dipegang langsung oleh bendahara dan dilaporkan ke manajemen yayasan. Maka

besar sumbangan setiap program-program yang ada sudah ditentukan langsung

oleh yayasan.

Untuk melakukan sumbangan donatur harus terdaftar terlebih dahulu

untuk pendaftarannya donatur mendaftar kepada perantara atau marketing yang

bekerja untuk yayasan. Perantara tersebut akan menyalurkan data pendaftaran dan

dana sumbangan yang diberikan oleh donatur kepada yayasan. Untuk melakukan

sumbangan donatur harus sudah terdaftar terlebih dahulu untuk pendaftarannya

donatur mendaftar kepada perantara atau marketing yang bekerja untuk yayasan.

Perantara tersebut akan menyalurkan data pendaftaran dan dana sumbangan yang

diberikan oleh donatur kepada yayasan. Untuk melakukan sumbangan donatur

harus memilih program sumbangan pendanaan donasi yang yang ada. Setelah itu

donatur menyerahkan uang sumbangannya kepada perantara dan nantinya

perantara akan menyerahkan uang sumbangan kepada yayasan. Untuk besar

sumbangan setiap program-program yang ada sudah ditentukan oleh yayasan.

Untuk pembangunan program masjid dana sumbangannya berbeda-beda untuk

setiap masjidnya tergantung donatur menginginkan bangunan masjid yang besar

atau sederhana untuk lokasi pembangunannya tidak sembangan. Yayasan harus

melakukan survey terlebih dahulu agar nantinya masjid yang sudah dibangun bisa

makmur dengan kegiatan sholat berjama’ah dan kegiatan islam lainnya. Program

pembangunan sumur biayanya juga tergantung kecil sumur tersebut dan lokasinya

juga disurvei terlebih dahulu agar dampak dari pembangunan sumur tersebut bisa

dirasakan. Untuk santunan terhadap anak yatim yayasan sudah memiliki anak

Page 18: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

yatim sendiri yang akan dibina oleh pembina yang sudah ditunjuk oleh yayasan

dan setiap daerah memiliki pembina sendiri-sendiri. Motto kunci sukses dari

organisasi yayasan bina muwahhidin yaitu menjaga kepercayaan donatur adalah

kemampuan menjaga kepercayaan donatur sehingga yayasan harus benar-benar

menjaga kepercayaan tersebut yayasan akan mengirim laporan penyaluran

sumbangan untuk donatur. Proses pendaftaran dan proses donatur menyalurkan

sumbangannya masih panjang harus melalui perantara terlebih dahulu sehingga

menjadi kurang efektif. Kurang terkontrolnya program-program sumbangan yang

sedang dikerjakan yayasan dan terkadang ada sumbangan yang belum dilaporkan.

Karena kesalahan tersebut donatur bisa menjadi tidak percaya dengan yayasan dan

hal tersebut berdampak bagi donatur tidak akan menyambung lagi kepada yayasan

dan donatur bisa melaporkan yayasan kepada polisi atas kesalahannya tidak

melaporkan penyaluran sumbangan tersebut. Jika masalah tesebut tidak segera

diatasi yayasan akan kehilangan kepercayaan dari donatur dan juga akan bisa

dituntut oleh donatur karena keterlambatan pengurusan dana sumbangan. Bukan

hanya itu saja ada juga hal lain kurangnya komunikasi sehingga ada hal yang

ditutupi. Dan berbagai human error lainnya. keterlamabatan mengerjakan laporan,

kelemahan bekerja menggunakan sharing drive seperti internet di yayasan juga

lemot, kurangnya disiplin karyawan seperti telat, sering izin keluar, karena mudir

pimpinan yayasan menginginkan minimal 1 laporan perharinya, hanya

menggunakan paket aplikasi office dan tidak mengguanakn aplikasi yang

digunakan untuk spesialisasi bidang tertentu. Bahkan yang mengagetkan ada

karyawan yang tidak sholat secara disengaja.

Page 19: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

Oleh karena itu, pada kerja praktik ini perlu dibangun sebuah Aplikasi

Laporan Pencatatan Pemasukan Donasi Dakwah yang berfungsi mencatat

kegiatan laporan pengeluran dan pemasukan periode pada Yayasan Bina

Muwahhidin. Aplikasi ini diharapkan dapat membantu mengatur pendataan

donasi yang akan diolah oleh bendahara dalam merekap data keuangan donasi

dakwah serta pengawasan dari pihak pemilik Yayasan Bina Muwahhidin.

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah yang telah diuraikan diatas, maka

perumusan masalah pada kerja praktik adalah “Bagaimana merancang bangun

Aplikasi Pencatatan Pemasukan Donasi Dakwah pada Yayasan Bina

Muwahhidin”.

1.3 Pembatasan Masalah

Pembuatan laporan dalam kerja praktik ini dibatasi pada hal – hal sebagai

berikut :

1. Aplikasi ini akan dibuat berbasis dekstop.

2. Aplikasi ini memilki fitur yaitu membantu dalam pengeluaran dan

pemasukkan per periode.

3. Jenis donatur dibagi menjadi dua yaitu donatur tetap dan donatur tidak tetap.

4. Bentuk donasi dibagi menjadi dua yaitu donasi uang dan donasi material.

5. User yang akan mengoperasikan ini adalah bendahara, pimpinan yayasan, dan

perwakilan jamaah.

Page 20: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

1.4 Tujuan

Berdasarkan dari perumusan masalah di atas maka tujuan dari kerja

praktik adalah merancang bangun aplikasi pencatatan pemasukan pelaporan

donatur pada Yayasan Bina Muwahhidin.

1.5 Manfaat

Adapun manfaat yang diperoleh diantaranya, yaitu :

1. Membantu dalam pencatatan penghitungan dana.

2. Pendokumentasian pencatatan Yayasan menjadi lebih baik dan terstruktur.

3. Membantu pengelolaan dan pengawasan Dana Donatur pada Yayasan Bina

Muwahhidin.

4. Transparansi informasi antara yayasan dan jamaah.

1.6 Sistematika Penulisan

Sistematika penulisan disusun dengan tujuan agar segala aktivitas yang

dilakukan dalam kerja praktik ini dapat terekam dalam laporan secara jelas dan

sistematis. Penyajiannya dibagi menjadi 5 bab.

Pada bab pertama ini diuraikan pendahuluan. Isi pendahuluan meliputi

latar belakang dari kasus yang akan diangkat menjadi topik dalam kerja praktik

serta perumusan masalah, pembatasan masalah, tujuan, manfaat dan sistematika

penulisannya yang mendeskripsikan sebagai pengantar.

Pada bab kedua menjelaskan tentang profil perusahaan, visi, misi,

bagian-bagian yang ada didalam Yayasan dan struktur organisasi.

Pada bab ketiga menjelaskan tentang teori-teori yang digunakan dalam

merancang suatu aplikasi. Landasan teori yang dibahas berupa landasan dari teori

Page 21: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

yang terkait dengan masalah maupun landasan teori yang diguanakan untuk

memecahkan suatu permasalahan yang ada.

Pada bab keempat menjelaskan mengenai sistem yang ada dan sistem

yang akan dirancang meliputi Perancangan Sistem Informasi Terstruktur (PSIT)

meliputi ERD CDM, PDM, Dokumen flowchart, System Flowchart, DFD.

Pada bab kelima berisi kesimpulan dari aplikasi yang telah dibuat apakah

sesuai dengan tujuan yang ingin dicapai, serta berisikan saran-saran untuk proses

pengembangan aplikasi selanjutnya.

Page 22: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

7

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Yayasan Bina Muwahhidin

Yayasan Bina Muwahiddin merupakan lembaga sosial swadaya

masyarakat yang bergerak dibidang dakwah. Berbasis di kota Surabaya Indonesia.

Mendedikasikan yayasan ini agar dapat mensejahterakan kaum muslim di

Indonesia. Sesungguhnya kegiatan – kegiatan sosial, dakwah, dan pendidikan

dengan berbagai macamnya, merupakan ajaran agama islam dan telah menjadi

peradaban kita. Berangkat dari pemahaman diatas, Yayasan Bina Muwahiddin

Surabaya, Indonesia, yang secara sah telah terdaftar pada Kementrian Hukum dan

Hak Asasi Manusia di Republik Indonesia Nomor AHU.369.AH Tahun 2010,

menfoukuskan kerja dalam bidang kegiatan sosial, dakwah, dan pendidikan.

Para pengurus YBMW adalah jamaah yang sering halaqoh atau

berkumpul di yayasan dan menyempatkan waktunya luangnya disela – sela

kesibukan setiap hari untuk berkontribusi, dedikasi dan berkepedulian yang tinggi

dalam menjaga yayasan. Karena seringnya jamaah yang menyempatkan waktunya

maka harus dibentuk pengurus yayasan berdasarkan struktur organisasi.

2.2 Logo Yayasan Bina Muwahhidin

Berikut ini adalah Logo Yayasan Bina Muwahhidin :

Gambar 2.1 Logo Yayasan Bina Muwahhidin

Page 23: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

8

2.3 Visi dan Misi Yayasan Bina Muwahhidin

Adapun visi dan misi dari Yayasan Bina Muwahhidin akan diuraikan

dalam penjelasan di bawah ini:

2.3.1 Visi

“Terwujudnya masyarakat atau ummat yang peduli terhadap tauhid”.

2.3.2 Misi

1. Mengembangkan melalui pendidikan dan sosial.

2. Meningkatkan dan mengembangkan akan pentingnya kesadaran tauhid dan

meningkatkan iman dan takwa serta mengintegrasikan berbagai potensi yang

ada di masyarakat. Mengembangkan kemitraan yang berkaitan dengan

permasalahan agama islam.

2.4 Tujuan Organisasi

Tujuan organisasi dari Yayasan Bina Muwahhidin diantaranya sebagai

berikut :

1. Meningkatkan komitmen Yayasan dana kerjasama masyarakat terhadap tauhid

dalam menjaga iman dari hal-hal yang berbau syirik, bid’ah dan khurafat serta

menjadi fasilitator kegiatan-kegiatan dakwah untuk memperkaya wawasan

khasanah islam melalui kajian.

2. Menciptakan masyarakat yang lebih peduli dan adaptif terhadap kepentingan

umat melalui yayasan.

Page 24: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

9

2.5 Lokasi

Kantor Yayasan Bina Muwahhidin terletak di jalan Medokan Surabaya

nomor 5, Jawa Timur.

2.6 Struktur Organisasi Yayasan Bina Muwahhidin

Berikut merupakan struktur organisasi dari Yayasan Bina Muwahhidin

yang akan dijelaskan pada Gambar 2.2.

Gambar 2.2 Struktur Organisasi Yayasan Bina Muwahhidin

2.7 Deskripsi Kerja

Deskripsi kerja setiap bagian yang ada pada Gambar 2.1 Struktur

Organisasi pada Yayasan Bina Muwahhidin sebagai berikut:

Page 25: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

10

a. Pembina Yayasan

Pembina Yayasan Bina Muwahhidin bertugas Pembina bertugas untuk

mengadakan rapat sekurang-kurangnya sekali dalam 1 (satu) tahun..

b. Ketua Yayasan

Ketua pada Yayasan Bina Muwahhidin bertugas untuk memimpin rapat,

bertanggung jawab terhadap operational organisasi, memimpin pelaksanaan

kegiatan sebagaimana visi dan misi organisasim, memimpin koordinasi

internal dan mewakili organisasi untuk urusan eksternal, menerbitkan dan

menandatangani surat – surat administrasi untuk program kegiatan – kegiatan

atas persetujuan pendiri atau pembina organisasi, dan melaporkan

pelaksanaan kegiatan dan keuangan kepada pembina, pengwas dan pihak luar

yang terkait.

c. Wakil

Wakil ketua pada Yayasan Bina Muwahhidin bertugas untuk membantu

ketua, bertanggung jawab kepada ketua memimpin rapat atas kesepakatan

ketua, memberikan masukan kepada ketua, menunggu wewenang dengan

keputusan dari ketua, menggantikan posisi ketua bila berhalangan.

d. Sekretaris

Sekretaris pada Yayasan Bina Muwahhidin bertugas untuk membantu ketua

dalam menyelaraskan proses bisnis pada Yayasan Bina Muwahhidin agar

tetap selaras dengan visi, misi dan Tujuan Yayasan Bina Muwahhidin.

e. Bendahara

Bendahara pada Yayasan Bina Muwahhidin bertugas untuk mencatat

administrasikan uang masuk dan uang keluar organisasi, membantu ketua

Page 26: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

11

menata administrasi keuangan, membuat laporan keuangan secara periodik

(bulanan, triwulan, semester, tahunan), dan menghadiri rapat – rapat dan

mengikuti kegiatan organisasi

f. Pendidikan

Pendidikan pada Yayasan Bina Muwahhidin bertugas untuk mengatur serta

mengolah data keuangan yang ada pada Yayasan Bina Muwahhidin.

g. Dakwah

Departemen pada Yayasan Bina Muwahhidin diantaranya:

1) Departemen kegiatan bertugas untuk mengatur kegiatan, departemen.

2) Departemen kegiatan bertugas untuk mempersiapkan da’i-da’i yang akan

ditempatkan di lokasi desa binaan . Tanggung jawab

3) Departemen kegiatan bertugas untuk menghidupkan syiar Islam di dalam

dan di luar disekitar lingkungan. Wewenang melakukan koordinasi

dengan pihak di dalam dan luar dalam rangka syi’ar Islam.

h. Yatim

Yatim pada Yayasan Bina Muwahhidin bertugas untuk kepada yatim yang

ditujukan kepada anak yatim untuk pembinaan remaja dalam Islam bertujuan

agar remaja tersebut menjadi anak shalih.

i. Qurban

Qurban pada Yayasan Bina Muwahhidin bertugas untuk panitia qurban setiap

periode.

j. Sumur

Sumur pada Yayasan Bina Muwahhidin bertugas untuk pembangunan sumur.

k. Masjid

Page 27: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

12

Masjid pada Yayasan Bina Muwahhidin bertugas untuk embangunan masjid.

l. Sopir

Sopir pada Yayasan Bina Muwahhidin bertugas untuk mengantar distribusi.

m. Waqaf

Waqaf pada Yayasan Bina Muwahiddin bertugas untuk barang yang

diwaqafkan.

Page 28: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

13

BAB III

LANDASAN TEORI

3.1 Rancang Bangun

Rancang bangun desain adalah tahap setelah analisis dari siklus

pengembangan sistem yang merupakan pendefinisian dari kebutuhan-kebutuhan

fungsional, serta menggambarkan bagaimana suatu sistem dibentuk yang dapat

berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari

beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi,

termasuk menyangkut komponen-komponen perangkat keras dan perangkat lunak

dari suatu sistem (Jogiyanto, 2005).

3.2 Analisis Sistem

Menurut Jogiyanto (1995) analisis sistem adalah penguraian dari sistem

informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

mengidentifikasi permasalahan, kesempatan, hambatan yang terjadi dan

kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan.

3.3 System Flowchart

Bagan alir program atau system flowchart merupakan bagan alir yang

mirip dengan bagan alir sistem, yaitu untuk menggambarkan prosedur yang ada

didalam sistem. Bagan alir ini menjelaskan urut-urutan dari prosedur yang ada

didalam sistem. Bagan alir sistem menunjukkan apa yang dikerjakan di sistem.

Pembuatan sistem flowchart memiliki aturan dan ketentuan yang harus diikuti.

Seperti halnya dalam pembuatan dokumen flowchart sebelumnya, sistem

Page 29: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

14

flowchart memiliki awal notasi-notasi sebagai repsentasi dari proses kerja suatu

sistem. Sebagian notasi dalam sistem flowchart memiliki kesamaan dengan notasi

yang ada pada dokumen flowchart seperti terminator atau start dan end, notasi

laporan. Selain kedua notasi tersebut terdapat perbedaan secara bentuk dan

fungsinya (Jogiyanto, 2005).

Gambar 3.1 System Flowchart

Page 30: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

15

3.4 Data Flow Diagram

Data Flow Diagram sering disingkat DFD adalah “diagram yang

menggunakan notasi simbol untuk menggambarkan arus data sistem serta aliran-

aliran data. Fungsi utama dari DFD yaitu untuk memudahkan analisis system

untuk menggambarkan satu dengan yang lain. Pada perancangan, DFD

berorientasi pada alur data dengan konsep dekomposisi yang digunakan untuk

penggambaran analisa maupun rancangan system yang memudahkan seseorang

professional TI dalam mengkonsumsikan rancangan sistem yang akan dibuat

kepada pengguna atau pembuat program.

Gambar 3.2 Data Flow Diagram

3.5 MySQL

Anhar (2010:21), MySQL adalah perangkat lunak sistem manajemen

basis data SQL (database management system) atau DBMS dari sekian banyak

Page 31: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

16

DBMS, seperti Oracle, MS SQL, Postagre SQL, dll. Bunafit (2013:26), MySQL

adalah software atau program database server.

3.6 PHP MyAdmin

Bunafit (2013:15), PHPMyAdmin adalah aplikasi manajemen database

server MySQL berbasis web. Dengan aplikasi phpMyAdmin kita bias mengelola

database sebagai root atau juga sebagai user biasa, kita bisa membuat database

baru, megelola database dan melakukan operasi perintah-perintah database secara

lengkap seperti saat kita di MySQL Promp.

3.7 XAMPP

Menurut Nugroho (2013:1), “XAMPP adalah paket program web

lengkap

yang dapat Anda pakai untuk belajar pemrograman web, khususnya PHP dan

MySQL”.

Menurut Buana (2014:4), “XAMPP adalah perangkat lunak opensource

yang diunggah secara geratis dan bisa dijalankan di semua semua operasi seperti

windows, linux, solaris, dan mac”.

Page 32: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

17

BAB IV

DESKRIPSI PEKERJAAN

Berdasarkan hasil analisis sistem yang sedang berjalan pada Yayasan

Bina Muwahhidin, perhitungan dan pencatatan dana saat ini telah dicatat

menggunakan Microsoft Excel. Pencatatan file tersebut masih dipegang oleh

yayasan, sehingga segala bentuk pemasukkan dan pengeluaran dana menjadi

tanggung jawab pendiri yayasan melalui transparansi ke anggota. Memang untuk

yayasan bertanggung jawab pada siapa anggota yang menjadi keseluruhan uang

yayasan dipegang langsung oleh bendahara dan dilaporkan ke manajemen

yayasan. Maka besar donasi sumbangan setiap program-program yang ada sudah

ditentukan oleh yayasan dan harus mensurvei terlebih dahulu agar dampak dan

kebermanfaatannya bisa dirasakan sebagai bentuk tanggung jawab yayasan selaku

pemberi dan pelaksana donasi. Karena mudir pimpinan yayasan menginginkan

minimal 1 laporan perharinya hanya menggunakan paket aplikasi office dan tidak

mengguanakn aplikasi yang digunakan untuk spesialisasi bidang tertentu. Motto

kunci sukses dari organisasi nirlaba seperti Yayasan Bina Muwahhidin yaitu

menjaga kepercayaan donatur adalah kemampuan menjaga kepercayaan donatur

sehingga yayasan harus benar-benar menjaga kepercayaan tersebut yayasan akan

mengirim laporan penyaluran sumbangan untuk donatur. Proses pendaftaran dan

proses donatur menyalurkan sumbangannya masih panjang harus melalui

perantara terlebih dahulu sehingga menjadi kurang efektif. Kurang terkontrolnya

program-program sumbangan yang sedang dikerjakan yayasan dan terkadang ada

sumbangan yang belum dilaporkan. Karena kesalahan tersebut donatur bisa

Page 33: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

18

menjadi tidak percaya dengan yayasan dan hal tersebut berdampak bagi donatur

tidak akan menyambung lagi kepada yayasan dan donatur bisa melaporkan

yayasan kepada polisi atas kesalahannya tidak melaporkan penyaluran sumbangan

tersebut. Jika masalah tesebut tidak segera diatasi yayasan akan kehilangan

kepercayaan dari donatur dan juga akan bisa dituntut oleh donatur karena

keterlambatan pengurusan dana sumbangan. Bukan hanya itu saja ada juga hal

lain kurangnya komunikasi sehingga ada hal yang ditutupi. Dan berbagai human

error lainnya seperti keterlamabatan mengerjakan laporan, kelemahan bekerja

menggunakan sharing drive seperti internet di yayasan juga lemot, kurangnya

disiplin karyawan seperti telat, sering izin keluar tanpa alasan yang jelas. Bahkan

yang mengagetkan ada karyawan yang tidak sholat secara disengaja.

Mengacu pada permasalahan yang ada di Yayasan Bina Muwahhidin

membutuhkan aplikasi pencatatan dan pemasukkan donasi dakwah yang berfungsi

mencatat kegiatan laporan pemasukkan dan pengeluaran, agar dapat membantu

pendataan donatur yang nantinya akan dioperasikan oleh bendahara dalam

membantu merekap data keuangan donasi dakwah serta pengawasan dari pihak

pendiri yayasan. Untuk dapat menemukan solusi dari permasalahan yang ada,

lebih jelasnya dapat dilihat pada sub bab ini.

4.1 Analisis Sistem

Berdasarkan hasil analisis data dan pengamatan yang dilakukan pada

bagian perhitungan dan pencatatan dana donasi pada laporan, terdapat informasi

bahwa perhitungan dan pencatatan dana donasi saat ini masih dipegang oleh

pendiri yayasan sehingga segala bentuk pemasukan dan pengeluaran dana menjadi

tanggung jawab pendiri yayasan dengan adanya transparansi laporan ke anggota.

Page 34: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

19

Selain itu, pengeluaran dana sudah dikelompokkan untuk keperluan yayasan yakni

toko dan pembangunan masjid. Pembuatan aplikasi ini dibutuhkan data keuangan

donasi dakwah sehingga menghasilkan sebuah aplikasi yang tersusun dan

terkomputerisasi. Dari hasil analisis disimpulkan bahwa diperlukan basis data

untuk menyimpan data keuangan donatur yang mendaftar dan yang akan

mendaftar.

4.2 Desain Sistem

Perancangan sistem ini dimaksudkan untuk membantu memecahkan

masalah pada sistem yang sedang berjalan. Rancangan yang baik melalui

beberapa tahap rancangan mulai dari Document Flow, System Flow, Context

Diagram, Data Flow Diagram (DFD), Physical Data Model (PDM), dan Desain

Form.

4.3 Hierarki Input Proses Output

Pada hierarki input proses output yang terlihat pada gambar

menggambarkan hierarki proses-proses yang terdapat pada donasi dakwah pada

Yayasan Bina Muwahhidin.

Pada setiap level, proses-proses digambarkan secara urut dan sesuai

dengan tingkatannya. Setiap proses yang mempunyai level yang sama (selevel)

digambarkan secara sejajar dengan proses lainnya.

Page 35: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

20

Gambar 4.1 Hierarki Input Proses Output

Page 36: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

21

4.4 Document Flow

Document Flow yaitu bagian yang memliki area dokumen secara

menyeluruh dari suatu sistem yang menjelaskan urutan prosedur yang terdapat

dalam sistem.

Gambar 4.2 Document Flow Pendaftaran Donatur

Pada proses pencatatan data donatur dimulai dari donatur mendaftarkan

diri. Kemudian bendahara mencatat sebagai donatur yang sudah terdaftar dan

uang donasi dari donatur disimpan. Bendahara juga meminta info dari donatur

untuk selanjutnya dicatat pada tansaksi penerimaan. Setelah itu data tersebut

diberikan dan dikembalikan kepada staf kesekretaritan untuk seanjutnya disimpan.

Page 37: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

22

4.5 System Flow

System Flow adalah gambaran tentang sistem yang akan dibangun.

Berikut ini akan digambarkan System Flow pada aplikasi yang akan dibuat pada

Bina Muwahhidin. System Flow Penerimaan Donasi Yayasan Bina Muwahhidin.

Pada System Flow ini, akan dijelaskan proses.

System Flow memuat hasil analisis yang dibuat berdasarkan hasil survey

ke Yayasan Bina Muwahhidin. Dalam menentukan arah atau alur suatu sistem

dibutuhkan suatu cara merancang untuk mendeskripsikan bagaimana setiap

langkah yang dlakukan dalam sistem dan pengguna dapat diketahui, agar

didapatkan suatu gambaran mengenai cara kerja dari sistem yang dibangun

berdasarkan alur rancangan sistem terkomputerisasi.

4.5.1 System Flow Penerimaan Donasi

Pada system flow, ini akan dijelaskan alur proses yang terjadi apabila

donasi yang diterima. Proses ini dimulai dari donatur melakukan donasi yang

diterima oleh marketing. Saat itu juga donatur juga tercatat oleh system bersama

pencatatan data donasi. Pencatatan donasi lalu disimpan pada system di database

donasi. Dari database donasi kemudian diproses marketing menjadi cetak tanda

terima. Dan terakhir diserahkan kepada donatur berupa dokumen tanda terima.

Page 38: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

23

Gambar 4.3 System Flow Penerimaan Donasi

4.5.2 System Flow Cetak Rekap Penerimaan Donasi

Pada system flow, ini akan dijelaskan proses input data donasi yang akan

dibangun pada Aplikasi Pencatatan Pelaporan Donasi Dakwah. Proses ini dimulai

dari donatur yang berupa bentuk dokumen. Setelah itu dokumen diserahkan

yayasan dalam bentuk dokumen donasi. Sedangkan dokumen donatur diproses

menjadi cetak rekap. Terakhir cetak rekap disimpan dalam bentuk dokumen

penerimaan donasi.

Page 39: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

24

Gambar 4.4 System Flow Transaksi Pengeluaran Donasi

4.5.3 System Flow Transaksi Pengeluaran Donasi

Pada system flow ini akan dijelaskan proses transaksi pengeluaran yang

akan dibangun pada aplikasi pencatatan dan pelaporan donasi ini. Proses ini

dimulai dari bendahara menunjukkan dokumen bukti pengeluaran donasi.

Kemudian diinputkan proses data pengeluran donasi. Data pengeluaran donasi

disimpan di aplikasi menjadi bentuk database. Terakhir data pengeluaran donasi

diberikan bendahara melalui bentuk dokumen data donasi keluar.

Page 40: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

25

Gambar 4.5 System Flow Transaksi Pengeluaran Donasi

Dimulai dari user memasukan id_transaksi_pengeluaran,

tanggal_pengeluaran, jumlah_pengeluaran dan penanggung jawab. Kemudian

dicatat bendahara pada tanggal yang tertera dengan no_transaksi_pengeluaran

beserta id_jenis_pengeluaran, dan jumlah_pengeluaran. Lalu diteruskan ke

penanggung jawab.

Page 41: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

26

4.6 Rancang Proses dan Implementasi Sistem

Dalam merancang proses digunakan system yang terstruktur yang akan

dijelaskan secara berurutan sebagai berikut.

4.6.1 Context Diagram

Context diagram menggambarkan asal data dan aliran data. Dalam

context diagram melibatkan empat external entity : donatur, marketing, pihak

yang di santuni dan bendahara.

Gambar 4.6 Context Diagram

Aliran data yang keluar masing – masing external entity mengartikan

bahwa data tersebut berasal dari external entity. Sedangkan aliran data yang

masuk mempunyai arti data yang maksud ditujukan untuk external entity. Pada

external entity terdapat empat external entity yaitu donatur, bendahara, pihak yang

disantuni, dan direktur dan bendahara. Donatur melakukan donasi dan data donasi

masuk ke system informasi pengelolaan donasi. Bendahara memasukkan data

donatur ke system infromasi system informasi pengelolaan donasi. Sistem

informasi pengelolaan donasi memberikan niai santunan berupa tanda terima

Page 42: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

27

kepada pihak yang disantuni. Sistem informasi pengelolaan donasi terakhir

merealisasikan kepada direktur dan bendahara.

4.6.2 DFD level 0

Setelah membuat context diagram dari rancang bangun aplikasi

Pemasukan Donasi Dakwah pada Yayasan Bina Muwahhidin. Selanjutnya context

diagram tersebut akan dibagi menjadi sub-sub proses yang lebih detail. Pada DFD

level 0 ini terdapat entity yaitu donatur yang menjadi sumber data pada

jenis_donatur, yang nantinya dumasukkan ke dalam aplikasi. Selanjutnya context

diagram tersebut akan dibagi menjadi sub-sub proses yang lebih kecil. Context

diagram dapat dilihat pada gambar dibawah. Dan hasil decompose itu sendiri

disebut DFD Level 0, dan DFD Level 0 itu sendiri terdiri dari tiga proses utama

yaitu mengelola donatur, membuat plotting donatur, dan transaksi pengeluaran.

Tiga proses utama itu juga dapat dibagi menjadi sub-sub prsoes yang lebih kecil,

dan sub-sub proses yang kecil itu sendiri masih saling berkaitan antara yang satu

sama yang lain.

Page 43: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

28

Gambar 4.7 Data Flow Diagram Level 0 Rancang Bangun Aplikasi Pencatatan

Pelaporan Donasi Dakwah

4.6.3 DFD Level 1 Sub Proses

A. Menu Penerimaan donasi

DFD Level 1 ini adalah pengembangan dari sub proses mengelola data

donatur yang ada pada level 0, untuk lebih jelasnya bisa di lihat pada Gambar

dibawah. Pada gambar merupakan data flow diagram dari proses 1.1 yang

didalamnya terdapat proses input data donatur serta lihat dan edit data yayasan.

Page 44: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

29

Gambar 4.8 Data Flow Diagram Level 1 Penerimaan Donasi

B. Menu Cetak Rekap Penerimaan Donasi

Pada gambar merupakan data flow diagram dari proses 1.1 yang

didalamnya terdapat proses input data donatur serta lihat dan edit data yayasan.

DFD level 1 ini adalah pengembangan dari sub proses penerimaan donasi yang

ada pada level 0, untuk lebih jelasnya bisa di lihat pada Gambar 4.9.

Gambar 4.9 Data Flow Diagram Level 1 Cetak Rekap Penerimaan Donasi

Page 45: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

30

C. Menu Transaksi Pengeluaran Donasi

Pada gambar merupakan data flow diagram dari proses 1.1 yang

didalamnya terdapat proses input data donatur serta lihat dan edit data yayasan.

DFD level 1 ini adalah pengembangan dari sub proses pengeluaran donasi yang

ada pada level 0, untuk lebih jelasnya bisa di lihat pada Gambar 4.10.

Gambar 4.10 Data Flow Diagram Level 1 Transaksi Pengeluaran Donasi

4.7 Entity Relationship Diagram

Perancangan basis data sistem informasi Entity Relational Diagram

(ERD). ERD merupakan alat yang sering dipakai untuk penjabaran basis data dari

suatu sistem sehingga hubungan antar tabel dapat diketahui dengan jelas. ERD

dibagi menjadi dua, yaitu Conceptual Data Model atau secara logik dan Physical

Data Model atau secara fisik.

Page 46: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

31

4.7.1 Conceptual Data Model

Conceptual Data Model (CDM) dari Aplikasi Sistem Informasi

Pengarsipan pada UPT Taman Budaya Dinas Kebudayaan dan Pariwisata Provinsi

Jawa Timur terdiri atas tiga tabel yaitu Penerimaan Donasi, Cetak Rekap

Penerimaan Donasi, dan Cetak Rekap Penerimaan Donasi. Conceptual Data

Model dapat dilihat pada Gambar 4.11.

Gambar 4.11 Conceptual Data Model

4.7.2 Physical Data Model

Physical Data Model (PDM) dari Aplikasi Sistem Informasi Pengarsipan

pada UPT Taman Budaya Dinas Kebudayaan dan Pariwisata Provinsi Jawa Timur

terdiri atas tiga tabel yaitu Penerimaan Donasi, Cetak Rekap Penerimaan Donasi,

dan Cetak Rekap Penerimaan Donasi dengan tipe data dan panjangnya masing-

Page 47: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

32

masing. Physical Data Model dapat dilihat pada Gambar 4.12.

Gambar 4.12 Physical Data Model

4.8 Struktur Basis Data dan Tabel

Rancang bangun aplikasi pelaporan donasi ini, menggunakan beberapa

tabel untuk menyimpan berbagai data yang penting. Tabel tersebut adalah. Berikut

akan dijelaskan tentang tabel-tabel yang digunakan.

Dalam hal merancang struktur tabel yang diperlukan, meliputi nama

tabel, nama atribut, tipe data, serta data pelengkap seperti primary key, foreign

key, dan sebagainya. Rancangan basis data aplikasi ini terdiri dari tabel-tabel

sebagai berikut:

4.8.1 Tabel Penerimaan

Struktur tabel penerimaan pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : id_penerimaan

b. Foreign Key : id_jenis_donasi

Page 48: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

33

c. Fungsi : Untuk menyimpan penerimaan donasi

Tabel 4.1 Struktur Tabel Penerimaan

Field Tipe Panjang Keterangan

Id Penerimaan Varchar 10 Primary Key

Id Jenis

Donasi

Varchar 10 Foreign Key

Tanggal

Penerimaan

Date Null

4.8.2 Tabel Detail Penerimaan

Struktur tabel detail penerimaan pada aplikasi pencatatan dan pelaporan

donasi dakwah dengan keterangan sebagai berikut:

a. Primary Key : id_detail_penerimaan

b. Foreign Key : id_donatur

c. Foreign Key : id_penerimaan

d. Foreign Key : ktp

e. Fungsi : Untuk menyimpan tanggal rekap

Page 49: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

34

Tabel 4.2 Struktur Detail Tabel Penerimaan

Field Tipe Panjang Keterangan

Id detail

penerimaan

varchar 10 Primary Key

Id donatur varchar 10 Foreign Key

Id penerimaan varchar 10 Foreign Key

Ktp varchar 25 Foreign Key

Nominal detail

penerimaan

float Null

Keterangan detail

penerimaan

text Null

4.8.3 Tabel Donatur

Struktur tabel donatur pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : Donatur

b. Foreign Key : -

c. Fungsi : Untuk menyimpan donatur

Page 50: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

35

Tabel 4.3 Struktur Tabel Donatur

Field Tipe Panjang Keterangan

Id donatur varchar 10 Primary key

Nama donatur varchar 50 Null

Alamat donatur varchar 50 Null

Jenis kelamin

donatur

varchar 15 Null

Telp donatur varchar 15 Null

Asal Negara varchar 30 Null

4.8.4 Tabel User

Struktur tabel user pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : Id user

b. Foreign Key : -

c. Fungsi : untuk menyimpan data user

Tabel 4.4 Struktur Tabel User

Field Tipe Panjang Keterangan

Id user varchar 10 Primary key

Email user varchar 30 Null

Pass user varchar 20 Null

Golongan user varchar 20 Null

Nama user varchar 50 Null

Page 51: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

36

4.8.5 Tabel Jenis Donasi

Struktur tabel jenis donasi pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : Id jenis donasi

b. Foreign Key : -

c. Fungsi : untuk menyimpan data jenis donasi

Tabel 4.5 Struktur Tabel Jenis Donasi

Field Tipe Panjang Keterangan

Id jenis donasi varchar 10 Primary key

Nama donasi varchar 50 Null

4.8.6 Tabel Jabatan

Struktur tabel jabatan pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : Id jabatan

b. Foreign Key : -

c. Fungsi : untuk menyimpan data jabatan

Tabel 4.6 Struktur Tabel Jabatan

Field Tipe Panjang Keterangan

Id jabatan varchar 10 Primary key

Nama jabatan varchar 30 Null

Page 52: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

37

4.8.7 Tabel Karyawan

Struktur tabel karyawan pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

a. Primary Key : Ktp

b. Foreign Key : Id jabatan

c. Foreign Key : Id user

d. Fungsi : untuk menyimpan data karyawan

Tabel 4.7 Struktur Tabel Karyawan

Field Tipe Panjang Keterangan

Ktp varchar 25 Primary key

Id jabatan varchar 10 Foreign key

Id user varchar 10 Foreign key

Nama karyawan varchar 50 Null

Alamat karyawan varchar 50 Null

Tgl akhir

karyawan

date Null

Telp karyawan varchar 15 Null

Email karyawan varchar 30 Null

4.8.8 Tabel Pengeluaran

Struktur tabel pengeluaran pada aplikasi pencatatan dan pelaporan donasi

dakwah dengan keterangan sebagai berikut:

Page 53: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

38

a. Primary Key : -

b. Foreign Key : Ktp

c. Fungsi : untuk menyimpan data pengeluaran

Tabel 4.8 Struktur Tabel Pengeluaran

Field Tipe Panjang Keterangan

Ktp varchar 25 Foreign key

Id pengeluaran varchar 10 Null

Tanggal

pengeluaran

date Null

Email

pengeluaran

varchar 25 Null

4.8.9 Tabel Detail Pengeluaran

Struktur tabel detail pengeluaran pada aplikasi pencatatan dan pelaporan

donasi dakwah dengan keterangan sebagai berikut:

a. Primary Key : Id detail pengeluaran

b. Foreign Key : -

c. Fungsi : untuk menyimpan data detail pengeluaran

Page 54: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

39

Tabel 4.9 Struktur Tabel Detail Pengeluaran

Field Tipe Panjang Keterangan

Id detail

pengeluaran

varchar 10 Primary key

Nominal detail

pengeluran

float Null

Keterangan detail

pengeluaran

text Null

4.9 Desain Input Output

Desain I/O merupakan perencanaan dari desain interface yang akan

dibuat pada program agar pengguna dapat membayangkan apakah sistem yang

akan dibuat sesuai kebutuhan pengguna. Hal ini dimaksudkan agar terjalin

kerjasama antara pengguna sistem dengan pemakai sistem sehingga sistem yang

baru dapat memenuhi kebutuhan.

4.9.1 Desain Sistem

Login merupakan form awal yang tampil apabila program dijalankan.

Fungsinya untuk pengamanan dalam penggunaan program dan memberikan hak

akses khusus untuk user tertentu.

Pada bagian ini akan dilakukan pengujian terhadap fungsi-fungsi yang

ada di dalam aplikasi donasi dakwah Yayasan Bina Muwahhidin.

Implementasi merupakan perencanaan dari interface yang akan dibuat

pada program agar pengguna dapat membayangkan apakah sistem yang akan

Page 55: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

40

dibuat sesuai kebutuhan pengguna. Hal ini dimaksudkan agar terjalin kerjasama

antara pengguna sistem dengan pemakai sistem sehingga sistem yang baru dapat

memenuhi kebutuhan.

4.9.2 Desain Halaman Admin Donasi Dakwah

Halaman admin donasi dakwah merupakan sebuah halaman program

yang dijalankan untuk mngelola data dari donasi dakwah yang akan ditindak

lanjutan oleh admin bendahara. Fungsinya untuk pengamanan dalam penggunaan

program dan memberikan hak akses khusus untuk user tertentu. Untuk dapat

mengakses aplikasi, hanya pihak yang berwenang yakni humas yang sebagai

admin di aplikasi donasi dakwah yang memiliki tanggung jawab tentang donasi

dakwah. Humas harus mengunjungi link yang terhubung oleh halaman admin

donasi dakwah. Berikut tampilan login pada aplikasi donasi dakwah seperti yang

terlihat pada gambar 4.13.

Gambar 4.13 Halaman Login Donasi Dakwah Pada Yayasan Bina Muwahhidin

Page 56: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

41

Jika admin memasukkan user dan password dengan benar maka admin

akan memasuki dashboard pada donasi dakwah, maka admin akan diarahkan ke

halaman dashboard admin seperti yang terlihat pada gambar 4.14.

Gambar 4.14 Halaman Dashboard Admin Sistem Informasi Donasi Pada Aplikasi

Donasi Dakwah.

Jika admin memasukkan user dan password tidak benar maka admin

akan mengunjungi halaman login pada system informasi donasi kembali, maka

admin akan diarahkan ke halaman dashboard admin seperti yang terlihat pada

gambar 4.15.

Gambar 4.15 Halaman Gagal Masuk Dashboard Admin Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah.

Jika admin sudah memasuki dashboard aplikasi system informasi donasi

lalu ingin mengolah data system informasi donasi, maka admin klik pada data

system informasi donasi yang tersedia navbar pada sebelah kiri. Apabila admin

Page 57: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

42

sudah klik maka admin akan mengunjungi data master system informasi donasi

seperti yang terlihat pada gambar 4.16.

Gambar 4.16 Halaman Data Master Sistem Informasi Donasi Pada Aplikasi

Donasi Dakwah

Jika admin sudah memasuki master system informasi donasi lalu ingin

menambahkan data system informasi donasi, maka admin klik button yang

bertulis tambah yang berada di atas table data system informasi donasi. Apabila

admin sudah klik maka admin akan mengunjungi halaman tambah data master

sistem infromasi donasi seperti yang terlihat pada gambar 4.17.

Gambar 4.17 Halaman Tambah Data Master Jenis Sistem Infromasi Donasi Pada

Aplikasi Donasi Dakwah

Jika admin sudah memasuki tambah data master system informasi donasi

ingin menghapus data master system informasi donasi, maka admin harus kembali

Page 58: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

43

pada table data master system informasi donasi lalu klik button tombol yang

bertuliskan delete hapus pada data yang ingin dihapus. Apabila admin sudah klik

maka admin akan mengunjungi halaman delete data master system informasi

donasi seperti yang terlihat pada gambar 4.18.

Gambar 4.18 Halaman Delete Data Master Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah

Jika admin sudah memasuki delete hapus data master jenis donasi lalu

ingin melihat salah satu data master system informasi donasi, maka admin harus

kembali pada data master system informasi donasi lalu klik pada button tombol

delete hapus pada data yang ingin dihapus.

4.9.3 Desain Master Transaksi Jenis Donasi

Halaman master donasi dakwah merupakan sebuah halaman program

yang dijalankan untuk mengelola data dari donasi dakwah yang akan ditindak

lanutan oleh supervisor admin. Fungsinya untuk transaksi dalam penggunaan jenis

donasi.

Pada Gambar dibawah merupakan desain transaksi jenis donasi berfungsi

untuk mengelola data berbagai jenis transaksi donasi. Dengan desain ini data

transaksi jenis donasi disimpan pada database.

Page 59: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

44

Gambar 4.19 Halaman Data Master Transaksi Jenis Donasi Pada Aplikasi Sistem

Informasi Donasi Dakwah.

4.9.4 Desain Master Karyawan

Pada gambar dibawah merupakan implementasi master karyawan

berfungsi untuk mengelola data karyawan. Dengan implementasi ini data

karyawan disimpan pada database.

Gambar 4.20 Halaman Data Implementasi Master Karyawan Sistem Informasi

Donasi Pada Aplikasi Donasi Dakwah.

4.9.5 Desain Master Jabatan

Pada gambar dibawah merupakan implementasi master jabatan berfungsi

untuk mengelola data berbagai jabatan. Dengan implementasi ini data jabatan

disimpan pada database.

Page 60: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

45

Gambar 4.21 Halaman Data Master Transaksi Jabatan Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah.

4.9.6 Desain Master Donatur

Pada Gambar dibawah ini merupakan hasil implementasi master donatur

Gambar 4.22 Halaman Data Master Donasi Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah.

4.9.7 Desain Master Transaksi Penerimaan Donasi

Pada Gambar dibawah ini merupakan hasil implementasi penerimaan

donasi

Page 61: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

46

Gambar 4.23 Halaman Data Master Transaksi Penerimaan Donasi Sistem

Informasi Donasi Pada Aplikasi Donasi Dakwah

4.9.8 Desain Master Transaksi Pengeluaran Donasi

Pada Gambar dibawah ini merupakan hasil implementasi pengeluara

donasi.

Gambar 4.24 Halaman Data Master Transaksi Pengeluaran Donasi Sistem

Informasi Donasi Pada Aplikasi Donasi Dakwah

4.9.9 Desain Laporan Karyawan

Pada Gambar dibawah ini merupakan hasil implementasi laporan

karyawan.

Page 62: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

47

Gambar 4.25 Halaman Data Master Laporan Karyawan Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah

4.9.10 Desain Laporan Donatur

Pada Gambar dibawah ini merupakan hasil implementasi laporan

donatur.

Gambar 4.26 Halaman Data Master Laporan Donatur Sistem Informasi Donasi

Pada Aplikasi Donasi Dakwah

4.9.11 Desain Laporan Rekap Pemasukan

Pada Gambar dibawah ini merupakan implementasi rekap pemasukan

berfungsi untuk mengelola data rekap pemasukan. Dengan implementasi ini data

laporan rekap pemasukan disimpan di database.

Page 63: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

48

Gambar 4.27 Halaman Data Master Laporan Rekap Pemasukan Sistem Informasi

Donasi Pada Aplikasi Donasi Dakwah

4.9.12 Desain Laporan Pengeluaran

Pada gambar dibawah ini merupakan implementasi laporan rekap

pengeluaran berfungsi untuk mengelola data laporan rekap pengeluaran. Dengan

implementasi ini data laporan rekap pengeluaran disimpan di database.

Gambar 4.28 Halaman Data Master Laporan Rekap Pengeluaran Sistem Informasi

Donasi Pada Aplikasi Donasi Dakwah

Page 64: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

49

4.9.13 Desain Setting

Pada Gambar dibawah ini merupakan implementasi setting berfungsi

untuk mengubah data password donatur. Dengan implementasi ini data user

disimpan di database.

Halaman ubah change password merupakan sebuah halaman program

yang dijalankan untuk mengelola dan mengganti password baru yang akan

ditindak lanjutan oleh admin.

Gambar 4.28 Halaman Data Master Setting Sistem Informasi Donasi Pada

Aplikasi Donasi Dakwah

4.10 Desain Input Output

Aplikasi Donasi Dakwah sudah diimplementasikan pada Yayasan Bina

ini dikembangkan dengan bahasa pemrograman PHP, HTML, dan CSS3.

Penyimpananya menggunakan MySQL phpMyAdmin yang disimpan pada web

server. Berikut adalah spefikasi pernagkat lunak dan perangkat keras yang

dibutuhkan dalam mengimplementasikan Aplikasi Donasi Dakwah dapat dilihat

pada tabel 4.10 dan 4.11

Page 65: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

50

Tabel 4.10 Daftar Kebutuhan Perangkat Lunak

Nama Perangkat Lunak Versi Perangkat Lunak

PHP 7.0.5

phpMyAdmin 3.4.5

Apache Server 5.5.16

MySQL 5.6.1

Page 66: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

51

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan proses yang telah dilaksanakan pembuatan Rancang bangun

Aplikasi Donasi Dakwah pada Yayasan Bina Muwahhidin maka diambil beberapa

kesimpulan sebagai berikut :

1. Implementasi dari system ini memerikan kemudahan dalam melakukan

pencatatan donasi dan donatur dakwah Yayasan Bina Muwahhidin.

2. Dengan adanya system ini, manfaat yang Penulis tulis pada Bab 1 dapat

terpenuhi.

5.2 Saran

Saran yang dapat diberikan untuk pengembangan Sistem Aplikasi Donasi

Dakwah pada Yayasan Bina Muwahhidin Surabaya sebagai berikut :

Menggunakan framework Laravel/CI karena memiliki fitur lebih dari PHP biasa

sehingga memiliki memiliki waktu pengerjaan lebih cepat.

Page 67: RANCANG BANGUN APLIKASI PENCATATAN PELAPORAN …repository.dinamika.ac.id/id/eprint/3977/1...Donatur yayasan bina muwahiddin berasal dari luar negeri seperti arab Saudi sedangkan dari

52

DAFTAR PUSTAKA

Jayan. (2010). CSS untuk Orang Awam. Palembang: Maxikom.

Kristanto, A. (2008). Perancangan Sistem Informasi. Yogyakarta: Gava Media.

Kustiyahningsih, Y. (2011). Pemrograman Basis Data Berbasis Web

Menggunakan PHP & MySQL. Jakarta: Graha Ilmu.

Munir, R. (2011). Algoritma dan Pemrograman dalam Bahasa Pascal dan C.

Bandung: Informatika Bandung.

Noviansyah, E. (2008). Aplikasi Website Museum Nasional Menggunakan

Macromedia Dreamweaver MX. STIK.

Sugiyono. (2012). Metode Penelitian Kuantitatif, Kualitatif dan R&D (Vol. 17).

Bandung: Alfabeta.

Sulistyawan, Rubianto, & Saleh, R. (2008). Modifikasi Blog Multiply dengan

CSS. Jakarta: Elex Media Komputindo.

Wahyudi, P. (2012). Dasar-Dasar Teknik Komputer dan Informatika. Jakarta: Inti

Prima Promosindo.

Yakub. (2012). Pengantar Sistem Informasi. Yogyakarta: Graha Ilmu.

Yuhefizar. (2008). 10 jam Mengenal Internet Teknologi dan Aplikasinya. Jakarta:

PT Elex Media Komputindo.