APLIKASI WEB GIS PEMETAAN PENYEBARAN SEKOLAH DI
KOTA MEDAN MENGGUNAKAN GOOGLE MAPS API
TUGAS AKHIR
MUHAMMAD TAUFIQ
102406189
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : APLIKASI WEB GIS PEMETAAN PENYEBARAN
SEKOLAH DI KOTA MEDAN MENGGUNAKAN GOOGLE MAPS API
Kategori : TUGAS AKHIR
Nama : MUHAMMAD TAUFIQ
Nomor Induk Mahasiswa : 102406189
Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2013 Komisi Pembimbing :
Diketahui/Disetujui oleh Pembimbing,
Departemen Matematika FMIPA USU Ketua,
Prof. Drs. Tulus, M.Si Drs. Sawaluddin, MIT
Nip. 19620901 198803 1 002 Nip. 19591231 199802 1 001
PERNYATAAN
APLIKASI WEB GIS PEMETAAN PENYEBARAN SEKOLAH DI KOTA MEDAN MENGGUNAKAN GOOGLE MAPS API
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2013
PENGHARGAAN
Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.
Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.
Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Teknik Informatika untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
Pada kesempatan ini penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu:
1. Bapak Drs. Sawaluddin, M.IT, selaku Dosen pembimbing pada penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh kepercayaan kepada penulis untuk menyelesaikan kajian tugas akhir ini.
2. Bapak Syahriol Sitorus S.Si, MIT selaku ketua program studi D3 Teknik Informatika di Universitas Sumatera Utara.
3. Prof. Drs. Tulus, M.Si, selaku ketua Departemen Matematika di Universitas Sumatera Utara.
4. Bapak Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
5. Para Staf/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU.
6. Kepada ayahanda Suyatno dan bunda Suryani serta keluarga untuk segenap doa dan dukungannya
7. Seluruh rekan-rekan dari D-3 Teknik Informatika FMIPA USU, khususnya Kom C 2010, terimakasih atas saran dan kritik dalam penyusunan Tugas Akhir
ini.
ABSTRAK
DAFTAR ISI
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang Masalah 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 2
1.4 Tujuan 3
1.5 Manfaat 3
1.6 Sistematika Penulisan 4
BAB 2 LANDASAN TEORI 5
2.1 Geographic Information System 5
2.1.1 Komponen GIS 5
2.2 Google Maps 6
2.2.1 Cara Kerja Google Map 7
2.2.2 Migrasi Google Map API v2 ke v3 7
2.3 PHP 8
2.3.1 Kelebihan PHP 9
2.4 MySQL 9
2.5 Java Script dan Koneksi Google Maps API 11
2.6 Adobe Dreameaver CS5.5 11
2.7 JQuery 12
2.8 Adobe Photoshop CS5 13
2.9 Flow-Chart 14
BAB 3 PERANCANGAN SISTEM 17
3.1 Gambaran Umum Sistem Perancangan 17
3.2 Flowchart Sistem 18
3.3 Perancangan Database 20
3.4 Membangun Halaman Situs 23
3.4.1 Halaman Pengguna Biasa 23
3.4.2 Halaman Pengguna Admin 23
3.4 Algoritma 25
BAB 4 IMPLEMENTASI 27
4.1 Pengertian Implementasi 27
4.2 Komponen Sistem 27
4.2.1 Hardware 27
4.2.2 Software 28
4.2.3 Jaringan Internet 28
4.3 Instalasi Paket Server 28
4.4 Pengujian Website di Browser 31
4.5 Prosedur Persiapan Program 32
4.6 Demonstrasi Program 35
37
BAB 5 KESIMPULAN DAN SARAN 38
5.1 Kesimpulan 38
5.2 Saran 39
Daftar Pustaka 40
DAFTAR TABEL
Halaman
Tabel 3.1 Flow-Chart 10
Tabel 3.1 Tabel Sekolah 10
Tabel 3.2 Tabel Users 12
Tabel 3.3 Tabel Saran 21
Tabel 3.4 Tabel Berita 28
DAFTAR GAMBAR
Halaman
Gambar 2.1 Komponen GIS 5
Gambar 2.2 Google Map v2 dan v3 8
Gambar 2.3 Tampilan Adobe Dreameaver CS5.5 12
Gambar 3.1 Flowchart Halaman Utama 18
Gambar 3.2 Flowchart Register 19
Gambar 3.3 Flowchart Halaman Admin 20
Gambar 2.4 Tampilan Adobe Photoshop CS5 14
Gambar 4.1 Folder Installer Xampp 28
Gambar 4.2 Pemilihan Bahasa 29
Gambar 4.3 Pemilihan Lokasi Berkas 29
Gambar 4.4 Pemilihan paket-paket Instalasi 30
Gambar 4.5 Dialog Xampp berhasil diinstal 30
Gambar 4.6 Letak Folder Xampp 31
Gambar 4.7 Panel kontrol xampp 31
Gambar 4.8 Tampilan Halaman Depan 32
Gambar 4.9 Phpmyadmin Membuat database baru 33
Gambar 4.10 Phpmyadmin Import Tabel 34
Gambar 4.11 Tampilan Halaman Depan 35
Gambar 4.12 Tampilan Halaman Login 35
Gambar 4.13 Tampilan Halaman Lihat Peta 36
Gambar 4.14 Tampilan HalamanTentang Program 36
Gambar 4.15 Tampilan Halaman Cari lokasi 37