SISTEM INFORMASI GEOGRAFIS PARIWISATA DI KAWASAN KALIURANG BERBASIS WEB

SISTEM INFORMASI GEOGRAFIS PARIWISATA DI KAWASAN KALIURANG BERBASIS WEB SKRIPSI

  Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer

  Program Studi Teknik Informatika

  Disusun Oleh: Kurnia Budinastiti 065314018 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2012

  GEOGRAPHIC INFORMATION SYSTEM OF TOURISM

IN THE REGION KALIURANG OF WEB-BASED FINAL PROJECT

  Presented As Partial FulFillment Of The Requirements To Obtain The Bachelor Computer Degree

  In Informatics Engineering

  Compiled By: Kurnia Budinastiti 065314018

INFORMATICS ENGINEERING STUDY PROGRAM FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA 2012

HALAMAN PERSEMBAHAN

  Kupersembahkan skripsi ini untuk : Allah SWT yang telah memberikan segala pertolongan dalam menyelesaikan skripsi ini. Tiada tempat meminta pertolongan selain pada-Mu.

  Kedua orang tuaku, Bp. Yahya Hadipramono dan Ibu Nur Aisyah yang selalu mengiringi setiap langkahku dengan doa. Tiada henti kau alirkan kasih sayang yang tulus, doa, cinta dan perhatian padaku.

  Dondonku yang telah banyak memberikan inspirasi, motivasi, dan juga arti dalam hidupku.

  Keluarga besar dan semua teman-temanku yang selalu menghiburku dan memberiku semangat untuk terus maju.

  

MOTTO

  Syukurilah kesulitan. Karena terkadang kesulitan mengantar kita pada hasil yang lebih baik dari apa yang kita bayangkan.

  Setiap masalah pasti ada jalan keluar. Kita mungkin tak melihatnya, namun Tuhan tahu jalan keluar itu. Untuk itu, yakin dan percayalah pada-Nya.

  Menyerah itu sangat mudah. Tetapi, jadilah pribadi yang kuat, yang terus berjuang bahkan dalam keadaan yang kurang menguntungkan.

  Jangan terlalu memaksakan diri untuk melakukan segalanya dengan benar, karena kadang kesalahan malah akan membuatmu menjadi pribadi yang lebih baik.

  Apa yang kamu ucap, itu yang akan terjadi. Jika kamu berucap tidak bisa, maka kamu tidak akan bisa. Tetapi jika kamu berucap bisa, maka kamu akan bisa.

  

PERNYATAAN KEASLIAN KARYA

  Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

  Yogyakarta, 20 Juli 2012 Penulis Kurnia Budinastiti

  

LEMBAR PERNYATAAN PERSETUJUAN

PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan di bawah ini, saya mahasiswa Universitas Sanata Dharma :

  Nama : Kurnia Budinastiti Nomor Mahasiswa : 065314018

  Demi pengembangan ilmu pengetahuan, saya memberikan kepada perpustakaan Universitas Sanata Dharma karya ilmiah saya yang berjudul :

  

SISTEM INFORMASI GEOGRAFIS PARIWISATA

DI KAWASAN KALIURANG BERBASIS WEB

  beserta perangkat yang diperlukan (bila ada). Dengan demikian saya memberikan kepada Perpustakaan Universitas Sanata Dharma hak untuk menyimpan, mengalihkan, dalam bentuk media lain, mengelolanya dalam bentuk pangkalan data, mendistribusikan secara terbatas, dan mempublikasikannya di Internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari saya maupun memberikan royalti kepada saya selama tetap mencantumkan nama saya sebagai penulis. Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di Yogyakarta Pada tanggal : 20 Juli 2012 Yang menyatakan, Kurnia Budinastiti

  

