ABSTRAK

Bali merupakan salah satu pulau di Indonesia yang menjadi ikon

pariwisata mancanegara. Pulau Bali meraih penghargaan TripAdvisor Travellers’
Choice Awards 2017 sebagai pulau destinasi terbaik dunia sekaligus menjadi
destinasi favorit para wisatawan. Perkembangan pariwisata Bali tidak luput dari
peran teknologi informasi yang membantu wisatawan dalam memperoleh informasi
pariwisata seperti lokasi wisata, deskripsi wisata, lokasi wisata dan perjalanan
wisata. Peran teknologi informasi dapat mendukung wisatawan memperoleh
informasi secara interaktif dengan memanfaatkan teknologi pemetaan geografis dan
virtual tour. Virtual tour merupakan teknologi yang digunakan untuk
menggambarkan simulasi dari suatu lokasi dengan memanfaatkan gambar
panorama. Virtual tour menampilkan komposisi beberapa gambar panorama dan
informasi yang mendeskripsikan tentang objek yang terdapat di dalam gambar
panorama. Implementasi pemetaan geografis dan virtual tour merupakan gagasan
yang bermanfaat untuk mendukung promosi objek wisata karena dapat
menampilkan keseluruhan suasana objek wisata dengan melihat pemandangan dari
berbagai perspektif. Hasil perancangan dan implementasi sistem adalah sistem
berbasis web yang bernama Bali Virtual. Bali Virtual merupakan sistem informasi
geografis berbasis web yang mendukung wisatawan dalam memperoleh informasi
mengenai objek wisata yang ada di Bali. Bali Virtual yang dihasilkan mampu
memetakan sekaligus menampilkan pemandangan objek wisata secara imersif.
Sistem informasi geografis dirancang menggunakan Google Maps API dan
teknologi virtual tour digunakan untuk menampilkan pemandangan objek wisata
dengan memanfaatkan gambar panorama equirectangular yang dihasilkan dari
kamera 360 derajat. Sistem diharapkan mampu mendukung promosi pariwisata Bali
dan sebagai media informasi pariwisata yang interaktif.

Kata Kunci : Bali, Sistem Informasi Geografis, Virtual Tour, Panorama, Objek
Wisata

viii
 ABSTRACT

Bali is one of the islands in Indonesia that became the icon of foreign
tourism. Bali won the TripAdvisor 2017 Travelers' Choice Awards as the world's
best destination island as well as being a favorite tourist destination. The role of
information technology participate in development of Bali tourism that helps
tourists in obtaining tourism information such as tourist sites, tourist descriptions,
tourist locations and travel. Information technology can support tourists to obtain
information interactively by utilizing geographic mapping technology and virtual
tour. Virtual tour is a technology that used to simulate a location by utilizing
panoramic images. Virtual tour displays composition some panoramic images and
some information that describes the objects contained in the panoramic image.
Implementation of geographic mapping and virtual tour is a useful idea to support
promotion of tourist attractions because it can display the overall atmosphere of the
tourist attractions by looking scenery from various perspectives. The result of
design and implementation system is a web-based system called Bali Virtual. Bali
Virtual is a web-based geographic information system that support tourist to obtain
information about tourist attraction in Bali. Bali Virtual capable of mapping as well
as displaying scenery of tourist attraction immersively. Geographic information
system are designed using Google Maps API and virtual tour technology used to
display scenery of tourist attraction by utilizing equirectangular panoramic images
generated from 360-degree cameras. The system is expected to support the
promotion of Bali tourism and as an interactive tourism information media.

Keywords : Bali, Geographic Information System, Virtual Tour, Panorama, Tourist

Attraction

ix
 DAFTAR ISI

HALAMAN SAMPUL ........................................................................................... i

HALAMAN JUDUL ............................................................................................. ii
PERNYATAAN .................................................................................................... iii
LEMBAR PENGESAHAN TUGAS AKHIR .................................................... iv
BERITA ACARA TUGAS AKHIR ..................................................................... v
KATA PENGANTAR .......................................................................................... vi
ABSTRAK .......................................................................................................... viii
ABSTRACT .......................................................................................................... ix
DAFTAR ISI .......................................................................................................... x
DAFTAR GAMBAR .......................................................................................... xiii
DAFTAR TABEL.............................................................................................. xvii
DAFTAR KODE PROGRAM ........................................................................ xviii
PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang ............................................................................................... 1
1.2 Rumusan Masalah.......................................................................................... 4
1.3 Tujuan Penelitian ........................................................................................... 4
1.4 Manfaat Penelitian ......................................................................................... 4
1.5 Ruang Lingkup dan Batasan Masalah ........................................................... 5
1.6 Sistematika Penulisan .................................................................................... 5
TINJAUAN PUSTAKA ........................................................................... 7
2.1 State of The Art .............................................................................................. 7
2.2 Pariwisata....................................................................................................... 9
2.3 Objek Wisata ............................................................................................... 10
2.3.1 Jenis-Jenis Objek Wisata .................................................................... 12
2.4 Teknologi Web ............................................................................................. 12
2.5 Webservice ................................................................................................... 14
2.6 Asynchronous JavaScript And XML (AJAX) ............................................. 14
2.7 Application Programming Interface (API) .................................................. 15
2.8 JSON (JavaScript Object Notation) ............................................................. 15
2.9 Konsep Dasar Sistem Informasi .................................................................. 16
2.10 Sistem Informasi Geografis ......................................................................... 16
2.11 Sistem Informasi Geografis Berbasis Web .................................................. 18
2.12 Komponen Perancangan Sistem Informasi Geografis ................................. 19
2.12.1 Leaflet .......................................................................................... 19
2.12.2 Google Maps ............................................................................... 20
2.12.3 Google Maps JavaScript API ...................................................... 20
2.12.4 GeoJSON ..................................................................................... 21

