Aplikasi Pendaftaran Online dan Visualisasi Sebaran Daerah Tempat Tinggal Siswa dengan Memanfaatkan Google Map API.

ABSTRAK

Pada era globalisasi ini perkembangan aplikasi web semakin pesat. Hal ini dapat dilihat dengan bertambah banyaknya website. Banyak instansi yang menggunakan website sebagai media Informasi. Aplikasi web bisa juga digunakan sebagai media pendaftaran dan media pendataan. Sekolah dasar x memiliki kendala dalam proses pendaftaran siswa baru dan pendataan siswa. Banyak orang tua siswa yang sibuk bekerja menyebabkan tidak adanya waktu untuk membeli formulir pendaftaran. Pihak sekolah ingin mengetahui jumlah siswa yang berasal dari suatu kecamatan untuk setiap tahun ajaran. Website sekolah dasar x dibuat dengan menggunakan bahasa pemrograman PHP dan MySQL untuk mengimplementasikan website yang dinamis. Website digunakan oleh staf tata usaha sekolah untuk pengelolaan dan orang tua siswa untuk pendaftaran. Fitur pendaftaran online dibuat untuk membantu orang tua siswa agar dapat mendaftarkan anaknya dari tempat manapun dengan menggunakan website sekolah dasar x. Fitur visualisasi sebaran daerah tempat tinggal siswa digunakan untuk membantu pihak sekolah untuk mengetahui jumlah siswa yang berasal dari suatu kecamatan untuk setiap tahun ajaran. Fitur ini dibuat menggunakan Google Map API. Kata Kunci : google map API, internet, lokasi, pendaftaran online, sebaran

vi

ABSTRACT

In the era of globalization is the rapid development of web applications. This can be seen by the increasing number of websites. Many agencies will use the website as an information medium. The web application can also be used as a medium for media registration and data collection. Primary school x has obstacles in the process of new student enrollment and student data collection. Many parents are busy at work led to the lack of time to buy a registration form. The school would like to know the number of students who come from a district for each school year. X elementary school website built using PHP programming language and MySQL to implement a dynamic website. Website used by school administrative staff for the management and parents for enrollment. Online registration features designed to help parents of students in order to enroll their children from any place using x elementary school website. Visualization of the distribution of local features student residence is used to help the school to find out the number of students who come from a district for each school year. This feature is made using the Google Map API. Keywords: distribution, google maps, internet, location, registration

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRAK ... v

ABSTRACT ... vi

DAFTAR ISI ... vii

DAFTAR GAMBAR ... xi

DAFTAR TABEL ... xiv

DAFTAR KODE PROGRAM ... xv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 1

1.3 Tujuan Pembahasan ... 1

1.4 Batasan Masalah ... 2

1.5 Metodelogi Penelitian ... 2

1.6 Sistematika Penyajian ... 2

BAB II KAJIAN TEORI ... 4

2.1 Sistem Informasi Geografi ... 4

2.2 Pemetaan ... 5

2.3 Google map Application Programming Interface ... 5

2.4 Poligon ... 5

2.5 Pendaftaran ... 6

2.6 Sistem Menejemen Sekolah ... 6

2.7 PHP ... 7

2.8 JavaScript ... 8

2.9 Asynchronous JavaScript and XML ... 8

2.10 Basis Data ... 9

2.11 MySQL ... 9

2.12 ERD ... 10

2.13 Use Case Diagram ... 11

2.14 Activity Diagram ... 12

2.15 Black Box Testing ... 12

BAB III ANALISA DAN PERMODELAN ... 14

3.1 Entity Relationship Diagram ... 14

3.2 Sistematika Kerja Aplikasi ... 16

3.2.1 Cara Kerja Tampil Data ... 19

3.2.2 Cara Kerja Registrasi ... 20

3.2.3 Cara Kerja Pendaftaran dan Pemindahan Siswa Online ... 21

3.2.4 Cara Kerja Tambah Kecamatan ... 22

3.2.5 Cara Kerja Ubah Kecamatan... 24

3.2.6 Cara Kerja Hapus Kecamatan ... 25

3.2.7 Cara Kerja Tambah Koordinat Kecamatan ... 26

3.2.8 Cara Kerja Hapus Koordinat Kecamatan ... 27

3.2.9 Cara Kerja Tambah Pengguna ... 28

3.2.10 Cara Kerja Ubah Pengguna ... 29

3.2.11 Cara Kerja Hapus Pengguna ... 30

viii

3.2.13 Cara Kerja Tambah Siswa ... 32

3.2.14 Cara Kerja Ubah Siswa ... 33

3.2.15 Cara Kerja Hapus Siswa ... 34

3.2.16 Cara Kerja Ubah Data Ayah, Ibu, dan Wali ... 35

3.2.17 Cara Kerja Visualisasi Peta ... 36

3.2.18 Cara Kerja Visualisasi Data ... 37

3.2.19 Cara Kerja Visualisasi Grafik ... 38

3.2.20 Cara Kerja Impor Data Siswa ... 39

3.2.21 Cara Kerja Eksport Data Siswa ... 40

3.2.22 Cara Kerja Approve Siswa ... 41

3.2.23 Cara Kerja Daftar Anak ... 41

3.2.24 Cara Kerja Ekspor Perbandingan Siswa ... 42

3.2.25 Cara Kerja Ekspor Grafik ... 43

3.2.26 Cara Kerja Unggah Bukti Pembayaran ... 43

3.2.27 cara Kerja Ubah Nomor Induk Nasional ... 44

3.2.28 Cara Kerja Atur Nomor Formulir Cetak ... 45

3.3 Rancangan Antarmuka ... 46

3.3.1 Rancangan Antarmuka Master Page ... 46

3.3.2 Rancangan Antarmuka Beranda... 47

3.3.3 Rancangan Antarmuka Registrasi ... 48

3.3.4 Rancangan Antarmuka Manage Kecamatan ... 48

3.3.5 Rancangan Antarmuka Manage Kecamatan Koordinat ... 49

3.3.6 Rancangan Antarmuka Manage Pengguna ... 50

