SISTEM INFORMASI SARANA DAN PRASARANA SD BUDYA WACANA BERBASIS WEB SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

SISTEM INFORMASI SARANA DAN PRASARANA
SD BUDYA WACANA BERBASIS WEB

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Teknik
Program Studi Teknik Informatika

Oleh :
Yosia Dwi Susetyo
065314076

PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2012
i

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

INFORMATION SYSTEMS INFRASTRUCTURE
OF BUDYA WACANA PRIMARY SCHOOL WEB-BASED

A THESIS
Presented as Partial Fulfillment of the Requirements
To Obtain the Sarjana Teknik Degree
In Department of Informatics Engineering

By :
Yosia Dwi Susetyo
065314076

INFORMATICS ENGINEERING STUDY PROGRAM
INFORMATICS ENGINEERING DEPARTMENT
FACULTY OF SCIENCE AN TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA

2012
ii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

iii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

iv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

MOTTO

Nasib baik selalu memihak kepada
orang yang mau berusaha.
Rencana Tuhan pasti lebih baik.

v

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

vi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

vii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ABSTRAK
SD Budya Wacana terletak di jalan Kranggan No.11 Yogyakarta. Dalam
penyampaian informasi kepada masyarakat, SD Budya Wacana menggunakan
media berbasis website sebagai salah satu media komunikasi. Sampai saat ini
website yang dimiliki SD Budya Wacana belum menampilkan informasi sarana
prasarana sekolah yang dimiliki, sehingga masyarakat perlu datang langsung
untuk mengetahui kondisi dan fasilitas yang disediakan oleh sekolah tersebut.
Sistem yang dibuat ini bertujuan untuk memberikan informasi sarana
prasarana sekolah. Informasi – informasi yang disajikan antara lain tentang

keadaan sekolah, ruang kelas, UKS, laboratorium IPA, laboratorium komputer
dan fasilitas – fasilitas lain yang ada di SD Budya Wacana.
Sistem ini diimplementasikan menggunakan DBMS MySQL dan bahasa
pemrograman PHP. Hasil akhir yang diperoleh adalah sebuah Website Sarana
Prasarana SD Budya Wacana yang mempunyai user interface yang bersahabat,
menu dan navigasi yang mudah digunakan, memiliki menu untuk mengadukan
adanya kerusakan sarana, memiliki kemampuan untuk menampilkan gedung
sekolah, ruang kelas, laboratorium dan fasilitas - fasilitas lain yang disediakan
oleh SD Budya Wacana.

viii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ABSTRACT
Budya Wacana Primary School lies in the Kranggan Street No. 11
Yogyakarta, in the delivery of information to the public using web-based media as
a medium of communication. Until now owned website not displaying Budya
Wacana Primary school information infrastructure owned schools, so that the
community needs to come directly to find out the conditions and facilities

provided by the school.
Of the problem, made this system that aims to provide school
infrastructure. Information presented on school infrastructure, including
classrooms, UKS, science lab, computer labs and facilities - facilities that exist in
Budya Wacana Primary School. The system is implemented using the MySQL
DBMS and PHP programming language.
The final result obtained is a Website Infrastructure of Budya Wacana
Primary School that has a menu to denounce the destruction facility, showing
school buildings, classrooms, laboratories and other facilities provided by the
Budya Wacana Primary School. Based on the test of the user, obtained results that
this system can help the school staff infrastructure in managing infrastructure, has
a friendly user interface, and has a menu and navigation is easy to use.

ix

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Kuasa atas segala berkat dan
rahmat-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul “Sistem

Informasi Sarana dan Prasarana SD Budya Wacana Berbasis Web”.
Penulisan skripsi ini diajukan untuk memenuhi salah satu syarat
memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika Universitas
Sanata Dharma Yogyakarta.
Dengan selesainya penulisan skripsi ini penulis mengucapkan banyak
terimakasih kepada pihak-pihak yang telah membantu dan memberikan dukungan
baik berupa masukan maupun saran. Ucapan terimakasih yang sebesar-besarnya
ditujukan kepada :
1. Tuhan Yesus Kristus, yang telah memimpin dan memberikan berkat dan
pertolongan dalam proses pembuatan skripsi ini.
2. Ibu Kepala Sekolah dan seluruh staff bagian Sarana Prasarana SD Budya
Wacana Yogyakarta atas semua bantuan dan informasi yang telah diberikan.
3. Ayah, Ibu, serta seluruh keluarga yang telah memberikan dukungan kepada
penulis, baik material maupun spiritual.
4. Agnes Maria Polina, S.Kom.,M.Sc., selaku dosen pembimbing yang telah
membimbing dan banyak memberikan masukan dan saran kepada penulis.
5. P.H. Prima Rosa, S.Si., M.Sc., selaku Dekan Fakultas Sains dan Teknologi
Universitas Sanata Dharma Yogyakarta.