x
2.13 Virtual Tour ................................................................................................. 21
2.14 Jenis-Jenis Virtual Tour ............................................................................... 22
2.15 Komponen Perancangan Virtual Tour ......................................................... 22
2.15.1 Pannellum .................................................................................... 23
2.15.2 Gambar Panorama ....................................................................... 23
2.15.3 Proyeksi Equirectangular............................................................ 24
2.15.4 Proyeksi CubeMap (Cube Mapping) ........................................... 25
2.16 Design Science Research Methodology (DSRM) ........................................ 27
METODE DAN PERANCANGAN SISTEM .................................... 30
3.1 Tempat dan Waktu Penelitian...................................................................... 30
3.2 Metode Penelitian ........................................................................................ 30
3.3 Kebutuhan Data ........................................................................................... 32
3.3.1 Sumber Data ....................................................................................... 32
3.3.2 Metode Pengumpulan Data ................................................................ 32
3.4 Pemodelan Sistem........................................................................................ 33
3.4.1 Gambaran Umum Sistem ................................................................... 33
3.4.2 Diagram Konteks................................................................................ 35
3.4.3 Heirarchy Chart ................................................................................. 36
3.4.4 Data Flow Diagram (DFD)................................................................ 37
3.5 Perancangan Basis Data ............................................................................... 44
3.5.1 Entity Relationship Diagram (ERD) .................................................. 44
3.5.2 Physical Data Model (PDM).............................................................. 51
3.5.3 Struktur Data ...................................................................................... 52
3.6 Perancangan Sistem ..................................................................................... 68
3.6.1 Perangkat Pengembangan .................................................................. 68
3.6.2 Bahasa Pemrograman ......................................................................... 69
3.6.3 Perancangan Sistem Informasi Geografis .......................................... 69
3.6.4 Perancangan Virtual Tour .................................................................. 78
3.6.5 Perancangan Webservice .................................................................... 87
3.6.6 Perancangan Wireframe Sistem ......................................................... 93
HASIL DAN PEMBAHASAN........................................................... 108
4.1 Perangkat Pengujian .................................................................................. 108
4.2 Implementasi Sistem.................................................................................. 108
4.2.1 Menampilkan Peta ............................................................................ 108
4.2.2 Menampilkan Marker....................................................................... 110
4.2.3 Menampilkan GeoJSON .................................................................. 113
4.2.4 Menampilkan Virtual Tour............................................................... 115
4.2.5 Konversi Gambar Panorama ............................................................ 117
4.2.6 Memperbaharui Data Cuaca ............................................................. 120
4.2.7 Permintaan Data Informasi ke Database ......................................... 122

xi
4.3 Pengujian Proses Sistem ............................................................................ 125
4.3.1 Pengujian Proses Registrasi ............................................................. 125
4.3.2 Pengujian Proses Login .................................................................... 127
4.3.3 Pengujian Proses Tambah Marker ................................................... 130
4.3.4 Pengujian Proses Ubah Informasi Wisata ........................................ 136
4.3.5 Pengujian Proses Hapus Marker ...................................................... 139
4.3.6 Pengujian Proses Tambah Virtual Tour ........................................... 140
4.3.7 Pengujian Proses Ubah Scene .......................................................... 144
4.3.8 Pengujian Proses Hapus Scene ......................................................... 147
4.3.9 Pengujian Proses Tambah Gambar Wisata ...................................... 149
4.3.10 Pengujian Fitur Review ............................................................. 151
4.3.11 Pengujian Fitur Lokasi Pengguna .............................................. 153
4.3.12 Pengujian Fitur Navigasi ........................................................... 155
4.3.13 Pengujian Fitur Pencarian Objek Wisata ................................... 156
4.3.14 Pengujian Fitur Rekomendasi Wisata ....................................... 158
4.3.15 Pengujian Fitur Favorit .............................................................. 160
4.3.16 Uji Coba Fitur Share Virtual Tour ............................................ 161
4.3.17 Pengujian Halaman Admin........................................................ 162
4.4 Pengujian Lintas Browser .......................................................................... 167
4.4.1 Pengujian Proses dan Fungsi Lintas Browser .................................. 168
4.4.2 Pengujian Antarmuka Lintas Browser ............................................. 172
PENUTUP ............................................................................................. 177
5.1 Simpulan .................................................................................................... 177
5.2 Saran .......................................................................................................... 177
DAFTAR PUSTAKA ........................................................................................ 178
LAMPIRAN ....................................................................................................... 181

