Menu Home
Video Klik “isi Video”
Isi video dimainkan
Menu Utama
Home Kontak
Services Gallery
Profil Pilih menu “services”
Halaman services ditampilkan Pilih menu “profil”
Halaman profil ditampilkan Pilih menu “home”
Halaman home ditampilkan Pilih menu “gallery”
Halaman gallery ditampilkan Pilih menu “kontak”
Halaman kontak ditampilkan Home merupakan
bagian dari tampilan Menu Utama
4.2.4 Perancangan Struktur Tampilan
Untuk perancangan struktur tampilan alat yang digunakan adalah State Transition Diagram STD. STD digunakan untuk menggambarkan
urutan dan variasi tampilan dari aplikasi sistem informasi pariwisata Kabupaten Muna. STD dari aplikasi tersebut adalah sebagai berikut:
4.2.4.1 STD dari Menu User
Gambar 4.16 STD Menu Utama User
Gambar 4.17 STD Menu Home - video
Menu Profil
Geografis Lambang
Visi Misi Sejarah
Pilih menu “services” Halaman services ditampilkan
Pilih menu “gallery” Halaman gallery ditampilkan
Pilih menu “kontak” Halaman kontak ditampilkan
Pilih menu “sejarahl” Halaman sejarah ditampilkan
Pilih menu “Profil” Halaman Profil Ditampilkan
Menu Home
Gambar 4.18 STD Menu Home - Profil
Menu Services
Hotel dan Penginapan
Restoran Klik “Hotel dan Penginapan”
Halaman Hotel dan Penginapan ditampilkan Pilih menu “Services”
Halaman Services Ditampilkan Menu Home
Last Hotel Melati
Geser dan Klik “Hotel Melati” Halaman Hotel Melati ditampilkan
Klik “Last” Tampilan Restoran
“selanjutnya” ditampilkan Klik “Restoran”
Halama Restoran ditampilkan
Penginapan Hotel Bintang
Geser dan Klik “Hotel Bintang” Halaman Hotel Bintang ditampilkan
Geser dan Klik “Penginapan” Halaman Penginapan ditampilkan
Last Last
Klik “Last” Tampilan Hotel Melati
“selanjutnya” ditampilkan Klik “Last”
Tampilan Penginapan “selanjutnya” ditampilkan
Last Klik “Last”
Tampilan Hotel Bintang “selanjutnya” ditampilkan
Gambar 4.19 STD Menu Home - Services
Menu Gallery
Seni Tradisional Kuliner Tradisional
Klik “Seni Tradisional” Halaman Seni Tradisional
ditampilkanal Pilih menu “Gallery”
Halaman Gallery Ditampilkan Menu Home
Last Last
Klik “Last” Tampilan Seni Tradisional
“selanjutnya” ditampilkan Klik “Last”
Tampilan Kuliner Tradisional “selanjutnya” ditampilkan
Wisata Alam
Last Klik “Last”
Tampilan Wisata Alam “selanjutnya” ditampilkan
Klik “Wisata Alam” Halaman Wisata Alam
ditampilkan Klik “Kuliner Tradisional”
Halaman Kuliner Tradisional ditampilkan
Menu Kontak
Fcebook Peta
Pilih menu “Kontak” Halaman Kontak Ditampilkan
Menu Home
Twiiter Klik “Gambar Peta”
Halaman peta ditampilkan
Klik “back” Halaman Kontak ditampilkan
Send Polling
Klik “send”Setelah input Username, Password,
Dan Your Message Send
Klik “Logo Facebook” Halaman Situs Facebook
ditampilkan Klik “Logo Twitter”
Halaman Situs Twitter ditampilkan
Klik”Jenis Polling” Polling ditampilkan,
pilih opsi polling
Klik “send” Setelah memilih opsi polling
Klik”close” Halaman Kontak
ditampilkan Klik”close”
Halaman Kontak ditampilkan
Gambar 4.20 STD Menu Home - Gallery
Gambar 4.21 STD Menu Home - Kontak
Halaman Utama
Agenda Image
Contact Content
Album Keluar Kembali
Ke Menu Utama Login Admin
Menu Utama Isi username dan password
benar Password
dan username salah
Page Penginapan
Restoran User
Pilih menu “Agenda” Halaman Agenda
ditampilkan Pilih menu “Album”
Halaman Album ditampilkan
Pilih menu “Contact” Halaman Contact
ditampilkan Pilih menu “Content”
Halaman Content ditampilkan
Pilih menu “Image” Halaman Image
ditampilkan
Pilih menu “Page” Halaman Page
ditampilkan Pilih menu “Penginapan”
Halaman Penginapan ditampilkan
Pilih menu “Restoran” Halaman Restoran
ditampilkan Pilih menu “User”
Halaman User ditampilkan
LogOut Pilih menu “LogOut” Halaman UtamaAdmin
ditampilkan
4.2.4.2 STD dari Menu Admin
Gambar 4.22 STD Menu Utama Admin
Halaman Utama
Edit Delete
Submit Agenda
Pilih menu “Agenda” Halaman Agenda ditampilkam
Tambah agenda
Reset Klik “edit”
Isi agenda ditampilkan Klik “delete”
Agenda dihapus
Klik “tambah agenda” Form tambah agenda
ditampilkan Input “isi agenda yang diedit”
Klik “submit” agenda ditampilkan
Klik “reset” Form edit agenda
dibersihkan
Submit Reset
Input “isi agenda” Klik “submit”
agenda ditampilkan Klik “reset”
Form tambah agenda dibersihkan
Klik “kembali kedata agenda” Halaman agenda ditampilkan
kembali kembali
K lik
“ k
e m
b a
li k
e d
a ta
a g
e n
d a”
H a
la m
a n
a g
e n
d a
d it
a m
p ilk
a n
Gambar 4.23 STD Menu Admin Agenda
Menu Utama
Halaman Utama
Edit Delete
Submit Album
Pilih menu “Album” Halaman Album ditampilkam
Tambah Album
Reset Klik “edit”
Isi Album ditampilkan Klik “delete”
Album dihapus
Klik “tambah album” Form tambah album
ditampilkan Input “isi album yang diedit”
Klik “submit” album ditampilkan
Klik “reset” Form edit album
dibersihkan
Submit Reset
Input “isi album” Klik “submit”
album ditampilkan Klik “reset”
Form tambah album dibersihkan
Klik “kembali kedata album” Halaman album ditampilkan
kembali kembali
K lik
“ k
e m
b a
li k
e d
a ta
a lb
u m
”
H a
la m
a n
a lb
u m
d it
a m
p ilk
a n
Gambar 4.24 STD Menu Admin Album
Menu Utama