maka diperlukan struktur navigasi yang dapat digunakan untuk menentukan link dari halaman satu ke halaman lainnya.
a. Storyboard
Rancangan storyboard yang penulis buat dalam rancangan aplikasi kios informasi berbasis multimedia pada Taman Mini Indonesia Indah
terdiri dari: 1. Storyboard Intro.
2. Storyboard Menu Utama. 3. Storyboard Seputar TMII
4. Storyboard Lokasi. 5. Storyboard Berita.
6. Storyboard Galeri. 7. Storyboard Fasilitas.
8. Storyboard Tarif Tiket 9. Storyboard Kontak Kami.
10. Storyboard Bantuan. Selanjutnya untuk Storyboard Intro dan Halaman Utama dapat dilihat
pada Gambar 4.5 dan untuk stroyboard lampiranya dapat dilihat pada Lampiran 3.
Gambar 4.5
Storyboard Intro Selanjutnya dengan mengklik link lanjut intro maka masuk ke Menu
Utama Gambar 4.6. Halaman :
Intro Nama File : Intro.swf
Gambar : Intro.jpg
Audio : instrument.mp3
Animasi Teks
Logo TMII
skip
Navigasi
Skip : Untuk masuk ke Menu utama Home.
Notes : Halaman intro adalah halaman pembuka, dimana
pada halaman ini hanya terdapat satu tombol. Tombol ini menuju ke halaman menu utama.
Gambar 4.6
Storyboard Menu Utama Halaman
: Menu Utama
b. Struktur Navigasi
Struktur navigasi menunjukkan alur pada aplikasi kios informasi, diperlihatkan pada Gambar 4.7
Nama File : hal_utama.swf Gambar :
bg.jpg Audio :
soundtrack.wav Teks :
verdana
Navigasi
Menu Utama : Untuk masuk ke halaman menu utama.
Profil TMII : Untuk masuk ke halaman profil.
Lokasi : Untuk masuk ke halaman lokasi.
Berita : Untuk masuk ke halaman berita
Galeri : Untuk masuk ke halaman galeri.
Fasilitas : Untuk masuk ke halaman fasilitas.
Harga Tiket : Untuk masuk ke halaman harga tiket
Kontak kami : Untuk masuk ke halaman kontak kami.
Bantauan : Untuk masuk ke halaman Bantuan
Gambar 4.7 Struktur Navigasi Aplikasi Kios Informasi
c. Flowchart
Penulis membedakan flowchart dari sisi admin dan user, flowchart dari sisi admin terdiri dari flowchart Halaman Admin, Profil, Berita, Galeri,
Kontak Kami dan Bantuan. Sedangkan flowchart dari sisi user terdiri dari
flowchart Menu Utama, Lokasi, Profil, Berita, Galeri, Fasilitas, Kontak Kami dan Bantuan.
1. Admin
Keterangan: A : Halaman Profil
B : Halaman Berita C : Halaman Galeri
D : Halaman Fasilitas E : Halaman Harga Tiket
F : Halaman Kontak Kami G : Halaman Bantuan
Gambar 4.8
Flowchart Halaman Admin
Flowchart pada Gambar 4.8 menjelaskan tentang Halaman Admin, jika admin ingin masuk ke dalam menu utama admin, maka admin harus
menginput username dan password yang sesuai dengan databa se. Selanjutnya untuk flowchart profil, lokasi, berita, galeri, fasilitas, harga
tiket, kontak kami, dan bantuan dapat dilihat dengan jelas pada Lampiran 4. 2. User
Keterangan: H : Halaman Profil
I : Halaman Lokasi J : Halaman Berita
K : Halaman Galeri L : Halaman Fasilitas
M : Halaman Harga Tiket N : Halaman Kontak Kami
O : Halaman Bantuan
Gambar 4.9
Flowchart Menu Utama
Flowchart pada Gambar 4.9 menjelaskan bahwa aplikasi ini dimulai dengan tampilan intro sebagai pembuka, lalu dalam tampilan intro tersebut
ada satu tombol yaitu skip yang jika pengguna memilih maka akan masuk ke menu utama, dan jika tidak maka pengguna akan melihat proses atau
tampilan intro sampai habis setelah itu akan masuk ke menu utama. Keterangan:
H : Halaman Profil
Gambar 4.10
Flowchart Halaman Profil Flowchart pada Gambar 4.10 menjelaskan jika pengguna memilih
menu profil maka proses yang terjadi adalah tampilan halaman profil tentang Taman Mini Indonesia Indah dari sejarah, visi misi dan profil
tentang Taman Mini Indonesia Indah.
I
Anjungan Aceh
Lokasi
Anjungan Bali Anjungan
Bangka Belitung
Anjungan Banten
Anjungan Bengkulu
Anjungan DKI Anjungan
Jabar Anjungan
Jateng Anjungan Jatim
Anjungan Jambi
Anjungan Gorontalo
Anjungan Kalbar
Anjungan Kaltim
Anjungan Aceh Anjungan Bali
Anjungan Bangka Belitug
Anjungan Banten
Anjungan Bengkulu
Anjungan DKI Anjungan
Jabar Anjungan
Jateng Anjungan Jatim
Anjungan Jambi
Anjungan Gorontalo
Anjungan Kaltim
Anjungan Kalbar
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Anjungan Kalteng
Anjungan Kalteng
Ya Anjungan
Lampung Anjungan
Lampung Ya
Anjungan Kep Riau
Anjungan Kep Riau
Ya 1
Anjungan Maluku
Anjungan Maluku Utara
Anjungan NTT Anjungan NTB
Anjungan Maluku Utara
Anjungan Maluku
Anjungan NTB Anjungan NTT
Anjungan Papua
Anjungan Papua
Anjungan Riau Anjungan Riau
Anjungan SulSel
Anjungan SulSel
Anungan Sul Tengah
Anjungan Sul Tengah
Anjungan Sul Tenggara
Anjungan Sul Tenggara
Anjungan Sul Utara
Anjungan Sul Utara
Anjugan Sum Barat
Anjungan Sum Barat
Anjungan Sum Utara
Anjungan Sum Utara
Anjungan Yogya
Anjungan Yogya
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Musium Transportasi
Musium IPTEk Musium
Teknologi Tidak
Tidak Musium
Transportasi Musium IPTEk
Musium Teknologi
Ya Ya
Ya 1
2
Keterangan: I : Halaman Lokasi
Gambar 4.11 Flowchart Halaman Lokasi
Flowchart pada Gambar 4.11 menjelaskan jika pengguna memilih menu lokasi maka proses yang terjadi adalah pengguna memilih halaman
yang terdiri dari tampilan dari lokasi-lokasi musium, anjungan, taman bermain. Kemudian keluar informasi yang di inginkan. Sehingga
pengunjung mudah menemukan lokasi di Taman Minis Indonesia Indah.
Keterangan: J : Halaman Berita
Gambar 4.12 Flowchart Halaman Berita
Flowchart pada Gambar 4.12 menjelaskan jika pengguna memilih menu informasi maka proses yang terjadi adalah tampil berita terbaru,
promosi, dan even yang akan diadakan di Taman Mini Indonesia Indah.
Keterangan: K : Halaman Galeri
Gambar 4.13 Flowchart Halaman Galeri
Flowchart pada Gambar 4.13 diatas menjelaskan jika pengguna memilih menu galeri maka proses yang terjadi adalah pengguna memilih
halaman yang terdiri dari sub menu yaitu: musium, anjungan, taman bermain dan pengguna dapat memilih galeri apa yang diinginkan kemudian
ditampil gambar-gambar, kemudian pengguna dapat memilih salah satu foto gambar yang diinginkan kemudian akan tampil profil gambar yang dipilih
tersebut.
Keterangan: L : Halaman Fasilitas
Gambar 4.14
Flowchart Halaman Fasilitas
Flowchart pada Gambar 4.14 menjelaskan jika pengguna memilih menu fasiltas maka proses yang terjadi adalah pengguna masuk ke halaman
sub menu yaitu fasilitas umum, maka akan tampil informasi tentang lokasi fasilitas- fasilitas yang ada di Taman Mini Indonesia indah.
Keterangan: M : Halaman Harga Tiket
Gambar 4.15 Flowchart Halaman Harga Tiket
Flowchart pada Gambar 4.15 menjelaskan jika pengguna memilih menu harga tiket maka proses yang terjadi adalah pengguna masuk ke
halaman harga tiket, maka akan tampil informasi tentang harga- harga tiket masuk yang ada di Taman Mini Indonesia Indah.
Keterangan: N : Halaman Kontak Kami
Gambar 4.16
Flowchart Halaman Kontak Kami Flowchart pada Gambar 4.16 menjelaskan jika pengguna memilih
menu kontak kami maka proses yang terjadi adalah tampil informasi tentang
kontak Taman Mini Indonesia Indah yang diambil dari tabel kontak pada database Kontak.
Keterangan: O : Halaman Bantuan
Gambar 4.17 Flowchart Halaman Bantuan.
Flowchart pada Gambar 4.17 menjelaskan jika pengguna memilih menu bantuan maka proses yang terjadi adalah tampil informasi tentang
bantuan tentang cara menggunakan aplikasi kios informasi pada Taman Mini Indonesia Indah
d. State Transition Diagram STD
Kategori