Perancangan dan Pembangunan Aplikasi Layanan Masyarakat Berbasis Web pada Yayasan IHYAUD Da'wah Foundation (IDF) dengan Menggunakan PHP dan MYSQL
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
(2)
i
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
(3)
ii
2. Bapak Prof. Dr. Ukun Sastraprawira, M.Sc. selaku Dekan Fakultas Teknik dan
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, JPRMI.
(4)
iii
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
(5)
iv
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
(6)
v
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
(7)
vi
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
(8)
vii
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
(9)
viii
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
(10)
ix
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
(11)
viii
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
(12)
ix
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
(13)
x
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
(14)
xi
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
(15)
xii
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
(16)
xiii 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
(17)
xiv
1. LAMPIRAN A Tampilan Antarmuka ... 144
2. LAMPIRAN B Listing Program ... 158
(18)
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.
(19)
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.
(20)
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
Mira Kania Sabariah, S.T., M.T. NIP. 41277006008
(21)
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
Andry Alamsyah, M.Si. NIP.
(22)
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
(23)
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 informasi secara lebih baik, lebih modern, lebih mudah, terkomputerisasi, dapat
(24)
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 akhir ini adalah untuk merancang dan membangun website Yayasan Ihyaud
(25)
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 peninjauan langsung terhadap permasalahan yang diambil.
(26)
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
(27)
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
(28)
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, identifikasi data yang diperlukan dan cara pengumpulannya, penentuan sampel
(29)
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
(30)
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 yang digunakan untuk mengolah data menjadi informasi. Misalnya penjumlahan,
(31)
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 beberapa transaksi. Selain beberapa golongan tersebut juga terdapat
(32)
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
(33)
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
(34)
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
(35)
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
(36)
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
(37)
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
(38)
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
(39)
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.
(40)
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 operasi yang berbeda pula. PHP ditulis dalam bahasa C, sehingga sebagian besar
(41)
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 server tidak membutuhkan spesifikasi hardware yang mahal.
(42)
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 :
(43)
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 untuk mengambarkan data, semantik(makna) data dan batasan data.
(44)
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 dideskripsikan lebih jauh melalui sejumlah atribut.
(45)
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
(46)
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 Tengah , Kota Cimahi.
(47)
3.1.1.2 Struktur Kepengurusan Yayasan
Direktur <H. Taufik Ismail, Lc>
Divisi Ziswaf
<Aji>
Divisi Haji dan Umrah
<Fuad Hasan>
Divisi Keluarga Islami
(SFC) <Mashuri A>
Divisi Koperasi Syariah
(BMT) <Nuryana> Sekretaris
<Nur>
Manager <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)
(48)
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 mudah, cepat, aman melalui bank.
(49)
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 terutama di bidang Kesehatan.
(50)
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
(51)
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
(52)
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 diserahkan kembali kepada Muzaki untuk dilengkapi kembali.
(53)
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 dapat dilihat pada gambar dibawah ini :
(54)
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
(55)
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.
(56)
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
(57)
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.
(58)
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
(59)
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 penyimpanan baik itu buku atau kertas yang tidak sedikit
(60)
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 layanan jasa dan produk yang ditawarkan oleh yayasan
(61)
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
(62)
3.3.1.2 Flow Map Yang Diusulkan Anggota Administrator Data Admin Login Data dan Informasi Pelayanan Pengolahan Data Lengkap Bagian Pelayanan (Staff Administrasi) Data dan Informasi Pelayanan Data dan Informasi Pelayanan Data dan Informasi Pelayanan Logout Valid Invalid 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 Pengunjung Data dan Informasi Pelayanan Data dan Informasi Pelayanan Data Anggota Login Lengkap Valid Invalid 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
(63)
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
(64)
3.3.1.4 Data Flow Diagram (DFD) Yang Diusulkan
2 Pengolahan Data
Yayasan Ihyaud Da’wah Foundation (IDF)
Admin
TB User
Info Login Admin Invalid
TB Produk TB Buku Tamu TB Berita TB Artikel TB Galeri TB Profil Tb Info TB Pembayaran pelatihan TB Pembayaran produk TB Pembayaran Ziswaf TB Pembayaran Anggota IHC Pengunjung / Pendaftar 3 Menampilkan informasi Web Dan pengolahan Data pengunjung TB Anggota IHC TB Anggota Pelatihan TB Pemesanan Produk Data Admin (Username+ Password)
Data Update profil Yayasan Data Update Pelayanan Ziswaf Data Update Pelayanan IHC Data Update Pelayanan 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 Anggota IHC Data Anggota Pelatihan Data pembayaran pelatihan Data pembayaran produk Data pembayaran ziswaf Data Produk Data Konsultasi Data
Buku tamu BeritaData ArtikelData
Data konsultasi
Data Produk Data
Buku tamu Data Berita Data
Artikel
Data Pemesanan Produk
Info Profil Yayasan Info Pelayanan Ziswaf Info Pelayanan IHC Info Pelayanan Pelatihan Info pelayanan Konsultasi Info Berita Info artikel Info Galeri Data Pengunjung Data Pendaftaran Data Konsultasi Data Pemesanan Produk Data Jemput zakat Data Pembayaran Ziswaf Data Pembayaran Pelatihan
Data Update Admin
TB Konsultasi
Data Pembayaran Anggota IHC
Data Galeri Data Galeri 1 Login Data Login Admin Staff Administrasi Data Staff Administrasi (Username+ Password) Data pembayaran Anggota IHC Data Pemesanan Produk
TB Jemput Zakat Data Jemput Zakat
Data Jemput Zakat Data Login Staff Administrasi Info Login Staff Administrasi Invalid
Info Konfirmasi Pembayaran Ziswaf Info Jemput Zakat Info Pendaftaran Anggota IHC Info Pemesanan Produk Info Pendaftaran Pelatihan Info Konfirmasi Pembayaran Pelatihan Info Konsultasi
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 konfirmasi Pembayaran ziswaf Data Pembayaran Produk Data Pembayaran Pelatihan
Data Anggota Pelatihan Data Anggota IHC
Data Profil Data Informasi Ziswaf, Pelatihan & IHC Data Profil Data Informasi Ziswaf, Pelatihan & IHC
(65)
3.3.2 Kebutuhan Perangkat Lunak
Perangkat lunak atau lebih sering disebut software merupakan suatu aspek penting dalam pembuatan website Yayasan Ihyaud Da‟wah foundation. Adapun kebutuhan perangkat lunak yang digunakan untuk website adalah :
1. Sistem operasi minimal setara dengan Windows 9x
2. Internet Browser (Internet explorer, Modzila firefox, dll), digunakan untuk
menjelajahi internet
3. Internet local web server, digunakan untuk menguji website yang telah
dibangun sebelum diupload ke internet.
4. Software untuk merancang website (Macromedia Dreamweaver MX,
Homesite, PHP Coder, dll)
5. Software untuk mendesain atau mempercantik tampilan website (Adobe
Photoshop, Flash MX, dll)
6. Database yang digunakan sebagai media penyimpanan data, yang akan selalu
berhubungan deangan website (MySQL, Ms Acces, dll)
3.3.3 Kebutuhan Perangkat Keras
Analisis perangkat keras atau sering disebut hardware yaitu dapat
mendukung sistem jaringan dan memilki koneksi keinternet. Untuk spesifikasi perangkat keras yang dibutuhkan dapat dilihat dibawah ini:
1. Media penyimpanan yaitu harddisk 10 GB
2. Monitor 15 “
(66)
4. Memory (Ram) Minimal 128 MB
Dari hasil pengamatan terhadap perangkat keras, terdapat beberapa hal penting yang harus diperhatikan agar system yang akan dirancang dapat berjalan dengan baik sesuai yang diharapkan.
3.4 Perancangan Sistem 3.4.1 Diagram Konteks
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
(67)
3.4.2 Data Flow Diagram (DFD)
2 Pengolahan Data
Yayasan Ihyaud Da’wah Foundation (IDF)
Admin
TB User
Info Login Admin Invalid
TB Produk TB Buku Tamu TB Berita TB Artikel TB Galeri TB Profil Tb Info TB Pembayaran pelatihan TB Pembayaran produk TB Pembayaran Ziswaf TB Pembayaran Anggota IHC Pengunjung / Pendaftar 3 Menampilkan informasi Web Dan pengolahan Data pengunjung TB Anggota IHC TB Anggota Pelatihan TB Pemesanan Produk Data Admin (Username+ Password)
Data Update profil Yayasan Data Update Pelayanan Ziswaf Data Update Pelayanan IHC Data Update Pelayanan 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 Anggota IHC Data Anggota Pelatihan Data pembayaran pelatihan Data pembayaran produk Data pembayaran ziswaf Data Produk Data Konsultasi Data
Buku tamu BeritaData ArtikelData
Data konsultasi
Data Produk Data
Buku tamu Data Berita Data
Artikel
Data Pemesanan Produk
Info Profil Yayasan Info Pelayanan Ziswaf Info Pelayanan IHC Info Pelayanan Pelatihan Info pelayanan Konsultasi Info Berita Info artikel Info Galeri Data Pengunjung Data Pendaftaran Data Konsultasi Data Pemesanan Produk Data Jemput zakat Data Pembayaran Ziswaf Data Pembayaran Pelatihan
Data Update Admin
TB Konsultasi
Data Pembayaran Anggota IHC
Data Galeri Data Galeri 1 Login Data Login Admin Staff Administrasi Data Staff Administrasi (Username+ Password) Data pembayaran Anggota IHC Data Pemesanan Produk
TB Jemput Zakat Data Jemput Zakat
Data Jemput Zakat Data Login Staff Administrasi Info Login Staff Administrasi Invalid
Info Konfirmasi Pembayaran Ziswaf Info Jemput Zakat Info Pendaftaran Anggota IHC Info Pemesanan Produk Info Pendaftaran Pelatihan Info Konfirmasi Pembayaran Pelatihan Info Konsultasi
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 konfirmasi Pembayaran ziswaf Data Pembayaran Produk Data Pembayaran Pelatihan
Data Anggota Pelatihan Data Anggota IHC
Data Profil Data Informasi Ziswaf, Pelatihan & IHC Data Profil Data Informasi Ziswaf, Pelatihan & IHC
(68)
3.4.2.1 DFD level 2 Proses 1 Login User
Admin Staff Administrasi
1.2 Verifikasi Password Password
Staff Administrasi
Info Login Invalid
Password Admin
Info Login Invalid 1.1
Verifikasi Username
Username Staff Administrasi
Info Login Invalid
Username Admin
Info Login Invalid
TB User
Password Staff Administrasi Username
Staff Administrasi Verifikasi Username
Admin
Verifikasi Password Admin
Login Valid Username
Admin
Password Admin Verifikasi Username
Staff Administrasi Verifikasi PasswordStaff Administrasi
Gambar 3.10 DFD Level 2 Proses 1 (Login User)
3.4.2.2 DFD level 2 Proses 2 Pengolahan Data Yayasan Ihyaud Da’wah Foundation
2.1 Cek Data Pembayaran
Ziswaf Tb Pembayaran
Ziswaf
Data Penerimaan atau Penolakan Pembayaran Ziswaf Data Penerimaan atau Penolakan
Pembayaran Ziswaf
Info Pembayaran Ziswaf Yang diterima
Info Pembayaran Ziswaf Yang diterima
(1)
Tabel 3.29. Penjelasan Antarmuka Pengisian Pemesanan Produk
No Fungsi Keterangan
1 Gambar Logo Gambar atas tampilan utama, logo yayasan Ihyaud
Da‟wah Foundation
2 Halaman Muka Untuk Menghubungkan ke tampilan utama
3 profil Untuk menghubungkan ke tampilan profil Yayasan
Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan yang lain, antara lain : tentang
kami,sejarah,visi dan misi, pengurus, legal formal dan logo.
4 Layanan Untuk menghubungkan ke tampilan layanan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan layanan, antara lain : ziswaf,kesehatan (IHC) dan konsultasi
5 Pelatihan Untuk menghubungkan ke tampilan pelatihan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan pelatihan-pelatihan, antara lain :
Peduli,Hufadz Qur‟an, Thibun Nabawy dan
Wirausaha
6 News Room Untuk menghubungkan ke tampilan informasi
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan info-info seputar yayasan atau info
seputar islam, antara lain : Artikel, Berita dan Galeri
7 Produk Untuk menghubungkan ke tampilan informasi
Produk Yayasan Ihyaud Da‟wah Foundation (IDF)
8 Buku Tamu Untuk menghubungkan ke tampilan informasi
Pengunjung web site
9 Login Tempat mengisi username dan password untuk
melakukan login ketampilan anggota, admin atau staf admin
10 Daftar link Untuk menghubungkan ketampilan lain, antara lain
link profil, pendiri, konsultasi, dll
11 Link Artikel Menghubungkan ke tampilan artikel seputar islam
12 Hadits Menampilkan hadits
13 Jadwal shalat Menampilkan waktu shalat
14 No_pesan, Nama, Alamat, Kota, Kodepos, Telp, Email, Jenis, jumlah,
(2)
Paket_tambahan, Jumlah_tambahan
3.4.6.14 Antarmuka Pengisian Konfirmasi Pembayaran Produk
Menampilkan Halaman yang berisi form pengisian konfirmasi pembayaran produk, setelah pendaftar membayar biaya produk sesuai dengan harga yang tertera di halaman web melalui bank dengan cara ditransfer ke rekening yayasan. Pengunjung wajib mengisi form ini sebagai bentuk laporan telah membayar uang pemesanan produk ke yayasan.
Gambar Logo
Login
Daftar Link
Footer
Link Artikel
Hadits
Jadwal Shalat No_pemesanan
Nama Jumlah Rincian
Bank Tgl_bayar
Halaman Muka Profil Layanan Pelatihan NewsRoom Produk Buku Tamu
Gambar 3.32. Antarmuka Pengisian Konfirmasi Pembayaran Produk
Tabel 3.30. Penjelasan Antarmuka Pengisian Konfirmasi Pembayaran Produk
No Fungsi Keterangan
1 Gambar Logo Gambar atas tampilan utama, logo yayasan Ihyaud
Da‟wah Foundation
2 Halaman Muka Untuk Menghubungkan ke tampilan utama
3 profil Untuk menghubungkan ke tampilan profil Yayasan
Ihyaud Da‟wah Foundation (IDF), yang didalamnya
terdapat link untuk menghubungkan ke tampilan yang lain, antara lain : tentang kami,sejarah,visi dan
(3)
misi, pengurus, legal formal dan logo.
4 Layanan Untuk menghubungkan ke tampilan layanan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan layanan, antara lain : ziswaf,kesehatan (IHC) dan konsultasi
5 Pelatihan Untuk menghubungkan ke tampilan pelatihan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan pelatihan-pelatihan, antara lain :
Peduli,Hufadz Qur‟an, Thibun Nabawy dan
Wirausaha
6 News Room Untuk menghubungkan ke tampilan informasi
Yayasan Ihyaud Da‟wah Foundation (IDF), yang didalamnya terdapat link untuk menghubungkan ke tampilan info-info seputar yayasan atau info seputar islam, antara lain : Artikel, Berita dan Galeri
7 Produk Untuk menghubungkan ke tampilan informasi
Produk Yayasan Ihyaud Da‟wah Foundation (IDF)
8 Buku Tamu Untuk menghubungkan ke tampilan informasi
Pengunjung web site
9 Login Tempat mengisi username dan password untuk
melakukan login ketampilan anggota, admin atau staf admin
10 Daftar link Untuk menghubungkan ketampilan lain, antara lain
link profil, pendiri, konsultasi, dll
11 Link Artikel Menghubungkan ke tampilan artikel seputar islam
12 Hadits Menampilkan hadits
13 Jadwal shalat Menampilkan waktu shalat
14 No_pemesanan, Nama, Jumlah, Rincian, Bank, Tgl_bayar
Menampilkan formulir inputan konfirmasi pembayaran produk kerekening yayasan melalui transfer bank
3.4.6.15 Antarmuka Informasi Buku Tamu
Menampilkan Halaman yang berisi data-data pengunjung yang mengisi buku tamu beserta komentar dari pengujung.
(4)
Gambar Logo
Login
Daftar Link
Footer
Link Artikel
Hadits
Jadwal Shalat Halaman
Informasi Buku Tamu
Halaman Muka Profil Layanan Pelatihan NewsRoom Produk Buku Tamu
Gambar 3.33. Antarmuka Informasi Buku Tamu
Tabel 3.31. Penjelasan Antarmuka Informasi Buku Tamu
No Fungsi Keterangan
1 Gambar Logo Gambar atas tampilan utama, logo yayasan Ihyaud
Da‟wah Foundation
2 Halaman Muka Untuk Menghubungkan ke tampilan utama
3 profil Untuk menghubungkan ke tampilan profil Yayasan
Ihyaud Da‟wah Foundation (IDF), yang didalamnya
terdapat link untuk menghubungkan ke tampilan yang lain, antara lain : tentang kami,sejarah,visi dan misi, pengurus, legal formal dan logo.
4 Layanan Untuk menghubungkan ke tampilan layanan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan layanan, antara lain : ziswaf,kesehatan (IHC) dan konsultasi
5 Pelatihan Untuk menghubungkan ke tampilan pelatihan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan pelatihan-pelatihan, antara lain :
Peduli,Hufadz Qur‟an, Thibun Nabawy dan
Wirausaha
6 News Room Untuk menghubungkan ke tampilan informasi
Yayasan Ihyaud Da‟wah Foundation (IDF), yang didalamnya terdapat link untuk menghubungkan ke tampilan info-info seputar yayasan atau info seputar
(5)
islam, antara lain : Artikel, Berita dan Galeri
7 Produk Untuk menghubungkan ke tampilan informasi
Produk Yayasan Ihyaud Da‟wah Foundation (IDF)
8 Buku Tamu Untuk menghubungkan ke tampilan informasi
Pengunjung web site
9 Login Tempat mengisi username dan password untuk
melakukan login ketampilan anggota, admin atau staf admin
10 Daftar link Untuk menghubungkan ketampilan lain, antara lain
link profil, pendiri, konsultasi, dll
11 Link Artikel Menghubungkan ke tampilan artikel seputar islam
12 Hadits Menampilkan hadits
13 Jadwal shalat Menampilkan waktu shalat
14 Halaman Buku Tamu
Menampilkan halaman berisi pengunjung web site dan komentar pengunjung
3.4.6.16 Antarmuka Pengisisan Buku Tamu
Menampilkan Halaman yang berisi form pengisian buku tamu atau data pengunjung web site
Nama Alamat
Email komentar
Gambar Logo
Login
Daftar Link
Footer
Link Artikel
Hadits
Jadwal Shalat Halaman Muka Profil Layanan Pelatihan NewsRoom Produk Buku Tamu
(6)
Tabel 3.35. Penjelasan Antarmuka Pengisisan Buku Tamu
No Fungsi Keterangan
1 Gambar Logo Gambar atas tampilan utama, logo yayasan Ihyaud
Da‟wah Foundation
2 Halaman Muka Untuk Menghubungkan ke tampilan utama
3 profil Untuk menghubungkan ke tampilan profil Yayasan
Ihyaud Da‟wah Foundation (IDF), yang didalamnya
terdapat link untuk menghubungkan ke tampilan yang lain, antara lain : tentang kami,sejarah,visi dan misi, pengurus, legal formal dan logo.
4 Layanan Untuk menghubungkan ke tampilan layanan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan layanan, antara lain : ziswaf,kesehatan (IHC) dan konsultasi
5 Pelatihan Untuk menghubungkan ke tampilan pelatihan
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan pelatihan-pelatihan, antara lain :
Peduli,Hufadz Qur‟an, Thibun Nabawy dan
Wirausaha
6 News Room Untuk menghubungkan ke tampilan informasi
Yayasan Ihyaud Da‟wah Foundation (IDF), yang
didalamnya terdapat link untuk menghubungkan ke tampilan info-info seputar yayasan atau info seputar islam, antara lain : Artikel, Berita dan Galeri
7 Produk Untuk menghubungkan ke tampilan informasi
Produk Yayasan Ihyaud Da‟wah Foundation (IDF)
8 Buku Tamu Untuk menghubungkan ke tampilan informasi
Pengunjung web site
9 Login Tempat mengisi username dan password untuk
melakukan login ketampilan anggota, admin atau staf admin
10 Daftar link Untuk menghubungkan ketampilan lain, antara lain
link profil, pendiri, konsultasi, dll
11 Link Artikel Menghubungkan ke tampilan artikel seputar islam
12 Hadits Menampilkan hadits
13 Jadwal shalat Menampilkan waktu shalat
14 Nama, Alamat, Email, komentar