Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus

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 datavii

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 :

Lembar Balasan Instansi

Lampiran 2 :

Lembar Konsultasi Skripsi

Lampiran 3 :

Formulir Biografi Penulis

xx