x

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

xi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR ISI
Halaman Judul .................................................................................................. i
Halaman Judul (Ing) ......................................................................................... ii
Halaman Persetujuan Pembimbing ................................................................... iii
Halaman Pengesahan ........................................................................................ iv
Halaman MOTTO ............................................................................................. v
Pernyataan Keaslian Karya ............................................................................... vi
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah untuk Kepentingan
Akademis ......................................................................................................... vii
Abstrak ............................................................................................................. viii
Abstract ............................................................................................................ ix
Kata Pengantar ................................................................................................. x
Daftar Isi .......................................................................................................... xii

Daftar Tabel ..................................................................................................... xxiii
Daftar Gambar ................................................................................................. xxv
Daftar Listing Program .................................................................................... xxxiv
BAB I

PENDAHULUAN ............................................................................ 1

1.1.

Latar Belakang Masalah .................................................................... 1

1.2.

Rumusan Masalah ............................................................................. 2

1.3.

Batasan Masalah ................................................................................ 2

1.4.

Tujuan dan Manfaat Penelitian .......................................................... 3

1.5.

Metodologi Penelitian ........................................................................ 3

1.6.

Sistematika Penulisan ........................................................................ 5

xii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

BAB II LANDASAN TEORI ........................................................................ 7
2.1.

Pengertian Sistem Informasi .............................................................. 7

2.2.

Pengertian Sistem Informasi Berbasis Web ...................................... 7

2.3.

Content Management System (CMS) ................................................ 8

2.4.

Metode Pengembangan Sistem Secara Terstruktur ........................... 8

2.5.

Use Case Diagram ............................................................................. 11

2.6.

Data Flow Diagram (DFD) ................................................................13

2.7.

Entity-Relational Diagram (ER Diagram) ......................................... 15

2.8.

World Wide Web (WWW) ................................................................ 17

2.9.

Personal Home Page (PHP) ...............................................................17

2.10. MySQL .............................................................................................. 18
BAB III ANALISIS DAN PERANCANGAN SISTEM ................................. 20
3.1.

Analisis Sistem .................................................................................. 20
3.1.1. Gambaran Sistem Lama .......................................................... 20
3.1.2. Gambaran Sistem yang akan dibuat ....................................... 21
3.1.3. Use Case Diagram .................................................................. 22
3.1.3.1. Use case Package User ............................................ 23
3.1.3.2. Use case Package Peta ............................................. 23
3.1.3.3. Use case Package Fasilitas ...................................... 24
3.1.3.4. Use case Package Prestasi ....................................... 25
3.1.3.5. Use case Package Lantai ......................................... 25
3.1.3.6. Use case Package Ruang ......................................... 26
3.1.3.7. Use case Package Sarana ......................................... 27

xiii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.1.3.8. Use case Package Perawatan ................................... 27
3.1.3.9. Use case Package Foto Ruang ................................. 28
3.1.3.10. Use case Package Galeri Foto .................................. 29
3.1.3.11. Use case Package Aduan Kerusakan ....................... 29
3.1.4. Data Flow Diagram (DFD) ..................................................... 30
3.1.4.1. Diagram Context ...................................................... 30
3.1.4.2. Diagram Berjenjang ................................................. 31
3.1.4.3. DFD Level 0 Proses 1 .............................................. 34
3.1.4.4. DFD Level 0 Proses 2 .............................................. 35
3.1.4.5. DFD Level 0 Proses 3 .............................................. 35
3.1.4.6. DFD Level 0 Proses 4 .............................................. 36
3.1.4.7. DFD Level 0 Proses 5 .............................................. 36
3.1.4.8. DFD Level 0 Proses 6 .............................................. 37
3.1.4.9. DFD Level 0 Proses 7 .............................................. 37
3.1.4.10. DFD Level 0 Proses 8 .............................................. 38
3.1.4.11. DFD Level 0 Proses 9 .............................................. 38
3.1.4.12. DFD Level 0 Proses 10 ............................................ 39
3.1.4.13. DFD Level 0 Proses 11 ............................................ 39
3.1.4.14. DFD Level 0 Proses 12 ............................................ 40
3.1.4.15. DFD Level 1 Proses 2 .............................................. 40
3.1.4.16. DFD Level 1 Proses 3 .............................................. 41
3.1.4.17. DFD Level 1 Proses 4 .............................................. 42
3.1.4.18. DFD Level 1 Proses 5 .............................................. 42

