LAPORAN SKRIPSI SISTEM INFORMASI PENGELOLAAN DATA PANTI ASUHAN AISYIYAH KUDUS BEBRBASIS WEB Laporan ini disusun guna memenuhi salah satu syarat untuk menyelesaikan program studi Sistem Informasi S -1 pada Fakultas Teknik Universitas Muria Kudus Disusun Oleh : Nama : Reiza Afifuddin NIM : 201153111 Program Studi : Sistem Informasi Fakultas : Teknik PROGRAM STUDI SISTEM INFORMASI FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2015 i
ii
iii
iv
HALAMAN MOTTO DAN PERSEMBAHAN MOTTO Orang Hebat tidak dihasilkan melalui kemudahan, kesenangan atau kenyamanan. Tetapi mereka dibentuk melalui kesukaran, tantangan dan air mata. Penilaian dari sana sini, positif negative selalu jadi semangat. Selagi kata bermakna terjang saja, namun selagi kata tak bermakna diam saja. Duduk sama rendah, berdiri sama tinggi. Man Jadda Wa Jadda PERSEMBAHAN Skripsi ini penulis persembahkan kepada: 1. Allah SWT dan Nabi Besar SAW yang selalu memberi kemudahan didalam hidupku. 2. Kedua orang tuaku yang selalu memberikan do a dan restunya. 3. Adik adik tersayangku. 4. Panti Asuhan Aisyiyah Kudus. 5. Para dosen pembimbingku yang selalu memberikan ilmunya kepadaku. 6. Sahabat dan teman-teman seperjuanganku. 7. Keluarga Virginity, arek-arek Prambatan Pemuda Putra Madya. 8. Idolaku. 9. Almamater. v
RINGKASAN Laporan skripsi dengan judul Sistem Informasi Pengelolaan Data Panti Asuhan Aisyiyah Kudus Berbasis Web telah dilaksanakn dengan tujuan untuk menghasilkan Aplikasi Pengelolaan Data Panti Asuhan. Aplikasi ini dirancang dengan menggunakan pemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHP dengan database MySQL. Untuk server yang digunakan adalah server local dengan menggunakan XAMPP. Dari hasil perancangan yang telah dilakukan menghasilkan suatu sistem aplikasi, yaitu Sistem Informasi Pengelolaan Data Panti Asuhan Aisyiyah Kudus Berbasis Web. Dengan sistem ini bisa diperoleh informasi yang terkait dengan panti asuhan, mempermudah pihak panti asuhan dalam pengelolaan data dan pelaporan pada periode tertentu serta sebagai media promosi untuk meraih donatur lebih banyak melalui website. Kata Kunci : Sistem, Informasi, Pengelolaan Data. vi
KATA PENGANTAR Syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT atas rahmat, taufiq, hidayah serta inayahnya yang telah dilimpahkan kepada penulis, sehingga penulis dapat menyelesaikan Laporan Skripsi dengan judul Sistem Informasi Pengelolaan Data Panti Asuhan Aisyiyah Kudus Berbasis Web. Sholawat serta salam senantiasa penulis haturkan kepangkuan Nabi Muhammad SAW semoga kita semua mendapatkan syafa atnya. Penyusunan Skripsi ini merupakan salah satu syarat untuk menyelesaikan program studi Sistem Informasi S 1 pada Fakultas Teknik Universitas Muria Kudus. Atas tersusunnya Laporan Skripsi ini, penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Dr. Suparnyo, SH, MS, selaku Rektor Universitas Muria Kudus 2. Bapak Rochmad Winarso, S.T, M.T, selaku Dekan Fakultas Teknik Universitas Muria Kudus 3. Bapak R. Rhoedy Setiawan, M.Kom, selaku Ketua Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. 4. Bapak R. Rhoedy Setiawan, M.Kom, selaku dosen Pembimbing Utama yang selama ini telah banyak sekali membantu penulis dalam penyelsaian Laporan Skripsi ini. 5. Ibu Nanik Susanti, M. Kom, selaku Pembimbing Pembantu yang selama ini telah banyak sekali membantu penulis dalam penyelsaian Laporan Skripsi ini. 6. Ibu Yulianingsih Dewi selaku pengasuh anak asuh sekaligus pembimbing lapangan pada Panti Asuhan Aisyiyah Kudus yang telah memberikan izin serta do anya untuk melaksanakan Penelitian Skripsi. 7. Kakak Hidayanti, S.E selaku staf tata usaha serta semua pengurus pada Panti Asuhan Aisyiyah Kudus yang telah memberikan informasi dan data- vii
data yang dibutuhkan penulis serta Anak Asuh Panti Asuhan Aisyiyah Kudus yang selalu bersikap ramah pada penulis. 8. Orang tua penulis yang telah memberikan dukungan secara material maupun spiritual. 9. Rekan rekanku di Fakultas Teknik Progdi Sistem Informasi dan semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah memberikan bantuan dan kerja samanya hingga terselesaikannya Laporan Skripsi ini. Penulis menyadari sepenuhnya bahwa tanpa bantuan beliau-beliau maka laporan ini tidak akan terselesaikan dengan baik. Semoga Laporan Skripsi ini dapat bermanfaat bagi semua pihak. Kudus, 4 September 2015 Penulis, Reiza Afifuddin viii
DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii SURAT PERNYATAAN PUBLIKASI... iv HALAMAN MOTTO DAN PERSEMBAHAN... v RINGKASAN.... vi KATA PENGANTAR... vii DAFTAR ISI..... ix DAFTAR TABEL... xii DAFTAR GAMBAR... xiv DAFTAR LAMPIRAN... xx BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Perumusan Masalah... 2 1.3 Batasan Masalah... 2 1.4 Tujuan dan Manfaat Skripsi... 3 1.5 Manfaat Skripsi... 3 1.6 Tinjauan Pustaka... 3 1.7 Metodologi Penelitian... 5 1.8 Sistematika Penulisan... 7 BAB II LANDASAN TEORI... 9 2.1 Konsep Dasar Sistem Sistem Informasi... 9 2.1.1 Pengertian Sistem Informasi... 9 2.2 Pengertian Panti Asuhan... 9 2.3 Flowchart... 9 2.3.1 Simbol-simbol Flowchart... 9 2.4 Flow Of Document (FOD)... 12 ix
2.5 Unifed Modeling Language (UML)... 12 2.5.1 Tujuan UML... 12 2.5.2 Use Case Diagram... 13 2.5.1 Class Diagram... 13 2.5.1 Sequence Diagram... 13 2.5.1 Activity Diagram... 13 2.5.1 Statechart Diagram... 13 2.6 Mengenal Multisiplitas... 14 2.7 Entity Relational Database... 14 BAB III TINJAUAN UMUM OBYEK PENELITIAN... 18 3.1 Sejarah Panti Asuhan Aisyiyah Kudus... 18 3.2 Visi, Misi dan Sasaran... 20 3.2.1 Visi Panti Asuhan 'Aisyiyah Kudus... 20 3.2.2 Misi Panti Asuhan 'Aisyiyah Kudus... 21 3.2.3 Sasaran Panti Asuhan 'Aisyiyah Kudus... 21 3.3 Denah Lokasi Panti Asuhan Aisyiyah Kudus... 21 3.4 Struktur Organisasi Panti Asuhan Aisyiyah Kudus... 22 3.5 Alur Sistem Informasi Pengelolaan Data Panti Asuhan'Aisyiyah Kudus... 23 BAB IV ANALISA DAN PERANCANGAN... 25 4.1 Analisa Kebutuhan Sistem... 25 4.2 Identifikasi Masalah... 25 4.3 Analisa Kebutuhan Data dan Informasi... 26 4.4 Perancangan Sistem... 26 4.4.1 Pemodelan Proses... 26 4.4.1.1 Use Case Diagram... 26 4.4.1.2 Analisa Class Diagram... 36 4.4.1.3 Sequence Diagram... 42 4.4.1.4 Activity Diagram... 52 4.4.1.5 Statechart Diagram... 62 x
4.5 Pemodelan Data... 78 4.5.1 Entity Relationship Diagram (ERD)... 78 4.5.2 Transformasi ERD ke Tabel... 84 4.5.3 Perancangan Basis Data... 89 4.5.4 Relasi Tabel... 97 4.6 Desain Input dan Output... 98 4.6.1 Desain Input... 98 4.6.2 Desain Output... 105 BAB V PEMBAHASAN DAN IMPLEMENTASI... 106 5.1 Lingkungan Implementasi... 106 5.1.1 Identifikasi Kebutuhan Hardware... 106 5.1.2 Lingkungan Perangkat Lunak... 106 5.1.3 Identifikasi Kebutuhan Brainware... 106 5.2 Tampilan Program... 107 BAB VI PENUTUP... 117 6.1 Kesimpulan... 117 6.2 Saran..... 117 DAFTAR PUSTAKA xi
DAFTAR TABEL Tabel 2.1 : Simbol Flow Direction Symbols... 10 Tabel 2.2 : Simbol Processing Symbols... 10 Tabel 2.3 : Simbol Input-Output Symbols... 11 Tabel 4.1 : Proses Bisnis... 27 Tabel 4.2 : Deskripsi Use Case Kelola Data Pendaftaran... 30 Tabel 4.3 : Deskripsi Use Case ACC Anak Asuh... 31 Tabel 4.4 : Deskripsi Use Case Kelola Data Anak Asuh... 31 Tabel 4.5 : Deskripsi Use Case Kelola Data Pengurus... 32 Tabel 4.6 : Deskripsi Use Case Kelola Data Donatur... 33 Tabel 4.7 : Deskripsi Use Case Kelola Data Kamar... 32 Tabel 4.8 : Deskripsi Use Case Kelola Data Riwayat Kesehatan... 33 Tabel 4.9 : Deskripsi Use Case Kelola Data Prestasi... 34 Tabel 4.10 : Deskripsi Use Case Kelola Data User... 34 Tabel 4.11 : Deskripsi Use Case Kelola Data Sekolah... 35 Tabel 4.12 : Deskripsi Use Case Melihat Laporan Data Anak Asuh... 35 Tabel 4.13 : Tabel User... 84 Tabel 4.14 : Tabel Pengurus... 84 Tabel 4.15 : Tabel User... 85 Tabel 4.16 : Tabel Pendaftaran... 85 Tabel 4.17 : Tabel Anak Asuh... 86 Tabel 4.18 : Tabel Anak Asuh... 87 Tabel 4.19 : Tabel Kamar... 87 Tabel 4.20 : Tabel Sekolah Anak... 88 Tabel 4.21 : Tabel Anak Asuh... 88 Tabel 4.22 : Tabel Sekolah Anak... 89 Tabel 4.23 : Tabel Sekolah... 89 Tabel 4.24 : Tabel Anak Asuh... 90 Tabel 4.25 : Tabel Riwayat Kesehatan... 90 xii
Tabel 4.26 : Tabel Anak Asuh... 81 Tabel 4.27 : Tabel Prestasi... 92 Tabel 4.28 : Tabel User... 92 Tabel 4.29 : Tabel Pengurus... 93 Tabel 4.30 : Tabel Pendaftaran... 93 Tabel 4.31 : Tabel Anak Asuh... 93 Tabel 4.32 : Tabel Sekolah Anak... 95 Tabel 4.33 : Tabel Sekolah... 95 Tabel 4.34 : Tabel Kamar... 96 Tabel 4.35 : Tabel Riwayat Kesehatan... 96 Tabel 4.36 : Tabel Prestasi... 97 xiii
DAFTAR GAMBAR Gambar 2.1 : Diagram Relationship Unary... 15 Gambar 2.2 : Diagram Relationship Ternary... 15 Gambar 2.3 : Diagram Kardinalitas One to One... 16 Gambar 2.4 : Diagram Kardinalitas One to Many... 16 Gambar 2.5 : Diagram Kardinalitas Many to Many... 17 Gambar 3.1 : Denah Lokasi Panti Asuhan Aisyiyah Kudus... 21 Gambar 3.2 : Struktur Organisasi Panti Asuhan Aisyiyah Kudus... 22 Gambar 3.3 : Flow Of Document Pengelolaan Data Panti Asuhan Aisyiyah Kudus yang Sedang Berjalan... 24 Gambar 4.1 : Business Use Case Diagram Sistem Pengelolaan Data Panti Asuhan Aisyiyah Kudus... 29 Gambar 4.2 : Sistem Use Case Diagram Sistem Pengelolaan Data Panti Asuhan Aisyiyah Kudus... 30 Gambar 4.3 : Class Diagram User... 36 Gambar 4.4 : Class Diagram Pendaftaran... 36 Gambar 4.5 : Class Diagram Anak Asuh... 37 Gambar 4.6 : Class Diagram ACC Pendaftaran... 38 Gambar 4.7 : Class Diagram Riwayat Kesehatan... 38 Gambar 4.8 : Class Diagram Prestasi... 38 Gambar 4.9 : Class Diagram Sekolah... 39 Gambar 4.10 : Class Diagram Sekolah Anak... 39 Gambar 4.11 : Class Diagram Kamar... 40 Gambar 4.12 : Class Diagram Laporan Anak Asuh... 40 Gambar 4.13 : Class Diagram Pengurus... 40 Gambar 4.14 : Class Diagram Donatur... 41 Gambar 4.15 : Class Diagram Sistem Informasi Pengelolaan Data Panti Asuhan Aisyiyah Kudus... 41 Gambar 4.16 : Sequence Diagram Kelola Data User... 42 xiv
Gambar 4.17 : Sequence Diagram Kelola Data Pengurus... 43 Gambar 4.18 : Sequence Diagram Kelola Data Anak Asuh... 44 Gambar 4.19 : Sequence Diagram Kelola Data Kamar... 45 Gambar 4.20 : Sequence Diagram Kelola Data Riwayat Kesehatan... 46 Gambar 4.21 : Sequence Diagram Kelola Data Sekolah... 47 Gambar 4.22 : Sequence Diagram Kelola Data Prestasi... 48 Gambar 4.23 : Sequence Diagram Kelola Data Pendaftaran oleh Calon Anak Asuh... 49 Gambar 4.24 : Sequence Diagram Kelola Data Pendaftaran oleh Pengurus... 50 Gambar 4.25 : Sequence Diagram ACC Calon Anak Asuh... 51 Gambar 4.26 : Sequence Diagram Lihat Laporan... 52 Gambar 4.27 : Activity Diagram Mengelola Data User... 53 Gambar 4.28 : Activity Diagram Mengelola Data Pengurus... 54 Gambar 4.29 : Activity Diagram Mengelola Data Kamar... 55 Gambar 4.30 : Activity Diagram Mengelola Data Riwayat Kesehatan... 56 Gambar 4.31 : Activity Diagram Mengelola Data Sekolah... 57 Gambar 4.32 : Activity Diagram Mengelola Data Prestasi... 58 Gambar 4.33 : Activity Diagram Mengelola Data Pendaftaran oleh Calon Anak Asuh... 59 Gambar 4.34 : Activity Diagram Mengelola Data Pendaftaran oleh Pengurus... 60 Gambar 4.35 : Activity Diagram Mengelola Data ACC Calon Anak Asuh... 61 Gambar 4.36 : Activity Diagram Lihat Laporan Anak Asuh... 62 Gambar 4.37 : State Diagram Simpan Data User... 63 Gambar 4.38 : State Diagram Edit Data User... 63 Gambar 4.39 : State Diagram Hapus Data User... 63 Gambar 4.40 : State Diagram Login Data User... 64 Gambar 4.41 : State Diagram Cari Data User... 64 xv
Gambar 4.42 : State Diagram Simpan Data Pengurus... 64 Gambar 4.43 : State Diagram Edit Data Pengurus... 65 Gambar 4.44 : State Diagram Hapus Data Pengurus... 65 Gambar 4.45 : State Diagram Cari Data Pengurus... 65 Gambar 4.46 : State Diagram Simpan Data Kamar... 66 Gambar 4.47 : State Diagram Edit Data Kamar... 66 Gambar 4.48 : State Diagram Cari Data Kamar... 66 Gambar 4.49 : State Diagram Cari Data Kamar... 66 Gambar 4.50 : State Diagram Simpan Data Riwayat Kesehatan... 67 Gambar 4.51 : State Diagram Edit Data Riwayat Kesehatan... 67 Gambar 4.52 : State Diagram Hapus Data Riwayat Kesehatan... 68 Gambar 4.53 : State Diagram Cari Data Riwayat Kesehatan... 68 Gambar 4.54 : State Diagram Simpan Data Sekolah... 68 Gambar 4.55 : State Diagram Edit Data Sekolah... 69 Gambar 4.56 : State Diagram Hapus Data Sekolah... 69 Gambar 4.57 : State Diagram Cari Data Sekolah... 69 Gambar 4.58 : State Diagram Simpan Data Sekolah Anak... 70 Gambar 4.59 : State Diagram Edit Data Sekolah Anak... 70 Gambar 4.60 : State Diagram Hapus Data Sekolah Anak... 70 Gambar 4.61 : State Diagram Cari Data Sekolah Anak... 70 Gambar 4.62 : State Diagram Simpan Data Prestasi... 71 Gambar 4.63 : State Diagram Edit Data Prestasi... 71 Gambar 4.64 : State Diagram Hapus Data Prestasi... 72 Gambar 4.65 : State Diagram Cari Data Prestasi... 72 Gambar 4.66 : State Diagram Edit Data Anak Asuh... 72 Gambar 4.67 : State Diagram Hapus Data Anak Asuh... 73 Gambar 4.68 : State Diagram Cari Data Anak Asuh... 73 Gambar 4.69 : State Diagram Simpan Data Pendaftaran... 73 Gambar 4.70 : State Diagram Edit Data Pendaftaran... 74 Gambar 4.71 : State Diagram Hapus Data Pendaftaran... 74 xvi
Gambar 4.72 : State Diagram Cari Data Pendaftaran... 74 Gambar 4.73 : State Diagram Simpan Data ACC Pendaftaran... 74 Gambar 4.74 : State Diagram Edit Data ACC Pendaftaran... 75 Gambar 4.75 : State Diagram Hapus Data ACC Pendaftaran... 75 Gambar 4.76 : State Diagram Cari Data ACC Pendaftaran... 76 Gambar 4.77 : State Diagram Simpan Data Donatur... 76 Gambar 4.78 : State Diagram Edit Data Donatur... 76 Gambar 4.79 : State Diagram Hapus Data Donatur... 77 Gambar 4.80 : State Diagram Cari Data Donatur... 77 Gambar 4.81 : State Diagram Lihat Laporan Anak Asuh... 77 Gambar 4.82 : Himpunan Entitas... 78 Gambar 4.83 : Himpunan Entitas dan Atribut Kunci... 78 Gambar 4.84 : Attribute Pengurus... 79 Gambar 4.85 : Attribute User... 79 Gambar 4.86 : Attribute Anak Asuh... 79 Gambar 4.87 : Attribute Kamar... 80 Gambar 4.88 : Attribute Sekolah... 80 Gambar 4.89 : Attribute Sekolah Anak... 80 Gambar 4.90 : Attribute Prestasi... 81 Gambar 4.91 : Attribute Riwayat Kesehatan... 81 Gambar 4.92 : Himpunan Entitas, Relasi dan Foregn-Key... 81 Gambar 4.93 : Kardinalitas Relasi... 82 Gambar 4.94 : ERD Sistem Informasi Panti Asuhan Aisyiyah Kudus.. 83 Gambar 4.95 : Relasi Pengurus dan User... 84 Gambar 4.96 : Relasi User dan Pendaftaran... 85 Gambar 4.97 : Relasi Anak Asuh dan Kamar... 86 Gambar 4.98 : Relasi Sekolah Anak dan Anak Asuh... 87 Gambar 4.99 : Relasi Sekolah Anak dan Sekolah... 88 Gambar 4.100 : Relasi Anak Asuh dan Riwayat Kesehatan... 89 Gambar 4.101 : Relasi Anak Asuh dan Prestasi... 91 xvii
Gambar 4.102 : Relasi Tabel... 97 Gambar 4.103 : Desain Menu Login... 98 Gambar 4.104 : Desain Beranda... 98 Gambar 4.105 : Desain Halaman Pendaftaran Anak Asuh... 98 Gambar 4.106 : Desain Halaman Tampil data Pendaftaran... 99 Gambar 4.107 : Desain Halaman Anak Asuh... 99 Gambar 4.108 : Desain Halaman Tambah Data Kamar... 99 Gambar 4.109 : Desain Halaman Tampil Data Kamar... 100 Gambar 4.110 : Desain Halaman Tambah Data Pengurus... 100 Gambar 4.111 : Desain Halaman Tampil Data Pengurus... 100 Gambar 4.112 : Desain Halaman Tambah Data User... 101 Gambar 4.113 : Desain Halaman Tampil Data User... 101 Gambar 4.114 : Desain Halaman Tambah Data Sekolah... 102 Gambar 4.115 : Desain Halaman Tampil Data Sekolah... 102 Gambar 4.116 : Desain Halaman Tambah Data Sekolah Anak... 103 Gambar 4.118 : Desain Halaman Tambah Data Prestasi... 103 Gambar 4.119 : Desain Halaman Tampil Data Prestasi... 103 Gambar 4.120 : Desain Halaman Tambah Data Riwayat Kesehatan... 104 Gambar 4.121 : Desain Halaman Tampil Data Riwayat Kesehatan... 104 Gambar 4.122 : Desain Halaman Tampil Data Donatur... 104 Gambar 4.123 : Desain Halaman Tampil Data Donatur... 105 Gambar 4.124 : Desain Laporan Anak Asuh Individu... 105 Gambar 5.1 : Tampilan Halaman Beranda... 104 Gambar 5.2 : Tampilan Halamn Login... 104 Gambar 5.3 : Tampilan Halaman Admin... 105 Gambar 5.4 : Tampilan Halamn Ketua Pengurus... 105 Gambar 5.5 : Tampilan Halaman Calon Anak Asuh... 106 Gambar 5.6 : Tampilan Halamn Pendaftaran Calon Anak Asuh... 106 Gambar 5.7 : Tampilan Halaman Anak Asuh... 107 Gambar 5.8 : Tampilan Halamn Detail Anak Asuh... 107 xviii
Gambar 5.9 : Tampilan Halaman Kamar... 108 Gambar 5.10 : Tampilan Halamn Sekolah... 108 Gambar 5.11 : Tampilan Halaman Sekolah Anak... 109 Gambar 5.12 : Tampilan Halamn Prestasi Anak Asuh... 109 Gambar 5.13 : Tampilan Halaman Riwayat Kesehatan... 110 Gambar 5.14 : Tampilan Halaman Donatur... 110 Gambar 5.15 : Tampilan Halaman Daftar Pendaftaran... 111 Gambar 5.16 : Tampilan Halamn ACC Calon Anak Asuh... 111 Gambar 5.17 : Tampilan Halaman Data User... 112 Gambar 5.18 : Tampilan Halamn Pengurus... 112 Gambar 5.19 : Tampilan Halaman Cetak Laporan Anak Asuh Individu 113 Gambar 5.20 : Tampilan Halamn Cetak Laporan ACC Anak Asuh... 113 xix
DAFTAR LAMPIRAN Lampiran 1 : Lampiran 2 : Lampiran 3 : Lembar Balasan Instansi Lembar Konsultasi Skripsi Formulir Biografi Penulis xx