3.3.7 Rancangan Antarmuka Manage Siswa ... 50

3.3.8 Rancangan Antarmuka Pendaftaran dan Pemindahan Siswa Online ... 51

3.3.9 Rancangan Antarmuka Konfirmasi Pendaftaran Siswa ... 52

3.3.10 Rancangan Antarmuka Lihat Siswa Peta ... 53

3.3.11 Rancangan Antarmuka Lihat Siswa Grafik ... 54

3.3.12 Rancangan Antarmuka Lihat Siswa List ... 55

3.3.13 Rancangan Antarmuka Approve Siswa ... 55

3.3.14 Rancangan Antarmuka Daftar Anak ... 55

3.3.15 Rancangan Antarmuka Login dan Logout ... 56

3.3.16 Rancangan Antarmuka Unggah Bukti Bayar ... 56

3.3.17 Rancangan Antarmuka Ubah Nomor Induk Nasional ... 57

3.3.18 Rancangan Antarmuka Atur Nomor Formulir Cetak ... 57

3.4 Sitemap ... 58

3.4.1 Sitemap Public ... 58

3.4.2 Sitemap Member ... 58

3.4.3 Sitemap Administrator ... 59

BAB IV PERANCANGAN DAN IMPLEMENTASI ... 60

4.1 Implementasi Halaman Master dan Halaman Beranda ... 60

4.2 Implementasi Pengelolaan Data ... 62

4.2.1 Implementasi Fitur Registrasi ... 62

4.2.2 Implementasi Fitur Mengelola Pengguna ... 65

4.2.3 Implementasi Fitur Mengelola Siswa ... 78

4.2.4 Implementasi Fitur Mengelola Kecamatan ... 92

4.2.5 Implementasi Fitur Pendaftaran dan Pemindahan Siswa Online ... 101

4.2.6 Implementasi Fitur Daftar Anak ... 118

4.2.7 Implementasi Fitur Approve Siswa ... 121

4.2.8 Implementasi Fitur Lihat Siswa ... 126

4.2.10 Implementasi Fitur Ekspor Data Siswa ... 138

4.2.11 Implementasi Fitur Login dan Logout ... 139

4.2.12 Implementasi Fitur Unggah Bukti Pembayaran ... 141

4.2.13 Implementasi Fitur Ekspor Data Perbandingan Grafik dan Excel ... 144

4.2.14 Implementasi Fitur Ubah Nomor Induk Nasional ... 146

4.2.15 Implementasi Fitur Atur Nomor Formulir Cetak ... 148

4.3 Implementasi Penyimpanan Data... 149

4.3.1 Tabel pengguna ... 149

4.3.2 Tabel kecamatan ... 149

4.3.3 Tabel koordinat ... 149

4.3.4 Tabel pengguna_siswa ... 150

4.3.5 Tabel siswa... 150

4.3.6 Tabel siswa_raport ... 151

4.3.7 Tabel keluarga_siswa ... 151

4.3.8 Tabel jadwal_pendaftaran ... 151

BAB V PENGUJIAN ... 152

5.1 Pengujian Form Login ... 152

5.2 Pengujian Form Registrasi ... 153

5.3 Pengujian Form Tambah Pengguna ... 155

5.4 Pengujian Form Ubah Pengguna ... 157

5.5 Pengujian Fitur Hapus Pengguna ... 159

5.6 Pengujian Fitur Reset Kata Sandi... 159

5.7 Pengujian Form Tambah Kecamatan ... 160

5.8 Pengujian Form Ubah Kecamatan ... 160

5.9 Pengujian Fitur Hapus Kecamatan ... 161

5.10 Pengujian Form Tambah Koordinat Kecamatan ... 162

5.11 Pengujian Fitur Hapus Koordinat Kecamatan ... 163

5.12 Pengujian Form Tambah Siswa ... 163

5.13 Pengujian Form Ubah Siswa ... 166

5.14 Pengujian Form Ubah Keluarga Siswa ... 168

5.15 Pengujian Fitur Hapus Siswa ... 171

5.16 Pengujian Fitur Impor Data Siswa ... 171

5.17 Pengujian Form Ekspor Data Siswa ... 172

5.18 Pengujian Form Tambah Jadwal Pendaftaran ... 172

5.19 Pengujian Form Ubah Jadwal Pendaftaran ... 173

5.20 Pengujian Fitur Hapus Jadwal Pendaftaran ... 174

5.21 Pengujian Fitur Lihat Peta Sebaran Siswa ... 174

5.22 Pengujian Fitur Lihat Data Siswa ... 174

5.23 Pengujian Fitur Lihat Grafik Perbandingan Jumlah Siswa ... 175

5.24 Pengujian Form Pendaftaran Siswa Data Siswa ... 175

5.25 Pengujian Form Pendaftaran Siswa Data Keluarga ... 178

5.26 Pengujian Form Konfirmasi Data Pendaftaran Siswa Baru ... 180

5.27 Pengujian Form Pendaftaran Pemindahan Siswa Data Siswa ... 184

5.28 Pengujian Form Pendaftaran Pemindahan Siswa Data Keluarga ... 187

5.29 Pengujian Form Konfirmasi Data Pendaftaran Siswa Pindahan ... 189

5.30 Pengujian Fitur Penerimaan Siswa ... 193

5.31 Pengujian Fitur Ekspor Data Perbandingan Siswa ... 194

5.32 Pengujian Fitur Ekspor Grafik to JPG ... 194

5.33 Pengujian Fitur Ubah Data Nomor Induk Nasional ... 195

BAB VI KESIMPULAN & SARAN ... 196

x

6.2 Saran ... 196 DAFTAR PUSTAKA ... 197 LAMPIRAN A – KAMUS DATA ... A-1 LAMPIRAN B – STORED PROCEDURE ... B-1 LAMPIRAN C – DATA PENULIS ... C-1

DAFTAR GAMBAR

Gambar 2.1 Sistem Kerja AJAX ... 9

Gambar 2.2 Entitas ... 10

Gambar 2.3 Relasi ... 10