xiv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.1.4.19. DFD Level 1 Proses 6 .............................................. 43
3.1.4.20. DFD Level 1 Proses 7 .............................................. 43
3.1.4.21. DFD Level 1 Proses 8 .............................................. 44
3.1.4.22. DFD Level 1 Proses 9 .............................................. 44
3.1.4.23. DFD Level 1 Proses 10 ............................................ 45
3.1.4.24. DFD Level 1 Proses 11 ............................................ 45
3.1.4.25. DFD Level 1 Proses 12 ............................................ 46
3.2.

Perancangan Sistem ........................................................................... 46
3.2.1. Perancangan Database Sistem ................................................ 46
3.2.1.1. ER Diagram ....................................................................... 47
3.2.1.2. Logical Database Design (Relational Model) ................... 49
3.2.1.3. Physical Database Design (Relational Model) ................. 50
3.2.1.3.1. Tabel user ................................................................... 50
3.2.1.3.2. Tabel peta ................................................................... 50
3.2.1.3.3. Tabel fasilitas ............................................................. 51
3.2.1.3.4. Tabel prestasi ............................................................. 51
3.2.1.3.5. Tabel lantai ................................................................ 52
3.2.1.3.6. Tabel ruang ................................................................ 52
3.2.1.3.7. Tabel sarana ............................................................... 53
3.2.1.3.8. Tabel perawatan ......................................................... 54
3.2.1.3.9. Tabel foto_ruang ........................................................ 54
3.2.1.3.10. Tabel galeri_foto ........................................................ 55
3.2.1.3.11. Tabel aduan_kerusakan .............................................. 55

xv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.2.2. Desain User Interface .............................................................. 56
3.2.2.1. Desain Halaman Pengunjung ............................................ 56
3.2.2.1.1. Desain Halaman Utama Pengunjung ......................... 56
3.2.2.1.2. Desain Halaman Profil (Peta Sekolah) ...................... 57
3.2.2.1.3. Desain Halaman Profil (Fasilitas) .............................. 58
3.2.2.1.4. Desain Halaman Profil (Prestasi) ............................... 59
3.2.2.1.5. Desain Halaman Lantai .............................................. 60
3.2.2.1.6. Desain Halaman Ruang .............................................. 61
3.2.2.1.7. Desain Halaman Detail Ruang ................................... 62
3.2.2.1.8. Desain Halaman Galeri Foto ...................................... 63
3.2.2.2. Desain Halaman Admin ..................................................... 64
3.2.2.2.1. Desain Halaman Login Administrator dan Staff
Sarana ....................................................................... 64
3.2.2.2.2. Desain Halaman Utama Administrator ...................... 65
3.2.2.2.3. Desain Halaman Utama Staff Sarana ........................ 66
3.2.2.2.4. Desain Halaman Profil (Tabel Peta) .......................... 67
3.2.2.2.5. Desain Halaman Tambah Peta ................................... 68
3.2.2.2.6. Desain Halaman Edit Peta ......................................... 69
3.2.2.2.7. Desain Halaman Profil (Tabel Fasilitas) .................... 70
3.2.2.2.8. Desain Halaman Tambah Fasilitas ............................. 71
3.2.2.2.9. Desain Halaman Edit Fasilitas ................................... 72
3.2.2.2.10. Desain Halaman Profil (Tabel Prestasi) .................... 73
3.2.2.2.11. Desain Halaman Tambah Prestasi .............................. 74

xvi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.2.2.2.12. Desain Halaman Tabel Lantai .................................... 75
3.2.2.2.13. Desain Halaman Tambah Lantai ................................ 76
3.2.2.2.14. Desain Halaman Edit Lantai .......................................77
3.2.2.2.15. Desain Halaman Tabel Ruang .................................... 78
3.2.2.2.16. Desain Halaman Tambah Ruang ................................ 79
3.2.2.2.17. Desain Halaman Edit Ruang ...................................... 80
3.2.2.2.18. Desain Halaman Tabel Sarana ................................... 81
3.2.2.2.19. Desain Halaman Tambah Sarana ............................... 82
3.2.2.2.20. Desain Halaman Edit Sarana ...................................... 83
3.2.2.2.21. Desain Halaman Tabel Perawatan ..............................84
3.2.2.2.22. Desain Halaman Tambah Perawatan ..........................85
3.2.2.2.23. Desain Halaman Edit Perawatan ................................ 86
3.2.2.2.24. Desain Halaman Tabel Galeri .................................... 87
3.2.2.2.25. Desain Halaman Tambah Galeri ................................ 88
3.2.2.2.26. Desain Halaman Edit Galeri ...................................... 89
3.2.2.2.27. Desain

Halaman

Laporan

(Tabel

Kerusakan

Sarana) ..................................................................... 90
3.2.2.2.28. Desain

Halaman

Laporan

(Tabel

Perawatan

Sarana) ...................................................................... 91
3.2.2.2.29. Desain Halaman Laporan (Tabel Jumlah Sarana per
Jenis) ......................................................................... 92
3.2.2.2.30. Desain Halaman Laporan (Tabel Jumlah Sarana
Rusak) ....................................................................... 93

