ANALISIS DAN PERANCANGAN
3.5 Perancangan Antarmuka Pengguna
3.5.1 Perancangan Antarmuka User .1 Perancangan Halaman Home
Halaman home ini adalah halaman yang akan muncul pertama kali saat Situs Pemetaan Pariwisata Kabupaten Bantul berbasis Google Maps API dibuka. Halaman ini terdiri dari 4 (empat) menu utama yaitu Tentang Bantul yang terdiri dari Home, Profil, Sejarah dan Pemerintahan. Peta Wisata yang terdiri dari wisata alam, wisata desa, wisata umum, wisata kuliner, wisata budaya, wisata belanja, wisata religius, wisata sejarah dan wisata pendidikan. Informasi yang berisi tentang data hotel di Kabupaten Bantul, informasi jarak dan waktu tempuh wisata. Menu untuk admin dan buku tamu. Pencarian untuk mencari wisata yang diinginkan.
Gambar 3.9 Perancangan Halaman Home
3.5.1.2 Perancangan Halaman Profil
Gambar 3.10 Perancangan Halaman Profil
Setelah pengunjung memilih menu profil, halaman profil ini akan menampilkan data tentang keadaan alam, pemerintahan dan kependudukan dari Kabupaten Bantul.
3.5.1.3 Perancangan Halaman Sejarah
Setelah pengunjung memilih menu sejarah, halaman sejarah ini akan menampilkan sejarah dari Kabupaten Bantul dan pembentukan wilayah dari Kabupaten Bantul.
Gambar 3.11 Perancangan Halaman Sejarah
3.5.1.4 Perancangan Halaman Pemerintahan
Setelah pengunjung memilih menu pemerintahan, halaman pemerintahan ini menampilkan tentang struktur pemerintahan dan nama-nama pejabat pemerintahan Kabupaten Bantul.
Gambar 3.12 Perancangan Halaman Pemerintahan
3.5.1.5 Perancangan Peta Wisata Alam
Setelah pengunjung memilih peta wisata alam, maka halaman ini akan menampilkan peta digital wisata alam Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata alam tersebut.
Gambar 3.13 Perancangan Peta Wisata Alam
3.5.1.6 Perancangan Peta Wisata Desa
Setelah pengunjung memilih peta wisata desa, maka halaman ini akan menampilkan peta digital wisata desa Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata desa tersebut.
Gambar 3.14 Perancangan Peta Wisata Desa
3.5.1.7 Perancangan Peta Wisata Umum
Setelah pengunjung memilih peta wisata umum, maka halaman ini akan menampilkan peta digital wisata umum Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata umum tersebut.
Gambar 3.15 Perancangan Peta Wisata Umum
3.5.1.8 Perancangan Peta Wisata Kuliner
Setelah pengunjung memilih peta wisata kuliner, maka halaman ini akan menampilkan peta digital wisata kuliner Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata kuliner tersebut.
Gambar 3.16 Perancangan Peta Wisata Kuliner
3.5.1.9 Perancangan Peta Wisata Budaya
Setelah pengunjung memilih peta wisata budaya, maka halaman ini akan menampilkan peta digital wisata budaya Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata budaya tersebut.
Gambar 3.17 Perancangan Peta Wisata Budaya
3.5.1.10 Perancangan Peta Wisata Belanja
Setelah pengunjung memilih peta wisata belanja, maka halaman ini akan menampilkan peta digital wisata belanja Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata belanja tersebut.
Gambar 3.18 Perancangan Peta Wisata Belanja
3.5.1.11 Perancangan Peta Wisata Religius
Setelah pengunjung memilih peta wisata religius, maka halaman ini akan menampilkan peta digital wisata religius Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata religius tersebut.
Gambar 3.19 Perancangan Peta Wisata Religius
3.5.1.12 Perancangan Peta Wisata Sejarah
Setelah pengunjung memilih peta wisata sejarah, maka halaman ini akan menampilkan peta digital wisata sejarah Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata sejarah tersebut.
Gambar 3.20 Perancangan Peta Wisata Sejarah
3.5.1.13 Perancangan Peta Wisata Pendidikan
Setelah pengunjung memilih peta wisata pendidikan, maka halaman ini akan menampilkan peta digital wisata pendidikan Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi deskripsi dan gambar dari wisata pendidikan tersebut.
Gambar 3.21 Perancangan Peta Wisata Pendidikan
3.5.1.14 Perancangan Informasi Hotel
Setelah pengunjung memilih informasi hotel, maka halaman ini akan menampilkan peta digital dari hotel-hotel yang ada di Kabupaten Bantul yang dimarking menggunakan teknologi Google Maps API. Jika marker peta di klik maka akan menampilkan pop up informasi alamat, nomor telepon, keterangan dan gambar dari hotel tersebut.
Gambar 3.22 Perancangan Informasi Hotel
3.5.1.15 Perancangan Peta Jarak Dan Waktu Tempuh
Setelah pengunjung memilih informasi jarak dan waktu, maka halaman ini akan menampilkan peta digital dan pilihan wisata yang sudah disediakan. Di halaman ini pengunjung dapat melihat informasi rute, jarak dan waktu tempuh dari satu lokasi yang dipilih menuju lokasi kedua yang akan dikunjungi. Informasi rute, jarak dan waktu tempuh didapat dari teknologi Google Maps API yang dikoneksikan dengan database yang sudah dibuat sehingga tidak ada rumus dan perhitungan yang dilakukan.
Gambar 3.23 Perancangan Peta Jarak Dan Waktu Tempuh
BAB IV IMPLEMENTASI
4.1 Implementasi
Proses implementasi dari perancangan aplikasi yang dilakukan pada bab sebelumnya akan dijelaskan pada bab ini. Implementasi bertujuan untuk menterjemahkan keperluan perangkat lunak ke dalam bentuk sebenarnya yang dimengerti oleh komputer atau dengan kata lain tahap implementasi ini merupakan tahapan lanjutan dar tahap perancangan yang sudah dilakukan. Dalam tahap implementasi ini akan dijelaskan mengenai perangkat keras (hardware), perangkat lunak (software) dan file-file yang digunakan dalam membangun situs ini, serta tampilan situs beserta modul program untuk menampilkan halaman-halaman Situs Pemetaan Pariwisata Kabupaten Bantul Berbasis Google Maps API.