BAB IV IMPLEMENTASI
4.2 Hasil Pengujian Aplikasi
4.2.1. Tampilan Awal
Saat aplikasi pertama kali dijalankan maka akan menampilkan tampilan awal seperti pada Gambar 4.10. Pada menu awal aplikasi terdiri atas menu peta, menu gallery, menu info, dan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
menu admin login. Menu-menu tersebut akan menghubungkan
user pada tampilan berikutnya dengan fasilitas-fasilitas yang
disediakan untuk tiap menunya. Ketika menu login ditekan maka akan menampilkan login form seperti pada Gambar 4.11. Menu
login tersebut digunakan sebagai akses untuk masuk ke menu
admin.
Gambar 4.10 Tampilan Awal Aplikasi
Gambar 4.11 Login Form
4.2.2. Tampilan Menu Peta
Menu peta ini merupakan menu yang menampilkan lokasi-lokasi obyek wisata yang ada di kabupaten Klaten, tidak hanya itu menu peta ini juga terdapat informasi maupun foto dari lokasi obyek wisata di kabupaten Klaten. Dalam menu ini disediakan
commit to user
navigasi-navigasi yang dapat membantu user untuk menemukan lokasi obyek yang diinginkan. Tampilan menu peta dapat dilihat pada Gambar 4.12.
Gambar 4.12 Menu Peta
Pada bagian atas terdapat menu untuk menampilkan daftar
list dari lokasi yang ada di kabupaten Klaten baik tempat wisata
maupun hotel, menu list yang nantinya akan ditampilkan adalah berdasarkan kategori lokasi. Terdapat menu setting untuk mengatur kategori lokasi yang akan ditampilkan pada peta wisata digital. Terdapat menu legend untuk menampilkan legenda atau keterangan dari simbol-simbol yang ada di dalam peta wisata digital. Terdapat menu reload untuk me-reload menu peta wisata digital setelah dilakukan perubahan data melalui interface, sehingga akan menampilkan perubahan pada menu peta wisata digital tersebut. Terdapat menu home untuk kembali ke menu awal
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
aplikasi. Terdapat menu search yang memudahkan user untuk menjelajah lokasi dengan cepat.
Pada menu selanjutnya terdapat menu list yang digunakan untuk menampilkan lokasi yang dituju. Pada menu list ini data yang ditampilkan berdasarkan kategori dari list lokasi. Terdapat menu drag untuk menggeser peta sesuai dengan arah pergeseran dengan sentuhan mouse. Terdapat menu navigasi untuk menggeser peta dengan button, yaitu pergeseran ke arah atas, bawah, kanan, dan kiri. Terdapat menu zoom untuk memperbesar atau memperkecil skala tampilan peta. Menu zoom ini terdiri dari menu
button untuk zoom in dan zoom out, selanjutnya menu zoom slider
dengan tampilan bar yang dapat di geser dengan menggunakan
handle, maupun ditekan yang menyebabkan handle pada zoom
slider tersebut bergeser sesuai dengan sentuhan mouse yang dituju.
Terdapat pula menu zoom dengan scroll mouse untuk zoom in
maupun zoom out.
Pada menu peta juga terdapat menu yang berfungsi sebagai penentuan letak koordinat dari posisi lokasi yang akan ditambahkan kedalam peta wisata digital, dimana akan menampilkan koordinat untuk x dan juga y sebagai acuan untuk masukan pada pengisian data di menu interface.
Pada bagian bawah terdapat menu untuk menampilkan informasi dari lokasi obyek pada waktu lokasi yang diinginkan dieksekusi. Tampilan yang akan keluar nantinya berupa image dan juga detail lokasi.
4.2.3. Tampilan Menu Gallery
Menu gallery merupakan menu yang berisikan foto-foto
gallery baik wisata, kebudayaan, adat, dan tempat-tempat
bersejarah yang ada di kabupaten Klaten. Pada menu gallery
commit to user
tersebut dieksekusi maka akan menampilkan thumbnail image
gallery dari kategori list tersebut. Bila foto dari thumbnail tersebut
dieksekusi maka akan menampilkan foto dengan skala yang lebih besar dengan disertakan info dari foto yang dituju. Tampilan menu
gallery dapat dilihat pada Gambar 4.13.
Gambar 4.13 Menu Gallery
4.2.4. Tampilan Menu Info
Menu info merupakan menu yang menampilkan informasi aplikasi, baik informasi profil kabupaten Klaten, informasi tentang penggunaan aplikasi, serta profil pembuat aplikasi. Pada menu ini juga terdapat tombol untuk kembali ke tampilan awal aplikasi. Tampilan menu infodapat dilihat pada Gambar 4.14.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
Gambar 4.14. Menu Info
4.2.5. Tampilan Location Form
Location form merupakan tampilan form yang dapat
diakses setelah melakukan login pada login form. Menu location
form ini sebagai interface untuk menampilkan data lokasi yang
didapat dari file XML. Data lokasi yang ditampilkan yaitu data lokasi wisata atau data lokasi hotel, sesuai dengan pilihan kategori lokasi yang ada pada menu comboBox. Menu location form juga digunakan untuk mengelola data lokasi, baik itu penambahan data, penghapusan data, maupun perubahan data. Untuk mempermudah pencarian data maka dapat digunakan fasilitas menu search. Menu
search akan mem-filter data berdasarkan kategori nama sesuai
dengan keyword yang diketikan ke dalam textBox.
Pilih data pada dataGridView lalu tekan tombol delete
untuk menghapus data lokasi. Tekan tombol insert untuk melakukan penambahan data, selanjutnya akan tampil insert form.
commit to user
Tekan tombol update untuk melakukan perubahan data, selanjutnya akan tampil update form. Tekan tombol save untuk menyimpan data lokasi. Tampilan location form dapat dilihat pada Gambar 4.15.
Gambar 4.15 Location Form
4.2.6. Tampilan Insert Location Form
Insert location form merupakan form penambahan data.
Dalam form ini data yang akan dimasukkan yaitu nama, koordinat x, koordinat y, detail, dan resource file picture. Tekan tombol
browse maka akan tampil menu open file dialog untuk mencari file
picture yang diinginkan. Bila file picture telah didapat maka secara
otomatis textBox target akan berisikan alamat target path untuk menyimpan file picture tersebut. Tekan tombol send untuk melanjutkan pengiriman file ke target path. Tekan tombol submit
untuk menyetujui perubahan data, tekan tombol cancel untuk membatalkan. Tampilan insert location form dapat dilihat pada Gambar 4.16.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
Gambar 4.16 Insert Location Form
4.2.7. Tampilan Update Location Form
Update location form merupakan form tempat dilakukannya
perubahan data lokasi. Ketika tombol update ditekan pada location form maka akan menampilkan update form. Data yang ditampilkan meliputi nama, koordinat x, koordinat y, detail, dan resource file
picture. Tekan tombol browse maka akan tampil menu open file
dialog untuk mencari file picture yang diinginkan. Bila file picture
telah didapat maka secara otomatis textBox target akan berisikan alamat target path untuk menyimpan file picture tersebut. Tekan tombol send untuk melanjutkan pengiriman file ke target path. Tekan tombol submit untuk menyetujui perubahan data, tekan tombol cancel untuk membatalkan. Tampilan update location form
commit to user
Gambar 4.17 Update Location Form
4.2.8. Tampilan Gallery Form
Gallery form merupakan tampilan form yang dapat diakses
setelah melakukan login pada login form. Menu gallery form ini sebagai interface untuk menampilkan data gallery yang didapat dari file XML. Data gallery yang ditampilkan yaitu data gallery candi, sendang, kesenian, wisata adat, wisata spiritual, dan makanan, sesuai dengan pilihan kategori gallery yang ada pada menu listBox.
Menu gallery form juga digunakan untuk mengelola data gallery, baik itu penambahan data, penghapusan data, maupun perubahan data. Untuk mempermudah pencarian data maka dapat digunakan fasilitas menu search. Menu search akan mem-filter data berdasarkan kategori nama sesuai dengan keyword yang diketikan ke dalam textBox. Tampilan gallery form dapat dilihat pada Gambar 4.18.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
Gambar 4.18 Gallery Form
Pilih data pada dataGridView lalu tekan tombol delete
untuk menghapus data gallery. Tekan tombol insert untuk melakukan penambahan data, selanjutnya akan tampil insert form. Tekan tombol update untuk melakukan perubahan data, selanjutnya akan tampil update form. Tekan tombol save untuk menyimpan data lokasi.
4.2.9. Tampilan Insert Gallery Form
Insert form merupakan form penambahan data. Dalam form
ini data yang akan dimasukkan yaitu nama, koordinat x, koordinat
y, detail, resource file picture thumbnail dan resource file picture
full image. Tekan tombol browse maka akan tampil menu open file
dialog untuk mencari file picture yang diinginkan. Bila file picture
telah didapat maka secara otomatis textBox target akan berisikan alamat target path untuk menyimpan file picture tersebut. Tekan tombol send untuk melanjutkan pengiriman file ke target path. Tekan tombol submit untuk menyetujui perubahan data, tekan tombol cancel untuk membatalkan. Tampilan insert gallery form
commit to user
Gambar 4.19 Insert Gallery Form
4.2.10.Tampilan Update Gallery Form
Update Gallery form merupakan form tempat dilakukannya
perubahan data gallery. Ketika tombol update ditekan pada gallery form maka akan menampilkan update form gallery. Data yang ditampilkan meliputi nama, koordinat x, koordinat y, detail,
resource file picture thumbnail dan resource file picture full image.
Tekan tombol browse maka akan tampil menu open file dialog
untuk mencari file picture yang diinginkan. Bila file picture telah didapat maka secara otomatis textBox target akan berisikan alamat
target path untuk menyimpan file picture tersebut. Tekan tombol
send untuk melanjutkan pengiriman file ke target path. Tekan
tombol submit untuk menyetujui perubahan data, tekan tombol
cancel untuk membatalkan. Tampilan update gallery form dapat
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
Gambar 4.20 Update Gallery Form