APLIKASI LOKASI WISATA BERBASIS

WEB

KELOMPOK SIGT:
-DIAN ADELIA PUTRI-
-PUTRI MAGDALENA MARGARETTA-
-WULANDARI-
 - Menghemat Anggaran Biaya

- Efektif dan Efisien untuk Menjangkau

Pengguna Lebih Luas

- Akses Kapan Saja dan Dimana Saja

Adapun batasan masalah dari penelitian ini adalah :
Menampilkan web Pariwisata Kota Pekanbaru dengan menggunakan
aplikasi Google Maps API dan menyediakan fitur pencarian, tambah lokasi,
dan tambah informasi. Perancangan sistem menggunakan bahasa
pemograman : JavaScript, Boostrap, PHP, Google Map Api.

Adapun Tujuan yang terdapat dalam penelitian sebagai

berikut:
Menyajikan informasi dan menyediakan fitur agar masyarakat Kota
Pekanbaru dapat berpartisipasi dalam kegiatan pengembangan
pariwisata menggunakan dan memanfaatkan Google Maps
API.Mengetahui kebergunaan aplikasi melalui uji yang dilakukan
terhadap tampilan web.
 
Perancangan Proses menggunakan
use case diagram untuk
menggambarkan proses yang dapat
dilakukan oleh visitor ( user ) dan
admin.
Google Maps API
API adalah singkatan dari application programming interface. Contoh API yaitu kode pemrograman
yang dapat Anda terapkan untuk menghubungkan Booking Management Platform dengan perusahaan
penyedia layanan.Google Maps API adalah sebuah layanan (service) yang diberikan oleh Google
kepada para pengguna untuk memanfaatkan Google Map dalam mengembangkan aplikasi. Google
Maps API menyediakan beberapa fitur untuk memanipulasi peta, dan menambah konten melalui
berbagai jenis services yang dimiliki, serta mengijinkan kepada pengguna untuk membangun aplikasi
enterprise di dalam websitenya. Pengguna dapat memanfaatkan layanan-layanan yang ditawarkan oleh
Google Maps setelah melakukan registrasi dan mendapatkan Google Maps API Key.Google
menyediakan layanan ini secara gratis kepada pengguna di seluruh dunia
Titik Koordinat
Titik koordinat merupakan patokan dalam georeferencing. Lalu, setiap data yang akan dimasukkan ke
dalam peta itu tadi akan disesuaikan lokasinya dengan titik koordinat tersebut.
PHP
Hypertext Preprocessor atau PHP adalah bahasa penulisan skrip open-source yang banyak digunakan
dalam pemrograman atau pengembangan website (web development). Bahasa ini umumnya dijalankan
dalam komunikasi sisi server, dan saat ini didukung oleh hampir semua sistem.
Boostrap
Bootstrap adalah framework web development berbasis HTML, CSS, dan JavaScript yang dirancang
untuk mempercepat proses pengembangan web responsive dan mobile-first (memprioritaskan
perangkat seluler)
JavaScript
JavaScript adalah skrip pemrograman ringan yang umumnya digunakan oleh web developer untuk
menciptakan interaksi yang lebih dinamis saat membuat halaman web, aplikasi, server, atau game.
 Hasil dan Pembahasan
Tampilan Aplikasi Lokasi Wisata:
Pada tampilan awal aplikasi website lokasi
wisata ditampilkan halaman home. Selanjutnya
disediakan fitur pada sebelah kanan halaman
home yaitu “Data Wisata” untuk mengakses
data wisata bagi visitor (user).
Fitur Aplikasi Website ‘Data Wisata’ :
Pada halaman fitur data wisata akan
ditampilkan nama wisata, alamat, harga
tiket, beserta detail informasi dan lokasi
wisata yang dapat diakses oleh visitor (user).
Tampilan Detail dan Lokasi Tempat Wisata :
Pada tampilan halaman ini akan disajikan
detail informasi mengenai tempat wisata
seperti deskripsi lengkap tempat wisata, detail
alamat serta lokasi yang dapat menjadi acuan
rute perjalanan ke alamat lokasi wisata.

