SKRIPSI
Diajukan untuk Menempuh Ujian Akhir Sarjana Program Strata Satu Jurusan Teknik Informatika
Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
KUSNANDAR
10103341
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA
BANDUNG
Assalamu‟alaikum Wr. Wb.
Segala puji dan sanjungan penulis panjatkan kehadirat Allah S.W.T. Yang
Mahatau dan Pemberi petunjuk sebenar-benar petunjuk, yang menunjuki siapa
saja yang dikehendaki, yang telah memberi kemudahan kepada hamba-Nya..
Shalawat dan Salam semoga senantiasa tercurah kepada junjunan kita, Nabi besar
Muhammad S.A.W. pemberi informasi yang amanah dan penyampai risalah yang
penuh kasih sayang. Shalawat dan Salam semoga tercurah juga kepada segenap
keluarga yang mulia, para sahabatnya yang sangat setia kepada nabinya, dan
seluruh kaum mukmin yang mengikuti Sunnahnya sampai hari kiamat.
Dengan mengucapkan al-hamdulillah, Tugas Akhir ini yang berjudul
PERANCANGAN DAN PEMBANGUNAN APLIKASI LAYANAN
MASYARAKAT BERBASIS WEB PADA YAYASAN IHYAUD DA‟WAH
FOUNDATION (IDF) DENGAN MENGGUNAKAN PHP DAN MYSQL dapat
penulis selesaikan dengan baik. Tentu saja tidak lepas berkat dorongan, bantuan
dan bimbingan secara moril, materiil dan spiritual dari berbagai pihak. Penulis
mengucapkan banyak terima kasih kepada:
1. Bapa dan Mamah “Thanks For Your Loves”, Keringat, do‟a dan airmatamu
sedikitpun tak bisa ananda balas, moga apa yang kau persembahkan menjadi
pembuka pintu Jannatul Firdaus dan adikku tercinta Diki Yudhatama jadilah
Ilmu Komputer Universitas Komputer Indonesia.
3. Bapak Muhammad Nasrun, S.Si, M.T. selaku Dosen Pembimbing penulis
dalam Tugas Akhir ini. Terimakasih atas kemudahan yang telah diberikan.
4. Irawan Afrianto, S.T. sebagai dosen wali kelas IF-9K angkatan 2003 Jurusan
Teknik Informatika Universitas Komputer Indonesia.
5. Ibu Linda Salma, S.Si, M.T. dan Bapak Andry Alamsyah, M.Si. selaku Dosen
Penguji dalam Tugas Akhir ini.
6. Bapak KH. Taufik Ismail, Lc selaku Kepala Yayasan Ihyaud Da‟wah
Foundation (IDF). Sang Murabbi, yang telah menanamkan ruh da‟wah selama
ini.
7. Murabbi, Egi Bagja ST, teman-teman halaqah Akh Yana, Akh Tatang, Akh
Mulyana, Akh Gian, Akh Imu, Akh Gugum, Akh Paryanto, Akh Wimba. Kita
tunaikan janji kita untuk “Halaqah di surga-Nya”.
8. Rekan seperjuangan penyusunan Tugas Akhir Indra Gunawan, Agung
Yunanto, Dwi, dkk.
9. Akhuna Fillah RMB (Yosef, Hikmat, Dudi, Didi, Aas, Irfan, Nanang, Wahyu),
antum arruhul Jaddid, (Tuti Utami, Ade Ai, Nana, Nina, Ririn, Eka, Ema,
Dwi,dkk), antum “Ainul Mardiah” di dunia! Fuber (Hari, Gusman, Dayu,
Riswan, Sukma, Irna, Fitri, Lia), Rekan-rekan PKS, .rekan mentoring, Belia,
11.Seluruh alumni dan mahasiswa Universitas Komputer Indonesia serta seluruh
rekan-rekan yang telah banyak membantu penulis.
Seperti pepatah mengatakan “Tiada Gading yang Tak Retak”, maka dari
itu penulis mengakui baik laporan maupun simulasi sistem yang dibuat dalam
Tugas Akhir ini jauh dari sempurna, karena kesempurnaan hanyalah milik Allah
S.W.T. semata. Harapan penulis, semoga Tugas Akhir ini dapat memberikan
manfaat khususnya bagi penulis pribadi, dan umumnya bagi seluruh pembaca
laporan Tugas Akhir ini.
Wassalamu‟alaikum Wr. Wb.
Bandung, Agustus 2009
KATA PENGANTAR ... i
DAFTAR ISI ... iv
DAFTAR TABEL ... viii
DAFTAR GAMBAR ...x
DAFTAR SIMBOL ... xii
DAFTAR LAMPIRAN ... xiv
BAB I PENDAHULUAN ...1
1.1 Latar Belakang Masalah ...1
1.2 Identifikasi Masalah ...2
1.3 Maksud dan Tujuan ...2
1.4 Metodologi Penelitian ...3
1.5 Batasan Masalah ...5
1.6 Sistematika Penulisan ...6
BAB II LANDASAN TEORI ...8
2.1 Pengertian Program Aplikasi ...8
2.1.1 Pengertian Program ...8
2.1.2 Pengertian Aplikasi ...8
2.2 Konsep Dasar Aplikasi Berbasis Web ...9
2.2.1 Web ...9
2.3 Sekilas Tentang Internet ...10
2.3.1 Pengertian Internet ...10
2.3.2 Sejarah Internet ...10
2.3.3 Kegunaan Internet ...11
2.3.4 Fasilitas-fasilitas pada Internet ...12
2.5 Alat Bantu Pemodelan Sistem ...20
2.5.1 Diagram Konteks ...21
2.5.2 Diagram Arus Data (DFD) ...21
2.5.3 Kamus Data ...21
2.6 Perancangan Basis Data ...21
2.6.1 Model Data ...21
2.6.2 Diagram E-R (Daigram Entitas Relasi) ...22
BAB III ANALISIS DAN PERANCANGAN SISTEM ...23
3.1 Analisis Sistem ...23
3.1.1 Yayasan ...24
3.1.1.1 Sejarah Singkat Yayasan ...24
3.1.1.2 Struktur Kepengurusan Yayasan ...25
3.1.1.3 Layanan Yang Diberikan Yayasan ...25
3.1.1.4 Deskripsi Tugas ...26
3.1.1.5 Prosedur Pengolahan Data Zakat, Infak dan Shadaqah ...30
3.1.1.6 Prosedur Pengolahan Data Kesehatan (IHC) ...33
3.1.1.7 Prosedur Pengolahan Data Pelatihan ...35
3.2 Analisis Masalah ...37
3.2.1 Evaluasi Sistem ...37
3.2.2 Solusi ...38
3.3 Analisis Masalah Yang Akan Dibangun ...39
3.3.1 Perubahan Sistem ...39
3.3.1.1 Uraian Perubahan Sistem ...39
3.3.1.2 Flow Map Yang Diusulkan ...40
3.3.1.3 Diagram Konteks Yang Diusulkan ...41
3.4.1 Diagram Konteks ...44
3.4.2 Data Flow Diagram (DFD) ...45
3.4.2.1 DFD Level 2 Proses 1 Login User ...46
3.4.2.2 DFD Level 2 Proses 2 Pengolahan Data Yayasan Ihyaud Da‟wah Foundation ...46
3.4.2.3 DFD Level 3 Proses 2.5 Pengolahan Data Produk ...49
3.4.2.4 DFD Level 3 Proses 2.7 Pengolahan Data Konsultasi ...50
3.4.2.5 DFD Level 3 Proses 2.8 Pengolahan Data Informasi ...50
3.4.2.6 DFD Level 3 Proses 2.9 Pengolahan Data User ...51
3.4.2.7 DFD Level 3 Proses 2.7 Pengolahan Data Berita ...52
3.4.2.8 DFD Level 3 Proses 2.7 Pengolahan Data Artikel ...52
3.4.2.9 DFD Level 3 Proses 2.7 Pengolahan Data Galeri ...53
3.4.2.10 DFD Level 3 Proses 2.7 Pengolahan Data Profil ...53
3.4.2.11 DFD Level 3 Proses 3 Pengolahan Data Pengunjung ...54
3.4.3 Spesifikasi Proses ...55
3.4.4 Kamus Data ...68
3.4.5 Perancangan Data Base ...74
3.4.5.1 Diagram E-R (ERD) ...74
3.4.5.2 Skema Relasi ...75
3.4.5.3 Struktur Tabel ...75
3.4.6 Perancangan Antar Muka Pemakai ...80
3.4.6.1 Antarmuka Tampilan Utama ...80
3.4.6.2 Antarmuka Profil ...82
3.4.6.3 Antarmuka Layanan Ziswaf ...84
3.4.6.4 Antarmuka Pengisian Formulir Jemput Ziswaf ...85
3.4.6.5 Antarmuka Pengisian Konfirmasi Pembayaran Ziswaf ...87
3.4.6.10 Antarmuka Pengisian Pendaftaran Pelatihan ...96
3.4.6.11 Antarmuka Pengisian Konfirmasi Pembayaran Pelatihan ...98
3.4.6.12 Antarmuka Informasi Produk ...99
3.4.6.13 Antarmuka Pengisian Pemesanan Produk ...101
3.4.6.14 Antarmuka Pengisian Konfirmasi Pembayaran Produk ...103
3.4.6.15 Antarmuka Informasi Buku Tamu ...104
3.4.6.16 Antarmuka Pengisian Buku Tamu ...106
BAB IV IMPLEMENTASI DAN PENGUJIAN ...108
4.1 Implementasi Sistem ...108
4.1.1 Implementasi Perangkat Keras ...108
4.1.2 Implementasi Antarmuka pengunjung ...109
4.1.2.1 Antarmuka Tampilan Utama ...109
4.1.2.2 Antarmuka Profil ...109
4.1.2.3 Antarmuka Layanan Ziswaf ...110
4.1.2.4 Antarmuka Pengisian Formulir Jemput Ziswaf ...111
4.1.2.5 Antarmuka Pengisian Konfirmasi Pembayaran Ziswaf ...112
4.1.2.6 Antarmuka Informasi Konsultasi ...113
4.1.2.7 Antarmuka Pengisian Konsultasi ...114
4.1.2.8 Antarmuka Layanan IHC ...115
4.1.2.9 Antarmuka Informasi Pelatihan ...115
4.1.2.10 Antarmuka Pengisian Pendaftaran Pelatihan ...116
4.1.2.11 Antarmuka Informasi Produk ...117
4.1.2.12 Antarmuka Pengisian Pemesanan Produk ...117
4.1.2.13 Antarmuka Pengisian Konfirmasi Pembayaran Produk ...118
4.1.2.14 Antarmuka Informasi Buku Tamu ...119
4.1.3.4 Antarmuka Tampilan Persentase Pendistribusian Ziswaf ...122
4.1.3.5 Antarmuka Tampilan Konsultasi Ziswaf ...123
4.1.3.6 Antarmuka Tampilan Pendaftaran Anggota IHC...124
4.1.3.7 Antarmuka Tampilan Input Info dan Jadwal Pelatihan ...124
4.1.3.8 Antarmuka Tampilan Input Produk ...125
4.1.4 Implementasi Antarmuka Admin ...126
4.1.4.1 Antarmuka Tampilan Edit Profil ...126
4.1.4.2 Antarmuka Tampilan Input Artikel ...126
4.1.4.3 Antarmuka Tampilan Input Berita ...127
4.1.4.4 Antarmuka Tampilan Input Galeri ...128
4.1.3 Implementasi Inputan Penjadwalan dalam Basis Data ...75
4.1.4 Implementasi Algoritma Tabu Search ...77
4.1.5 Implementasi Antarmuka Simulasi Penjadwalan ...78
4.1.6 Tampilan Antarmuka Program Simulasi...79
4.2 Pengujian ...84
4.2.1 Rencana Pengujian Simulasi ...84
4.2.2 Kasus dan Hasil Pengujian (Pengujian Alpha) ...85
4.2.2.1 Pengujian Login ...85
4.2.2.2 Pengujian Pengolahan Data Kelas ...85
4.2.2.3 Pengujian Pengolahan Option Guru ...87
4.2.2.4 Pengujian Pengolahan Data Mata Pelajaran ...88
4.2.2.5 Pengujian Pengolahan Data Waktu ...89
4.2.2.6 Pengujian Pengolahan Data Ruang ...91
4.2.2.7 Pengujian Pengolahan Data Kesediaan ...92
4.2.2.8 Pengujian Pengolahan Data Jadwal ...92
4.2.3 Pengujian Betha ...94
4.2.3.1 Pengolahan Hasil Pengujian Betha ...94
4.2.3.2 Kesimpulan Hasil Pengujian Betha ...96
BAB V KESIMPULAN DAN SARAN ...97
5.1 Kesimpulan ...97
5.2 Saran ...97
1. Tabel 3.1 Tabel User ... 75
2. Tabel 3.2 Tabel Konfirm Ziswaf ... 75
3. Tabel 3.3 Tabel Jemput Ziswaf ... 76
4. Tabel 3.4 Tabel Anggota IHC ... 76
5. Tabel 3.5 Tabel Pembayaran Anggota IHC ... 77
6. Tabel 3.6 Tabel Anggota Pelatihan ... 77
7. Tabel 3.7 Tabel Pembayaran Pelatihan ... 77
8. Tabel 3.8 Tabel Produk ... 78
9. Tabel 3.9 Tabel Pesan Produk ... 78
10.Tabel 3.10 Tabel Konsultasi ... 78
11.Tabel 3.11 Tabel Info ... 79
12.Tabel 3.12 Tabel Buku Tamu... 79
13.Tabel 3.13 Tabel Berita ... 79
14.Tabel 3.14 Tabel Artikel ... 79
15.Tabel 3.15 Tabel Galeri... 80
16.Tabel 3.16 Tabel Profil ... 80
17.Tabel 3.17 Antarmuka Tampilan Utama ... 80
18.Tabel 3.18 Antarmuka Profil ... 82
19.Tabel 3.19 Antarmuka Layanan Ziswaf ... 84
20.Tabel 3.20 Antarmuka Pengisian Formulir Jemput Ziswaf ... 85
21.Tabel 3.21 Antarmuka Pengisian Konfirmasi Pembayaran Ziswaf ... 87
22.Tabel 3.22 Antarmuka Informasi Konsultasi ... 89
23.Tabel 3.23 Antarmuka Pengisian Konsultasi ... 91
24.Tabel 3.24 Antarmuka Layanan IHC ... 93
25.Tabel 3.25 Antarmuka Informasi Pelatihan ... 94
26.Tabel 3.26 Antarmuka Pengisian Pendaftaran Pelatihan ... 96
31.Tabel 3.31 Antarmuka Informasi Buku Tamu ... 104
32.Tabel 4.1. Rencana Pengujian Website Ihyaud Da‟wah Foundation (IDF) ... 129
33.Tabel 4.2. Pengujian login Admin ... 130
34.Tabel 4.3. Pengujian login Staff Administrasi ... 130
35.Tabel 4.4. Pengujian Input Data Jemput Zakat... 131
36.Tabel 4.5. Pengujian Input Data Konfirmasi Pembayaran Zakat ... 132
37.Tabel 4.6. Pengujian Input Data Pendaftaran Anggota IHC ... 133
38.Tabel 4.7. Pengujian Input Data Pesan Produk IHC ... 134
39.Tabel 4.8. Pengujian Input Data Konsultasi ... 135
40.Tabel 4.9. Pengujian Input Data Pendaftaran Pelatihan ... 136
1. Gambar 3.1 Struktur Kepengurusan Yayasan ... 25
2. Gambar 3.2 Flowmap Proses Zakat Yang Sedang Berjalan ... 32
3. Gambar 3.3 Flowmap Pelayanan Kesehatan Yang Sedang Berjalan ... 34
4. Gambar 3.4 Flowmap Proses Pendaftaran Pelatihan Sedang Berjalan ... 36
5. Gambar 3.5 Flowmap Sistem Yang Diusulkan ... 40
6. Gambar 3.6 Diagram Kontek Sistem Yang Diusulkan ... 41
7. Gambar 3.7 DFD Level 1Website Ihyaud Da‟wah Foundation ... 42
8. Gambar 3.8 Diagram Kontek Sistem Yang Diusulkan ... 44
9. Gambar 3.9 DFD Level 1Website Ihyaud Da‟wah Foundation ... 45
10.Gambar 3.10 DFD Level 2 Proses 1 (Login User) ... 46
11.Gambar 3.10 DFD Level 2 Proses 2 Pengolahan Data Yayasan IDF ... 46
12.Gambar 3.11 DFD Level 3 Proses 2.5 Pengolahan Data Produk ... 49
13.Gambar 3.12 DFD Level 3 Proses 2.7 Pengolahan Data Konsultasi ... 50
14.Gambar 3.13 DFD Level 3 Proses 2.8 Pengolahan Data Informasi ... 50
15.Gambar 3.14 DFD Level 3 Proses 2.9 Pengolahan Data User ... 51
16.Gambar 3.15 DFD Level 3 Proses 2.11 Pengolahan Data Berita ... 52
17.Gambar 3.16 DFD Level 3 Proses 2.12 Pengolahan Data Artikel ... 52
18.Gambar 3.17 DFD Level 3 Proses 2.13 Pengolahan Data Galeri ... 53
19.Gambar 3.18 DFD Level 3 Proses 2.14 Pengolahan Data Profil ... 53
20.Gambar 3.19 DFD Level 2 Proses 3 Pengolahan Data Pengunjung ... 54
21.Gambar 3.20 Diagram E-R (ERD) ... 74
22.Gambar 3.21 Skema Relasi ... 75
23.Gambar 3.20 Antarmuka Tampilan Utama ... 80
24.Gambar 3.21 Antarmuka Profil ... 82
25.Gambar 3.22 Antarmuka Layanan Ziswaf ... 84
26.Gambar 3.23 Antarmuka Pengisian Formulir Jemput Ziswaf ... 85
27.Gambar 3.24 Antarmuka Pengisian Konfirmasi Pembayaran Ziswaf ... 87
32.Gambar 3.29 Antarmuka Pengisian Pendaftaran Pelatihan ... 96
33.Gambar 3.30 Antarmuka Pengisian Konfirmasi Pembayaran Pelatihan ... 98
34.Gambar 3.31 Antarmuka Informasi Produk ... 99
35.Gambar 3.32 Antarmuka Pengisian Pemesanan Produk ... 101
36.Gambar 3.33 Antarmuka Pengisian Konfirmasi Pembayaran Produk ... 103
37.Gambar 3.34 Antarmuka Informasi Buku Tamu ... 104
38.Gambar 3.20 Antarmuka Tampilan Utama ... 109
39.Gambar 4.1 Antarmuka Profil ... 110
40.Gambar 4.2 Antarmuka Layanan Ziswaf ... 111
41.Gambar 4.3 Antarmuka Pengisian Formulir Jemput Ziswaf ... 112
42.Gambar 4.4 Antarmuka Pengisian Konfirmasi Pembayaran Ziswaf ... 113
43.Gambar 4.5 Antarmuka Informasi Konsultasi ... 114
44.Gambar 4.6 Antarmuka Pengisian Konsultasi ... 114
45.Gambar 4.7 Antarmuka Layanan IHC ... 115
46.Gambar 4.8 Antarmuka Informasi Pelatihan ... 116
47.Gambar 4.9 Antarmuka Pengisian Pendaftaran Pelatihan ... 116
48.Gambar 4.10 Antarmuka Pengisian Konfirmasi Pembayaran Pelatihan ... 117
49.Gambar 4.11 Antarmuka Informasi Produk ... 119
50.Gambar 4.12 Antarmuka Pengisian Pemesanan Produk ... 120
51.Gambar 4.13 Antarmuka Pengisian Konfirmasi Pembayaran Produk ... 121
1. Flow Map
No Simbol Keterangan
1
2
3
4
5
6
7
8
Dokumen
Menunjukan dokumen sebagai masukan/ keluaran baik secara manual/melaui kompuiter
Proses Manual
menunjukan proses yang dikerjakan secara manual
Operasi Komputerisasi
Menunjukan proses yang dikerjakan oleh komputer
Manual Input
Menunjukan operasi input secara manual melalui keyboard
Magnetic Disk
Menunjukan penyimpanan data dalam hardisk
Penyimpanan Dokumen
Digunakan untuk penyimpanan data sebagai arsip secara manual
Penghubung / Konektor
Digunakan sebagai penghubung ke dalam halaman berbeda
Aliran Data
1.
Data Proses segala sesuatu yang menyatakan suatu proses dari diagram
alir
2. Decision menunjukan simbol pilihan
3. Data Menunjukkan inputan data yang
diisi
4. Terminator Tada Start dan End
1. LAMPIRAN A Tampilan Antarmuka ... 144
2. LAMPIRAN B Listing Program ... 158
APLIKASI LAYANAN MASYARAKAT BERBASIS WEB
PADA YAYASAN IHYAUD DA’WAH FOUNDATION (IDF)
DENGAN MENGGUNAKAN PHP DAN MYSQL
Oleh
KUSNANDAR 10103341
Perkembangan internet sebagai sarana informasi merupakan teknologi yang mampu menyikapi persoalan-persoalan yang semakin kompetitif saat ini, terbukti dengan pemakai yang sudah mendunia. Internet menyediakan berbagai informasi yang cepat yang dibutuhkan oleh semua orang di seluruh dunia.
Sejalan dengan itu Yayasan Ihyaud Da‟wah Foundation yang berkantor di Jl. Komp Padasuka Indah Blok A No.81 Cimahi Tengah , Kota Cimahi. merupakan yayasan yang bergerak dalam bidang pelayanan masyarakat dan sosial ini, dalam perkembangannya berkeinginaan untuk memberikan pelayanan dan informasi tidak hanya secara konvensional atau manual tapi lebih dari itu ingin memberikan pelayanan dan informasi secara lebih baik, lebih modern, lebih mudah, terkomputerisasi, dapat diakses setiap saat tanpa dibatasi oleh ruang dan waktu dan bisa dikenal oleh masyarakat luas.
Oleh karenanya untuk mencapai itu maka dibutuhkan kehadiran sebuah website. Hal ini sangatlah penting karena keberadaan suatu website dapat membantu penyampaian informasi secara luas dan komprehensif, bisa diakses setiap saat dan bisa dimanfaatkan serta dikenal oleh masyarakat luas.
APLIKASI LAYANAN MASYARAKAT BERBASIS WEB PADA YAYASAN IHYAUD DA’WAH FOUNDATION (IDF)
DENGAN MENGGUNAKAN PHP DAN MYSQL
By
KUSNANDAR 10103341
Tabu Search could simply be viewed as an extremely general heuristic procedure. Since TS will in fact include in its own operating rules some heuristic techniques, it would be more appropriate to characterize TS as a metaheuristic, its role will most often be to guide and to orient the search of another (more local) search procedure. Now, TS is known as effective optimization technique after some computerization experiment [1].
Needed a analysis about the application of Tabu Search, for know effective or not this algorithm to use in a certain case. So, a system that will be become simulation for this alalysis is scheduling system because scheduling system is optimization problem available for completed by two methods is conventional method and heuristic method. Scheduling system utilized for simulation the application of this Tabu search algorithm is a subject scheduling at SMPN 1 Cisolok Palabuhanratu – Sukabumi.
After this analysis be completed and Tabu Search algorithm simulated in a subject scheduling case on SMPN 1 Cisolok, can be conclusion the application of this Tabu Search Algorithm not compatible for application subject scheduling at SMPN 1 Cisolok. Because of process complete, still are empty Tabulist.
PERANCANGAN DAN PEMBANGUNAN
APLIKASI LAYANAN MASYARAKAT BERBASIS WEB
PADA YAYASAN IHYAUD DA’WAH FOUNDATION (IDF)
DENGAN MENGGUNAKAN PHP DAN MYSQL
KUSNANDAR
10103341
Pembimbing
Muhammad Nasrun, S.Si., M.T. NIP. 41277006011
Menyetujui,
Ketua Jurusan Teknik Informatika
PERANCANGAN DAN PEMBANGUNAN
APLIKASI LAYANAN MASYARAKAT BERBASIS WEB
PADA YAYASAN
IHYAUD DA’WAH FOUNDATION (IDF)
DENGAN MENGGUNAKAN PHP DAN MYSQL
KUSNANDAR
10103341
Penguji I
Linda Salma A, S.Si., M.T. NIP. 41277006004
Penguji II
Muhammad Nasrun, S.Si., M.T. NIP. 41277006011
Penguji III
Perancangan dan Pembangunan Aplikasi Layanan Masyarakat Berbasis Web Pada Yayasan Ihyaud
Da‟wah Foundation (IDF) Dengan Menggunakan
PHP dan MySQL Perihal: Plagiat Tugas Akhir
Nama : Kusnandar
NIM : 10103341
Judul Tugas Akhir :
Menyatakan bahwa saya tidak melakukan tindakan meniru, menyalin
atau menjiplak Tugas Akhir/ Karya Ilmiah yang telah ada. Apabila saya
terbukti melakukan kegiatan tersebut, maka saya bersedia untuk menerima
sanksi yang diberikan sesuai dengan ketentuan yang ditetapkan dan berlaku
di Jurusan Teknik Informatika UNIKOM.
Mengetahui,
Yang memberi pernyataan
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Ihyaud Da‟wah Foundation (IDF) merupakan yayasan yang bergerak dalam
bidang pelayanan masyarakat dan sosial, yayasan ini terletak di daerah Cimahi,
yang berkantor di Jl. Komp Padasuka Indah Blok A No.81 Cimahi Tengah , Kota
Cimahi.
Dalam kesehariannya yayasan ini memberikan berbagai pelayanan kepada
masyarakat yang diantaranya :
1. Layanan Penerimaan dan Penyaluran Ziswaf (Zakat, infaq dan shadaqah)
2. Layanan kesehatan masyarakat (Islamic Health Center)
3. Layanan Pelatihan-pelatihan (Peduli ; pelatihan da‟i terampil mandiri)
4. Layanan jasa, produk dan sosial lainnya.
Dalam melakukan kegiatannya yayasan ini masih menggunakan proses
konvensional atau manual atau dengan kata lain masyarakat yang membutuhkan
pelayanan harus berinteraksi (datang) langsung dengan pihak atau petugas
yayasan untuk mendapatkan pelayanan yang diinginkan.
Yayasan Ihyaud Da‟wah Foundation ini dalam perkembangannya
berkeinginaan untuk memberikan pelayanan dan informasi tidak hanya secara
konvensional atau manual tapi lebih dari itu ingin memberikan pelayanan dan
diakses setiap saat tanpa dibatasi oleh ruang dan waktu dan bisa dikenal oleh
masyarakat luas.
Oleh karenanya untuk mencapai itu maka dibutuhkan kehadiran sebuah web
site. Hal ini sangatlah penting karena keberadaan suatu web site dapat membantu
penyampaian informasi secara luas dan komprehensif, bisa diakses setiap saat dan
bisa dimanfaatkan serta dikenal oleh masyarakat luas. Bukan itu saja keberadaan
web site akan dapat membantu memperluas jangkauan pemasaran layanan jasa
dan produk yang ditawarkan oleh yayasan.
Atas dasar itulah penulis menyusun laporan tugas akhir dengan judul
”Perancangan dan pembangunan aplikasi layanan masyarakat berbasis web pada
Yayasan Ihyaud Da‟wah Foundation (IDF) dengan menggunakan PHP dan
MySQL”
1.2 Identifikasi Masalah
Berdasarkan latar belakang yang telah dikemukakan, maka masalah-masalah
yang dapat diidentifikasi oleh penulis adalah sebagai berikut :
Bagaimana merancang dan membangun sebuah website yang dapat
mendukung dan meningkatkan pelayanan dan informasi Yayasan Ihyaud Da‟wah
Foundation (IDF).
1.3 Maksud dan Tujuan
Berdasarkan permasalahan yang diteliti, maka maksud dari penulisan tugas
Da‟wah Foundation (IDF) dalam rangka meningkatkan pelayanan dan informasi
kepada masyarakat luas
Sedangkan tujuan yang akan dicapai dalam penelitian ini adalah :
1. Mengenalkan jasa pelayanan kepada masyarakat luas dengan memanfaatkan
kemajuan teknologi dan sistem informasi yaitu menggunakan website.
2. Meningkatkan efektifitas dalam pengelolaan pelayanan dan informasi oleh
yayasan dan sampainya informasi kepada masyarakat.
3. Agar terpublikasikan secara luas keberadaan Yayasan Ihyaud Da‟wah
Foundation (IDF) sehingga meningkatkan perluasan pemasaran produk dan
jasa pelayanan.
1.4 Metodologi Penelitian
Metodologi yang digunakan dalam penulisan tugas akhir ini adalah sebagai
berikut:
1. Tahap pengumpulan data
Metode pengumpulan data yang digunakan dalam penelitian ini adalah
sebagai berikut :
a. Studi Literatur.
Pengumpulan data dengan cara mengumpulkan literatur, jurnal, paper
dan bacaan-bacaan yang ada kaitannya dengan judul penelitian.
b. Observasi.
Teknik pengumpulan data dengan mengadakan penelitian dan
c. Interview.
Teknik pengumpulan data dengan mengadakan tanya jawab secara
langsung yang ada kaitannya dengan topik yang diambil.
2. Tahap pembuatan perangkat lunak.
Teknik analisis data dalam pembuatan perangkat lunak menggunakan
paradigma perangkat lunak secara waterfall, yang meliputi beberapa
proses diantaranya:
a. Sistem
Merupakan bagian dari sistem yang terbesar dalam pengerjaan suatu
proyek, dimulai dengan menetapkan berbagai kebutuhan dari semua
elemen yang diperlukan sistem dan mengalokasikannya kedalam
pembentukan perangkat lunak.
b. Analisis
Merupakan tahap menganalisis hal-hal yang diperlukan dalam
pelaksanaan proyek pembuatan perangkat lunak.
c. Design
Tahap penerjemahan dari data yang dianalisis kedalam bentuk yang
mudah dimengerti oleh user.
d. Coding
Tahap penerjemahan data atau pemecahan masalah yang telah
dirancang keadalam bahasa pemrograman tertentu.
e. Pengujian
f. Maintenance
Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat
mengalami perubahan–perubahan atau penambahan sesuai dengan
permintaan user.
1.5 Batasan Masalah
Untuk dapat mencapai tujuan dari apa yang telah diungkapkan maka
diperlukan adanya batasan masalah agar pembahasan tidak menyimpang dari
objek penelitian.
Batasan-batasan dari aplikasi yang akan dibangun antara lain :
1.Dalam pelayanannya, Website Yayasan Ihayud Da‟wah foundation (IDF)
menggunakan fasilitas untuk berkomunikasi yaitu email, tetapi website ini
tidak menyediakan fasilitas email khusus, tetapi menggunakan alamat
email bebas.
2.Jenis pelayanan yang terdapat pada website, antaralain :
a. Layanan Penerimaan dan Penyaluran Ziswaf (Zakat, infaq dan
shadaqah)
b. Layanan kesehatan masyarakat (Thibun Nabawy)
c. Layanan Pelatihan-pelatihan (entrpreuneur, pelatihan da‟i terampil
mandiri, teknisi, dll)
d. Layanan jasa dan produk serta informasi-informasi aktual tentang
1.6 Sistematika Penulisan
Sistematika penulisan proposal penelitian ini disusun untuk memberikan
gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas
akhir ini adalah sebagai berikut :
BAB I PENDAHULUAN
Menguraikan tentang latar belakang permasalahan, mencoba merumuskan
inti permasalahan yang dihadapi, menentukan tujuan dan kegunaan penelitian,
yang kemudian diikuti dengan pembatasan masalah, asumsi, serta sistematika
penulisan.
BAB II. LANDASAN TEORI
Membahas berbagai konsep dasar dan teori-teori yang berkaitan dengan
topik penelitian yang dilakukan dan hal-hal yang berguna dalam proses analisis
permasalahan serta tinjauan terhadap penelitian-penelitian serupa yang telah
pernah dilakukan sebelumnya termasuk sintesisnya.
BAB III. ANALISIS MASALAH
Menganalisis masalah dari model penelitian untuk memperlihatkan
keterkaitan antar variabel yang diteliti serta model matematis untuk analisisnya.
BAB IV. PENGEMBANGAN DAN IMPLEMENTASI
Merupakan tahapan yang dilakukan dalam penelitian secara garis besar sejak dari
tahap persiapan sampai penarikan kesimpulan, metode dan kaidah yang
diterapkan dalam penelitian. Termasuk menentukan variabel penelitian,
penelitian dan teknik pengambilannya, serta metode/teknik analisis yang akan
dipergunakan dan perangkat lunak yang akan dibangun jika ada.
BAB V. KESIMPULAN DAN SARAN
Berisi kesimpulan dan saran yang sudah diperoleh dari hasil penulisan
BAB II
LANDASAN TEORI
2.1. Pengertian Program Aplikasi 2.1.1. Pengertian Program
Pengertian program adalah ekspresi, pernyataan atau kombinasi yang
disusun dan dirangkai menjadi satu kesatuan prosedur yang berupa urutan langkah
untuk menyelesaikan masalah yang diimplementaikan dengan menggunakan
bahasa pemrograman, sehingga dapat dieksekusi oleh komputer.
2.1.2. Pengertian Aplikasi
Aplikasi merupakan penerapan, menyimpan sesuatu hal, data
permasalahan, pekerjaan kedalam suatu sarana atau media yang digunakan untuk
menerapkan atau mengimplementasika hal atau permasalahan tersebut sehinggga
berubah menjadi bentuk yang baru tanpa meenghilangkan nilai-nilai dasar hal,
data, permasalahan atau pernasalahan atau pekerjaan. Jadi dalam hal ini hanya
bentuk dari tampilan data yang berubah, sedangkan isi yang termuat dalam data
tersebut tidak mengalami perubahan. Jadi program aplikasi adalah sederetan kode
yang digunakan untuk mengatur komputer supaya dapat melakukan pekerjaan
sesuai dengan keinginan programmer atau user.
Atau definisi lain aplikasi merupakan kumpulan dari prosedur-prosedur
klasifikasi, rotasi, koreksi geometri, query, overlay, buffer, jointable dan
sebagainya.
2.2. Konsep Dasar Aplikasi Berbasis Web 2.2.1. Web
Web merupakan kumpulan informasi pada server komputer yang
terhubung satu sama lain dalam jaringan internet maupun intranet. Sedangkan
aplikasi berbasis web (web based) secara prinsip menyerupai aplikasi dalam
komputer biasa. Yang membedakan adalah dalam aplikasi web based
menggunakan tag-tag html sebagai dasar tampilan, sedangkan aplikasi program
komputer menggunakan berbagai platform bahasa pemrograman. Aplikasi web
terdiri dari beberapa golongan, diantaranya adalah :
1. Inisialisasi Data Master
Proses yang dilakukan adalah pengisian satu atau beberapa tabel yang
akan digunakan sebagai referensi program aplikasi. Pengisian data master
secara umum terdiri dari input data, verifikasi data, proses insert data jika
data belum terdaftar sebelumnya, atau update data jika data telah ada
sebelumnya, serta delete data jika data hendak dihapus dari tabel master.
2. Operasi Reporting
Operasi mendapatkan data hasil query yang telah diolah sehuingga didapat
informasi yang digunakan untuk kepentingan manajerial dan rekapitulsi
operasi verifikasi, penampilan profil, penyampaian pesan, pengisian pesan
khusus serta kombinasi dari beberap golongan tersebut.
2.3. Sekilas Tentang Internet 2.3.1. Pengertian Internet
Internet merupakan singkatan dari Interconection Networking. Menurut
Randall dan Latulipe (Diana, 2001), secara sederhana Internet dapat diartikan
sebagai “a global of computer network”. Dengan demikian pada dasarnya internet
merupakan suatu jaringan komputer yang sangat besar, yang terbentuk dari
jaringan-jaringan kecil yang ada diseluruh dunia, yang selalu terhubung satu sama
lain.
2.3.2. Sejarah Internet
Jaringan Internet sukses dikembangkan dan diuji coba pertama kali pada
tahun 1969 oleh US Department of Defense dalam proyek ARPAnet (Advanced
Research Project Network), guna mengatasi masalah komunikasi pada lembaga
penelitian. Semenjak itu, perkembangan internet berlangsung amat pesat. Salah
satu faktor yang berpengaruh terhadap banyaknya pemakaian internet diseluruh
bagian dunia adalah dengan berkembangnya WWW (World Wide Web), yang
dirancang oleh tim Benners-Lee dan staff ahli diLaboraturium CERN (Conseil
European pour La Recherche Nucleaire) di Jenewa, Swiss pada tahun 1991 yang
hanya digunakan untuk keperluan pemerintah tetapi juga digunakan dalam
berbagai segi kehidupan di masyarakat.
Berbagi segi tersebut misalnya, dari segi komunikasi secara elektronik
(baik dengan IRC (Internet Relay Chatting) maupun pengiriman surat melalui
e-mail), hingg segi bisnis yang mulai bayak menggunakan internet sebagai sarana
promosi produk perusahaan yang dapat pula dikembangkan media
komunikasiperusahaan itu sendiri yaitu sebagai media pemesanan yang akan
meningkatkan hubungannya dengan masyarakat baik melalui umpan balikyang
diberikan pelanggn maupun sebagai publik relation perusahaan.
2.3.3. Kegunaan internet
Banyak kegunaan yang menguntungkan yang didapatkan dari penggunaan
internetdalam semua bidang (bisnis, akademis,pemerintahan, organisasi, dan
sebagainya), antara lain :
1. Informsi yang didapatkan lebih cepat dan murah, yaitu dengan pengguna
aplikasi :
a. Email
b. WWW
c. News Group
d. FTP
2. Mengurangi biaya kertas dan biaya distribusi, contoh koran masuk, brosur
dan majalah
a. Image company
b. Pengenalan dan pemesanan produk
4. Komunikasi interaktif
a. Email
b. Dukungan pelanggan dengan feed back
c. Internet phone
d. Internal relay chatting
5. Sebagai alat research dan pengembangan (development)
6. Sebagai media untuk melakukan pertukaran data
2.3.4. Fasilitas-fasilitas pada internet
1. Hompage
Pengertian hompage menurut bustami (1999) adalah merupakan halaman
pembuka atau pertama dari sekian banyak web page- web page yang
terdapat dalam suatu web site. Suatu hompege dapat dibentuk untuk
berbagi macam kepentingan seperti bisnis, pendidikan,hiburan dan
sebagainya. Di dalam pembuatanya suatu hompage harus dirancang sebaik
dan semenarik mungkin untuk dapat menarik minat pengakses sebanyak
mungkin.
Beberapa hal yang harus diperhatikan didalam merancang suatu hompage
yang baik menurut Graham (1995):
a. Hompage sebaiknya berbentuk dokumen HTML yang kecil dengan
b. Isi dari hompage sebaiknya singkat dan dapat menguraikan secara
garis besar informasi yang terkandung didalam hompage (yang
disediakan oleh pihak penyedia) dan cara informasi disajikan agar
mempermudah pengakses dalam membaca isi halaman.
2. Elektronik mail (E-mail)
Menurut Mac Bride (1997,), yang dimaksud dengan elektronik mail atau
yang lebih dikenal dengan E-mail adalah kegunakan yang paling
sederhana diantara semua kegiatan di internet. Dengan e-mail, anda dapat
mengirim atau menerima e-mail dari pengguna intenet diseluruh penjuru
dunia. Pada kenyataanya sebuah e-mail didasarkan pada file ASCII, yaitu
teks sederhana yang dapat ditangani dengan program komunikasi dasar
seperti terminal atau hyperterminal. Meskipun yang lebih menyenangkan
adalah bila ditangani dengan software khusus.
Email tak lain adalah sebuah pesan yang biasanya terbentuk teks (dapat
pula disisipkan satu atau lebih file tertentu yang biasnya dikenal dengan
subutan attachment), yang dikirim seseorang ke orang lain melalui
computer. Sebuah email dapat pula dikirim secara otomatis kesejumlah
alamat dalam waktu yang bersamaan (mailing list)
Setiap e-mail memiliki satu pemilik (bisa perorangan atau organisasi) dan
alamat yang jelas, unik dan berbeda satu sama lain, sehinga secara tidk
langsung dapat dipakai sebagai petunjuk identitas. Format pengalamatan
Identitas_pemilik@Nama_host, misalnya : nandar@yahoo.co.id dengan
keterangan sebagai berikut :
a. Nandar : menunjukan identitas pemilik mail box
b. @ : menunjukan bahwa format pengalamatan ini adalah khusus
c. Yahoo : menunjukan nama dari host yang digunakan
d. Co : menunjuan identitas domain host (dalam hal ini co artinya
host milik organisasi komersil)
e. Id : menunjukan identitas top dari domain host (pada contoh ID
artinya untuk Negara Indonesia)
3. HTML (Hyper Text Mark up Language)
HTML biasanya digunakan untuk membangun sebuah halaman web.
Sekalipun banyak orang yang mengenalnya sebagai salah satu dari bagian
banyak bahasa pemrograman,karena seperti yang tersirat dari namanya,
HTML lebih merupakan suatu bahasa mark up. HTML digunakan untuk
melakukan mark up (penandaan) terhadap sesuatu dokumen teks. Tanda
tersebut digunakan sebagai pedoman untuk menentukan format atau style
dari teks yang telah ditandai (kurniawan, 2001)
Menurtu Handoyo Kristanto (2002) HTML adalah suatu bahasa yang
dipakai untuk menampilkan informasi pada halaman web. Hal ini karena
HTML terdiri dari elemen dan atribut elemen, dimana elemen dan atribut
tersebut akan digunakan untu mengatur tampilan web. Istilah untuk
4. HTTP (Hyper Text Transfer Protocol)
Menurut Bustami (1999), yang dimaksud dengan HTTP adalah suatu
metode yang dipakai untuk mengirim atau mentransfer file-file (web
page)dari sebuah server WWW ke komputer client. Protokol ini
merupakan sebuah protokol standar yang biasa dipakai untuk mengakses
dokumen HTML. Dengan kata lain, HTTP merupakan sebuah protokol
yang menentukan aturan main antara peranti lunak web browser dengan
piranti lunak web server dalam penyedian dokumen yang diminta oleh
browser.
5. WWW (World Wide Web)
World Wide Web merupakan suatu protokol sistem distribusi informasi
melelui dokumen hypertext pada jaringan internet untuk melihat informsi
yang diinginkan dengan menggunakan program web browser (aplikasi
program untuk mengakses dan menampilkan dokumen web). WWW
terdiri dari ratusan bahkan ribuan halaman atau dokumen yang saling
terkait kehalaman lainnya. walaupun demikian , www bukanlah internet
demikain sebaliknya walaupun keduanya sangat berkatian satu sama lain.
Internet merupakan suatu jaringan global, sedangkanWWW bukan hanya
sekedar jaringan karena didalamnya terdapat suatu set aplikasi komunikasi
dan sisitem perangkat lunakyang memiliki karakteristik sebagai berikut:
a. Umumnya terletak pada internet host dan client
b. Umumnya menggunakan protokol TCP/IP
d. Memungkinkan client untuk mengakses server dengan berbagai
protokol seperti HTTP, FTP dan lain-lain
e. Memungkinkan client untuk mengakses informasi dalam berbagai
media seperti teks, audio dan video
f. Mengerti HTML
g. Menggunakan model client-server untuk komunikasi data dua arah
6. ISP (Internet Service Provider)
John & Randall (1942) menjelaskan bahwa ISP yang lebih sering disebut
sebagai Internet Service Provider (IAP), merupakan sebuah organisasi
yang menyediakan jasa untuk hubungan internet dan menyediakan alamat
internet sehingga user dapat melakukan akses ke internet. Dengan adanya
ISP, user hanya perlu membayar sejumlah iuran tertentu dan pulsa telepon.
7. FTP (File Transfer Protocol)
Menurut Bustami (1999), FTP adalah metode yang paling umum
digunakan untuk mentransfer data atau file dari satu komputer ke komputer
lainnya. Proses mentransfer file dari sebuah komputer server ke komputer
user disebut proses download, sedangkan proses mentransfer file dari
komputer user ke komputer server disebut upload.
8. Browser
Browser atau yang lebih dikenal dengan sebutan web browser merupakan
sebuah program aplikasi yang digunakan untuk menjelajahi dunia maya
(internet). Aplikasi ini mempunyai kemampuan menampilkan suatu web
Sedangkan menurut Turban (2001), web browser adalah sebuah program
yang dirancang untuk mengambil informasi-informasi yang dapat berupa
GIF (Graphic Interchange Format) dan JPEG (Join Photograpics Expert
Group), sebagai gambar dan Microsoft WAV sebagai media suaranya.
9. Mailing list
Melalui fasilitas ini, seorang user dapat mengirim berita atau file ke
banyak pengguna sekaligus dalam waktu yang bersamaan, sehingga dalam
penggunaannya mailing list lebih digunakan sebagai sarana diskusi,
ceramah, konferensi dan seminar secara elektronik, karena melalui fasilitas
ini semuanya dapat dilakukan tanpa terikat oleh ruang dan waktu.
10.Web Server
Web server merupakan sebuah aplikasi yang beroperasi pada sebuah situs
web dan bertanggung jawab untuk merespon permintaan file dari web
browser. Dalam memproses sebuah permintaan pada suatu situs web,
browser melakukan koneksi kesuatu server dengan protokol HTTP. Server
akan menanggapi koneksi tersebut dengan mengirimkan isi file yang
diminta dan memutuskan koneksi tersebut. Server kemudian akan
memformat informasi yang diperoleh dari browser. Pada bagian server,
browser yang berbeda dapat melakukan koneksi pada server yang sama
untuk memperoleh informasi yang sama. Dalam menampilkan halaman
yang diminta, server dapat bekerja sama dengan server lain, seperti
application server.
Dalam pengertian dasarnya sebagai E-Business dimana E-Business ini
dipandang merupakan suatu bentuk dari salah satu solusi bagi bisnis
dengan memanfaatkan perkembangan teknologi informasi yang
mengutamakan teknologi networking dan teknologi komunikasi dengan
tujuan memajukan dan memperbaiki segala proses kegiatan bisnis.
E-Commerce merupakan satu set dinamis teknologi, aplikasi dan proses
bisnis yang menghubungkan perusahaan, konsumen, dan komunitas
tertentu melalui transaksi elektronik dan perdagangan barang pelayanan
dan informasi yang dilakukan secara elektronik melalui fasilitas internet.
2.4. Perangkat lunak Penunjang 2.4.1 Personal Home Page (PHP)
PHP adalah kombinasi antara bahasa pemrograman dan aplikasi server.
PHP merupakan server-side scripting yang digunakan untuk membuat dan
menjalankan aplikasi web server yang dinamis, interaktif dan mempunyai
performansi tinggi. Aplikasi server adalah program yang terdiri atas teknik-teknik
dalam satu paket yang meliputi :
a. Ketangguhan bahasa pemrograman.
b. Pengaksesan basis data ke media penyimpanan yang permanent.
c. Mendukung internet protocol, khusunya HTTP dan e-mail.
PHP mampu berhubungan dengan basis data dan dapat diintegrasikan
dengan HTML. PHP dapat berjalan dalam web server yang berbeda dalam system
sintak PHP mirip dengan C dan perl. Beberpa keuntungan menggunakan PHP
adalah sebagai berikut :
a. Open source, semua source code PHP tesedia.
b. PHP diterbitkan secara gratis, tidak ada biaya dalam
mengimplementasikan.
c. Cross-platform, PHP dapat berjalan dalam sistem operasi Windows 98,
Windows NT dan Macintosh.
d. PHP juga dapat berjalan pada server Microsoft Peronal Web Server, IIS
dan Aphace.
e. Embedded-html, karena itu PHP mudah dipelajari.
2.4.2 MySQL
MySql adalah perangkat lunak server basis data yang dapat melayani
banyak pengguna, dan dapat melakukan proses dalam waktu yang bersamaan
(multi threaded). MySql juga sangat ceapt dan fleksibel dan dapat menyimpan
data yang berkapasitas besar. Dalam perancangannya, MySql mengutamakan
kecepatan proses, ketangguhan dan kemudahan bagi penggunannya.
Pada saat ini MySql adalah server basis data yang paling banyak diminati
banyak perusahaan di dunia. MySql menyediakan lingkungan yang mudah dan
efisien untuk menyimpan data dan mengakses basis data berkapasitas besar lebih
cepat dari pada server basis data lainya. Keuntungan lainya adalah bahwa MySql
MySql server memungkinkan membuat aplikasi client untuk mengakses
dan memanipilasi data di server basis data melalui basis data provider.
Keuntungan utama menggunakan MySql server adalah mudah digunkan,
berkecepatan tinggi dan membutuhkan sedikit memori.
2.4.3. Dreamweaver MX
Macromedia Dreamweaver MX adalah program editor HTML professional
untuk mendesain, mengkode dan mengembangkan situs, halaman web, serta
aplikasi web. Tampilan fitur editing dalam Dreamweaver MX akan membantu
dalam membuat sebuah halaman web tanpa harus menuliskan kode java script
maupun HTML. Dreamweaver juga dapat membantu dalam membangun dynamic
database untuk aplikasi web dengan menggunakan server seperti ASP,
ASPNet,ColdFusion Markup Language (CFML), JSP dan PHP.
2.5 Alat Bantu Pemodelan Sistem
Pemodelan sistem merupakan cara untuk memudahkan dalam melakukan
perancangan perangkat lunak. Dimana tujuan dari pemodelan ini adalah untuk
memahami perilaku sistem yang akan dirancang dengan lebih mendetail dan
menggambarkan sistem secara lengkap dan sederhana sehingga dapat digunakan
untuk menjelaskan jalannya sistem.
Alat bantu (tools) yang digunakan dalam menganalisis dan merancang
perangkat lunak ini adalah sebagai berikut :
2. Diagram Arus Data (DAD)
3. Kamus Data
2.5.1 Diagram Konteks
Diagram konteks disebut juga dengan model sistem fundamental atau
model konteks, merepresentasikan seluruh elemen sistem sebagai sebuah bubble
tunggal dengan data input dan output yang ditunjukan oleh anak panah yang
masuk dan keluar secara berurutan.
2.5.2 Diagram Arus Data (DFD)
Diagram arus data adalah sebuah teknik grafis yang menggambarkan
aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari
input menjadi output.
2.5.3 Kamus Data
Kamus data merupakan sebuah daftar yang terorganisasi dari elemen data
yang berhubungan dengan sistem, dengan sefinisi yang tegar dan teliti sehingga
pemakai dan analis sistem akan memiliki pemahaman yang umum mengenai
input, output, komponen penyimpan dan bahkan kalkulasi intermedite
2.6 Perancangan Basis Data 2.6.1 Model Data
Model data dapat didefinisikan sebagai kumpulan perangkat konseptual
2.6.2 Diagram E-R (Diagram Entitas Relasi)
Diagram E-R merupakan suatu model perancangan basis data yang
berdasarkan pada kenyataan dunia nyata. Diagram ini terdiri dari sekumplulan
objek dan relasi antar objek tersebut, serta dapat digunakan untuk
menggambarkan relasi antara dua entitas atau lebih. Ada dua komponen
pembentuk model E-R yaitu entitas dan relasi. Kedua komponen ini
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1. Analisis Sistem
Tahap analisis merupakan tahap yang sangat berpengaruh dan
menentukan terhadap tahap selanjutnya. Kesalahan atau tidak lengkapnya analisa
akan berakibat tidak tercapainya keinginan pemakai atau user sesuai dengan yang
diharapkan. Tujuan dari analisa sistem antara lain adalah untuk mempelajari
aktivitas system untuk mendapatkan gambaran yang menyeluruh tenteang sistem
yang sedang berjalan dan permasalahan yang terjadi serta
kebutuhan-kebutuhannya.
Untuk melaksanakan hal tersebut diatas,maka harus dilakukan beberapa
tahapan dalam analisis system, yaitu :
1. Mengidentifikasi masalah, hal ini penting guna mengetahui latar
belakang dan batasan permasalahan
2. Menganalisa system yang sedang berjalan untuk mengetahui
kemampuan system yang ada baik ditinjau dari segi yayasan, dari DFD
atau pun dari mapping chartnya
3. Mengevaluasi system dan mengususlkan pendekatan pemecahan
3.1.1 Yayasan
3.1.1.1 Sejarah Singkat Yayasan
Ihyaud Da‟wah Foundation adalah sebuah lembaga swadaya masyarakat
yang memfokuskan pada pengelolaan Ziswaf (zakat, infaq, shodaqoh dan wakaf),
, Pelayanan Kesehatan, pelatihan-pelatihan dan layanan-layanan lainnya.
Memulai kiprahnya sejak Februari 2005 di Cimahi, lembaga yang
awalnya didirikan oleh Ustadz Taufik Ismail ,Lc ini, semakin menguatkan
eksistensinya sebagai lembaga atau yayasan pelayanan masyarakat. Legalitas
untuk melakukan ekspansi semakin kuat ketika lembaga ini telah mendapat
sertifikasi pengukuhan sebagai yayasan berdasarkan
Semangat membumikan nilai spritualitas menjadi kesalehan sosial
membingkai gerak yayasan ini sebagai mediator untuk melayani kepentingan
masyarakat.
Ihyaud Da‟wah Foundation (IDF) merupakan yayasan yang bergerak
dalam bidang pelayanan masyarakat dan sosial, yayasan ini terletak di daerah
Cimahi, yang berkantor di Jl. Komp Padasuka Indah Blok A No.81 Cimahi
3.1.1.2 Struktur Kepengurusan Yayasan
Direktur <H. Taufik Ismail, Lc>
Divisi Ziswaf
<Aji>
Divisi Haji dan Umrah
<Fuad Hasan> <Deni Kurnia Ilahi>
Bendahara <Indra Sukmayadi>
Divisi Usaha (Produk) <Agung Budi P> Divisi
Kesehatan (IHC) <Ari> Divisi
Pendidikan & Pelatihan <Anwar>
Gambar 3.1 Struktur Kepengurusan Yayasan
3.1.1.3 Layanan Yang Diberikan Yayasan
Dalam kesehariannya yayasan ini memberikan berbagai pelayanan
kepada masyarakat yang diantaranya :
1. Layanan Penerimaan dan Penyaluran Ziswaf (Zakat, infaq dan
shadaqah)
2. Layanan kesehatan masyarakat (Islamic Health Center)
3. Layanan Pelatihan-pelatihan (Peduli, SHQ, Thibun Nabawy,
Wirausaha)
3.1.1.4 Deskripsi Tugas
1. Divisi Ziswaf (Zakat, infaq, shadaqoh dan Wakaf)
Divisi ini bertugas untuk melakukan pelayanan Ziswaf (zakat, infak,
shadaqah dan wakaf) atau sebagai mediator antara muzakki (orang yang
mengeluarkan zakat) dan mustahiq (orang yang menerima zakat).
Divisi Ziswaf merupakan sebuah Lembaga yang fokus dibidang Pelayanan Zakat,
infak, shadaqah dan wakaf , diantara pelayanannya antara lain :
1. Layanan penyaluran zakat, infak, shadaqah dan wakaf
Yayasan akan membantu untuk mengelola dan menyalurkan zakat,
infak, shadaqah dan wakaf yang dtitipkan oleh masyarakat untuk
disalurkan kepada yang berhak
2. Konsultasi tentang zakat
Merupakan pelayanan bagi masyarakat yang membutuhkan informasi
tentang seputar zakat, infak, shadaqah dan wakaf, atau seputar
penghitungan zakat dan lain-lain
3. Jemput zakat gratis
Merupakan pelayanan bagi masyarakat yang akan membayar zakat
dengan cara dijemput oleh pihak yayasan.
4. Transfer Zakat via ATM
Membantu masyarakat untuk menunaikan kewajiban zakat dengan
2. Divisi Kesehatan (Islamic Health Center / IHC)
Divisi ini bertugas untuk memberikan pelayanan bagi masyarakat dibidang
kesehatan, divisi ini menyediakan pelayanan pengobatan cara nabi atatu biasa
disebut Thibun Nabawy.
IHC ( Islamic Health Center ) merupakan sebuah Lembaga yang fokus dibidang
Pelayanan Kesehatan dan Pelatihan Pengobatan sesuai dengan contoh Nabi (
Thibbun Nabawi ) , diantara pelayanannya antara lain :
1. Pelayanan Kesehatan ( Rumah Sehat Islami )
Merupakan Progran Pelayanan ummat dalam mencegah dan
mengobati penyakit dengan Prinsip – prinsip Ilahiah, Ilmiah dan
Alamiah. Diantara layanan dan metode pengobatannya, antara lain :
a. Konsultasi Pola Sehat Cara Rosul
b. Terapi Bekam
c. Chiropractic
d. Terapi colon Cleansing
2. Safari Thibbun Nabawi
Merupakan Program yang mensosialisasikan Pengobatan ala Nabi (
Thibbun Nabawi ) langsung ke Masyarakat. Program ini dilaksanakan
setiap sepekan sekali.
3. Pelatihan Skill Thibbun Nabawi
Merupakan Program yang mencetak kader – kader Thobiib ( Dokter
Islam ) yang akan menjadi solusi ditengah permasalahan ummat
4. Kajian Herba Sehari ( KHS )
Merupakan Program yang mensosialisasikan kepada Masyarakat
dalam mengangkat wacana terhadap kedokteran dan Farmasi Islam.
5. Penjualan Produk IHC (Herbal)
Merupakan penyediaan obat dan makanan yang aman dikonsumsi
karena berasal dari tumbuhan (herbal) alami dan madu
3. Divisi Pelatihan
Divisi ini bertugas untuk memberikan pelayanan bagi masyarakat dibidang
pelatihan-pelatihan dan keterampilan, program-progmarnya antara lain :
1. Peduli
Peduli adalah merupakan kepanjangan dari Pesantren Da‟i Terampil
dan Mandiri yang merupakan sebuah program pendidikan dan
pemberdayaan masyarakat. Materi-materi pelatihan “Peduli” ini antara
lain :
a. Paradigama of Power
b. Self Motivation
c. Selling Skill ( Negosiasi )
d. Public Speaking
e. Fikih Dakwah
f. Efektive Team Building
g. Islamic Enterpreneurship
2. Pelatihan Skill Thibun Nabawi ( Trainning Herbal )
Merupakan program yang bertujuan untuk memberikan keterampilan
kepada masyarakat didalam bidang Kedokteran Islam. Bentuk
kegiatannya antara lain :
1. Skill Dasar
Materi :
a. Sign Of Hand ( Deteksifikasi Telapak Tangan )
b. Holistik Teraphis Thibbun Nabawi
2. Skill Lanjutan
Materi :
a. Chiropractic ( Terapi Tulang Belakang )
b. Palpasi ( Deteksifikasi Denyut Nadi )
c. Herbalogi ( Ilmu Herbal )
d. Iridologi ( deteksifikasi Iris Mata )
e. Hijamah / Bekam
3. Skill Mahir
Materi :
a. Acupressure
b. Akupuntur
c. Hipnotherapy
3. Santri Hufadz Qur‟an (SHQ)
Merupakan program pelatihan yang mengkaji dan mempedalam
a. Tahsin Alqur‟an (membaca dengan baik dan benar)
b. Tahfiz (menghafal Al-Qur‟an)
c. Memahami (dari arti dan bahasa)
d. Menerapkan dan mendakwahkan
4. Wirausaha (Entrepreneurship)
Merupakan program pelatihan yang bertujuan untuk melatih menjadi
seorang wirausaha atau entrepreneur
3.1.1.5 Prosedur Pengolahan Data Zakat, Infak dan Shadaqah
Dalam Prosedur pengolahan data Zakat, infak dan Shadaqah (Ziswaf) ini
dapat diuraikan sebagai berikut :
1. Muzaki (orang yang akan menyalurkan zakat) mendatangai bagian
administrasi untuk meminta formulir Ziswaf.
2. Bagian administrasi memberikan formulir Ziswaf kepada Muzaki (orang
yang akan membayar zakat)
3. Muzaki (orang yang akan membayar zakat) melakukan pengisisan formulir
tersebut, kemudian memberikan formulir dan sejumlah uang yang akan
dizakatkan tersebut kepada bagian administrsi.
4. Petugas administrsi melakukan pemeriksaan formulir tersebut beserta uang
yang dizakatkan. Jika formulir yang telah diisi tidak lengkap maka akan
5. Jika formulir yang sudah diisi lengkap maka bagian administrsi akan
melakukan pencatatan data yang ada pada formulir tersebut kedalam buku
penerimaan Ziswaf
6. Bagian administrasi kemudian akan menyimpan formulir Ziswaf yang telah
diisi dan buku penerimaan Ziswaf kedalam Arsip
7. Bagian administrasi pun akan meyerahkan uang yang diberikan oleh
Muzaki kepada bagian keuangan (Bendahara). Untuk lebih lengkapnya
Muzaki Bagian Administrasi
Formulir Ziswaf Formulir Ziswaf
Pengisian Formulir Ziswaf
Formulir Ziswaf Yang Telah Diisi
Formulir Ziswaf Yang Telah Diisi
Pemeriksaan Fomulir
Ziswaf
Kelengkapan Formulir Ziswaf Formulir Ziswaf
Yang Tidak Lengkap Formulir Ziswaf
Yang Tidak Lengkap
Pencatatan Data Ziswaf
Buku Induk Ziswaf Formulir Ziswaf
Yang Lengkap Tidak
Ya
Formulir Ziswaf Yang Lengkap
3.1.1.6 Prosedur Pengolahan Data Kesehatan (IHC)
Dalam Prosedur pengolahan data Pelayanan Kesehatan (Islamic Health
Center) ini, prosesnya dapat diuraikan sebagai berikut :
1. Pasien mendatangai bagian administrasi untuk meminta formulir Layanan
Kesehatan.
2. Bagian administrsi memberikan formulir Pelayanan Kesehatan yang berisi
identitas pasien dan keluhan atau jenis penyakit yang diderita pasien.
3. Pasien melakukan pengisisan formulir tersebut, kemudian memberikan
formulir kepada bagian administrsi.
4. Petugas administrsi melakukan pemeriksaan formulir tersebut. Jika formulir
yang telah diisi tidak lengkap maka akan diserahkan kembali kepada Pasien
untuk dilengkapi kembali.
5. Jika formulir yang sudah diisi lengkap maka bagian administrsi akan
melakuakan pencatatan data yang ada pada formulir tersebut kedalam buku
Pasien Islamic health Center (IHC).
6. Bagian Administrasi akan mempersilahkan kepada pasien untuk keruangan
tenaga ahli pengobatan untuk melakukan pemeriksaan dan pengobatan.
7. Bagian administrasi kemudian akan menyimpan formulir Pelayanan
Kesehatan yang telah diisi dan buku Pasien Islamic Health center (IHC)
kedalam Arsip.
Pengunjung Bagian Administrasi
Formulir layanan Kesehatan
Formulir layanan Kesehatan
Pengisian Formulir layanan
Kesehatan
Formulir layanan Kesehatan Yang Telah Diisi
Formulir layanan Kesehatan Yang Telah Diisi
Pemeriksaan Formulir layanan
Kesehatan
Lengkap Formulir layanan
Kesehatan Yang Tidak Lengkap
Pencatatan Data Layanan Kesehatan
Buku Induk Data Layanan
Kesehatan Tidak
Ya Formulir layanan
Kesehatan Yang Tidak Lengkap
Formulir layanan Kesehatan Yang Lengkap
Formulir layanan Kesehatan Yang Lengkap
3.1.1.7 Prosedur Pengolahan Data Pelatihan
Dalam Prosedur pengolahan data pelatihan ini, prosesnya dapat diuraikan
sebagai berikut :
1. Calon anggota pelatihan mendatangai bagian administrasi untuk meminta
formulir Pelatihan yang didalamnya terdapat lembar informasi pelatihan,
persyaratan dan formulir pendaftaran.
2. Bagian administrsi memberikan formulir pelatihan kepada pendaftar.
3. Pendaftar melakukan pengisisan formulir tersebut, kemudian memberikan
formulir kepada bagian administrsi.
4. Petugas administrsi melakukan pemeriksaan formulir tersebut. Jika formulir
yang telah diisi tidak lengkap maka akan diserahkan kembali kepada
pendaftar untuk dilengkapi kembali.
5. Jika formulir yang sudah diisi lengkap maka bagian administrsi akan
melakuakan pencatatan data yang ada pada formulir tersebut kedalam buku
Peserta Pelatihan
6. Bagian administrasi kemudian akan menyimpan formulir pelatihan yang
telah diisi dan buku peserta pelatihan kedalam Arsip
7. Bagian administrasi kemudian akan memberikan informasi kepada
Pendaftar atau peserta pelatihan tentang ketentuan pelatihan dan informasi
kelanjutan pelatihan.
Calon Anggota Pelatihan Bagian Administrasi
Formulir Pelatihan
Formulir Pelatihan
Pengisian Formulir Pelatihan
Formulir Pelatihan Yang Telah Diisi
Formulir Pelatihan Yang Telah Diisi
Pemeriksaan Formulir Pelatihan
Lengkap Formulir
Pelatihan Yang Tidak Lengkap
Pencatatan Data Formulir Pelatihan
Buku Induk Data Pelatihan Tidak
Ya Formulir
Pelatihan Yang Tidak Lengkap
Formulir Pelatihan Yang Lengkap
Formulir Pelatihan Yang Lengkap
3.2 Analisis Masalah 3.2.1 Evaluasi Sistem
Berdasarkan analisis sistem yang dilakukan pada sistem yang sedang
berjalan, berikut ini merupakan gambaran umum mengenai proses sistem dan
proses yang terjadi:
1. Dalam melakukan kegiatannya yayasan ini masih menggunakan proses
konvensional atau manual atau dengan kata lain masyarakat yang
membutuhkan pelayanan harus berinteraksi (datang) langsung dengan
pihak atau petugas yayasan untuk mendapatkan pelayanan yang
diinginkan.
2. Sistem bekerja dengan sistem berkas yang keberadaannya mudah
hilang serta sulit dalam melakukan proses pencarian data
3. Pengaksesan informasi yang terbatas yang hanya dapat diakses oleh
masyarakat yang jaraknya dekat dengan keberadaan Yayasan.
4. Pengguna layanan (masyarakat) masih terbatas dengan jarak dan
waktu
5. Proses pencatatan data dan pembuatan laporan yang banyak terjadi di
bagian administrasi serta dilakukan secara manual sehingga
memerlukan waktu yang cukup lama dan tentu saja memerlukan media
3.2.2 Solusi
Dari beberapa permasalahan yang terjadi, maka dibutuhkan sebuah solusi
untuk menyelesaikan masalah tersebut. Menurut penulis solusi untuk
menyelesaikan masalah tersebut adalah dengan merancang dan membangun
sebuah website yang dapat membantu yayasan untuk mempublikasikan
keberadaan yayasan tersebut, memberikan informasi dan layanan kepada
masyarakat dengan cepat tanpa terbatas jarak dan waktu, serta manfaat lainnya
yang menjembatanai kebutuhan antara yayasan dengan masyarakat.
Yayasan Ihyaud Da‟wah Foundation ini dalam perkembangannya
berkeinginaan untuk memberikan pelayanan dan informasi tidak hanya secara
konvensional atau manual tapi lebih dari itu ingin memberikan pelayanan dan
informasi secara lebih baik, lebih modern, lebih mudah, terkomputerisasi, dapat
diakses setiap saat tanpa dibatasi oleh ruang dan waktu dan bisa dikenal oleh
masyarakat luas.
Oleh karenanya untuk mencapai itu maka dibutuhkan kehadiran sebuah
web site. Hal ini sangatlah penting karena keberadaan suatu web site dapat
membantu penyampaian informasi secara luas dan komprehensif, bisa diakses
setiap saat dan bisa dimanfaatkan serta dikenal oleh masyarakat luas. Bukan itu
saja keberadaan web site akan dapat membantu memperluas jangkauan pemasaran
3.3 Analisis Sistem Yang Akan Dibangun 3.3.1 Perubahan Sistem
Tahap ini diharapkan dapat memberikan suatu informasi yang cepat,
tepat dan efektif dalam memberikan informasi dan menjadi solusi alternative
dalam pemecahan masalah yang ada di sistem yang dianalisis.
3.3.1.1 Uraian Perubahan Sistem
Ada beberapa perubahan dalam perancangan sistem baru ini, Adapun
perubahan-perubahan dalam sistem baru yang penulis rancang adalah sebagai
berikut :
1. Merancang pengkodean dokumen sehingga memudahkan dalam
pencarian dan pengelompokan dokumen
2. Perubahan sistem pengarsipan yang masih belum terkomputerisasi
menjadi berbasis komputer sehingga memudahkan dalam pemeliharaan
dan pencarian data
3. Perubahan proses pembuatan dokumen yang lain menjadi berbasis data
3.3.1.2 Flow Map Yang Diusulkan
Anggota Administrator
Data Admin
Data Pengunjung dan Kebutuhan
Data Pengunjung dan kebutuhan
Pengolahan Data Pengunjung
dan kebutuhan
Informasi dan pelayanan yang dibutuhkan Informasi dan
pelayanan yang dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
Pengolahan Pelayanan yang
dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
Data Pengunjung dan Kebutuhan
Data Pengunjung dan kebutuhan
Pengolahan Data Pengunjung
dan kebutuhan
Informasi dan pelayanan yang dibutuhkan Informasi dan
pelayanan yang dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
Pengolahan Pelayanan yang
dibutuhkan
Informasi dan pelayanan yang
dibutuhkan
3.3.1.3 Diagram Konteks Yang diusulkan
Website Yayasan Ihyaud Da’wah
foundation Pengunjung
Info Profil Yayasan Info Profil Layanan Ziswaf Info Profil Layanan IHC Info Profil Pelatihan Info Pelayanan Ziswaf Info Pelayanan IHC Info Pelayanan Pelatihan Info pelayanan Konsultasi Info Berita
Info artikel Info Galeri
Info Konfirmasi Pembayaran Ziswaf Info Jemput Zakat Info Pendaftaran Anggota IHC Info Pemesanan Produk Info Pendaftaran Pelatihan Info Konfirmasi Pembayaran Pelatihan Info Konsultasi
Staff Administrasi Data Pengunjung
Data Pendaftaran Data Konsultasi Data Pemesanan Produk Data Jemput zakat Data Pembayaran Ziswaf Data Pembayaran Pelatihan
Data Update Profil Yayasan Data Update Profil Layanan Ziswaf Data Update Profil Layanan IHC Data Update Profil Pelatihan Data Berita
Data Artikel Data Galeri Data User Info Buku Tamu
Info profil Yayasan Info Pelayanan Ziswaf Info Pelayanan IHC Info Pelayanan Pelatihan Info Berita Info artikel Info Galeri Info User
Data Pelayanan ziswaf Data Pelayanan IHC Data Pelayanan Pelatihan Data Produk Data Jawaban Konsultasi Data Pelayanan Pemesanan Produk Data Pembayaran Ziswaf Data Pembayaran Pelatihan Data Info Ziswaf, IHC & Pelatihan Admin