Gambar 3.1 Entity Relationship Diagram ... 14

Gambar 3.3 Activity Diagram Proses Login ... 18

Gambar 3.4 Activity Diagram Proses Logout ... 19

Gambar 3.5 Activity Diagram Tampil Data... 19

Gambar 3.6 Activity Diagram Registrasi ... 20

Gambar 3.7 Activity Diagram Pendaftaran dan Pemindahan Siswa Online ... 22

Gambar 3.8 Activity Diagram Tambah Kecamatan ... 23

Gambar 3.9 Activity Diagram Ubah Kecamatan ... 25

Gambar 3.10 Activity Diagram Hapus Kecamatan ... 26

Gambar 3.11 Activity Diagram Tambah Koordinat Kecamatan ... 26

Gambar 3.12 Activity Diagram Hapus Koordinat Kecamatan ... 27

Gambar 3.13 Activity Diagram Tambah Pengguna ... 29

Gambar 3.14 Activity Diagram Ubah Pengguna ... 30

Gambar 3.15 Activity Diagram Hapus Pengguna ... 31

Gambar 3.16 Activity Diagram Reset Kata Sandi Pengguna ... 31

Gambar 3.17 Activity Diagram Tambah Siswa ... 33

Gambar 3.18 Activity Diagram Ubah Siswa ... 34

Gambar 3.19 Activity Diagram Hapus SIswa ... 35

Gambar 3.20 Activity Diagram Ubah Data Ayah, Ibu, dan Wali ... 36

Gambar 3.21 Activity Diagram Visualisasi Peta ... 37

Gambar 3.22 Activity Diagram Visualisasi Data ... 38

Gambar 3.23 Activity Diagram Visualisasi Grafik ... 39

Gambar 3.24 Activity Diagram Impor Data Siswa ... 40

Gambar 3.25 Activity Diagram Ekspor Data Siswa ... 40

Gambar 3.26 Activity Diagram Approve Siswa ... 41

Gambar 3.27 Activity Diagram Daftar Anak ... 42

Gambar 3.28 Activity Diagram Ekspor Perbandingan Siswa ... 42

Gambar 3.29 Activity Diagram Ekspor Grafik ... 43

Gambar 3.30 Activity Diagram Unggah Bukti Pembayaran ... 44

Gambar 3.31 Activity Diagram Ubah Nomor Induk Nasional ... 45

Gambar 3.32 Activity Diagram Atur Nomor Formulir Cetak ... 46

Gambar 3.32 Gambar Rancangan Antarmuka Master Page ... 47

Gambar 3.33 Gambar Rancangan Antarmuka Beranda ... 47

Gambar 3.34 Gambar Rancangan Antarmuka Registrasi ... 48

Gambar 3.35 Gambar Rancangan Antarmuka Manage Kecamatan ... 49

Gambar 3.36 Gambar Rancangan Antarmuka Manage Kecamatan Koordinat... 49

Gambar 3.37 Gambar Rancangan Antarmuka Manage Pengguna ... 50

Gambar 3.38 Gambar Rancangan Antarmuka Manage Siswa ... 51

Gambar 3.39 Gambar Rancangan Antarmuka Pendaftaran Online ... 52

Gambar 3.40 Gambar Rancangan Antarmuka Konfirmasi Pendaftaran Online ... 53

Gambar 3.41 Gambar Rancangan Antarmuka Lihat Siswa Peta ... 54

Gambar 3.42 Gambar Rancangan Antarmuka Lihat Grafik ... 54

Gambar 3.43 Gambar Rancangan Antarmuka Lihat Siswa List ... 55

xii

Gambar 3.45 Gambar Racangan Antarmuka Daftar Anak ... 56

Gambar 3.46 Gambar Racangan Antarmuka Daftar Anak Detail ... 56

Gambar 3.47 Gambar Racangan Antarmuka Form Login ... 56

Gambar 3.48 Gambar Racangan Antarmuka Unggah Bukti Bayar ... 57

Gambar 3.49 Gambar Racangan Antarmuka Ubah Nomor Induk Nasional ... 57

Gambar 3.51 Gambar Sitemap Public ... 58

Gambar 3.52 Gambar Sitemap Member ... 59

Gambar 3.53 Gambar Sitemap Administrator ... 59

Gambar 4.1 Implementasi Halaman Master ... 60

Gambar 4.2 Implementasi Halaman Beranda ... 61

Gambar 4.3 Implementasi Halaman Registrasi ... 62

Gambar 4.4 Implementasi Halaman Registrasi Validasi ... 63

Gambar 4.5 Implementasi Halaman Registrasi Terisi ... 63

Gambar 4.6 Implementasi Halaman Home Sesudah Login ... 64

Gambar 4.7 Implementasi Halaman Manage Pengguna ... 66

Gambar 4.8 Implementasi Pencarian Pengguna ... 68

Gambar 4.9 Implementasi Manage Pengguna form Tambah ... 69

Gambar 4.10 Implementasi form Tambah Pengguna Validasi Salah ... 69

Gambar 4.11 Implementasi form Tambah Pengguna Validasi Benar ... 71

Gambar 4.12 Implementasi form Pesan Kesalahan dan form Pesan Sukses ... 72

Gambar 4.13 Implementasi form Ubah Data Pengguna ... 73

Gambar 4.14 Implementasi form Konfirmasi dan form Sukses Pengubahan Kata Sandi ... 74

Gambar 4.15 Implementasi form Ubah Pengguna Validasi dan form Pesan Sukses ... 75

Gambar 4.16 Implementasi form Konfirmasi Penghapusan Pengguna ... 76

Gambar 4.17 Implementasi form Tambah Pengelolaan Anak ... 77

Gambar 4.18 Implementasi form Ubah Pengguna Validasi ... 77

Gambar 4.19 Implementasi Halaman Manage Siswa ... 78

Gambar 4.20 Implementasi Pencarian Pengguna ... 80

Gambar 4.21 Implementasi Manage Siswa form Tambah ... 81

Gambar 4.22 Implementasi form Tambah Pengguna Validasi Salah ... 82