Tampilan detail lokasi setelah di-klik:
Berikut tampilan halaman untuk detail
lokasi wisata setelah diklik. Terdapat
titik acuan lokasi wisata yang diakses
oleh visitor (user)
Tampilan halaman login untuk admin:
Berikut tampilan halaman fitur login yang disediakan
untuk admin. Untuk mengakses halaman login
admin, diperlukan insert username dan password.
Pada halaman login admin juga disediakan fitur
‘remember me’ untuk memudahkan admin dalam
melakukan login kembali nantinya.
Tampilan halaman login admin jika salah
memasukkan username dan password:
Berikut tampilan halaman ketika admin salah
memasukkan informasi terkait username dan
password. Fitur login admin akan memberitahu
bahwa login gagal dan meminta memasukkan
username dan password yang benar untuk login.
Tampilan halaman login admin
berhasil:
Setelah login admin berhasil, terdapat
penawaran untuk mengubah password
guna menjaga kerahasiaan data admin
Tampilan halaman login admin pada bagian akses data
wisata: Tampilan halaman fitur edit data
Salah satu fitur yang disediakan bagi admin yaitu dapat
mengedit informasi mengenai data wisata, serta menghapus
wisata:
data wisata. Pada halaman terdapat search bar untuk
memudahkan admin mengolah data wisata yang hendak
Pada halaman ini admin dapat
dicari. Pada halaman ini tetap tersedia informasi data wisata melakukan edit informasi
baik itu nama wisata,Alamat,harga tiket,latitude, dan
longitude. mengenai data wisata
 Tampilan halaman fitur tambah data wisata:
Tampilan halaman hapus data wisata: Pada fitur ini, halaman akan menampilkan
Apabila admin menghapus data wisata, maka fitur menambahkan data wisata untuk
tampilan halaman akan menunjukkan bahwa aplikasi website. Terdapat berbagai variasi
informasi data wisata tersebut telah terhapus informasi yang harus diisi ketika admin
seluruhnya dan data wisata yang telah ingin melakukan pertambahan data wisata.
dihapus tidak dapat diakses kembali baik bagi
visitor(user) maupun admin.
Tampilan halaman mengisi data wisata untuk
tambah data wisata:
Berikut tampilan halaman ketika admin melakukan
tambah data wisata. Akses lokasi data wisata dapat
diperoleh melalui google maps untuk titik koordinat
serta informasi data wisata lainnya dapat diakses
melalui badan pusat statistik kota pekanbaru.
Tampilan halaman setelah admin berhasil
melakukan tambah data wisata:
Berikut taampilan halaman setelah admin
berhasil melakukan informasi data wisata.
Terlihat data wisata yang dimasukkan sudah
masuk dalam daftar wisata dan dapat diedit
maupun dihapus
Tampilan halaman admin melakukan logout:
Berikut tampilan halaman yang
menyediakan fitur logout bagi admin.
Setelah melakukan tambah data wisata,
admin dapat meng-klik bagian ‘Dashboard’
lalu mengklik username dipojok kanan atas
setelahnya fitur logout akan tampil.
Tampilan halaman admin logout:
Berikut tampilan halaman ketika admin
melakukan logout. Akan tampil pertanyaan
apakah admin benar-benar ingin logout
atau tidak. Ketika admin melakukan logout,
maka tampilan halaman selanjutnya akan
beralih kembali pada halaman home.
KESIMPULAN
Berdasarkan penelitian dan pembahasan, maka dapat disimpulkan
hal-hal sebagai berikut :
Sistem ini diimplementasikan dengan bahasa pemrograman PHP,
Boostrap,JavaScript, dan Google Map Api. Penggunaan
framework CSS Bootstrap untuk memperindah tampilan sistem dan
untuk tampilan website. Google Maps berfungsi sebagai penyedia
layanan peta dinamis yang digunakan untuk menampilkan
informasi lokasi dan rute jalan berdasarkan data yang tersimpan.
Dari penelitian ini dihasilkan sebuah sistem informasi geografis
pelacak lokasi wisata daerah kota Pekanbaru berbasis website yang
dapat memberikan informasi kepada masyarakat dan instansi yang
akan memberikan bantuan mengenai jarak, rute jalan, penunjuk
arah jalan dan daftar informasi data wisata.