ABSTRAK

  SISTEM INFORMASI GEOGRAFIS PARIWISATA DI KAWASAN KALIURANG BERBASIS WEB Kurnia Budinastiti

  NIM : 065314018 Universitas Sanata Dharma

  Yogyakarta 2011

  Kaliurang merupakan kawasan wisata yang terletak di ujung utara kota Yogyakarta. Selain obyek wisata, di kawasan Kaliurang juga terdapat banyak sekali tempat peristirahatan mulai dari pondok wisata, hotel melati, hingga hotel bintang.

  Informasi lokasi hotel di kawasan Kaliurang sampai saat ini masih disajikan dalam bentuk peta statis dan juga buku panduan wisata. Berdasarkan wawancara, ternyata masih banyak pengunjung yang masih mengalami kesulitan dalam menemukan lokasi obyek wisata dan hotel di kawasan Kaliurang. Dengan adanya Sistem Informasi Geografis yang dibuat diharapkan dapat memberikan informasi lokasi obyek wisata dan hotel dengan lebih interaktif.

  Metode penelitian yang digunakan untuk mengembangkan Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang ini adalah metode FAST (Framework for

  

the Application of Systems Thinking ). Pembuatan peta yang ditampilkan pada Sistem

  Informasi Geografis Pariwisata ini menggunakan Google Maps API yang diintegrasikan dengan PHP (Pear Hypertext Preprocessor) dan MySQL.

  Dalam Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang ini dilengkapi dengan fasilitas pencarian hotel berdasarkan masukan kriteria tertentu, seperti kategori hotel, fasilitas, kapasitas, jumlah kamar, dan tarif hotel tertentu serta dilengkapi juga dengan fitur tambahan berupa fasilitas pencarian obyek wisata atau hotel yang terletak dalam radius tertentu dari lokasi tertentu.

  Berdasarkan hasil pengujian dengan metode pengujian black box dapat disimpulkan bahwa Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang ini dapat berjalan dengan baik dan mengeluarkan hasil yang sesuai dengan yang diharapkan.

  

ABSTRACT

  GEOGRAPHIC INFORMATION SYSTEM OF TOURISM

  IN THE REGION KALIURANG OF WEB-BASED Kurnia Budinastiti

  NIM : 065314018 Universitas Sanata Dharma

  Yogyakarta 2011

  Kaliurang is located in the tourist area of the north end of the city of Yogyakarta. Besides tourism, the region also has a lot of resting place from the cottage, jasmine hotel, to the star hotel. Hotel location information in Kaliurang is still presented in the form of a static map and guidebook. Based on interviews, it is still a lot of visitors are still having trouble finding the location of attractions and hotels in Kaliurang. With the Geographic Information System created is expected to provide information attractions and hotel sites with more interactive.

  The method used to develop Geographic Information System of Tourism In The Region Kaliurang is a FAST (Framework for the Application of Systems Thinking). Making a map is displayed on a Geographic Information System of Tourism In The Region Kaliurang is using the Google Maps API to integrate with PHP (Hypertext Preprocessor Pear) and MySQL.

  In this Geographic Information System of Tourism In The Region Kaliurang is equipped with a hotel search facility based on input criteria, such as hotel category, facilities, capacity, number of rooms, and some hotel rates and are also equipped with additional features of the attraction and hotel search facility are located within a certain radius from a specific location.

  Based on the results of testing with black box testing methods can be concluded that the Geographic Information Systems of Tourism In The Region Kaliurang can run well and took the results as expected.

