SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB Dibuat Oleh : Yogie Desmansyah 41812110155 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB Proposal Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Sistem Informasi Dibuat Oleh: Yogie Desmansyah 41812110155 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
LEMBAR PERNYATAAN Yang bertanda tangan di bawah ini: NIM : 41812110155 Nama : YOGIE DESMANSYAH Judul Skripsi : SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB Menyatakan bahwa skripsi tersebut adalah hasil karya saya sendiri dan bukan plagiat. Kecuali kutipan-kutipan dan teori-teori yang digunakan dalam skripsi ini. Apabila ternyata ditemukan di dalam laporan skripsi saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut. Jakarta, 12 Juni 2017 (Yogie Desmansyah) i
LEMBAR PERSETUJUAN SIDANG Yang bertanda tangan di bawah ini: NIM : 41812110155 Nama : YOGIE DESMANSYAH Judul Skripsi : SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB SKRIPSI INI TELAH DIPERIKSA DAN DISETUJUI Jakarta, 12 Juni 2017 Sarwati Rahayu, ST. MMSI Dosen Pembimbing ii
LEMBAR PENGESAHAN NIM : 41812110155 Nama : YOGIE DESMANSYAH Jurusan : Sistem Informasi Fakultas : Ilmu Komputer Judul Skripsi : SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB SKRIPSI INI TELAH DIPERIKSA DAN DISIDANGKAN Jakarta, 12 Juni 2017 Sarwati Rahayu, ST. MMSI Dosen Pembimbing Inge Handriani, M.Ak. MMSI Koord. Tugas Akhir Sistem Informasi Nur Ani, ST., MMSI KaProdi Sistem Informasi iii
KATA PENGANTAR Alhamdulillah Puji serta syukur kehadiran Allah Subhanahuwata ala, yang telah memberikan rahmat dan karunia-nya, sehingga penulis dengan segala usaha dan kemampuan dapat menyelesaikan Tugas Akhir atau skripsi. Dalam pembuatan SISTEM APLIKASI PENGELOLAAN MANAJEMEN MASJID BERBASIS WEB penulis banyak memiliki kesulitan baik dari segi bahasa maupun teknik pemulisannya. Hal ini disebabkan karena keterbatasan kemampuan penulis sebagai manusia biasa yang tidak lepas dari segala kekurangan. Oleh karena itu dengan senang hati penulis menerima kritik dan saran yang bersifat mendidik bagi penulis khususnya, dan pembaca pada umumnya. Pada kesempatan ini pula dengan segala kerendahan hati izinkanlah penulis menyampaikan ucapan terima kasih kepada : 1. Allah Subhanahuwata ala sang maha pencipta langit dan bumi yang telah memberikan kekuatan dan mempermudah dalam setiap kesulitan, serta menjadi tujuan hidup saya 2. Rasulullah Nabi Muhammad Shalaullahualaihiwasalam manusia paling sempurna yang menjadi inspirator, tauladan dan refrensi hidup saya 3. Kedua orang tua saya yang selalu memberikan doa, motivasi, serta memberikan dukungan moral dan semangat sehingga saya dapat mengerjakan Tugas Akhir atau Skripsi ini 4. Ibu Sarwati Rahayu, ST. MMSI selaku dosen pembimbing yang selalu memberikan bimbingan, masukan, serta motivasi kepada saya untuk dapat menyelesaikan Tugas Akhir ini. 5. Ibu Nur Ani, ST., MMSI Kaprodi Sistem Informasi yang telah menyetujui skripsi saya. 6. Ibu Inge Handriani, SE., MMSI selaku koordinator Tugas Akhir Sistem Informasi 7. Teman dan sahabat saya yang selalu menasehati dalam kebenaran dan kesabaran. 8. Orang-orang yang selalu memberikan motivasi dan semangat dalam mengerjakan Tugas Akhir atau skripsi ini. Penulis menyadari bahwa penulisan Tugas Akhir ini masih jauh dari sempurna. Untuk itu penulis mengharapkan adanya kritik dan saran yang bersifat membangun demi kesempurnaan penulis di masa yang akan datang. Akhir kata penulis berharap semoga Tugas Akhir ini dapat memberikan wawasan dan manfaat bagi kita.semoga Allah Subhanahuwata ala membalas kebaikan dan selalu melimpahkan rahmat-nya kepada kita semua. Jakarta, Juni 2017 ( Yogie Desmansyah ) iv
DAFTAR ISI Halaman LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN SIDANG... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRAK... v ABSTRACT... vi DAFTAR ISI... vii DAFTAR GAMBAR... ix DAFTAR TABEL... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Permasalahan... 2 1.3 Batasan Masalah... 2 1.4 Tujuan... 2 1.5 Manfaat... 2 1.6 Metodologi Penelitian... 3 1.6.1 Jenis Penelitian... 3 1.6.2 Metode pengumpulan data... 3 1.6.2 Metode pengembangan data... 4 1.7 Sistematika Penulisan... 5 BAB II Landasan Teori...... 6 2.1 Pengertian Manajemen... 6 2.2 Pengertian Masjid... 6 2.3 Pengertian Manajemen Masjid... 6 2.4 Pengertian Konsep Dasar Berorientasi Objek... 6 2.4.1 Metode Waterfall... 6 2.4.2 UML (Unified Model Language)... 7 2.4.3 Analisa dan Perancangan Objek... 8 2.5 Metode Pengujian...... 13 2.5.1 Metode Black Box... 13 2.6 Laravel...... 14 2.5 Penelitian Sejenis...... 14 BAB III Analisa Dan Perancangan Sistem... 17 3.1 Analisa Sistem Berjalan... 17 3.1.1 Flowchart Sistem Berjalan... 17 vii
3.1.2 Use Case Diagram... 18 3.1.3 Activity Diagram Sistem Berjalan... 19 3.2 Sistem Usulan... 22 3.2.1 Use Case Diagram Sistem Usulan... 22 3.2.2 Activity Diagram Sistem Usulan... 24 3.2.3 Sequence Diagram Sistem Usulan... 31 3.2.4 Class Diagram Sistem Usulan... 35 3.2.5 Rancangan Database Sistem Usulan... 36 3.2.6 Rancangan Layar Sistem Usulan... 39 BAB IV IMPLEMENTASI DAN PENGUJIAN... 48 4.1 Implementasi... 48 4.1.1 Spesifikasi Sistem... 48 4.1.2 Pembatasan Implementasi... 49 4.1.3 Implementasi Perancangan Basis Data... 49 4.1.4 Implementasi Halaman Login... 54 4.2 Pengujian... 58 4.2.1 Skenario dan Hasil pengujian... 59 4.3 Analisa dan Hasil Pengujian... 63 Bab V PENUTUP... 64 5.1 Kesimpulan.... 64 5.2 Saran... 64 DAFTAR PUSTAKA.... 65 LAMPIRAN-LAMPIRAN.... 66 viii
DAFTAR GAMBAR Gambar 2.1 Waterfall (Alan Dennis, 2012).... 7 Gambar 2.2 Contoh Use Case (Alan Dennis, 2012).... 9 Gambar 2.3 Contoh Activity Diagram (Alan Dennis, 2012).... 10 Gambar 2.4 Contoh Sequence Diagram (Alan Dennis, 2012).... 12 Gambar 3.1 Flowchart Sistem Berjalan.... 17 Gambar 3.2 Use Case Diagram Sistem Berjalan.... 18 Gambar 3.3 Activity Diagram Sistem Berjalan Memberikan ZIS.... 20 Gambar 3.4 Activity Diagram Sistem Berjalan Pendataan ZIS.... 20 Gambar 3.5 Activity Diagram Sistem Berjalan Menyalurkan ZIS.... 21 Gambar 3.6 Activity Diagram Sistem Berjalan Mengelola Laporan.... 21 Gambar 3.7 Use Case Diagram Sistem Usulan.... 22 Gambar 3.8 Activity Diagram Input Pembayaran ZIS Transfer.... 25 Gambar 3.9 Activity Diagram Input Permohonan Bantuan.... 26 Gambar 3.10 Activity Diagram Input Jadwal Kegiatan.... 27 Gambar 3.11 Activity Diagram Laporan Keuangan Masjid.... 28 Gambar 3.12 Activity Diagram Input Pembayaran Zakat Tunai.... 29 Gambar 3.13 Activity Diagram Laporan Permohonan Bantuan.... 30 Gambar 3.14 Activity Diagram Cetak Bukti Pembayaran ZIS... 31 Gambar 3.15 Sequence Diagram Input Pembayaran ZIS Transfer... 32 Gambar 3.16 Sequence Diagram Input Permohonan Bantuan.... 32 Gambar 3.17 Sequence Diagram Input Jadwal Kegiatan.... 33 Gambar 3.18 Sequence Diagram Laporan Keuangan Masjid.... 33 Gambar 3.19 Sequence Diagram Input Pembayaran ZIS tunai.... 34 Gambar 3.20 Sequence Diagram Laporan Permohonan Bantuan... 34 Gambar 3.21 Sequence Diagram Cetak Bukti Bayar ZIS.... 35 Gambar 3.22 Sequence Diagram Cetak Bukti Bayar ZIS.... 35 Gambar 3.23 Rancangan Layar Halaman Utama.... 38 Gambar 3.24 Rancangan Layar Jadwal & Kegiatan.... 39 Gambar 3.25 Rancangan Layar Bayar Zakat Transfer... 39 Gambar 3.26 Rancangan Layar Permohonan Bantuan.... 40 Gambar 3.27 Rancangan Layar Laporan Penerimaan Zakat.... 41 Gambar 3.28 Rancangan Layar Laporan Pengeluaran Zakat... 42 Gambar 3.29 Rancangan Layar Artikel... 43 Gambar 3.30 Rancangan Layar Tambah Artikel.... 44 Gambar 3.31 Rancangan Layar Konfirmasi Pembayaran Zakat... 45 Gambar 3.32 Rancangan Layar Konfirmasi Pengeluaran Zakat... 45 Gambar 3.33 Rancangan Layar Pembayaran Cash... 46 Gambar 3.34 Rancangan Layar Permohonan Bantuan.... 47 Gambar 4.1 Halaman Login... 54 Gambar 4.2 List Artikel.... 55 Gambar 4.3 Form Input Artikel... 55 Gambar 4.4 List Penerimaan ZIS... 56 Gambar 4.5 Form Input Pembayaran ZIS... 56 Gambar 4.6 List Pengeluaran ZIS... 56 Gambar 4.7 Form Input Pengeluaran ZIS... 57 Gambar 4.8 Laporan Keuangan Penerimaan dan Pengeluaran Masjid... 57 Gambar 4.9 Laporan Penerimaan Masjid... 58 Gambar 4.10 Laporan Pengeluaran Masjid... 58 Halaman ix
DAFTAR TABEL Tabel 2.1 Tabel Simbol Use Case Diagram (Alan Dennis, 2012)... 8 Tabel 2.2 Simbol Activity Diagram (Alan Dennis, 2012).... 10 Tabel 2.3 Simbol Sequence Diagram (Alan Dennis, 2012).... 11 Tabel 2.4 Simbol Class Diagram (Alan Dennis, 2012).... 12 Tabel 2.5 Penelitian Sejenis.... 14 Lanjutan Tabel 2.5 Penelitian Sejenis.... 15 Tabel 3.1 Deksripsi Use Case Memberikan ZIS... 18 Tabel 3.2 Deksripsi Use Case Pendataan ZIS.... 19 Tabel 3.3 Deksripsi Use Case Penyaluran ZIS... 19 Tabel 3.4 Deksripsi Use Case Mengelola Laporan... 19 Tabel 3.5 Deskripsi Use Case Input pembayaran ZIS transfer... 23 Tabel 3.6 Deskripsi Use Case Input permohonan bantuan.... 23 Tabel 3.7 Deskripsi Use Case Input Jadwal Kegiatan... 23 Tabel 3.8 Deskripsi Use Case Mengecek Laporan Keuangan Masjid... 24 Tabel 3.9 Deskripsi Use Case Input pembayaran ZIS tunai... 24 Tabel 3.10 Deskripsi Use Case Mengecek Laporan Permohonan Bantuan.... 24 Tabel 3.11 Deskripsi Use Case Cetak Bukti Bayar... 24 Tabel 3.12 Rancangan m_user... 36 Tabel 3.13 Rancangan t_artikel... 36 Tabel 3.14 Rancangan t_in_zakat... 37 Tabel 3.15 Rancangan m_pilihan... 37 Tabel 3.16 Rancangan t_out_zakat.... 38 Tabel 3.17 Rancangan Jabatan.... 38 Tabel 3.18 Rancangan Akses... 39 Tabel 4.1 Rancangan Tabel User... 49 Tabel 4.2 Tabel Jabatan... 50 Tabel 4.3 Tabel Akses... 50 Tabel 4.4 Tabel Artikel... 51 Tabel 4.5 Tabel t_in_zakat... 52 Tabel 4.6 Tabel m_pilihan... 53 Tabel 4.7 Tabel t_out_zakat... 53 Tabel 4.8 Tabel pengujian halaman login... 59 Tabel 4.9 Tabel Pengujian Form Artikel... 59 Tabel 4.10 Tabel Pengujian Form Penerimaan Masjid... 60 Tabel 4.11 Tabel Pengujian Form Penyaluran Bantuan... 60 Tabel 4.12 Tabel Pengujian Laporan Keuangan Masjid... 61 Tabel 4.13 Tabel Pengujian Form Bayar Zakat... 61 Tabel 4.14 Tabel Pengujian Form Permohonan Bantuan... 62 Halaman x