xii
 DAFTAR GAMBAR

Gambar 2.1 Konsep Webservice ........................................................................... 14

Gambar 2.2 Konsep Application Programming Interface .................................... 15
Gambar 2.3 Gambaran Umum Sub-sistem SIG (Prahasta, 2009) ......................... 17
Gambar 2.4 Arsitektur WebGIS (Fu & Sun, 2010) .............................................. 18
Gambar 2.5 Hasil Implementasi Library Leaflet (Agafonkin, 2017).................... 19
Gambar 2.6 Contoh Penerapan Pannellum (Petroff, n.d.)..................................... 23
Gambar 2.7 Contoh Gambar Panorama ................................................................ 24
Gambar 2.8 Pola Proyeksi Equirectangular (Swart, 2016) .................................. 24
Gambar 2.9 Contoh Gambar Panorama Equirectangular ..................................... 25
Gambar 2.10 Pola Proyeksi Cube Mapping .......................................................... 26
Gambar 2.11 Penerapan Proyeksi Cube Mapping ................................................ 26
Gambar 2.12 Proses Umum Tahapan Metode DSRM .......................................... 27
Gambar 2.13 Empat Tujuan Penelitian Dalam Metode DSRM ............................ 28
Gambar 3.1 Tahapan Metode Penelitian ............................................................... 30
Gambar 3.2 Gambaran Umum Sistem .................................................................. 34
Gambar 3.3 Diagram Konteks............................................................................... 35
Gambar 3.4 Heirarchy Chart ................................................................................ 37
Gambar 3.5 Data Flow Diagram Level 0.............................................................. 38
Gambar 3.6 Data Flow Diagram Level 1 Proses Login/Register ......................... 39
Gambar 3.7 Data Flow Diagram Level 1 Proses Manipulasi Objek Wisata ........ 40
Gambar 3.8 Data Flow Diagram Level 1 Proses Manipulasi Virtual Tour .......... 41
Gambar 3.9 Data Flow Diagram Level 1 Proses Manipulasi Data Master .......... 42
Gambar 3.10 Data Flow Diagram Level 1 Proses Manipulasi Data Gambar ....... 43
Gambar 3.11 Data Flow Diagram Level 1 Proses Manipulasi Data Review ........ 44
Gambar 3.12 Entity Relationship Diagram (ERD) ............................................... 45
Gambar 3.13 Relasi User Dengan Objek Wisata .................................................. 46
Gambar 3.14 Relasi User-Review dan Objek Wisata-Review............................... 46
Gambar 3.15 Relasi Objek Wisata, Kategori Wisata, dan Kategori ..................... 47
Gambar 3.16 Relasi Kabupaten-Kecamatan dan Kecamatan-Objek Wisata ........ 48
Gambar 3.17 Relasi Kabupaten Dengan Cuaca .................................................... 48
Gambar 3.18 Relasi Objek Wisata, Sosial Media, dan Gambar Wisata ............... 49
Gambar 3.19 Relasi Objek Wisata, Virtual Tour, dan Scene ................................ 49
Gambar 3.20 Relasi Scene, Gambar Panorama, dan Hotspot ............................... 50
Gambar 3.21 Relasi User-Review dan Objek Wisata-Review............................... 50
Gambar 3.22 Physical Data Model (PDM)........................................................... 51
Gambar 3.23 Layer Sistem Informasi Geografis .................................................. 70
Gambar 3.24 Flowchart Request Google Maps API ............................................ 70
Gambar 3.25 Flowchart Proses Penambahan Marker........................................... 71
Gambar 3.26 Flowchart Proses Penambahan Lapisan GeoJSON ........................ 72
Gambar 3.27 Flowchart Proses Tambah Data Marker ......................................... 73
Gambar 3.28 Flowchart Proses Update Data Marker .......................................... 74
Gambar 3.29 Flowchart Proses Hapus Data Marker ............................................ 75