KATA PENGANTAR

  Alhamdulillah segala puji dan syukur penulis panjatkan kehadirat ALLAH SWT yang telah memberikan rahmat, hidayah, berkah dan karunia-Nya, sehingga penulis dapat menyelesaikan skripsi dengan judul “Sistem Informasi Geografis

  Pariwisata di Kawasan Kaliurang Berbasis Web ”.

  Skripsi ini disusun sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer di Program Studi Teknik Informatika Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

  Penulis menyadari bahwa dalam penyelesaian skripsi ini tidak lepas dari bantuan, arahan dan bimbingan dari berbagai pihak. Oleh karena itu pada kesempatan ini penulis ingin mengucapkan terima kasih kepada: 1.

  Ibu Sri Hartati Wijono, S.Si., M.Si., selaku dosen pembimbing yang telah meluangkan banyak waktu, tenaga, dan pikiran di dalam memberikan pengarahan dalam penulisan skripsi ini dari awal hingga akhir.

  2. Ibu Ridowati Gunawan, S.Kom., M.T. dan pak Alb. Agung Hadhiatma, S.T., M.T., selaku dosen penguji untuk semua kritik, saran, semangat, dan motivasi yang diberikan kepada penulis pada saat pengujian.

  3. Seluruh dosen dan staff pengajar Program Studi Teknik Informatika Universitas Sanata Dharma yang telah memberikan ilmunya kepada penulis selama perkuliahan.

  4. Kedua orang tua tercinta yang selalu memberikan doa, kasih sayang, dan nasihatnya kepada penulis serta senantiasa selalu memberikan dukungan baik moril maupun materil hingga dapat terselesaikannya skripsi ini.

  5. Keluarga besar dan sahabat-sahabat terbaik penulis, Maria Fransiska Fanny Puspandari, Margaretha Tri Pamurdaningsih, dan Festiana Arum Kusumastuti Margono, yang selalu menghibur, memberikan semangat, bantuan, dan juga doa kepada penulis.

  6. Bapak Heribertus Indiantoro, selaku ketua Asosiasi Perhotelan Kaliurang (ASPEK) dan juga pihak pengelola hotel di kawasan Kaliurang yang tidak bisa disebutkan satu persatu, terimakasih atas semua bantuan yang telah diberikan kepada penulis.

  7. Teman-teman seperjuangan angkatan 2006 atas suka dan duka selama perkuliahan sampai terselesainya kebersamaan di bangku kuliah.

  8. Pihak-pihak lain yang tidak dapat disebutkan satu per satu yang telah memberikan doa dan membantu penulis.

  Penulis menyadari sepenuhnya bahwa penulisan skripsi ini masih terdapat kekurangan-kekurangan dan masih jauh dari sempurna. Oleh karena itu, penulis sangat mengharapkan saran-saran maupun kritik yang sifatnya membangun dari semua pihak demi kesempurnaan penulisan ini.

  Akhirnya dengan segala kerendahan hati, penulis berharap agar kiranya penulisan skripsi ini dapat bermanfaat bagi semua pihak terutama bagi penulis sendiri dan para pembaca yang tertarik dengan topik bahasan pada penulisan ini.

  Yogyakarta, 05 Juli 2012 Penulis

