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