Sistem Informasi Geografis Penyebaran Wisata di Kota Medan Menggunakan Google Maps API Berbasis Web Mobile
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA
MEDAN MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB
MOBILE
TUGAS AKHIR
M HAFIZH HILMY
132406003
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA
MEDAN MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB
MOBILE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
M HAFIZH HILMY
132406003
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Sistem Informasi Geografis Penyebaran Wisata di
Kota Medan Menggunakan Google Maps API Berbasis
Web Mobile
: Tugas Akhir
: M Hafizh Hilmy
: 132406003
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Dr. Sawaluddin, M.IT
NIP. 195912311998021001
Universitas Sumatera Utara
PERNYATAAN
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa kutipan dan
ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
M HAFIZH HILMY
132406003
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang,
dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan
judul SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE.
Penulisan tugas akhir ini diajuakan untuk memenuhi salah satu syarat memperoleh gelar
Diploma pada Program Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara.
Selama membangun website ini hingga selesainya Tugas Akhir ini penulis banyak
mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak. Maka pada
kesempatan ini, penulis mengucapkan terima kasih kepada :
1. Bapak Dr. Sawaluddin,M.IT, selaku dosen pembimbing Tugas Akhir penulis yang telah
memberi dukungan dan arahan kepada saya dalam menyelesaikan Tugas Akhir ini.
2. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D-3 Teknik Informatika
FMIPA USU.
3. Bapak Prof. Dr. Tulus, M.Si sekalu ketua Departemen Matematika dan Ibu Dr.
Mardiningsih, M.Si selaku Sekretaris Departemen Matematika Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Kerista Sebayang, MI Selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Teman – teman Kom A’13 yang selalu membantu saat penulis kesulitan.
Universitas Sumatera Utara
6. Kedua orang tua saya, Zulhelmi Ar dan Irma F Nasution yang senantiasa mendukung dan
terus membimbing penulis serta memberi bantuan moril maupun material sehingga Tugas
Akhir ini dapat terselesaikan dengan baik.
Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan
maupun pengetahuan kita.
Universitas Sumatera Utara
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE
ABSTRAK
Kota Medan merupakan kota metropolitan yang selalu menjadi objek wisata bagi para wisatawan
ataupun penduduk di kota medan. Masalah ini muncul ketika banyaknya objek wisata di kota
Medan akan tetapi kurang informasi yang secara terperinci mengenai objek wisata tersebut. Ada
pun beberapa pihak yang membuat hal yang sama saya buat tetapi tidak terfokus akan kota
Medan, website ini dikembangkan di komputer dan handphone diharapkan dapat meningkatkan
perwisataan kota medan dan minat bagi wisatawan ataupun penduduk di kota Medan untuk
tertarik untuk mengunjungi objek wisata di kota Medan.
Kata kunci : Website, komputer, hanphone, objek wisata.
Universitas Sumatera Utara
DAFTAR ISI
............................................................................................................................................. Halaman
Persetujuan ....................................................................................................................................... i
Pernyataan ....................................................................................................................................... ii
Penghargaan ................................................................................................................................... iii
Abstrak ........................................................................................................................................... iv
Daftar Isi ..........................................................................................................................................v
Daftar Tabel .................................................................................................................................. vii
Daftar Gambar ............................................................................................................................. viii
Bab 1. Pendahuluan ...........................................................................................................................
1.1 Latar Belakang ...............................................................................................................1
1.2 Perumusan Masalah .......................................................................................................3
1.3 Batasan Masalah ............................................................................................................3
1.4 Tinjauan Penelitian ........................................................................................................4
1.5 Manfaat Penelitian .........................................................................................................4
1.6 Metodologi Penelitian ....................................................................................................5
1.7 Sistematika Penulisan ....................................................................................................6
Bab 2. Landasan Teori .......................................................................................................................
2.1 Sekilas Website ..............................................................................................................8
2.2 Pemrograman Web.........................................................................................................8
2.3 Perkembangan Website................................................................................................10
2.4 Database MySQL .........................................................................................................18
2.5 IDE ...............................................................................................................................21
2.6 Google Maps API ........................................................................................................22
2.7 XAMPP Control Panel .................................................................................................23
2.8 PHP: Hypertext Preprocessor ......................................................................................23
2.9 PHP dan Mysql Sebagai Web Service .........................................................................24
2.10 Flowchart ...................................................................................................................24
2.11 Data Flow Diagram ....................................................................................................27
Universitas Sumatera Utara
2.12 Entity Relationship Diagram......................................................................................28
Bab 3. Perancangan Sistem ................................................................................................................
3.1 Pengertian Perancangan Sistem ...................................................................................30
3.2 Flowchart Program.......................................................................................................31
3.3 Diagram Konteks Sistem .............................................................................................33
3.4 Diagram Nol Sistem .....................................................................................................33
3.5 Diagram Rinci Proses 1: Input Data ............................................................................35
3.6 Diagram Rinci Proses 2: Edit dan Hapus Data ...........................................................35
3.7 Diagram Rinci Proses 3: Lihat Data ...........................................................................37
3.8 Entity Relationship Diagram .......................................................................................38
Bab 4. Implementasi Sistem ..............................................................................................................
4.1 Pengertian Implementasi Sistem ..................................................................................39
4.2 Tujuan Implementasi Sistem........................................................................................39
4.3 Komponen Utama dalam Implementasi Sistem ...........................................................40
4.3.1 Perangkat Keras ............................................................................................40
4.3.2 Perangkat Lunak ...........................................................................................40
4.3.3 Brainware ......................................................................................................41
4.4 Demonstrasi Program...................................................................................................41
4.4.1 Tampilan Home,Place dan About .................................................................42
4.4.2 Tampilan Login .............................................................................................45
4.4.3 Tampilan Menu Admin .................................................................................45
4.4.4 Tampilan Menu Input Data dan Data Admin ...............................................46
4.4.5 Tampilan Data Admin...................................................................................48
Bab 5. Penutup ...................................................................................................................................
5.1 Kesimpulan ..................................................................................................................49
5.2 Saran ............................................................................................................................50
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Nama Tabel
................................................................................. Halaman
2.1 Simbol Flowchart .....................................................................................................................25
2.2 Simbol Data Flow Diagram ....................................................................................................28
2.3 Komponen ERD .......................................................................................................................29
Universitas Sumatera Utara
DAFTAR GAMBAR
Nama Gambar
............................................................................................. Halaman
3.1 Flowchart Program Untuk User ..............................................................................................31
3.2 Flowchart Program Untuk Admin ..........................................................................................32
3.3 Diagram Konteks Sistem .........................................................................................................33
3.4 Diagram Nol Sistem .................................................................................................................33
3.5 Diagram Rinci Proses 1: Input Data .......................................................................................35
3.6 Diagram Rinci Proses 2: Edit dan Hapus Data .......................................................................36
3.7 Diagram Rinci Proses 3: Lihat Data .......................................................................................37
3.8 ERD Sistem
........................................................................................................38
4.1 Tampilan Home Dekstop (PC)
................................................................................42
4.2 Tampilan Home mobile
................................................................................43
4.3 Tampilan Place mobile
................................................................................43
4.4 Tampilan About mobile
................................................................................44
4.5 Tampilan View Data mobile
....................................................................44
4.6 Tampilan Login
............................................................................................45
4.7 Tampilan Menu
............................................................................................46
4.8 Tampilan Menu Input Data Wisata
........................................................47
4.9 Tampilan Menu Input Data Admin
........................................................47
4.10 Tampilan Menu Account Admin
....................................................................48
Universitas Sumatera Utara
MEDAN MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB
MOBILE
TUGAS AKHIR
M HAFIZH HILMY
132406003
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA
MEDAN MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB
MOBILE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
M HAFIZH HILMY
132406003
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Sistem Informasi Geografis Penyebaran Wisata di
Kota Medan Menggunakan Google Maps API Berbasis
Web Mobile
: Tugas Akhir
: M Hafizh Hilmy
: 132406003
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Dr. Sawaluddin, M.IT
NIP. 195912311998021001
Universitas Sumatera Utara
PERNYATAAN
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa kutipan dan
ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
M HAFIZH HILMY
132406003
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang,
dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan
judul SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE.
Penulisan tugas akhir ini diajuakan untuk memenuhi salah satu syarat memperoleh gelar
Diploma pada Program Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara.
Selama membangun website ini hingga selesainya Tugas Akhir ini penulis banyak
mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak. Maka pada
kesempatan ini, penulis mengucapkan terima kasih kepada :
1. Bapak Dr. Sawaluddin,M.IT, selaku dosen pembimbing Tugas Akhir penulis yang telah
memberi dukungan dan arahan kepada saya dalam menyelesaikan Tugas Akhir ini.
2. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D-3 Teknik Informatika
FMIPA USU.
3. Bapak Prof. Dr. Tulus, M.Si sekalu ketua Departemen Matematika dan Ibu Dr.
Mardiningsih, M.Si selaku Sekretaris Departemen Matematika Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Kerista Sebayang, MI Selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Teman – teman Kom A’13 yang selalu membantu saat penulis kesulitan.
Universitas Sumatera Utara
6. Kedua orang tua saya, Zulhelmi Ar dan Irma F Nasution yang senantiasa mendukung dan
terus membimbing penulis serta memberi bantuan moril maupun material sehingga Tugas
Akhir ini dapat terselesaikan dengan baik.
Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan
maupun pengetahuan kita.
Universitas Sumatera Utara
SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI KOTA MEDAN
MENGGUNAKAN GOOGLE MAPS API BERBASIS WEB MOBILE
ABSTRAK
Kota Medan merupakan kota metropolitan yang selalu menjadi objek wisata bagi para wisatawan
ataupun penduduk di kota medan. Masalah ini muncul ketika banyaknya objek wisata di kota
Medan akan tetapi kurang informasi yang secara terperinci mengenai objek wisata tersebut. Ada
pun beberapa pihak yang membuat hal yang sama saya buat tetapi tidak terfokus akan kota
Medan, website ini dikembangkan di komputer dan handphone diharapkan dapat meningkatkan
perwisataan kota medan dan minat bagi wisatawan ataupun penduduk di kota Medan untuk
tertarik untuk mengunjungi objek wisata di kota Medan.
Kata kunci : Website, komputer, hanphone, objek wisata.
Universitas Sumatera Utara
DAFTAR ISI
............................................................................................................................................. Halaman
Persetujuan ....................................................................................................................................... i
Pernyataan ....................................................................................................................................... ii
Penghargaan ................................................................................................................................... iii
Abstrak ........................................................................................................................................... iv
Daftar Isi ..........................................................................................................................................v
Daftar Tabel .................................................................................................................................. vii
Daftar Gambar ............................................................................................................................. viii
Bab 1. Pendahuluan ...........................................................................................................................
1.1 Latar Belakang ...............................................................................................................1
1.2 Perumusan Masalah .......................................................................................................3
1.3 Batasan Masalah ............................................................................................................3
1.4 Tinjauan Penelitian ........................................................................................................4
1.5 Manfaat Penelitian .........................................................................................................4
1.6 Metodologi Penelitian ....................................................................................................5
1.7 Sistematika Penulisan ....................................................................................................6
Bab 2. Landasan Teori .......................................................................................................................
2.1 Sekilas Website ..............................................................................................................8
2.2 Pemrograman Web.........................................................................................................8
2.3 Perkembangan Website................................................................................................10
2.4 Database MySQL .........................................................................................................18
2.5 IDE ...............................................................................................................................21
2.6 Google Maps API ........................................................................................................22
2.7 XAMPP Control Panel .................................................................................................23
2.8 PHP: Hypertext Preprocessor ......................................................................................23
2.9 PHP dan Mysql Sebagai Web Service .........................................................................24
2.10 Flowchart ...................................................................................................................24
2.11 Data Flow Diagram ....................................................................................................27
Universitas Sumatera Utara
2.12 Entity Relationship Diagram......................................................................................28
Bab 3. Perancangan Sistem ................................................................................................................
3.1 Pengertian Perancangan Sistem ...................................................................................30
3.2 Flowchart Program.......................................................................................................31
3.3 Diagram Konteks Sistem .............................................................................................33
3.4 Diagram Nol Sistem .....................................................................................................33
3.5 Diagram Rinci Proses 1: Input Data ............................................................................35
3.6 Diagram Rinci Proses 2: Edit dan Hapus Data ...........................................................35
3.7 Diagram Rinci Proses 3: Lihat Data ...........................................................................37
3.8 Entity Relationship Diagram .......................................................................................38
Bab 4. Implementasi Sistem ..............................................................................................................
4.1 Pengertian Implementasi Sistem ..................................................................................39
4.2 Tujuan Implementasi Sistem........................................................................................39
4.3 Komponen Utama dalam Implementasi Sistem ...........................................................40
4.3.1 Perangkat Keras ............................................................................................40
4.3.2 Perangkat Lunak ...........................................................................................40
4.3.3 Brainware ......................................................................................................41
4.4 Demonstrasi Program...................................................................................................41
4.4.1 Tampilan Home,Place dan About .................................................................42
4.4.2 Tampilan Login .............................................................................................45
4.4.3 Tampilan Menu Admin .................................................................................45
4.4.4 Tampilan Menu Input Data dan Data Admin ...............................................46
4.4.5 Tampilan Data Admin...................................................................................48
Bab 5. Penutup ...................................................................................................................................
5.1 Kesimpulan ..................................................................................................................49
5.2 Saran ............................................................................................................................50
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Nama Tabel
................................................................................. Halaman
2.1 Simbol Flowchart .....................................................................................................................25
2.2 Simbol Data Flow Diagram ....................................................................................................28
2.3 Komponen ERD .......................................................................................................................29
Universitas Sumatera Utara
DAFTAR GAMBAR
Nama Gambar
............................................................................................. Halaman
3.1 Flowchart Program Untuk User ..............................................................................................31
3.2 Flowchart Program Untuk Admin ..........................................................................................32
3.3 Diagram Konteks Sistem .........................................................................................................33
3.4 Diagram Nol Sistem .................................................................................................................33
3.5 Diagram Rinci Proses 1: Input Data .......................................................................................35
3.6 Diagram Rinci Proses 2: Edit dan Hapus Data .......................................................................36
3.7 Diagram Rinci Proses 3: Lihat Data .......................................................................................37
3.8 ERD Sistem
........................................................................................................38
4.1 Tampilan Home Dekstop (PC)
................................................................................42
4.2 Tampilan Home mobile
................................................................................43
4.3 Tampilan Place mobile
................................................................................43
4.4 Tampilan About mobile
................................................................................44
4.5 Tampilan View Data mobile
....................................................................44
4.6 Tampilan Login
............................................................................................45
4.7 Tampilan Menu
............................................................................................46
4.8 Tampilan Menu Input Data Wisata
........................................................47
4.9 Tampilan Menu Input Data Admin
........................................................47
4.10 Tampilan Menu Account Admin
....................................................................48
Universitas Sumatera Utara