xvii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.2.2.2.31. Desain Halaman Tabel Aduan Kerusakan ................. 94
3.2.2.2.32. Desain Halaman Tabel User ...................................... 95
3.2.2.2.33. Desain Halaman Tambah User .................................. 96
3.2.2.2.34. Desain Halaman Edit User ......................................... 97
3.2.2.3. Desain Halaman Guru dan Karyawan ............................... 98
3.2.2.3.1. Desain Halaman Login Guru dan Karyawan ............. 98
3.2.2.3.2. Desain Halaman Utama Guru dan Karyawan ............ 99
3.2.2.3.3. Desain Halaman Profil (Tabel Peta) ...........................100
3.2.2.3.4. Desain Halaman Profil (Tabel Fasilitas) .................... 101
3.2.2.3.5. Desain Halaman Profil (Tabel Prestasi) ..................... 102
3.2.2.3.6. Desain Halaman Tabel Lantai .................................... 103
3.2.2.3.7. Desain Halaman Tabel Ruang .................................... 104
3.2.2.3.8. Desain Halaman Tabel Sarana ................................... 105
3.2.2.3.9. Desain Halaman Tabel Perawatan ............................. 106
3.2.2.3.10. Desain Halaman Tabel Galeri .................................... 107
3.2.2.3.11. Desain

Halaman

Laporan

(Tabel

Kerusakan

Sarana) ...................................................................... 108
3.2.2.3.12. Desain

Halaman

Laporan

(Tabel

Perawatan

Sarana) ...................................................................... 109
3.2.2.3.13. Desain Halaman Laporan (Tabel Jumlah Sarana per
Jenis) ......................................................................... 110
3.2.2.3.14. Desain Halaman Laporan (Tabel Jumlah Sarana
Rusak) ....................................................................... 111

xviii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.2.2.3.15. Desain Halaman Adukan Kerusakan ......................... 112
3.2.2.3.16. Desain Halaman Tambah Aduan Kerusakan ............. 113
BAB IV IMPLEMENTASI SISTEM .............................................................. 114
4.1.

Implementasi Database ...................................................................... 114

4.2.

Setting Koneksi dari PHP ke MySQL ............................................... 121

4.3.

Pembuatan Antar Muka (User Interface) .......................................... 122
4.3.1. Halaman Pengunjung .............................................................. 122
4.3.1.1. Halaman Home Pengunjung ............................................. 122
4.3.1.2. Halaman Profil (Peta Sekolah) .......................................... 123
4.3.1.3. Halaman Profil (Tabel Fasilitas) ....................................... 124
4.3.1.4. Halaman Profil (Prestasi) .................................................. 126
4.3.1.5. Halaman Lantai ................................................................. 128
4.3.1.6. Halaman Tabel Ruang ....................................................... 130
4.3.1.7. Halaman Detail Ruang ...................................................... 132
4.3.1.8. Halaman Galeri ................................................................. 135
4.3.2. Halaman Admin ...................................................................... 137
4.3.2.1. Halaman Staff Sarana ........................................................ 139
4.3.2.1.1. Halaman Home Staff Sarana ...................................... 139
4.3.2.2. Halaman Administrator ..................................................... 140
4.3.2.2.1. Halaman Home Administrator ................................... 140
4.3.2.2.2. Halaman Tabel User .................................................. 141
4.3.2.2.3. Halaman Tambah User .............................................. 143
4.3.2.2.4. Halaman Edit User .................................................... 144

xix

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.3.2.2.5. Halaman Profil (Tabel Peta) untuk Admin ................ 145
4.3.2.2.6. Halaman Profil (Tambah Peta) .................................. 148
4.3.2.2.7. Halaman Profil (Edit Peta) ........................................ 150
4.3.2.2.8. Halaman Profil (Tabel Fasilitas) untuk Admin ......... 151
4.3.2.2.9. Halaman Profil (Tambah Fasilitas) ........................... 153
4.3.2.2.10. Halaman Profil (Edit Fasilitas) .................................. 155
4.3.2.2.11. Halaman Profil (Tabel Prestasi) untuk Admin .......... 156
4.3.2.2.12. Halaman Profil (Tambah Prestasi) ............................ 158
4.3.2.2.13. Halaman Tabel Lantai untuk Admin ......................... 159
4.3.2.2.14. Halaman Tambah Lantai ............................................ 161
4.3.2.2.15. Halaman Edit Lantai .................................................. 163
4.3.2.2.16. Halaman Detail Lantai untuk Admin ........................ 165
4.3.2.2.17. Halaman Tabel Ruang untuk Admin ......................... 166
4.3.2.2.18. Halaman Tambah Ruang ........................................... 169
4.3.2.2.19. Halaman Edit Ruang .................................................. 172
4.3.2.2.20. Halaman Detail Ruang untuk Admin ......................... 175
4.3.2.2.21. Halaman Tabel Sarana untuk Admin ......................... 177
4.3.2.2.22. Halaman Tambah Sarana ........................................... 180
4.3.2.2.23. Halaman Edit Sarana ................................................. 181
4.3.2.2.24. Halaman Tabel Perawatan untuk Admin ................... 182
4.3.2.2.25. Halaman Tambah Perawatan ..................................... 185
4.3.2.2.26. Halaman Edit Perawatan ............................................ 186
4.3.2.2.27. Halaman Tabel Galeri untuk Admin .......................... 187