Gambar 4.23 Implementasi form Tambah Siswa Validasi Benar... 86

Gambar 4.24 Implementasi form Pesan Sukses Tambah Siswa ... 86

Gambar 4.25 Implementasi form Ubah Data Siswa ... 88

Gambar 4.26 Implementasi form Ubah Siswa Validasi dan form Pesan Sukses ... 89

Gambar 4.27 Implementasi form Konfirmasi Penghapusan Siswa ... 90

Gambar 4.28 Implementasi form Ubah Data Keluarga ... 91

Gambar 4.29 Implementasi Halaman Manage Kecamatan ... 93

Gambar 4.30 Implementasi Manage Kecamatan form Tambah ... 94

Gambar 4.31 Implementasi form Tambah Kecamatan Validasi Salah ... 94

Gambar 4.32 Implementasi form Tambah Kecamatan Validasi Benar ... 96

Gambar 4.33 Implementasi form Pesan Sukses Tambah Kecamatan ... 96

Gambar 4.34 Implementasi form Ubah Data Kecamatan ... 97

Gambar 4.35 Implementasi form Ubah Kecamatan Validasi dan form Pesan Sukses ... 98

Gambar 4.36 Implementasi form Konfirmasi Penghapusan Kecamatan ... 98

Gambar 4.37 Implementasi Halaman Manage Koordinat Kecamaran ... 99

Gambar 4.38 Implementasi form Pesan Sukses Tambah Koordinat Kecamatan ... 100

Gambar 4.39 Implementasi form Konfirmasi Penghapusan Koordinat Kecamatan ... 101

Gambar 4.40 Implementasi Halaman Awal Pendaftaran Online ... 102

Gambar 4.41 Implementasi Formulir Data Siswa ... 102

Gambar 4.43 Implementasi form Data Siswa Validasi Salah ... 103

Gambar 4.44 Implementasi form Data Siswa Validasi Benar ... 104

Gambar 4.45 Implementasi form Data Keluarga ... 105

Gambar 4.46 Implementasi form Data Keluarga Validasi Salah ... 105

Gambar 4.47 Implementasi form Konfirmasi Data Siswa ... 109

Gambar 4.48 Implementasi form Konfirmasi Data Siswa ... 110

Gambar 4.49 Implementasi form Konfirmasi Kelengkapan Data Baru ... 110

Gambar 4.50 Implementasi form Konfirmasi Kelengkapan Data Pindahan ... 111

Gambar 4.51 Implementasi Halaman Selesai Pendaftaran ... 112

Gambar 4.52 Implementasi Halaman Daftar Anak ... 118

Gambar 4.53 Implementasi Halaman Daftar Anak Detail ... 119

Gambar 4.54 Implementasi Halaman Approve Siswa ... 122

Gambar 4.55 Implementasi form Konfirmasi Lunas atau Belum Lunas ... 124

Gambar 4.56 Implementasi Check Data Hapus atau Approve ... 125

Gambar 4.57 Implementasi Menu Mengelola Penelitian ... 127

Gambar 4.58 Implementasi Halaman Lihat Grafik ... 129

Gambar 4.59 Implementasi Halaman Lihat Data Siswa ... 130

Gambar 4.60 Implementasi Halaman Lihat Data Siswa Detail ... 131

Gambar 4.61 Implementasi Impor Data Siswa form Pesan Impor ... 133

Gambar 4.62 Implementasi Ekspor Data SIswa ... 139

Gambar 4.63 Implementasi form Login ... 140

Gambar 4.64 Implementasi form Pesan Kesalahan Login ... 140

Gambar 4.65 Implementasi form Login Benar ... 140

Gambar 4.66 Implementasi Form Unggah Bukti Pembayaran ... 142

Gambar 4.67 Implementasi Form Unggah Bukti Pembayaran Validasi Salah ... 142

Gambar 4.68 Implementasi Form Unggah Bukti Pembayaran Pesan Berhasil ... 142

Gambar 4.69 Implementasi Halaman Lihat Grafik ... 144

Gambar 4.70 Implementasi Hasil Ekspor Gambar ... 144

Gambar 4.71 Implementasi Ekspor Data ... 145

Gambar 4.72 Implementasi Ubah Nomor Induk Nasional ... 146

Gambar 4.73 Implementasi Ubah Nomor Induk Nasional Validasi Salah ... 147

Gambar 4.74 Implementasi Ubah Nomor Induk Nasional Pesan Berhasil ... 147

Gambar 4.75 Implementasi Atur Nomor Formulir Cetak ... 148

Gambar 4.75 Implementasi Atur Nomor Formulir Cetak Pesan Berhasil ... 148

xiv

DAFTAR TABEL

Tabel 2.1 Simbol Use Case Diagram ... 11

Tabel 2.2 Simbol Activity Diagram ... 12

Tabel 4.1 Tabel pengguna ... 149

Tabel 4.2 Tabel kecamatan ... 149

Tabel 4.3 Tabel koordinat... 149

Tabel 4.4 Tabel pengguna_siswa ... 150

Tabel 4.5 Tabel siswa ... 150

Tabel 4.6 Tabel siswa_raport ... 151

Tabel 4.7 Tabel keluarga_siswa ... 151

Tabel 4.8 Tabel jadwal_pendaftaran ... 151

Tabel 5.1 Pengujian Form Login ... 152

Tabel 5.2 Pengujian Form Registrasi ... 153

Tabel 5.3 Pengujian Form Tambah Pengguna ... 155

Tabel 5.4 Pengujian Form Ubah Pengguna ... 157

Tabel 5.5 Pengujian Fitur Hapus Pengguna ... 159

Tabel 5.6 Pengujian Fitur Reset Kata Sandi ... 159

Tabel 5.7 Pengujian Form Tambah Kecamatan ... 160

Tabel 5.8 Pengujian Form Ubah Kecamatan... 161

Tabel 5.9 Pengujian Fitur Hapus Kecamatan ... 161

Tabel 5.10 Pengujian Form Tambah Koordinat Kecamatan ... 162

Tabel 5.11 Pengujian Fitur Hapus Koordinat Kecamatan ... 163