DAFTAR ISI

  HALAMAN JUDUL ………………………………………………………….. i HALAMAN PERSETUJUAN PEMBIMBING ………………………………. iii HALAMAN

  PENGESAHAN ………………………………………………… iv HALAMAN PERSEMBAHAN ………………………………………………. v MOTTO ……………………………………………………………………….. vi PERNYATAAN KEASLIAN KARYA ………………………………………. vii LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI …………………. viii ABSTRAK

  .……………………………………………………………………. ix ABSTRACT …………………………………………………………………... x KATA PENGANTAR .………………………………………………………... xi DAFTAR ISI ………………………………………………………………….. xiii DAFTAR GAMBAR ……….…………………………………………………. xviii DAFTAR TABEL …………………………………………………………….. xxv

  BAB I PENDAHULUAN …………………………………….…………. 1 I.1. Latar Belakang Masalah …………………………………………. 1 I.2. Rumusan Masalah ……………………………………………….. 3 I.3. Tujuan Penelitian ………………………………………………… 4 I.4. Batasan Masalah …………………………………………………. 4 I.5. Metodologi Penelitian …………………………………………… 5 I.6. Sistematika Penulisan ……………………………………………. 7 BAB II LANDASAN TEORI …………………………………………….. 9 II.1. Sistem, Informasi, dan Sistem Informasi ………………………… 9

  II.1.1. Sistem …………………………………………………………….. 9

  II.1.2. Informasi ………………………………………………………….. 11

  II.1.3. Sistem Informasi ………………………………………………….. 12

  II.4.3. Integrasi PHP/MySQL dengan Google Maps API ….……………. 26

  II.12. Browser …………………………………………………………... 44

  II.11. WebServer ………….…………………………………………….. 44

  II.10. World Wide Web (WWW ) ……………...…………………………. 44

  II.9. Internet …………………………………………………………… 43

  II.8.3. DFD …..…………………………………………………………… 41

  MySQL ..…………………………………………………………... 40

  II.8.1. Entity Relationship Diagram (ERD) …………………..………….. 39 II.8.2.

  II.8. Basis Data ………………………………………………………... 37

  II.7. Metode Pengembangan Sistem FAST ...…………………………. 36

  DOM ……………………………………..………………………. 34

  II.5. XML ………………………………..……………………….......... 33 II.6.

  II.4.2. Google Maps API ….……………………………………………… 24

  II.2. Sistem Informasi Geografis …………………………………….... 13

  II.4.1. Pengenalan Google Maps .………………………………………… 20

  II.4. Google Maps .…………………………………………………….. 20

  II.3.2. Komponen Peta ….………………………………………………... 19

  II.3.1. Pengertian Peta .…………………………………………………… 18

  II.3. Peta ….……………………………………………………………. 18

  II.2.5. Cara Kerja Sistem Informasi Geo grafis …………………………... 17

  II.2.4.2. Model Data Atribut/Tabular ………………………………….. 17

  II.2.4.1. Model Data Spasial …………………………………………... 15

  II.2.4. Model Data dalam Sistem Informasi Geografis …………………... 15

  II.2.3. Komponen Sistem (Subsistem) Sistem Informasi Geografis..…….. 13

  II.2.2. Sistem Informasi Geografis ………………………………………. 13

  II.2.1. Geografi …………………………………………………………... 13

  II.13. Hyper Text Transfer Protocol (HTTP) …...……………………… 44

  II.14. XAMPP ………………………………………………………….. 45

  II.15. PHP (Perl Hypertext Preprocessor) ……………………………… 45

  II.15.1. Pengertian PHP (Perl Hypertext Preprocessor) ………………….. 45

  II.15.2. Konsep Kerja PHP (Perl Hypertext Preprocessor) …………….… 46

  II.15.3. Struktur Penulisan PHP ………………………………………...… 47

  II.16. JavaScript ………………...……………………………………… 48

  II.16.1. Pengertian JavaScript ……..……………………………………… 48

  II.16.2. Struktur Penulisan JavaScript ……………………………………. 48

  II.17. Macromedia Dreamweaver ……………………………………… 49

  II.18. Pariwisata ………………………………………………………... 50

  II.19. Kawasan Wisata Kaliurang…..…….……………………………... 50

  BAB III ANALISA DAN PERANCANGAN SISTEM ………………….. 53 III.1. Analisa Sistem Sekarang ………………………………………… 53 III.1.1. Analisa Ruang Ling kup …………………………………………. 54

  III.1.2. Analisa Sebab Akibat …………………………………………… 57

  III.2. Analisa Kebutuhan ………………………………………………. 63

  III.2.1. Identifikasi Pelaku Sistem ……………………………………….. 63

  III.2.2. Diagram Use- Case Kebutuhan Sistem …………………………... 64

  III.2.3. Narasi Use- Case …………………………………………………. 67

  III.3. Perancangan Logikal …………………………………………….. 67

  III.3.1. ER- Diagram ……………………………………………………... 67

  III.3.2. Desain Logikal ………………………………………………….. 68

  III.3.3. Normalisasi ……………………………………………………… 70

  III.3.4. Desain Fisikal ……………………………………………………. 72

  III.3.5. Diagram Konteks ………………………………………………... 76

  III.3.6. Diagram Dekomposisi …………………………………………… 77

  III.3.7. Diagram Arus Data (DAD) ……………………………………… 80

  III.4. Perancangan Fisikal ……………………………………………... 92

  III.4.1. Arsitektur Aplikasi Kebutuhan Sistem ………………………….. 92

  III.4.1.1. Kebutuhan Perangkat Lunak ………………………………. 93

  III.4.1.2. Kebutuhan Perangkat Keras ……………………………….. 94

  III.4.1.3. Pengguna Sistem …………………………………………... 94

  III.4.2. Perancangan Antarmuka Sistem …..…………………………….. 95

  III.4.2.1. Perancangan Antarmuka Sistem untuk Pengguna Umum .… 95

  III.4.2.2. Perancangan Antarmuka Sistem untuk Administrator …….. 109

  BAB IV IMPLEMENTASI SISTEM ………………... ………………….. 140 IV.1. Implementasi Basis Data ………………………………………… 140 IV.2. Arsitektur Program untuk Menampilkan Peta ……………………. 144 IV.3. Implementasi Pembuatan Peta dengan Mengintergrasikan 145 PHP/MySQL dengan Google Maps API …...…………………….

  IV.4. Implementasi Tampilan Antarmuka Sistem .…………………….. 152

  IV.4.1. Implementasi Tampilan Antarmuka Pengguna Umum ………….. 152

  IV.4.2. Implementasi Tampilan Antarmuka Administrator ……………... 173

  BAB V PENGUJIAN SISTEM ………………………………………….. 200 V.1. Pengujian ………………………………………………………… 200 V.2. Metode Pengujian ………………………………………………... 200 V.3. Rencana Pengujian ………………………………………………. 201 V.4. Kasus dan Hasil Pengujian ………………………………………. 202 V.5. Kesimpulan Hasil Pengujian …………………………………….. 206 BAB VI PENUTUP ……………………………………………………….. 207 VI.1. Kesimpulan ……………………………………………………… 207 VI.2. Saran …………………………………………………………….. 208

  DAFTAR PUSTAKA ………………………………………………………… 209 LAMPIRAN

  DAFTAR GAMBAR Gambar 2.1

  Gambar 2.19

  Event Onload ……………………………………………… 31