xiii
Gambar 3.30 Flowchart Fitur Pencarian Lokasi Pengguna .................................. 75
Gambar 3.31 Flowchart Fitur Navigasi ................................................................ 76
Gambar 3.32 Flowchart Proses Konversi Gambar ............................................... 80
Gambar 3.33 Inisialisasi Renderer Scene Cube Maps .......................................... 81
Gambar 3.34 Hasil Proses Rendering Cube Maps ................................................ 81
Gambar 3.35 Flowchart Proses Tambah Data Virtual Tour ................................. 82
Gambar 3.36 Flowchart Proses Ubah Data Scene Virtual Tour ........................... 83
Gambar 3.37 Flowchart Proses Hapus Data Scene Virtual Tour.......................... 84
Gambar 3.38 Flowchart Proses Tampil Virtual Tour ........................................... 85
Gambar 3.39 Flowchart Fitur Hotspot Text-to-Speech ......................................... 86
Gambar 3.40 Flowchart Fitur Custom Hotspot Review ........................................ 86
Gambar 3.41 Wireframe Halaman Utama Sistem ................................................. 94
Gambar 3.42 Wireframe Modal Login .................................................................. 95
Gambar 3.43 Wireframe Modal Register .............................................................. 96
Gambar 3.44 Wireframe Popup Profil Pengguna ................................................. 97
Gambar 3.45 Wireframe Modal Manipulasi Data Wisata ..................................... 98
Gambar 3.46 Wireframe Popup Marker ............................................................... 99
Gambar 3.47 Wireframe Sidebar Informasi Wisata ............................................ 100
Gambar 3.48 Wireframe Modal Upload Gambar ............................................... 101
Gambar 3.49 Wireframe Welcome Screen Virtual Tour ..................................... 102
Gambar 3.50 Wireframe Markerhub ................................................................... 103
Gambar 3.51 Wireframe Modal Tambah Scene .................................................. 104
Gambar 3.52 Wireframe Modal Ubah Scene ...................................................... 105
Gambar 3.53 Wireframe Virtual Tour ................................................................. 106
Gambar 3.54 Wireframe Rekomendasi Wisata ................................................... 107
Gambar 4.1 Detail Gambar Panorama Sebelum Konversi.................................. 119
Gambar 4.2 Detail Gambar Panorama Sesudah Konversi .................................. 119
Gambar 4.3 SOP Proses Registrasi ..................................................................... 125
Gambar 4.4 Formulir Proses Registrasi .............................................................. 126
Gambar 4.5 Validasi Formulir Registrasi ........................................................... 126
Gambar 4.6 Data Hasil Proses Registrasi ........................................................... 127
Gambar 4.7 SOP Proses Login ............................................................................ 127
Gambar 4.8 Contoh Data Login Pada Tabel User............................................... 128
Gambar 4.9 Formulir Login ................................................................................ 128
Gambar 4.10 Validasi Formulir Login ................................................................ 129
Gambar 4.11 Hasil Proses Login ......................................................................... 129
Gambar 4.12 Menu Tambah Marker .................................................................. 130
Gambar 4.13 SOP Proses Tambah Wisata .......................................................... 130
Gambar 4.14 Formulir Tambah Marker.............................................................. 131
Gambar 4.15 Hasil Tambah Marker Pada Tabel Wisata .................................... 132
Gambar 4.16 Hasil Tambah Marker Pada Tabel Sosial Media .......................... 132
Gambar 4.17 Hasil Tambah Marker Pada Tabel Kategori Wisata ..................... 133
Gambar 4.18 Melihat Status Marker ................................................................... 133
Gambar 4.19 Halam Admin Verfikasi Marker ................................................... 134
Gambar 4.20 Tampilan Marker Pada Peta .......................................................... 134
Gambar 4.21 Tampilan Popup Marker ............................................................... 135

xiv
Gambar 4.22 Tampilan Sidebar Informasi Wisata ............................................. 135
Gambar 4.23 Tampilan Markerhub..................................................................... 136
Gambar 4.24 SOP Proses Ubah Informasi Wisata .............................................. 137
Gambar 4.25 Formulir Ubah Wisata ................................................................... 137
Gambar 4.26 Tampilan Ubah Posisi ................................................................... 138
Gambar 4.27 Status Marker Perlu Diverifikasi ................................................... 138
Gambar 4.28 SOP Proses Hapus Marker ............................................................ 139
Gambar 4.29 Tampilan Konfirmasi Penghapusan Data Marker......................... 139
Gambar 4.30 Hasil Proses Hapus Marker ........................................................... 140
Gambar 4.31 Menu Welcome Screen Virtual Tour ............................................. 140
Gambar 4.32 SOP Proses Tambah Virtual Tour ................................................. 141
Gambar 4.33 Formulir Tambah Virtual Tour ..................................................... 142
Gambar 4.34 Hasil Konversi Gambar Panorama ................................................ 142
Gambar 4.35 Hasil Data Tabel Panorama ........................................................... 142
Gambar 4.36 Hasil Data Tabel Scene ................................................................. 143
Gambar 4.37 Hasil Data Tabel Gambar Panorama ............................................. 143
Gambar 4.38 Tampilan Virtual Tour .................................................................. 143
Gambar 4.39 SOP Proses Ubah Scene ................................................................ 144
Gambar 4.40 Tampilan Daftar Scene Pada Modal Tambah Scene ..................... 145
Gambar 4.41 Tampilan Ubah Scene.................................................................... 145
Gambar 4.42 Data Tabel Hotspot........................................................................ 146
Gambar 4.43 Hasil Penambahan Hotspot ........................................................... 146
Gambar 4.44 Hasil Proses Ubah Scene ............................................................... 147
Gambar 4.45 SOP Proses Hapus Scene............................................................... 147
Gambar 4.46 Konfirmasi Hapus Scene ............................................................... 148
Gambar 4.47 Contoh Hasil Penghapusan Data Panorama .................................. 148
Gambar 4.48 SOP Proses Tambah Gambar Wisata ............................................ 149
Gambar 4.49 Formulir Tambah Gambar Wisata................................................. 149
Gambar 4.50 Hasil Pada Tabel Gambar .............................................................. 150
Gambar 4.51 Tampilan Hasil Penambahan Gambar ........................................... 150
Gambar 4.52 Tampilan PhotoHub ...................................................................... 151
Gambar 4.53 Tampilan Penambahan Ulasan ...................................................... 151
Gambar 4.54 Hasil Penambahan Ulasan Pada Tabel Review ............................. 152
Gambar 4.55 Tampilan Verifikasi Ulasan .......................................................... 152
Gambar 4.56 Nilai Objek Wisata ........................................................................ 153
Gambar 4.57 Tampilan Hasil Penambahan Ulasan............................................. 153
Gambar 4.58 Tampilan Fitur Lokasi Pengguna .................................................. 154
Gambar 4.59 Tampilan Notifikasi Geolocation .................................................. 154
Gambar 4.60 Tampilan Fitur Navigasi................................................................ 155
Gambar 4.61 Tampilan Notifikasi Fitur Navigasi............................................... 155
Gambar 4.62 Tampilan Fitur Pencarian Objek Wisata ....................................... 156
Gambar 4.63 Hasil Pencarian Semua Objek Wisata ........................................... 156
Gambar 4.64 Hasil Pencarian Dengan Kata Kunci ............................................. 157
Gambar 4.65 Hasil Pencarian Dengan Kategori ................................................. 157
Gambar 4.66 Hasil Pencarian Dengan Kabupaten .............................................. 158
Gambar 4.67 Tampilan Fitur Rekomendasi Wisata ............................................ 159