Tabel 5.12 Pengujian Form Tambah Siswa... 164

Tabel 5.13 Pengujian Form Ubah Siswa ... 166

Tabel 5.14 Pengujian Form Ubah Keluarga Siswa ... 169

Tabel 5.15 Pengujian Fitur Hapus Siswa ... 171

Tabel 5.16 Pengujian Fitur Impor Data Siswa ... 171

Tabel 5.17 Pengujian Fitur Ekspor Data Siswa ... 172

Tabel 5.18 Pengujian Form Tambah Jadwal Pendaftaran ... 172

Tabel 5.19 Pengujian Form Ubah Jadwal Pendaftaran ... 173

Tabel 5.20 Pengujian Fitur Hapus Jadwal Pendaftaran ... 174

Tabel 5.21 Pengujian Fitur Lihat Peta Sebaran Siswa ... 174

Tabel 5.22 Pengujian Fitur Lihat Data Siswa ... 175

Tabel 5.23 Pengujian Fitur Lihat Grafik ... 175

Tabel 5.24 Pengujian Form Pendaftaran Siswa Data Siswa ... 176

Tabel 5.25 Pengujian Form Pendaftaran Siswa Data Keluarga ... 178

Tabel 5.26 Pengujian Form Konfirmasi Data Pendaftaran Siswa Baru ... 181

Tabel 5.27 Pengujian Form Pendaftaran Pemindahan Siswa Data Siswa ... 185

Tabel 5.28 Pengujian Form Pendaftaran Pemindahan Siswa Data Keluarga ... 187

Tabel 5.29 Pengujian Form Konfirmasi Data Pendaftaran Siswa Pindahan ... 190

DAFTAR KODE PROGRAM

Kode Program 4.1 Kode Program Halaman Beranda ... 62

Kode Program 4.2 Kode Program Halaman Registrasi ... 65

Kode Program 4.3 Kode Program Tampil Data Pengguna ... 67

Kode Program 4.4 Kode Program Pencarian Data Pengguna ... 68

Kode Program 4.5 Kode Program Validasi Data Pengguna ... 71

Kode Program 4.6 Kode Program Tambah Data Pengguna ... 73

Kode Program 4.7 Kode Program Ubah Kata Sandi ... 74

Kode Program 4.8 Kode Program Ubah Data Pengguna ... 76

Kode Program 4.9 Kode Program Hapus Data Pengguna ... 76

Kode Program 4.10 Kode Program Tambah Data Anak ... 78

Kode Program 4.11 Kode Program Tampil Data Pengguna... 79

Kode Program 4.12 Kode Program Pencarian Data Siswa ... 80

Kode Program 4.13 Kode Program Validasi Data Siswa ... 85

Kode Program 4.14 Kode Program Tambah Data Siswa ... 87

Kode Program 4.15 Kode Program Ubah Data Siswa ... 89

Kode Program 4.16 Kode Program Hapus Data Pengguna ... 90

Kode Program 4.17 Kode Program Ubah Data Keluarga ... 92

Kode Program 4.18 Kode Program Tampil Data Kecamatan ... 93

Kode Program 4.19 Kode Program Validasi Data Kecamatan... 96

Kode Program 4.20 Kode Program Tambah Data Kecamatan ... 97

Kode Program 4.21 Kode Program Ubah Data Kecamatan ... 98

Kode Program 4.22 Kode Program Hapus Data Kecamatan ... 99

Kode Program 4.23 Kode Program Tampil Koordinat Kecamatan ... 100

Kode Program 4.24 Kode Program Tambah Data Koordinat Kecamatan ... 100

Kode Program 4.25 Kode Program Hapus Data Koordinat Kecamatan ... 101

Kode Program 4.26 Kode Program Validasi Data Pendaftaran ... 109

Kode Program 4.27 Kode Program Insert Data Siswa Baru ... 113

Kode Program 4.28 Kode Program Insert Data Siswa Pindahan ... 118

Kode Program 4.29 Kode Program Halaman Daftar Anak ... 121

Kode Program 4.30 Kode Program Halaman Approve Pendaftar Tampil List Data ... 123

Kode Program 4.31 Kode Program Halaman Pelunasan Siswa ... 124

Kode Program 4.32 Kode Program Approve dan Hapus Banyak Pendaftar ... 126

Kode Program 4.33 Kode Program Halaman Lihat Siswa Proses Lihat Peta ... 128

Kode Program 4.34 Kode Program Halaman Lihat Siswa Proses Lihat Grafik ... 130

Kode Program 4.35 Kode Program Halaman Lihat Siswa Proses Lihat Data Siswa ... 133

Kode Program 4.36 Kode Program Halaman Manage Siswa Proses Impor Data Siswa ... 138

Kode Program 4.37 Kode Program Proses Ekspor Data Siswa ... 139

Kode Program 4.38 Kode Program Halaman Fitur Login ... 141

Kode Program 4.39 Kode Program Halaman Ubah Nomor Induk Nasional ... 143

Kode Program 4.40 Kode Program Proses Ekspor Data dan Grafik ... 146

Kode Program 4.41 Kode Program Proses Ubah Nomor Induk Nasional ... 147

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Salah satu sistem yang paling penting untuk sebuah sekolah adalah sistem penerimaan siswa baru. Sistem pendaftaran siswa baru yang digunakan masih menggunakan formulir pendaftaran diambil langsung di sekolah yang diinginkan. Pengambilan formulir tersebut menjadi kendala dalam proses pendaftaran siswa baru khususnya bagi orang tua yang bekerja. Banyak orang tua siswa yang memiliki aktivitas yang padat sehingga tidak memiliki waktu luang untuk mengambil formulir pendaftaran bagi anaknya diakibatkan oleh waktu kerja yang mengikat. Kendala tersebut menyebabkan kurangnya jumlah siswa baru yang mendaftar ke Sekolah Dasar X.