xx

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.3.2.2.28. Halaman Tambah Galeri ............................................ 189
4.3.2.2.29. Halaman Edit Galeri .................................................. 191
4.3.2.2.30. Halaman Laporan (Tabel Kerusakan Sarana) ............ 192
4.3.2.2.31. Halaman Laporan (Tabel Perawatan Sarana) ............ 194
4.3.2.2.32. Halaman Laporan (Tabel Jumlah Sarana per Jenis) .. 196
4.3.2.2.33. Halaman Laporan (Tabel Jumlah Sarana Rusak) ...... 197
4.3.2.2.34. Halaman Tabel Aduan Kerusakan untuk Admin ....... 199
4.3.3. Halaman Guru dan Karyawan ................................................. 201
4.3.3.1. Halaman Home Guru dan Karyawan ............................... 201
4.3.3.2. Halaman

Profil

(Tabel

Peta)

untuk

Guru

dan

Karyawan ........................................................................ 202
4.3.3.3. Halaman Profil (Tabel Fasilitas) untuk Guru dan
Karyawan ........................................................................ 203
4.3.3.4. Halaman Profil (Tabel Prestasi) untuk Guru dan
Karyawan ........................................................................ 204
4.3.3.5. Halaman Tabel Lantai untuk Guru dan Karyawan ...........205
4.3.3.6. Halaman Detail Lantai untuk Guru dan Karyawan .......... 206
4.3.3.7. Halaman Tabel Ruang untuk Guru dan Karyawan .......... 207
4.3.3.8. Halaman Detail Ruang untuk Guru dan Karyawan .......... 208
4.3.3.9. Halaman Tabel Sarana untuk Guru dan Karyawan .......... 209
4.3.3.10. Halaman

Tabel

Perawatan

untuk

Guru

dan

Karyawan ........................................................................ 210
4.3.3.11. Halaman Tabel Galeri untuk Guru dan Karyawan .......... 211

xxi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.3.3.12. Halaman Laporan (Tabel Kerusakan Sarana) untuk
Guru dan Karyawan ........................................................ 212
4.3.3.13. Halaman Laporan (Tabel Perawatan Sarana) untuk
Guru dan Karyawan ........................................................ 213
4.3.3.14. Halaman Laporan (Tabel Jumlah Sarana per Jenis)
untuk Guru dan Karyawan .............................................. 214
4.3.3.15. Halaman Laporan (Tabel Jumlah Total Sarana Rusak)
untuk Guru dan Karyawan .............................................. 215
4.3.3.16. Halaman Adukan Kerusakan ........................................... 216
4.3.3.17. Halaman Tambah Aduan Kerusakan ............................... 217
BAB V ANALISA HASIL ............................................................................. 219
5.1.

Hasil Analisa Sistem .......................................................................... 219
5.1.1. Kelebihan Sistem ..................................................................... 219
5.1.2. Kekurangan Sistem ................................................................. 219

5.2.

Hasil Uji Coba Terhadap Pengguna .................................................. 219

5.3.

Form Kuisioner ................................................................................. 222

5.4.

Hasil dan Pembahasan ....................................................................... 225

BAB VI PENUTUP ......................................................................................... 238
6.1.

Kesimpulan ........................................................................................ 238

6.2.

Saran .................................................................................................. 239

xxii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR TABEL
3.1. Tabel User ................................................................................................. 50
3.2. Tabel Peta .................................................................................................. 50
3.3. Tabel Fasilitas ............................................................................................ 51
3.4. Tabel Prestasi ............................................................................................. 51
3.5. Tabel Lantai ............................................................................................... 52
3.6. Tabel Ruang ............................................................................................... 52
3.7. Tabel Sarana .............................................................................................. 53
3.8. Tabel Perawatan ........................................................................................ 54
3.9. Tabel Foto Ruang ...................................................................................... 54
3.10. Tabel Galeri Foto ....................................................................................... 55
3.11. Tabel Aduan Kerusakan .............................................................................55
5.1. Website dapat memberikan informasi sarana prasarana ............................ 225
5.2. Menu-menu dan navigasi yang ada mudah digunakan .............................. 226
5.3. Tampilan website menarik ......................................................................... 227
5.4. Fasilitas pencarian mudah digunakan dan hasil yang ditampilkan sesuai
dengan yang diinginkan ............................................................................ 228
5.5. Fungsi tambah sarana mudah digunakan .................................................. 229
5.6. Fungsi edit sarana mudah digunakan ........................................................ 230
5.7. Fungsi hapus sarana mudah digunakan ..................................................... 231
5.8. Menu aduan kerusakan membantu melihat adanya laporan kerusakan
sarana ........................................................................................................ 232
5.9. Fungsi input perawatan mudah digunakan ............................................... 233