xv
Gambar 4.68 Notifikasi Fitur Rekomendasi Wisata ........................................... 159
Gambar 4.69 Tombol Favorit Pada Sidebar Informasi ....................................... 160
Gambar 4.70 Data Tabel Favorit ......................................................................... 160
Gambar 4.71 Menu Share Virtual Tour .............................................................. 161
Gambar 4.72 Implementasi Share Virtual Tour Pada Website Lain ................... 161
Gambar 4.73 Tampilan Share Virtual Tour Saat Dijalankan.............................. 162
Gambar 4.74 Tampilan Halaman Admin ............................................................ 163
Gambar 4.75 Tampilan Konten Manage Wisata................................................. 163
Gambar 4.76 Tampilan Konten Manage User .................................................... 164
Gambar 4.77 Tampilan Konten Data Cuaca ....................................................... 164
Gambar 4.78 Tampilan Konten Data Kabupaten ................................................ 165
Gambar 4.79 Tampilan Konten Data Kecamatan ............................................... 165
Gambar 4.80 Tampilan Konten Data Kategori ................................................... 166
Gambar 4.81 Tampilan Konten Data Ikon Marker ............................................. 166
Gambar 4.82 Tampilan Konten Data Sosial Media ............................................ 167
Gambar 4.83 Diagram Persentase Keberhasilan Pengujian Proses dan Fungsi .. 171
Gambar 4.84 Diagram Persentase Keberhasilan Pengujian Antarmuka ............. 175

xvi
 DAFTAR TABEL

Tabel 3.1 Struktur Tabel Kabupaten ..................................................................... 52

Tabel 3.2 Contoh Data Tabel Kabupaten .............................................................. 53
Tabel 3.3 Struktur Tabel Kecamatan .................................................................... 53
Tabel 3.4 Contoh data Tabel Kecamatan .............................................................. 53
Tabel 3.5 Struktur Tabel Cuaca ............................................................................ 54
Tabel 3.6 Contoh Data Tabel Cuaca ..................................................................... 54
Tabel 3.7 Struktur Tabel User............................................................................... 55
Tabel 3.8 Contoh Data Tabel User ....................................................................... 56
Tabel 3.9 Struktur Tabel Marker .......................................................................... 56
Tabel 3.10 Contoh Data Tabel Marker ................................................................. 56
Tabel 3.11 Struktur Tabel Wisata ......................................................................... 57
Tabel 3.12 Contoh Data Tabel Wisata .................................................................. 58
Tabel 3.13 Struktur Tabel Review ......................................................................... 59
Tabel 3.14 Contoh Data Tabel Review.................................................................. 59
Tabel 3.15 Struktur Tabel Gambar........................................................................ 60
Tabel 3.16 Contoh Data Tabel Gambar ................................................................ 60
Tabel 3.17 Struktur Tabel Tipe Sosial Media ....................................................... 61
Tabel 3.18 Contoh Data Tabel Tipe Sosial Media ................................................ 61
Tabel 3.19 Struktur Tabel Sosial Media ............................................................... 62
Tabel 3.20 Contoh Data Tabel Sosial Media ........................................................ 62
Tabel 3.21 Struktur Tabel Kategori ...................................................................... 62
Tabel 3.22 Contoh Data Tabel Kategori ............................................................... 63
Tabel 3.23 Struktur Tabel Kategori Wisata .......................................................... 63
Tabel 3.24 Contoh Data Tabel Kategori Wisata ................................................... 63
Tabel 3.25 Struktur Tabel Favorit ......................................................................... 64
Tabel 3.26 Contoh Data Tabel Favorit .................................................................. 64
Tabel 3.27 Struktur Tabel Panorama .................................................................... 64
Tabel 3.28 Contoh Data Tabel Panorama ............................................................. 65
Tabel 3.29 Struktur Tabel Scene ........................................................................... 65
Tabel 3.30 Contoh Data Tabel Scene .................................................................... 66
Tabel 3.31 Struktur Tabel Hotspot ........................................................................ 66
Tabel 3.32 Contoh Data Tabel Hotspot................................................................. 67
Tabel 3.33 Struktur Tabel Gambar Panorama....................................................... 67
Tabel 3.34 Contoh Data Tabel Gambar Panorama ............................................... 67
Tabel 3.35 Daftar Simbol Peta .............................................................................. 77
Tabel 3.36 Daftar Simbol Marker ......................................................................... 77
Tabel 3.37 Daftar Sampel Gambar Panorama....................................................... 79
Tabel 3.38 Daftar Permintaan Yang Ditangani Oleh Webservice......................... 87
Tabel 3.39 Daftar Permintaan Yang Ditangani Webservice Halaman Admin ...... 91
Tabel 4.1 Daftar Pengujian Proses dan Fungsi Lintas Browser .......................... 168
Tabel 4.2 Daftar Pengujian Antarmuka Lintas Browser ..................................... 172