Kendala lain yang menjadi masalah adalah sulitnya untuk melakukan pendataan terhadap sebaran siswa yang mendaftar dan siswa yang sudah ada pada Sekolah Dasar X. Data sebaran siswa perlu untuk diketahui karena berdasarkan data tersebut dapat digunakan untuk melakukan peninjauan lokasi yang kurang peminat pendaftaran. Hasil dari pemetaan sebaran data alamat siswa tersebut dapat digunakan sebagai dasar menentukan lokasi untuk melakukan promosi sekolah.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah dapat ditarik rumusan masalah :

1. Bagaimana merancang struktur data yang dapat mendukung proses visualisasi sebaran lokasi tempat tinggal siswa?

2. Bagaimana menggunakan struktur data yang dirancang untuk menyimpan data siswa? 3. Bagaimana mem-visualisasikan pemetaan sebaran lokasi daerah tempat tinggal siswa

berdasarkan struktur data yang dibuat?

1.3 Tujuan Pembahasan

Berdasarkan rumusan masalah diatas, berikut beberapa tujuan dari tugas akhir ini : 1. Merancang sebuah struktur data yang membuat data siswa bisa digunakan untuk

proses visualisasi data.

2. Membuat aplikasi pengelolaan data yang dapat mengisi semua data pada rancangan struktur data.

2

3. Mengelola data pada struktur data sehingga dapat digunakan pada proses visualisasi dengan Google Map API.

1.4 Batasan Masalah

Penelitian tugas akhir ini memiliki batasan masalah yaitu :

1. Pembuatan website menggunakan bahasa pemrograman PHP versi 5. 2. Basis data menggunakan MySQL 5.1.

3. Aplikasi berjalan dengan baik pada Browser Google Chrome berdasarkan hasil pengujian.

4. Tampilan aplikasi website dengan resolusi layar minimal 1024 x 768 pixel.

1.5 Metodelogi Penelitian

Berikut langkah-langkah yang dilakukan dalam penelitian tugas akhir :

1. Melakukan studi penelitian terhadap dokumen formulir pendaftaran dan pendataan siswa pada Sekolah Dasar X.

2. Melakukan studi pustaka terhadap teknik pengelolaan data siswa serta teknik pemetaan menggunakan fasilitas dari API Google map.

3. Melakukan desain struktur basis data yang digunakan untuk menyimpan data berdasarkan hasil temuan pada langkah 1.

4. Melakukan desain aplikasi pengelolaan data siswa yang memanfaatkan struktur data yang diperoleh pada langkah 3.

5. Melakukan implementasi desain aplikasi pengelolaan data siswa yang diperoleh pada langkah 4.

6. Melakukan desain aplikasi pengelompokan dan visualisasi data daerah lokasi tempat tinggal siswa dengan memanfaatkan struktur data yang diperoleh pada langkah 3 dan API Google map.

7. Melakukan implementasi desain aplikasi pengelompokan dan visualisasi data yang diperoleh pada langkah 6.

8. Melakukan pengujian terhadap hasil implementasi langkah 5 dan langkah 7 terhadap pengguna yang ditunjuk oleh Sekolah Dasar X.

1.6 Sistematika Penyajian

Proses penyusunan laporan penelitian tugas akhir ini akan dibuat sesuai penjelasan berikut ini. Bab I Pendahuluan berisikan penjelaskan latar belakang, rumusan masalah,

3

tujuan pembahasan, batasan masalah, sumber data, dan sistematika penulisan. Bab II Landasan Teori berisikan penjelaskan teori-teori yang berkaitan dengan pembuatan website dan mendukung pembuatan sistem yang ada. Bab III Analisis dan Permodelan berisikan penjelaskan bagaimana analisis keadaan, kebutuhan sistem, perancangan sistem, Unified Modeling Language Diagram, Entity Relationship Diagram, dan gambaran rancangan antarmuka. Bab IV Perancangan dan Implementasi berisikan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah dibuat. Bab V Pengujian berisikan hasil pengujian dari implementasi yang telah dilakukan. Jenis pengujian yang digunakan yaitu pengujian Black Box. Bab VI Simpulan dan Saran digunakan untuk memberi kesimpulan dan kata-kata penutup dalam laporan penelitian tugas akhir. Daftar Pustaka adalah bagian yang berisi tentang daftar sumber-sumber Informasi yang digunakan untuk mendukung pembuatan proyek. Bagian terakhir adalah lampiran yang berisikan daftar riwayat hidup penulis dan data-data lain yang perlu untuk dilampirkan.

196

BAB VI

SIMPULAN & SARAN

6.1 Simpulan

Beberapa kesimpulan yang dapat ditarik setelah melakukan analisis, perancangan dan implementasi dari aplikasi, yaitu :

1. Berdasarkan hasil rancangan dan implementasi database data siswa, pengguna website dan kecamatan dapat disimpan secara teratur dan mudah untuk di akses.

2. Fitur visualisasi sebaran lokasi daerah tempat tinggal siswa membantu administrator atau staf tata usaha untuk melihat jumlah pendaftar dari setiap kecamatan di kota bandung. 3. Google Maps API memudahkan untuk pembuatan visualisasi sebaran daerah tempat

tinggal siswa.

4. Fitur pendaftaran online yang dibuat membantu pihak orang tua siswa untuk mendaftarkan anaknya ke sekolah.

6.2 Saran

Saran yang dapat diberikan setelah pembuatan aplikasi website adalah :

1. Untuk mempermudah aplikasi website di akses oleh berbagai jenis perangkat, akan lebih baik dibuat aplikasi website untuk versi mobile.

2. Untuk fitur visualisasi grafik ditambahkan decision support system untuk pembacaan data yang tampilkan pada grafik perbandingan jumlah siswa.

197

DAFTAR PUSTAKA

Burrough.P.A. (1986). Principle of Geographical Information System for Land Resources

Assesment. Dalam Burrough.P.A., Principle of Geographical Information System for

Land Resources Assesment. Oxford: Claredon Press.

Chaffer, J., & Swedberg, K. (2007). Learning Jquery. Dalam J. Chaffer, & K. Swedberg,

Learning Jquery. Packt.