Gambar 2.15 Deklarasi Fungsi downloadURL()

  ………………………... 32

  Gambar 2.16

  Fungsi createMarker() …………………………………….. 33

  Gambar 2.17

  Contoh Penggunaan Rumus Haversine …………………… 33

  Gambar 2.18

  Contoh File XML …………………………………………. 35

  Representasi Visual File XML ……………………………. 36

  Objek Literal untuk Menyimpan Properti- Properti Peta ….. 31

  Gambar 2.20

  Simbol Proses pada DFD ………………………………….. 42

  Gambar 2.21

  Simbol Aliran Data pada DFD ……………………………. 42

Gambar 2.22 Simbol Data Store

  pada DFD ……………………………... 43

  Gambar 2.23

  Simbol Agen Eksternal pada DFD ………………………... 43

Gambar 3.1 Diagram Use-Case Sistem Informasi Geografis Pariwisata

  Gambar 2.14

  Gambar 2.13

  Siklus Pengolahan Data …………………………………… 11

  Kode Program Dasar Google Maps API ………………….. 25

  Gambar 2.2

  Pembagian Gambar Peta Sebesar 256x256 pixel …………. 21

Gambar 2.3 Satellite Map

  ……………………………………………….. 22

Gambar 2.4 Terain Map

  ………………………………………………... 23

Gambar 2.5 Earth Map

  ………………………………………………… 23

  Gambar 2.6

  Gambar 2.7

  Elemen Div untuk Menampilkan Peta …………………….. 30

  Struktur Tabel …………………………………………….. 26

Gambar 2.8 Script

  PHP untuk Membuat Keluaran XML ……………… 28

  Gambar 2.9

  Contoh Hasil Keluaran XML ……………………………... 29

Gambar 2.10 Function

  showPeta() ……………………………………… 29

Gambar 2.11 Maps API Javascript

  ………………………………………. 30

  Gambar 2.12

  65

  di Kawasan Kaliurang untuk Pengguna Umum …………...

Gambar 3.2 Diagram Use-Case Sistem Informasi Geografis Pariwisata

  66 di Kawasan Kaliurang untuk Administrator ……………….

Gambar 3.3 ER-Diagram Sistem Informasi Geografis Pariwisata di

  68 Kawasan Kaliurang ………………………………………..

Gambar 3.4 Desain Logikal Sistem Informasi Geografis di Kawasan

  69 Kaliurang …………………………………………………..

Gambar 3.5 Desain Logikal Sistem Informasi Geografis di Kawasan

  71 Kaliurang Hasil Normalisasi ………………………………

  Diagram Konteks Sistem Informasi Geografis Pariwisata di

  77 Gambar 3.6 Kawasan Kaliurang ……………………………………………...

Gambar 3.7 Diagram Dekomposisi Sistem Informasi Geografis

  78 Pariwisata di Kawasan Kaliurang ………………………….

Gambar 3.8 Lanjutan Diagram Dekomposisi Sistem Informasi

  79 Geografis Pariwisata di Kawasan Kaliurang ……………… Lanjutan (2) Diagram Dekomposisi Sistem Informasi

  80 Gambar 3.9 Geografis Pariwisata di Kawasan Kaliurang ………………

Gambar 3.10 Diagram Arus Data (DAD) Level 0 Sistem Informasi

  84 Geografis Pariwisata di Kawasan Kaliurang ………………