xvii
 DAFTAR KODE PROGRAM

Kode Program 4.1 Inisialisasi Google Maps API ............................................... 109

Kode Program 4.2 Proses Menampilkan Peta ..................................................... 109
Kode Program 4.3 Fungsi AJAX Data Marker................................................... 110
Kode Program 4.4 Contoh Data Marker dari Webservice .................................. 111
Kode Program 4.5 Fungsi Placemarker ............................................................ 112
Kode Program 4.6 Potongan Kode File GeoJSON ............................................. 113
Kode Program 4.7 Fungsi Menampilkan GeoJSON ........................................... 114
Kode Program 4.8 Contoh Konfigurasi Virtual Tour ......................................... 116
Kode Program 4.9 Fungsi Menampilkan Virtual Tour ....................................... 117
Kode Program 4.10 Proses Konversi Gambar Panorama ................................... 118
Kode Program 4.11 Proses Memperbaharui Data Cuaca .................................... 121
Kode Program 4.12 Fungsi AJAX Proses Menambah Data Informasi ............... 123
Kode Program 4.13 Contoh Penanganan Permintaan Pada Webservice ............. 124

xviii
 PENDAHULUAN

Bab I membahas mengenai proses dalam mengidentifikasi masalah dari

penelitian yang dilakukan, meliputi latar belakang masalah, perumusan masalah,
tujuan penelitian, manfaat penelitian, batasan masalah, dan sistematika dalam
penyusunan laporan.

1.1 Latar Belakang

Pariwisata secara umum merupakan suatu perjalanan atau aktivitas oleh
seseorang atau sebuah kelompok yang dilakukan dalam kurun waktu tertentu untuk
mengunjungi suatu tempat yang bertujuan untuk kegiatan rekreasi tanpa tujuan
bisnis atau mencari nafkah di tempat yang dikunjunginya. Berdasarkan Undang-
Undang Republik Indonesia No.10 Tahun 2009 tentang Kepariwisataan, Pariwisata
adalah berbagai macam kegiatan wisata dan didukung berbagai fasilitas serta
layanan yang disediakan oleh masyarakat, pengusaha, Pemerintah, dan Daerah.
Bali merupakan salah satu provinsi yang menjadi ikon pariwisata di Indonesia.
Keindahan alam dan keanekaragaman budaya yang menjadikan pulau Bali sebagai
rekomendasi daerah tujuan wisata dunia. Pulau Bali meraih penghargaan
TripAdvisor Travellers’ Choice Awards 2017 sebagai pulau destinasi terbaik dunia
dan menjadi destinasi favorit para wisatawan (TripAdvisor, 2017). Penghargaan
tersebut menjadi tolok ukur perkembangan sektor pariwisata di Bali.
Perkembangan sektor pariwisata di Bali tidak luput dari peran teknologi
informasi sebagai media promosi pariwisata. Teknologi informasi berperan dalam
membantu menyajikan informasi pariwisata seperti informasi objek wisata melalui
sebuah situs berupa artikel, gambar, maupun video tentang objek wisata tersebut.
Situs tersebut juga dapat memberikan kesempatan pengguna untuk saling
berinteraksi pada informasi yang diberikan seperti memberikan ulasan,
memberikan penilaian dan interaksi lainnya. Hasil penelitian Consumer-Generated
Web-Based Tourism Marketing (Cox, et al., 2008), menunjukkan bahwa lebih dari

1
 2