Charter, D., & Agtrisari, I. (2003). Desain dan Aplikasi GIS. Dalam D. Charter, & I.

Agtrisari, Desain dan Aplikasi GIS. Jakarta: P.T. Gramedia.

consultantprojectmanagement. (2012, 12). consultantprojectmanagement. Dipetik 12

29, 2012, dari sistem-informasi-manajemen-sekolah.html:

http://consultantprojectmanagement.blogspot.com/2012/12/sistem-informasi-manajemen-sekolah.html

Disser, Y. (2011). Mapping Polygons. Dalam Y. Disser, Mapping Polygons (hal. 38).

Comeniushof: Logos Verlag Berlin.

Fathansyah, I. (2002). Basis Data. Dalam I. Fathansyah, Basis Data. Bandung:

Informatika.

Firmansyah. (2010, September 25). belajar-google-maps-api-javascript-bag-1.html.

Dipetik Desember 7, 2012, dari firmansyah.web.id:

http://firmansyah.web.id/belajar-google-maps-api-javascript-bag-1.html

Kadir, A. (2009). PHP, Mastering Ajax dan CSS. Dalam A. Kadir, PHP, Mastering Ajax dan

CSS. Jogjakarta: Informatika.

Tsung, C. (2002). Introduction to Geographic Information System. Dalam C.

Kang-Tsung, Introduction to Geographic Information System. Mc.Graw-Hill.

Larsen, R. (2010). Beginning HTML and CSS. Dalam R. Larsen, Beginning HTML and CSS.

Wrox.

Nixon, R. (2009). PHP, MySQL & JavaScript. Dalam R. Nixon, PHP, MySQL & JavaScript

(hal. 157). Sebastopol: O'Reilly Media.

Prahasta, E. (2005). Sistem Informasi Geografis. Dalam E. Prahasta, Sistem Informasi

Geografis. Bandung: C.V.Informatika.

Pressman, R. S. (2002). Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I). Dalam

R. S. Pressman, Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I).

198

Sidik, B. (2006). Pemrograman Web dengan PHP. Dalam B. Sidik, Pemrograman Web

dengan PHP. Bandung: Informatika.

Studygs. (2011, July 20). mapping.htm. Dipetik December 3, 2012, dari Studygs:

http://www.studygs.net

w3schools. (t.thn.). default.asp. Dipetik Agustus 20, 2012, dari w3schools:

http://www.w3schools.com/css/default.asp

Wiswakarma, K. (2009). Membuat Katalog Online dengan PHP dan CSS. Dalam K.

1

Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Salah satu sistem yang paling penting untuk sebuah sekolah adalah sistem penerimaan siswa baru. Sistem pendaftaran siswa baru yang digunakan masih menggunakan formulir pendaftaran diambil langsung di sekolah yang diinginkan. Pengambilan formulir tersebut menjadi kendala dalam proses pendaftaran siswa baru khususnya bagi orang tua yang bekerja. Banyak orang tua siswa yang memiliki aktivitas yang padat sehingga tidak memiliki waktu luang untuk mengambil formulir pendaftaran bagi anaknya diakibatkan oleh waktu kerja yang mengikat. Kendala tersebut menyebabkan kurangnya jumlah siswa baru yang mendaftar ke Sekolah Dasar X.

Kendala lain yang menjadi masalah adalah sulitnya untuk melakukan pendataan terhadap sebaran siswa yang mendaftar dan siswa yang sudah ada pada Sekolah Dasar X. Data sebaran siswa perlu untuk diketahui karena berdasarkan data tersebut dapat digunakan untuk melakukan peninjauan lokasi yang kurang peminat pendaftaran. Hasil dari pemetaan sebaran data alamat siswa tersebut dapat digunakan sebagai dasar menentukan lokasi untuk melakukan promosi sekolah.

1.2 Rumusan Masalah

Berdasarkan latar belakang masalah dapat ditarik rumusan masalah :

1. Bagaimana merancang struktur data yang dapat mendukung proses visualisasi sebaran lokasi tempat tinggal siswa?

2. Bagaimana menggunakan struktur data yang dirancang untuk menyimpan data siswa? 3. Bagaimana mem-visualisasikan pemetaan sebaran lokasi daerah tempat tinggal siswa

berdasarkan struktur data yang dibuat?

1.3 Tujuan Pembahasan

Berdasarkan rumusan masalah diatas, berikut beberapa tujuan dari tugas akhir ini : 1. Merancang sebuah struktur data yang membuat data siswa bisa digunakan untuk

proses visualisasi data.

2. Membuat aplikasi pengelolaan data yang dapat mengisi semua data pada rancangan struktur data.

2

3. Mengelola data pada struktur data sehingga dapat digunakan pada proses visualisasi dengan Google Map API.

1.4 Batasan Masalah

Penelitian tugas akhir ini memiliki batasan masalah yaitu :

1. Pembuatan website menggunakan bahasa pemrograman PHP versi 5. 2. Basis data menggunakan MySQL 5.1.

3. Aplikasi berjalan dengan baik pada Browser Google Chrome berdasarkan hasil pengujian.

4. Tampilan aplikasi website dengan resolusi layar minimal 1024 x 768 pixel.

1.5 Metodelogi Penelitian

Berikut langkah-langkah yang dilakukan dalam penelitian tugas akhir :

1. Melakukan studi penelitian terhadap dokumen formulir pendaftaran dan pendataan siswa pada Sekolah Dasar X.

2. Melakukan studi pustaka terhadap teknik pengelolaan data siswa serta teknik pemetaan menggunakan fasilitas dari API Google map.

3. Melakukan desain struktur basis data yang digunakan untuk menyimpan data berdasarkan hasil temuan pada langkah 1.

4. Melakukan desain aplikasi pengelolaan data siswa yang memanfaatkan struktur data yang diperoleh pada langkah 3.

5. Melakukan implementasi desain aplikasi pengelolaan data siswa yang diperoleh pada langkah 4.

6. Melakukan desain aplikasi pengelompokan dan visualisasi data daerah lokasi tempat tinggal siswa dengan memanfaatkan struktur data yang diperoleh pada langkah 3 dan