xxiii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

5.10. Menu aduan kerusakan membantu memantau sarana dan perbaikan ....... 234
5.11. Input adukan kerusakan memudahkan pengaduan adanya kerusakan
sarana ........................................................................................................ 235
5.12. Input adukan kerusakan membantu dalam melaporkan adanya
kerusakan sarana ....................................................................................... 236
5.13. Website menarik minat untuk menyekolahkan anak di SD Budya
Wacana ..................................................................................................... 237

xxiv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR GAMBAR
2.1. Model Waterfall ........................................................................................ 9
2.2. Simbol Use Case ....................................................................................... 12
2.3. Simbol Actor .............................................................................................. 12
2.4. Simbol Use Case Association Relationship ............................................... 13
2.5. Simbol Proses ............................................................................................ 14
2.6. Simbol External Agent ............................................................................... 14
2.7. Simbol Data Flow ...................................................................................... 15
2.8. Simbol Data Store ...................................................................................... 15
2.9. Simbol Entity .............................................................................................. 16
2.10 Simbol Relational .......................................................................................16
3.1. Use case diagram .......................................................................................22
3.2. Use case package user ............................................................................... 23
3.3. Use case package peta ............................................................................... 24
3.4. Use case package fasilitas ......................................................................... 24
3.5. Use case package prestasi ......................................................................... 25
3.6. Use case package lantai ............................................................................. 26
3.7. Use case package ruang .............................................................................26
3.8. Use case package sarana ........................................................................... 27
3.9. Use case package perawatan ..................................................................... 28
3.10. Use case package foto ruang ..................................................................... 28
3.11. Use case package galeri foto ..................................................................... 29
3.12. Use case package aduan kerusakan ........................................................... 30

xxv

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.13. Diagram Context ........................................................................................ 30
3.14. Diagram Berjenjang 1 ................................................................................ 32
3.15. Diagram Berjenjang 2 ................................................................................ 33
3.16. DFD level 0 proses 1 ................................................................................. 34
3.17. DFD level 0 proses 2 ................................................................................. 35
3.18. DFD level 0 proses 3 ................................................................................. 35
3.19. DFD level 0 proses 4 ................................................................................. 36
3.20. DFD level 0 proses 5 ................................................................................. 36
3.21. DFD level 0 proses 6 ................................................................................. 37
3.22. DFD level 0 proses 7 ................................................................................. 37
3.23. DFD level 0 proses 8 ................................................................................. 38
3.24. DFD level 0 proses 9 ................................................................................. 38
3.25. DFD level 0 proses 10 ............................................................................... 39
3.26. DFD level 0 proses 11 ............................................................................... 39
3.27. DFD level 0 proses 12 ............................................................................... 40
3.28. DFD level 1 proses 2 ................................................................................. 40
3.29. DFD level 1 proses 3 ................................................................................. 41
3.30. DFD level 1 proses 4 ................................................................................. 42
3.31. DFD level 1 proses 5 ................................................................................. 42
3.32. DFD level 1 proses 6 ................................................................................. 43
3.33. DFD level 1 proses 7 ................................................................................. 43
3.34. DFD level 1 proses 8 ................................................................................. 44
3.35. DFD level 1 proses 9 ................................................................................. 44

xxvi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.36. DFD level 1 proses 10 ............................................................................... 45
3.37. DFD level 1 proses 11 ............................................................................... 45
3.38. DFD level 1 proses 12 ............................................................................... 46
3.39. Entity Relational Diagram ......................................................................... 47
3.40. Relational Tabel .........................................................................................49
3.41. Desain halaman utama pengunjung ........................................................... 56
3.42. Desain halaman profil (Peta sekolah) ........................................................ 57
3.43. Desain halaman profil (Fasilitas) ............................................................... 58
3.44. Desain halaman profil (Prestasi) ................................................................ 59
3.45. Desain halaman lantai ................................................................................ 60
3.46. Desain halaman ruang ................................................................................ 61
3.47. Desain halaman detail ruang ...................................................................... 62
3.48. Desain halaman galeri foto ........................................................................ 63
3.49. Desain halaman login admin dan staff sarana ........................................... 64
3.50. Desain halaman utama admin ................................................................... 65
3.51. Desain halaman utama staff sarana ........................................................... 66
3.52. Desain halaman profil (tabel peta) ............................................................ 67
3.53. Desain halaman tambah peta ..................................................................... 68
3.54. Desain halaman edit peta ........................................................................... 69
3.55. Desain halaman profil (tabel fasilitas) ....................................................... 70
3.56. Desain halaman tambah fasilitas ............................................................... 71
3.57. Desain halaman edit fasilitas ..................................................................... 72
3.58. Desain halaman profil (tabel prestasi) ....................................................... 73