12.000 wisatawan mempercayai situs yang memiliki User Genarated Content atau
konten yang dibuat oleh wisatawan yang telah berkunjung ke suatu objek wisata.
User Generated Content dapat berupa opini tentang objek wisata, diskusi, berbagi
foto dan video, memberikan ulasan, serta penggunaan sosial media untuk berbagi
informasi objek wisata.
Sistem Informasi Geografis (SIG) atau dalam bahasa inggris yaitu
Geographic Information System (GIS) merupakan teknologi yang digunakan untuk
membuat suatu keputusan berdasarkan lokasi, seperti pemilihan lokasi, mencari
rute perjalanan, perencanaan konservasi dan kebutuhan lainnya yang berhubungan
dengan lokasi geografis (ESRI, 2012). Sistem informasi geografis mampu
menampilkan berbagai macam data pada peta digital seperti pemetaan data lokasi
objek wisata. Penelitian yang telah dilakukan berkaitan dengan Sistem Informasi
Geografis dan Virtual Tour, diantaranya penelitian berjudul “Geographic
Information System Android untuk Objek Wisata dan Fasilitas Umum Provinsi
Bali” oleh Mahautama Tahun 2014, penelitian berjudul “Aplikasi Sistem Informasi
Geografis Untuk Pemetaan Letak Suatu Rumah Makan di Wilayah Denpasar” oleh
Wirangga dkk Tahun 2014, penelitian berjudul “Design and Implementation of
Geographic Information System on Tourism Guide Using Web-Based Google
Maps” oleh Sudarma dkk Tahun 2013, penelitian berjudul “Aplikasi Virtual Tour
Berbasis Web Sebagai Media Promosi Pariwisata” oleh Prasetya Tahun 2011, dan
penelitian berjudul “Aplikasi Virtual Tour Tempat Wisata Alam di Sulawesi Utara”
oleh Wulur dkk Tahun 2015. Berdasarkan penelitian yang dijabarkan terdapat
kesamaan dengan penelitian yang sedang dilakukan, yaitu penerapan sistem
informasi geografis sebagai pemetaan lokasi dan pemanfaatan virtual tour.
Teknologi virtual tour yang digunakan pada penelitian sebelumnya masih terbatas
dari segi jenis gambar, ukuran gambar, dan fitur yang masih terbatas hanya
menampilkan gambar panorama.
Perbedaan dengan penelitian sebelumnya, yaitu perpaduan desain
implementasi sistem informasi geografis dan virtual tour pada objek wisata di Bali.
Implementasi teknologi sistem informasi geografis dan virtual tour pada penelitian
yang sedang dilakukan menggunakan teknologi terbaru yang memungkinkan untuk
 3

membuat sistem yang interaktif. Virtual tour merupakan istilah yang digunakan
untuk menggambarkan simulasi dari suatu lokasi yang ada (Kraljic, 2008).
Penerapan virtual tour memungkinkan wisatawan untuk melihat pemandangan dari
berbagai sisi sehingga dapat mengetahui suasana suatu objek wisata secara imersif
atau secara nyata. Virtual Tour dijadikan sebagai media promosi modern yang dapat
menarik wisatawan untuk berkunjung ke objek wisata dengan representasi nyata
terhadap objek wisata tersebut. Beberapa keuntungan dari penerapan Virtual Tour
yang dikutip dari artikel Top 10 Benefits of Virtual Tours (Ross, 2014), yaitu hemat
biaya untuk promosi dibandingkan dengan metode konvensional, mendapatkan
lebih banyak pengunjung karena kemampuan yang dapat melihat kondisi dari
berbagai perspektif, dan memiliki banyak informasi visual seperti informasi
mengenai fasilitas, serta memberikan kemudahan dalam mengkomunikasikan suatu
tempat kepada pengunjung.
Sistem Informasi Geografis Virtual Tour Panorama Objek Wisata di Bali
Berbasis Web dikembangkan berdasarkan keuntungan virtual tour dan kemampuan
sistem informasi geografis dalam mengelola data pemetaan geografis. Perancangan
virtual tour memanfaatkan gambar panorama 360 derajat yang diambil
menggunakan kamera khusus yang terdiri dari dua sisi lensa. Masing-masing sisi
terdiri dari lensa fisheye 180 derajat yang digunakan untuk menghasilkan gambar
panorama dengan proyeksi equirectangular. Proses pengambilan gambar panorama
jauh lebih mudah karena tidak perlu melakukan proses penyatuan gambar atau
stiching berkat teknologi pada kamera 360 derajat. Kemudahan proses pengambilan
gambar panorama menjadi alasan dibangunnya sebuah fitur yang memungkinkan
siapa saja untuk berkontribusi di pada sistem.
Berdasarkan permasalahan Sistem Informasi Geografis Virtual Tour
Panorama Objek Wisata di Bali Berbasis Web mampu memberikan pengalaman
baru menjelajah informasi objek wisata dengan teknologi virtual tour yang
memanfaatkan gambar panorama mampu menampilkan suasana objek wisata
secara imersif dan memberikan representasi nyata terhadap objek wisata tersebut.
Sistem yang dirancang juga diharapkan mampu berfungsi sebagai wadah promosi
objek wisata dan mendukung perkembangan pariwisata di Bali.
 4