Gambar 3.11 Diagram Arus Data (DAD) Level 1 Proses 1 Sistem

  85 Informasi Geografis Pariwisata di Kawasan Kaliurang …...

Gambar 3.12 Diagram Arus Data (DAD) Level 1 Proses 2 Sistem

  86 Informasi Geografis Pariwisata di Kawasan Kaliurang …...

Gambar 3.13 Diagram Arus Data (DAD) Level 2 Proses 1.1 Sistem

  87 Informasi Geografis Pariwisata di Kawasan Kaliurang …... Diagram Arus Data (DAD) Level 2 Proses 1.2 Sistem

  87 Gambar 3.14 Informasi Geografis Pariwisata di Kawasan Kaliurang …...

Gambar 3.15 Diagram Arus Data (DAD) Level 2 Proses 1.3 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

  Gambar 3.28

  Gambar 3.35

  Rancangan Halaman Peta …………………………………. 104

  Gambar 3.34

  Rancangan Halaman Detail Obyek Wisata ……………….. 103

  Gambar 3.33

  Halaman Wisata Kuliner ……………………… 102

Gambar 3.32 Rancangan

  Rancangan Halaman Wisata Kerajinan …………………… 102

  Gambar 3.31

  Rancangan Halaman Wisata Budaya ……………………… 101

  Gambar 3.30

  Rancangan Halaman Wisata Alam ………………………... 101

  Gambar 3.29

  Rancangan Halaman Detail Hotel ………………………… 100

  Rancangan Halaman Pondok Wisata ……………………… 99

  88 Gambar 3.16 Diagram Arus Data (DAD) Level 2 Proses 2.2 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

Gambar 3.23 Rancangan Halaman Utama (Home)

  89 Gambar 3.17 Diagram Arus Data (DAD) Level 2 Proses 2.4 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

  90 Gambar 3.18 Diagram Arus Data (DAD) Level 2 Proses 2.6 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

  91 Gambar 3.19 Diagram Arus Data (DAD) Level 2 Proses 2.7 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

  91 Gambar 3.20 Diagram Arus Data (DAD) Level 2 Proses 2.8 Sistem Informasi Geografis Pariwisata di Kawasa n Kaliurang …...

  92 Gambar 2.21 Diagram Arus Data (DAD) Level 2 Proses 2.9 Sistem Informasi Geografis Pariwisata di Kawasan Kaliurang …...

  92 Gambar 3.22 Rancangan Menu untuk Pengguna Umum ………………... 96

  ……………………… 96

  Gambar 3.27

  Gambar 3.24

  Rancangan Halaman Arsip Berita ………………………… 97

  Gambar 3.25

  Rancangan Halaman Hotel Bintang ………………………. 98

  Gambar 3.26

  Rancangan Halaman Hotel Melati ………………………… 98

  Rancangan Halaman Pencarian Lokasi Terdekat …………. 106

Gambar 3.36 Rancangan Halaman

  Gambar 3.57

  Rancangan Halaman Edit Fasilitas Hotel …………………. 119

  Gambar 3.52

  Rancangan Halaman Ubah Data Foto Hotel ……………… 120

  Gambar 3.53

  Rancangan Halaman Tambah Foto Hotel ………………… 121

  Gambar 3.54

  Rancangan Halaman Ubah Foto Hotel ……………………. 121

  Gambar 3.55

  Rancangan Halaman Hapus Foto Hotel …………………... 122

Gambar 3.56 Rancangan Halaman Hapus Data

  Hotel …………………... 122

  Rancangan Halaman Kelola Fasilitas Hotel ………………. 123

  Rancangan Halaman Edit Lokasi Hotel …………………... 119

  Gambar 3.58

  Rancangan Halaman Tambah Fasilitas Hotel ……………... 123

  Gambar 3.59

  Rancangan Halaman Ubah Fasilitas Hotel ………………... 124

Gambar 3.60 Rancangan Halaman Hapus

  Fasilitas Hotel ………………. 124

  Gambar 3.61

  Rancangan Halaman Kelola Data Obyek Wisata …………. 125

  Gambar 3.62

  Rancangan Halaman Data Lengkap Obyek Wisata ………. 126

  Gambar 3.63

  Gambar 3.51

  Gambar 3.50

  Pencarian Hotel Berdasar Kriteria ….. 107

  Rancangan Halaman Kategori Hotel ……………………… 113