xxvii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.59. Desain halaman tambah prestasi ............................................................... 74
3.60. Desain halaman tabel lantai ....................................................................... 75
3.61. Desain halaman tambah lantai ................................................................... 76
3.62. Desain halaman edit lantai ......................................................................... 77
3.63. Desain halaman tabel ruang ....................................................................... 78
3.64. Desain halaman tambah ruang ................................................................... 79
3.65. Desain halaman edit ruang .........................................................................80
3.66. Desain halaman tabel sarana ...................................................................... 81
3.67. Desain halaman tambah sarana .................................................................. 82
3.68. Desain halaman edit sarana ........................................................................83
3.69. Desain halaman tabel perawatan ................................................................ 84
3.70. Desain halaman tambah perawatan ............................................................85
3.71. Desain halaman edit perawatan ................................................................. 86
3.72. Desain halaman tabel galeri ....................................................................... 87
3.73. Desain halaman tambah galeri ................................................................... 88
3.74. Desain halaman edit galeri ......................................................................... 89
3.75. Desain halaman laporan (tabel kerusakan sarana) ..................................... 90
3.76. Desain halaman laporan (tabel perawatan sarana) .................................... 91
3.77. Desain halaman laporan (tabel jumlah sarana per jenis) ........................... 92
3.78. Desain halaman laporan (tabel jumlah total sarana rusak) ........................ 93
3.79. Desain halaman tabel aduan kerusakan ..................................................... 94
3.80. Desain halaman tabel user ......................................................................... 95
3.81. Desain halaman tambah user ..................................................................... 96

xxviii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

3.82. Desain halaman edit user ........................................................................... 97
3.83. Desain halaman login guru dan karyawan ................................................. 98
3.84. Desain halaman utama guru dan karyawan ............................................... 99
3.85. Desain halaman profil (tabel peta) ............................................................ 100
3.86. Desain halaman profil (tabel fasilitas) ...................................................... 101
3.87. Desain halaman profil (tabel prestasi) ...................................................... 102
3.88. Desain halaman tabel lantai ...................................................................... 103
3.89. Desain halaman tabel ruang ...................................................................... 104
3.90. Desain halaman tabel sarana ..................................................................... 105
3.91. Desain halaman tabel perawatan ............................................................... 106
3.92. Desain halaman tabel galeri ...................................................................... 107
3.93. Desain halaman laporan (tabel kerusakan sarana) .................................... 108
3.94. Desain halaman laporan (tabel perawatan sarana) .................................... 109
3.95. Desain halaman laporan (tabel jumlah sarana per jenis) ........................... 110
3.96. Desain halaman laporan (tabel jumlah total sarana rusak) ........................ 111
3.97. Desain halaman adukan kerusakan ............................................................ 112
3.98. Desain halaman tambah aduan kerusakan ................................................. 113
4.1. Tabel-tabel database sd_bw3 .................................................................... 120
4.2. Halaman home pengunjung ....................................................................... 122
4.3. Halaman profil (peta sekolah) ................................................................... 123
4.4. Halaman profil (tabel fasilitas) .................................................................. 124
4.5. Halaman profil (tabel prestasi) .................................................................. 126
4.6. Halaman lantai ........................................................................................... 128

xxix

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.7. Halaman ruang ........................................................................................... 130
4.8. Halaman detail ruang ................................................................................. 132
4.9. Halaman galeri ........................................................................................... 135
4.10. Halaman login admin ................................................................................. 137
4.11. Halaman home staff sarana ........................................................................ 139
4.12. Halaman home administrator ..................................................................... 140
4.13. Halaman tabel user .................................................................................... 141
4.14. Halaman tambah user ................................................................................ 143
4.15. Halaman edit user ...................................................................................... 144
4.16. Halaman profil (tabel peta) untuk admin ................................................... 145
4.17. Halaman profil (tambah peta) .................................................................... 148
4.18. Halaman profil (edit peta) .......................................................................... 150
4.19. Halaman profil (tabel fasilitas) untuk admin ............................................. 151
4.20. Halaman profil (tambah fasilitas) .............................................................. 153
4.21. Halaman profil (edit fasilitas) .................................................................... 155
4.22. Halaman profil (tabel prestasi) untuk admin.............................................. 156
4.23. Halaman profil (tambah prestasi) .............................................................. 158
4.24. Halaman tabel lantai untuk admin ............................................................. 159
4.25. Halaman tambah lantai .............................................................................. 161
4.26. Halaman edit lantai .................................................................................... 163
4.27. Halaman detail lantai untuk admin ............................................................ 165
4.28. Halaman tabel ruang untuk admin ............................................................. 166
4.29. Halaman tambah ruang .............................................................................. 169