1.2 Rumusan Masalah

Rumusan masalah yang dapat diambil dari penelitian yang berjudul Sistem
Informasi Virtual Tour Panorama Objek Wisata di Bali Berbasis Web adalah
sebagai berikut.
1. Bagaimana proses merancang dan membangun Sistem Informasi
Geografis Virtual Tour Panorama Objek Wisata di Bali Berbasis Web,
yang dapat memberikan informasi yang mampu menggambarkan suatu
objek wisata.
2. Bagaimana implementasi rancangan Sistem Informasi Geografis Virtual
Tour Panorama Objek Wisata di Bali Berbasis Web dalam penyajian data
informasi yang dapat merepresentasikan suasana objek wisata secara
imersif atau secara nyata.

1.3 Tujuan Penelitian

Tujuan penelitian yang berjudul Sistem Informasi Virtual Tour Panorama
Objek Wisata di Bali Berbasis Web adalah sebagai berikut.
1. Merancang dan membangun sistem yang mengkombinasikan teknologi
pemetaan geografis dengan teknologi virtual tour yang mampu
menampilkan informasi lokasi objek wisata beserta deskripsi objek wisata
dan menampilkan suasana objek wisata.
2. Mengetahui tahapan implementasi sistem dalam penyajian data pemetaan
geografis objek wisata dan beberapa komposisi gambar panorama beserta
informasi pada objek wisata tersebut.

1.4 Manfaat Penelitian

Manfaat yang diharapkan dari penelitian berjudul Sistem Informasi Virtual
Tour Panorama Objek Wisata di Bali Berbasis Web adalah sebagai berikut.
1. Mendukung wisatawan untuk mendapatkan informasi mengenai objek
wisata yang mampu merepresentasikan suasana objek wisata secara nyata
sehingga menarik wisatawan untuk berkunjung ke objek wisata tersebut.
 5

2. Membantu mempromosikan pariwisata Bali dan membantu para pengelola

dalam mempromosikan objek wisata yang dikelola serta mendapatkan
umpan balik berupa ulasan dari wisatawan.
3. Sebagai bahan masukan studi kepustakaan dalam penerapan teknologi
pada sektor pariwisata dan pengembangan ilmu Sistem Informasi
Geografus dan Web yang diperoleh pada saat perkuliahan.

1.5 Ruang Lingkup dan Batasan Masalah

Ruang lingkup dan batasan masalah dari penelitian berjudul Sistem
Informasi Virtual Tour Panorama Objek Wisata di Bali Berbasis Web adalah
sebagai berikut.
1. Pemetaan memanfaatkan API Google Maps dan Google Maps Direction
Service yang memerlukan koneksi internet untuk mengaksesnya.
2. Penerapan pemetaan geografis menggunakan library open source Leaflet
dan penerapan virtual tour menggunakan library open source Pannellum.
3. Pemetaan lokasi objek wisata dan gambar panorama yang diambil, yaitu
objek wisata alam yang ada di Bali dan menggunakan beberapa sampel
gambar dari objek wisata tersebut.
4. Informasi deskripsi objek wisata yang ditampilkan merupakan informasi
umum seperti lokasi objek wisata, jam buka tutup, kategori wisata, tautan
sosial media terkait, harga tiket masuk, dan nomor telepon.
5. Informasi wisata dimasukkan oleh pengelola atau operator data melalui
akun yang sudah terdaftar pada sistem.
6. Browser yang digunakan untuk memuat sistem yaitu browser yang
mendukung teknologi WebGL dan HTML5.

1.6 Sistematika Penulisan

Sistematika penulisan yang diterapkan untuk pembuatan laporan
penelitian yang berjudul Sistem Informasi Virtual Tour Panorama Objek Wisata di
Bali Berbasis Web adalah sebagai berikut.
 6

BAB I PENDAHULUAN
Bab I berisi penduhuluan mengenai penelitian yang mencakup latar
belakang, rumusan masalah, tujuan penelitian, manfaat penelitian, ruang
lingkup dan batasan masalah dan sistematika penulisan dari tugas akhir.
BAB II TINJAUAN PUSTAKA
Bab II berisi bahasan mengenai teori-teori, konsep dasar, penelitian-
penelitian terhadulu yang terkait dengan penelitian ini yang dapat
menunjang perancangan laporan tugas akhir.
BAB III METODE DAN PERANCANGAN SISTEM
Bab III berisi tentang tempat dan waktu penelitian, metode penelitian yang
digunakan, sumber data, perancangan sistem meliputi perancangan basis
data, Data Flow Diagram (DFD), gambaran sistem secara umum.
BAB IV HASIL DAN PEMBAHASAN
Bab IV berisi pembahasan mengenai hasil dan analisis dari tugas akhir
secara keseluruhan, meliputi pembahasan mengenai sistem yang sudah
dirancang.
BAB V PENUTUP
Bab V berisi simpulan yang merangkum bahasan pada bab-bab
sebelumnya serta saran-saran sebagai refrensi untuk penelitian dan
pengembangan lebih lanjut.