i

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

ii

iii

iv

v

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.

vi

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.

vii

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-

viii

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

ix

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

x

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

xi

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

xii

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

xiii

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

xiv

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

xv

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

xvi

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

xvii

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

xviii

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

xix

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

xx

DAFTAR LAMPIRAN

Lampiran 1 : Lembar Balasan Instansi

Lampiran 2 : Lembar Konsultasi Skripsi

Lampiran 3 : Formulir Biografi Penulis