xxx

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.30. Halaman edit ruang .................................................................................... 172
4.31. Halaman detail ruang untuk admin ............................................................ 175
4.32. Halaman tabel sarana untuk admin ............................................................ 177
4.33. Halaman tambah sarana ............................................................................. 180
4.34. Halaman edit sarana ................................................................................... 181
4.35. Halaman tabel perawatan untuk admin ......................................................182
4.36. Halaman tambah perawatan ....................................................................... 185
4.37. Halaman edit perawatan .............................................................................186
4.38. Halaman tabel galeri untuk admin ............................................................. 187
4.39. Halaman tambah galeri .............................................................................. 189
4.40. Halaman edit galeri ................................................................................... 191
4.41. Halaman laporan (tabel kerusakan sarana) ............................................... 192
4.42. Halaman laporan (tabel perawatan sarana) ............................................... 194
4.43. Halaman laporan (tabel jumlah sarana per jenis) ...................................... 196
4.44. Halaman laporan (tabel jumlah total sarana rusak) ................................... 197
4.45. Halaman tabel aduan kerusakan untuk admin ........................................... 199
4.46. Halaman home guru dan karyawan ........................................................... 201
4.47. Halaman tabel peta untuk guru dan karyawan .......................................... 202
4.48. Halaman tabel fasilitas untuk guru dan karyawan ..................................... 203
4.49. Halaman tabel prestasi untuk guru dan karyawan ..................................... 204
4.50. Halaman tabel lantai untuk guru dan karyawan ........................................ 205
4.51. Halaman detail lantai untuk guru dan karyawan ....................................... 206
4.52. Halaman tabel ruang untuk guru dan karyawan ........................................ 207

xxxi

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

4.53. Halaman detail ruang untuk guru dan karyawan ....................................... 208
4.54. Halaman tabel sarana untuk guru dan karyawan ....................................... 209
4.55. Halaman tabel perawatan untuk guru dan karyawan ................................. 210
4.56. Halaman tabel galeri untuk guru dan karyawan ........................................ 211
4.57. Halaman laporan (tabel kerusakan sarana) ............................................... 212
4.58. Halaman laporan (tabel perawatan sarana) ............................................... 213
4.59. Halaman laporan (tabel jumlah sarana per jenis) ...................................... 214
4.60. Halaman laporan (tabel jumlah sarana rusak) ........................................... 215
4.61. Halaman adukan kerusakan ....................................................................... 216
4.62. Halaman tambah aduan kerusakan ............................................................ 217
5.1. Form kuisioner untuk masyarakat umum .................................................. 222
5.2. Form kuisioner untuk Guru dan Karyawan SD Budya Wacana ............... 223
5.3. Form kuisioner untuk Administrator dan Staff Sarana Prasarana
SD Budya Wacana .................................................................................... 224
5.4. Grafik website memberikan informasi sarana dan prasarana .................... 225
5.5. Grafik menu dan navigasi mudah digunakan ............................................ 226
5.6. Grafik tampilan website menarik ............................................................... 227
5.7. Grafik

fasilitas

pencarian

mudah

digunakan

dan

hasil

yang

ditampilkan sesuai dengan yang diinginkan ............................................. 228
5.8. Grafik fungsi tambah sarana mudah digunakan ....................................... 229
5.9. Grafik fungsi edit sarana mudah digunakan ............................................. 230
5.10. Grafik fungsi hapus sarana mudah digunakan .......................................... 231

xxxii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

5.11. Grafik menu aduan kerusakan membantu melihat adanya laporan
kerusakan sarana ....................................................................................... 232
5.12. Grafik fungsi input perawatan mudah digunakan ..................................... 233
5.13. Grafik menu aduan kerusakan membantu memantau sarana dan
perbaikan sarana ....................................................................................... 234
5.14. Grafik input adukan kerusakan memudahkan pengaduan adanya
kerusakan sarana ....................................................................................... 235
5.15. Grafik

input

adukan kerusakan membantu dalam melaporkan

adanya kerusakan sarana .......................................................................... 236
5.16. Grafik website menarik minat untuk menyekolahkan anak di
SD Budya Wacana .................................................................................... 237

xxxiii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

DAFTAR LISTING PROGRAM
4.1. koneksi.php ..............................................