Perancangan Storyboard Perancangan Flowchart

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