Gambar 3.37 Rancangan Halaman Event

  ………………………………... 108

  Gambar 3.38

  Rancangan Halaman Buku Tamu …………………………. 109

  Gambar 3.39

  Rancangan Menu Untuk Administrator …………………… 110

Gambar 3.40 Rancangan Halaman Login

  Administrator ………………... 111

Gambar 3.41 Rancangan Halaman Utama (Home

  ) Administrator ………. 112

  Gambar 3.42

  Gambar 3.43

  Rancangan Halaman Edit Data Hotel ……………………... 118

  Rancangan Halaman Kategori Obyek Wisata …………….. 113

Gambar 3.44 Rancangan Halaman Kelol

  a Data Hotel ………………….. 114

  Gambar 3.45

  Rancangan Halaman Data Lengkap Hotel ………………... 115

  Gambar 3.46

  Rancangan Halaman Pertama Tambah Hotel ……………... 116

  Gambar 3.47

  Rancangan Halaman Kedua Tambah Hotel ………………. 117

Gambar 3.48 Rancangan Halaman Ketiga

  Tambah Hotel ………………. 117

  Gambar 3.49

  Rancangan Halaman Pertama Tambah Obyek Wisata ……. 127

Gambar 3.64 Rancangan

  Gambar 4.2

  Rancangan Halaman Ubah Data Berita …………………… 137

  Gambar 3.80

  Rancangan Halaman Hapus Data Berita ………………….. 137

  Gambar 3.81

  Rancangan Halaman Kelola Data Buku Tamu ……………. 138

  Gambar 3.82

  Rancangan Halaman Hapus Data Buku Tamu ……………. 138

  Gambar 3.83

  Rancangan Halaman Ganti Password …………………….. 139

  Gambar 4.1

  Implementasi Basis Data ………………………………….. 141

  Implementasi Tabel tempat ……………………………….. 141

  Rancangan Halaman Tambah Data Berita ………………... 136

  Gambar 4.3

  Implementasi Tabel hotel …………………………………. 141

  Gambar 4.4

  Implementasi Tabel kategorihotel ………………………... 141

Gambar 4.5 Implementasi Tabel

  fasilitas ………………………………. 142

  Gambar 4.6

  Implementasi Tabel detailfasilitas ………………………... 142

  Gambar 4.7

  Implementasi Tabel fotohotel …………………………….. 142

  Gambar 4.8

  Gambar 3.79

  Gambar 3.78

  Halaman Kedua Tambah Obyek Wisata ……… 128

  Rancangan Halaman Ubah Foto Obyek Wisata …………... 132

  Gambar 3.65

  Rancangan Halaman Ketiga Tambah Obyek Wisata ……... 128

  Gambar 3.66

  Rancangan Halaman Edit Data Obyek Wisata ……………. 129

  Gambar 3.67

  Rancangan Halaman Edit Lokasi Obyek Wisata ………….. 130

  Gambar 3.68

  Rancangan Halaman Ubah Data Foto Obyek Wisata ……... 131

  Gambar 3.69

  Rancangan Halaman Tambah Foto Obyek Wisata ………... 131

  Gambar 3.70

  Gambar 3.71

  Rancangan Halaman Kelola Data Berita ………………….. 136

  Rancangan Halaman Hapus Foto Obyek Wisata ………….. 132

  Gambar 3.72

  Rancangan Halaman Hapus Data Obyek Wisata …………. 133

  Gambar 3.73

  Rancangan Halaman Kelola Data Event …………………... 134

Gambar 3.74 Rancangan Halaman Tambah Data Event

  ………………… 134

Gambar 3.75 Rancangan Halaman Ubah Data Event

  ……………………. 135

Gambar 3.76 Rancangan Halaman Hapus Data Event

  …………………... 135

  Gambar 3.77

  Implementasi Tabel obyekwisata …………………………. 142

Gambar 4.9 Implementasi TabelGambar 4.29 Implementasi

  Gambar 4.24

  Implementasi Event Onload ………………………………. 150

  Gambar 4.25

  Implementasi Penggunaan Fungsi downloadURL() ……… 150

Gambar 4.26 Implementasi Pembuatan Marker dan Info Window

  ……… 151

  Gambar 4.27 Script

  koneksi.php ………………………………………… 152