API Google map.

7. Melakukan implementasi desain aplikasi pengelompokan dan visualisasi data yang diperoleh pada langkah 6.

8. Melakukan pengujian terhadap hasil implementasi langkah 5 dan langkah 7 terhadap pengguna yang ditunjuk oleh Sekolah Dasar X.

1.6 Sistematika Penyajian

Proses penyusunan laporan penelitian tugas akhir ini akan dibuat sesuai penjelasan berikut ini. Bab I Pendahuluan berisikan penjelaskan latar belakang, rumusan masalah,

3

Universitas Kristen Maranatha tujuan pembahasan, batasan masalah, sumber data, dan sistematika penulisan. Bab II Landasan Teori berisikan penjelaskan teori-teori yang berkaitan dengan pembuatan website dan mendukung pembuatan sistem yang ada. Bab III Analisis dan Permodelan berisikan penjelaskan bagaimana analisis keadaan, kebutuhan sistem, perancangan sistem, Unified

Modeling Language Diagram, Entity Relationship Diagram, dan gambaran rancangan

antarmuka. Bab IV Perancangan dan Implementasi berisikan perencanaan tahap implementasi, proses perkembangan implementasi proyek, penjelasan mengenai realisasi fungsionalitas dan User Interface Design yang sudah dibuat. Bab V Pengujian berisikan hasil pengujian dari implementasi yang telah dilakukan. Jenis pengujian yang digunakan yaitu pengujian Black Box. Bab VI Simpulan dan Saran digunakan untuk memberi kesimpulan dan kata-kata penutup dalam laporan penelitian tugas akhir. Daftar Pustaka adalah bagian yang berisi tentang daftar sumber-sumber Informasi yang digunakan untuk mendukung pembuatan proyek. Bagian terakhir adalah lampiran yang berisikan daftar riwayat hidup penulis dan data-data lain yang perlu untuk dilampirkan.

BAB VI

SIMPULAN & SARAN

6.1 Simpulan

Beberapa kesimpulan yang dapat ditarik setelah melakukan analisis, perancangan dan implementasi dari aplikasi, yaitu :

1. Berdasarkan hasil rancangan dan implementasi database data siswa, pengguna website dan kecamatan dapat disimpan secara teratur dan mudah untuk di akses.

2. Fitur visualisasi sebaran lokasi daerah tempat tinggal siswa membantu administrator atau staf tata usaha untuk melihat jumlah pendaftar dari setiap kecamatan di kota bandung. 3. Google Maps API memudahkan untuk pembuatan visualisasi sebaran daerah tempat

tinggal siswa.

4. Fitur pendaftaran online yang dibuat membantu pihak orang tua siswa untuk mendaftarkan anaknya ke sekolah.

6.2 Saran

Saran yang dapat diberikan setelah pembuatan aplikasi website adalah :

1. Untuk mempermudah aplikasi website di akses oleh berbagai jenis perangkat, akan lebih baik dibuat aplikasi website untuk versi mobile.

2. Untuk fitur visualisasi grafik ditambahkan decision support system untuk pembacaan data yang tampilkan pada grafik perbandingan jumlah siswa.

197

Universitas Kristen Maranatha

DAFTAR PUSTAKA

Burrough.P.A. (1986). Principle of Geographical Information System for Land Resources

Assesment. Dalam Burrough.P.A., Principle of Geographical Information System for

Land Resources Assesment. Oxford: Claredon Press.

Chaffer, J., & Swedberg, K. (2007). Learning Jquery. Dalam J. Chaffer, & K. Swedberg,

Learning Jquery. Packt.

Charter, D., & Agtrisari, I. (2003). Desain dan Aplikasi GIS. Dalam D. Charter, & I.

Agtrisari, Desain dan Aplikasi GIS. Jakarta: P.T. Gramedia.

consultantprojectmanagement. (2012, 12). consultantprojectmanagement. Dipetik 12

29, 2012, dari sistem-informasi-manajemen-sekolah.html:

http://consultantprojectmanagement.blogspot.com/2012/12/sistem-informasi-manajemen-sekolah.html

Disser, Y. (2011). Mapping Polygons. Dalam Y. Disser, Mapping Polygons (hal. 38).

Comeniushof: Logos Verlag Berlin.

Fathansyah, I. (2002). Basis Data. Dalam I. Fathansyah, Basis Data. Bandung:

Informatika.

Firmansyah. (2010, September 25). belajar-google-maps-api-javascript-bag-1.html.

Dipetik Desember 7, 2012, dari firmansyah.web.id:

http://firmansyah.web.id/belajar-google-maps-api-javascript-bag-1.html

Kadir, A. (2009). PHP, Mastering Ajax dan CSS. Dalam A. Kadir, PHP, Mastering Ajax dan

CSS. Jogjakarta: Informatika.

Tsung, C. (2002). Introduction to Geographic Information System. Dalam C.

Kang-Tsung, Introduction to Geographic Information System. Mc.Graw-Hill.

Larsen, R. (2010). Beginning HTML and CSS. Dalam R. Larsen, Beginning HTML and CSS.

Wrox.

Nixon, R. (2009). PHP, MySQL & JavaScript. Dalam R. Nixon, PHP, MySQL & JavaScript

(hal. 157). Sebastopol: O'Reilly Media.

Prahasta, E. (2005). Sistem Informasi Geografis. Dalam E. Prahasta, Sistem Informasi

Geografis. Bandung: C.V.Informatika.

Pressman, R. S. (2002). Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I). Dalam

R. S. Pressman, Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I).

Sidik, B. (2006). Pemrograman Web dengan PHP. Dalam B. Sidik, Pemrograman Web dengan PHP. Bandung: Informatika.

Studygs. (2011, July 20). mapping.htm. Dipetik December 3, 2012, dari Studygs:

http://www.studygs.net

w3schools. (t.thn.). default.asp. Dipetik Agustus 20, 2012, dari w3schools:

http://www.w3schools.com/css/default.asp

Wiswakarma, K. (2009). Membuat Katalog Online dengan PHP dan CSS. Dalam K.