g. Struktur Navigasi Halaman Prov. Jawa Timur
Gambar 4.7
Struktur Navigasi pada Halaman Prov. Jawa Timur
Pada Gambar 4.7, terdapat sub-menu yaitu 3 informasi yaitu tentang info Prov. Jawa Timur, info rumah adat dan prototype rumah adat, strukturnya
menggunakan struktur hierarkis, sehingga 3 sub-menu tersebut hanya dapat diakses melalui parent Prov. Jawa Timur. Selain itu juga untuk mengakses menu
Prov. Banten, Prov. DKI Jakarta, Prov. Jawa Barat, Prov. Jawa Tengah dan Prov. D.I. Yogyakarta harus kembali ke halaman utama.
4.3.2 Perancangan Storyboard
Dalam perancangan storyboard merupakan tahap menggambarkan panduan yang jelas serta detail mengenai segala sesuatu tentang aplikasi dan akan
diperlihatkan tampilan seperti apa yang akan dibangun nantinya pada tahap
implementasi, juga akan ditunjukkan elemen multimedia apa saja yang akan diikutsertakan dalam tiap layarnya.
Semua materi ditampilkan dengan format yang sama, sehingga terdapat keseragaman layout desain. Secara garis besar storyboard aplikasi ini terdiri dari
3 bagian, yaitu intro, utama dan ending. Storyboard pada halaman utama dapat dilihat pada Tabel 4.5. Untuk rancangan storyboard selengkapnya disertakan pada
Lampiran1.
Tabel 4.5 Storyboard Menu Utama
ID Scene: Menu Utama
Ukuran Scene : 800 x 600
Deskripsi Scene:
Content Halaman Utama
Merupakan halaman utama dari aplikasi.
Terdapat 6 tombol utama yang terletak
pada bagian tengah halaman.
Warna : Background Scene : Putih
Teks : Hitam, Putih Still image :
Header, gambar background halaman utama Peta, gambar peta dan menjadi tombol untuk menuju ke halaman berikut
Audio : File berformat MP3 dan WAV
Tombol Navigasi: Tombol Prov. Banten: Untuk menampilkan halaman info Prov. Banten.
Tombol Prov. DKI Jakarta: Untuk menampilkan halaman info Prov. DKI Jakarta.
Tombol Prov. Jawa Barat: Untuk menampilkan halaman info Prov. Jawa Barat.
Tombol Prov. Jawa Tengah: Untuk menampilkan halaman info Prov. Jawa Tengah.
Tombol Prov. D.I. Yogyakarta: Untuk menampilkan halaman info Prov. D.I. Yogyakarta.
Prov. Jawa Timur: Untuk menampilkan halaman info Prov. Jawa Timur.
4.3.3 Perancangan Flowchart
Gambar 4.8 adalah rancangan flowchart dari masing-masing tampilan menu dan sub-sub menu di dalamnya.
1. Flowchart Menu Utama
Gambar 4.8 Flowchart Menu Utama
Keterangan: 1 = Prov. Banten
2 = Prov. DKI Jakarta 3 = Prov. Jawa Barat
4 = Prov. Jawa Tengah 5 = Prov. D.I. Yogyakarta
6 = Prov. Jawa Timur
2. Flowchart Info Prov. Banten
Gambar 4.9 Flowchart Info Prov. Banten
Keterangan: 7 = Info Rumah Adat Prov.
Banten A = Menu Utama
3. Flowchart Info Prov. DKI Jakarta
Gambar 4.10 Flowchart Info Prov. DKI Jakarta
Keterangan: 8 = Info Rumah Adat Prov.
DKI Jakarta A = Menu Utama
4. Flowchart Info Prov. Jawa Barat
Gambar 4.11 Flowchart Info Prov. Jawa Barat
Keterangan: 9 = Info Rumah Adat Prov.
Jawa Barat A = Menu Utama
5. Flowchart Info Prov. Jawa Tengah
Gambar 4.12 Flowchart Info Prov. Jawa Tengah
Keterangan: 10 = Info Rumah Adat Prov.
Jawa Tengah A = Menu Utama
6. Flowchat Info Prov. D.I. Yogyakarta
Gambar 4.13 Flowchart Info Prov. D.I. Yogyakarta
Keterangan: 11 = Info Rumah Adat Prov.
D.I. Yogyakarta A = Menu Utama
7. Flowchart Info Prov. Jawa Timur
Gambar 4.14 Flowchart Info Prov. Jawa Timur
Keterangan: 12 = Info Rumah Adat Prov.
Jawa Timur A = Menu Utama
8. Flowchart Info Rumah Adat Prov. Banten
Gambar 4.15 Flowchart Info Rumah Adat Prov. Banten
Keterangan: 13 = Prototype Rumah Adat
Prov. Banten A = Menu Utama
B = Info Prov. Banten
9. Flowchart Info Rumah Adat Prov. DKI Jakarta
Gambar 4.16 Flowchart Info Rumah Adat Prov. DKI Jakarta
Keterangan: 14 = Prototype Rumah Adat
Prov. DKI Jakarta A = Menu Utama
C = Info Prov. DKI Jakarta
10. Flowchart Info Rumah Adat Prov. Jawa Barat
Gambar 4.17 Flowchart Info Rumah Adat Prov. Jawa Barat
Keterangan: 15 = Prototype Rumah Adat
Prov. Jawa Barat A = Menu Utama
D = Info Prov. Jawa Barat
11. Flowchart Info Rumah Adat Prov. Jawa Tengah
Gambar 4.18 Flowchart Info Rumah Adat Prov. Jawa Tengah
Keterangan: 16 = Prototype Rumah Adat
Prov. Jawa Tengah A = Menu Utama
E = Info Prov. Jawa Tengah
12. Flowchart Info Rumah Adat Prov. D.I. Yogyakarta
Gambar 4.19 Flowchart Info Rumah Adat Prov. Yogyakarta
Keterangan: 17 = Prototype Rumah Adat Prov.
D.I. Yogyakarta A = Menu Utama
F = Info Prov. D.I. Yogyakarta
13. Flowchart Info Rumah Adat Prov. Jawa Timur
Gambar 4.20 Flowchart Info Rumah Adat Prov. Jawa Timur
Keterangan: 18 = Prototype Rumah Adat Prov.
Jawa Timur A = Menu Utama
G = Info Prov. Jawa Timur
14. Flowchart Prototype Rumah Adat Prov. Banten
Gambar 4.21 Flowchart Prototype Rumah Adat Prov. Banten
Keterangan: A = Menu Utama
H = Info Rumah Adat Prov. Banten
15. Flowchart Prototype Rumah Adat Prov. DKI Jakarta
Gambar 4.22 Flowchart Prototype Rumah Adat Prov. DKI Jakarta
Keterangan: A = Menu Utama
I = Info Rumah Adat Prov. DKI Jakarta
16. Flowchart Prototype Rumah Adat Prov. Jawa Barat
Gambar 4.23 Flowchart Prototype Rumah Adat Prov. Jawa Barat
Keterangan: A = Menu Utama
J = Info Rumah Adat Prov. Jawa Barat
17. Flowchart Prototype Rumah Adat Prov. Jawa Tengah
Gambar 4.24 Flowchart Prototype Rumah Adat Prov. Jawa Tengah
Keterangan: A = Menu Utama
K = Info Rumah Adat Prov. Jawa Tengah
18. Flowchart Prototype Rumah Adat Prov. D.I. Yogyakarta
Gambar 4.25 Flowchart Prototype Rumah Adat Prov. D.I. Yogyakarta
Keterangan: A = Menu Utama
L = Info Rumah Adat Prov. D.I. Yogyakarta
19. Flowchart Prototype Rumah Adat Prov. Jawa Timur
4.3.4 Perancangan State Transition Diagram