Sequence Diagram Struktur Navigasi Rancangan Tampilan

commit to user 27 Gambar 3.8 Activity Diagram Get Information

3.4.3. Sequence Diagram

Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah proses. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara object dan juga interaksi antara object, serta sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Sequence diagram dapat digambarkan sebagai berikut: a. Sequence Diagram Admin Login Sequence diagram admin login dapat dilihat pada Gambar 3.9. commit to user 28 Gambar 3.9 Sequence Diagram Admin Login b. Sequence Diagram Add Data Sequence diagram add data dapat dilihat pada Gambar 3.10. commit to user 29 Gambar 3.10 Sequence Diagram Add Data c. Sequence Diagram Update Data Sequence diagram update data dapat dilihat pada Gambar 3.11. Gambar 3.11 Sequence Diagram Update Data commit to user 30 d. Sequence Diagram Delete Data Sequence diagram delete data dapat dilihat pada Gambar 3.12. Gambar 3.12 Sequence Diagram Delete Data e. Sequence Diagram View Gallery Sequence diagram view gallery dapat dilihat pada Gambar 3.13. Gambar 3.13 Sequence Diagram View Gallery commit to user 31 f. Sequence Diagram Get Location Sequence diagram get location dapat dilihat pada Gambar 3.14. Gambar 3.14 Sequence Diagram Get Location g. Sequence Diagram Get Information Sequence diagram get information dapat dilihat pada Gambar 3.15. Gambar 3.15 Sequence Diagram Get Information commit to user 32

3.4.4. Struktur Navigasi

Struktur navigasi pada peta wisata digital kabupaten Klaten menggunakan struktur navigasi hirarki yang dapat dilihat pada Gambar 3.16. Gambar 3.16 Struktur Navigasi

3.4.5. Rancangan Tampilan

a. Rancangan Tampilan Awal Tampilan awal peta wisata digital kabupaten Klaten terdiri atas menu peta, menu gallery, menu info, dan menu admin login. Rancangan tampilan awal peta wisata digital kabupaten Klaten dapat dilihat pada gambar 3.17. commit to user 33 Gambar 3.17 Rancangan Tampilan Awal Menu login digunakan untuk dapat masuk ke menu admin, dimana menu admin tersebut digunakan untuk mengelola data pada aplikasi. Rancangan tampilan login form dapat dilihat pada gambar 3.18. Gambar 3.18 Rancangan Tampilan Login Form b. Rancangan Tampilan Menu Gallery Pada menu gallery terdapat menu list gallery, menu thumbnail image gallery, menu full image, dan menu back. Menu gallery ini akan menampilkan foto gallery dari list gallery. Rancangan tampilan menu gallery dapat dilihat pada Gambar 3.19. commit to user 34 Gambar 3.19 Rancangan Menu Gallery c. Rancangan Tampilan Menu Info Menu info merupakan menu yang menjelaskan tentang penggunaan aplikasi, info pembuat aplikasi, dan sejarah singkat mengenai kabupaten Klaten. Menu ini terdiri atas list info, detail, dan tombol back. Menu info akan menampilkan informasi dari list info. Rancangan tampilan menu info dapat dilihat pada Gambar 3.20. Gambar 3.20 Rancangan Menu Info d. Rancangan Tampilan Menu Peta Menu peta merupakan menu yang menampilkan lokasi-lokasi obyek wisata yang ada di kabupaten Klaten, tidak hanya itu menu peta ini juga terdapat informasi maupun commit to user 35 foto dari lokasi obyek wisata di kabupaten Klaten yang ditampilkan pada bagian bawah menu peta. Dalam menu ini disediakan menu zoom, menu drag, menu move, menu koordinat, menu untuk menampilkan list, menu setting, menu legend, menu list, menu reload, menu back, menu search. Rancangan tampilan menu peta dapat dilihat pada gambar 3.21. Gambar 3.21 Rancangan Menu Peta e. Rancangan Menu Admin Menu admin dapat diakses setelah melakukan login pada login form. Menu admin ini meliputi menu location yang akan menampilkan location form dan menu gallery yang akan menampilkan gallery form. Rancangan tampilan menu admin dapat dilihat pada gambar 3.22. commit to user 36 Gambar 3.22 Rancangan Menu Admin f. Rancangan Tampilan Location Form Location form merupakan sebuah interface untuk menampilkan data lokasi yang diinginkan dengan memilih item pada menu comboBox yang kemudian akan ditampilkan ke dalam dataGridView berisikan sekumpulan data lokasi. Disini juga terdapat menu search, save, delete, insert, serta update. Rancangan tampilan location form dapat dilihat pada gambar 3.23. Gambar 3.23 Rancangan Location Form commit to user 37 Insert form merupakan form untuk menambahkan data. Data yang dimasukkan meliputi nama, posX, posY, detail, dan picture. Data yang ditambahkan nantinya akan masuk ke dataGridView yang ada pada location form bila tombol submit ditekan. Tombol cancel digunakan untuk membatalkan penambahan data baru. Update form merupakan form untuk merubah data dari baris dataGridView yang dipilih. Untuk menyetujui hasil perubahan data tekan tombol submit. Tekan tombol cancel untuk membatalkan update data. Rancangan tampilan Insert Location Form dan Update Location Form dapat dilihat pada Gambar 3.24. Gambar 3.24 Rancangan Insert Location Form dan Update Location Form g. Rancangan Tampilan Gallery Form Gallery form merupakan sebuah interface untuk menampilkan data gallery yang diinginkan dengan memilih item pada menu listBox yang kemudian akan ditampilkan ke dalam dataGridView berisikan sekumpulan data gallery. Disini juga terdapat menu search, save, delete, insert, serta update. Rancangan tampilan gallery form dapat dilihat pada gambar 3.25. commit to user 38 Gambar 3.25 Rancangan Gallery Form Insert form merupakan form untuk menambahkan data. Data yang dimasukkan meliputi nama, detail, dan picture. Data yang ditambahkan nantinya akan masuk ke dataGridView yang ada pada gallery form bila tombol submit ditekan. Tombol cancel digunakan untuk membatalkan penambahan data baru. Update form merupakan form untuk merubah data dari baris dataGridView yang dipilih. Untuk menyetujui hasil perubahan data tekan tombol submit. Tekan tombol cancel untuk membatalkan update data. Rancangan tampilan Insert Gallery Form dan Update Gallery Form dapat dilihat pada Gambar 3.26. Gambar 3.26 Rancangan Insert Gallery Form dan Update Gallery Form commit to user 39 BAB IV IMPLEMENTASI

4.1. Pembuatan Aplikasi