e. Struktur Navigasi Halaman Prov. Jawa Tengah
Gambar 4.5 Struktur Navigasi pada Halaman Prov. Jawa Tengah
Pada Gambar 4.5, terdapat sub-menu yaitu 3 informasi yaitu tentang info Prov. Jawa Tengah, info rumah adat dan prototype rumah adat, strukturnya
menggunakan struktur hierarkis, sehingga 3 sub-menu tersebut hanya dapat diakses melalui parent Prov. Jawa Tengah. Selain itu juga untuk mengakses menu
Prov. Banten, Prov. DKI Jakarta, Prov. Jawa Barat, Prov. D.I. Yogyakarta dan Prov. Jawa Timur harus kembali ke halaman utama.
f. Struktur Navigasi Halaman Prov. D.I. Yogyakarta
Gambar 4.6 Struktur Navigasi pada Halaman Prov. D.I. Yogyakarta
Pada Gambar 4.6, terdapat sub-menu yaitu 3 informasi yaitu tentang info Prov. D.I. Yogyakarta, info rumah adat dan prototype rumah adat, strukturnya
menggunakan struktur hierarkis, sehingga 3 sub-menu tersebut hanya dapat diakses melalui parent Prov. D.I. Yogyakarta. Selain itu juga untuk mengakses
menu Prov. Banten, Prov. DKI Jakarta, Prov. Jawa Barat, Prov. Jawa Tengah dan Prov. Jawa Timur harus kembali ke halaman utama.
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
State Transition Diagram STD dalam aplikasi ini terdiri dari STD Prov. Banten, STD, Prov. DKI Jakarta, STD Prov. Jawa Barat, STD Prov. Jawa Tengah,
STD Prov. D.I. Yogyakarta dan STD Prov. Jawa Timur. Semua menu ini terdapat di halaman utama atau main.
Gambar 4.26 Flowchart Prototype Rumah Adat Prov. Jawa Timur
Keterangan: A = Menu Utama
M = Info Rumah Adat Prov. Jawa Timur
1. State Transition Diagram Prov. Banten
Gambar 4.27 State Transition Diagram Prov. Banten
Tombol Prov. Banten ini terdapat pada halaman utama dari aplikasi, jika memilih tombol “Prov. Banten” maka akan muncul halaman Jakarta. Dalam
halaman Info Prov. Banten terdapat tiga tombol yaitu tombol Rumah Adat, Peta dan Keluar.
Jika user memilih tombol “Rumah Adat” maka akan tampil halaman Info Rumah Adat Prov. Banten, jika user memilih tombol “Peta” maka akan kembali
ke Halaman Utama dari aplikasi. Jika user memilih tombol “Keluar” maka akan keluar dari aplikasi. Pada halaman Info Rumah Adat Prov. Banten terdapat tombol
Prototype Rumah Adat, tombol Peta, tombol Kembali dan tombol Keluar. Jika
user memilih “Prototype Rumah Adat” maka akan tampil prototype rumah adat Prov. Banten, jika user memilih tombol “Peta” maka akan kembali ke halaman
utama, jika user memilih tombol “Kembali” maka akan kembali ke info Prov. Banten, dan jika user memilih tombol “Keluar” maka akan keluar dari aplikasi.
Pada halaman Prototype Rumah Adat Prov. Banten terdapat tombol peta, tombol kembali dan tombol keluar. Jika user memilih tombol “Peta” maka akan kembali
ke halaman utama, jika user memilih tombol “Kembali” maka akan kembali ke halaman info rumah adat Prov. Banten, dan jika user memilih tombol “Keluar”
maka akan keluar dari aplikasi. 2. State Transition Diagram Prov. DKI Jakarta
Gambar 4.28 State Transition Diagram Prov. DKI Jakarta
3. State Transition Diagram Prov. Jawa Barat
Gambar 4.29 State Transition Diagram Prov. Jawa Barat
4. State Transition Diagram Prov. Jawa Tengah
Gambar 4.30 State Transition Diagram Prov. Jawa Tengah
5. State Transition Diagram Prov. D.I. Yogyakarta
Gambar 4.31 State Transition Diagram Prov. D.I. Yogyakarta
6. State Transition Diagram Prov. Jawa Timur
Gambar 4.32 State Transition Diagram Prov. Jawa Timur
4.3.5 Perancangan Antarmuka Pemakai User Interface
Perancangan antarmuka pemakai User Interface pada aplikasi multimedia ini akan ditampilkan sesuai dengan kebutuhan pengguna yang akan
melihat informasi yang dibutuhkan. Pada aplikasi multimedia ini terdapat beberapa tampilan menu yang akan
memuat tampilan-tampilan informasi berdasarkan navigasi yang ada. Rancangan aplikasi multimedia ini terdiri atas:
1. Rancangan Tampilan Halaman Intro Pada rancangan tampilan intro yang merupakan tahapan awal dari
halaman opening menuju halaman utama dari aplikasi multimedia. Pada tampilan intro tidak terdapat tombol, jadi hanya berupa tampilan video saja. Setelah video
selesai di putar, secara otomatis tampilan akan langsung berubah menjadi halaman utama. Dan bisa juga dengan mengklik video maka akan langsung menuju ke
halaman utama tanpa menunggu video selesai diputar.
Gambar 4.33 Rancangan Tampilan Halaman Intro
2. Rancangan Menu Utama Rancangan ini merupakan rancangan yang digunakan sebagai tampilan
utama dari aplikasi yang dibuat. Bagian atas tampilan halaman utama terdapat tulisan ”Mengenal Budaya Rumah Adat Pulau Jawa” dan di tengah halaman
utama terdapat peta pulau jawa. Tulisan dan peta ini bertujuan untuk memberitahukan user bahwa aplikasi ini adalah aplikasi tentang rumah adat yang
ada di pulau Jawa. Background gambar peta pulau Jawa
Selain itu peta pulau Jawa kemudian dijadikan tombol menurut provinsi masing-masing, sehingga menjadi 6 tombol provinsi yang ada di pulau Jawa.
Tombol-tombol itu antara lain: • Prov. Banten, berfungsi untuk menampilkan info tentang Prov. Banten.
• Prov. DKI jakarta, berfungsi untuk menampilkan info tentang Prov. DKI Jakarta.
• Prov. Jawa Barat, berfungsi untuk menampilkan info tentang Prov. Jawa Barat.
• Prov. Jawa Tengah, untuk menampilkan info tentang Prov. Jawa Tengah.
• Prov. D.I. Yogyakarta, untuk menampilkan info tentang Prov. D.I. Yogyakarta.
• Prov. Jawa Timur, untuk menampilkan info tentang Prov. Jawa Timur. Di bagian bawah juga terdapat dua buah tombol yaitu:
• Volume, berfungsi untuk mengecilkan dan memperbesar volume musik pada aplikasi ini.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4.34 Rancangan Menu Utama
3. Rancangan Menu Informasi Prov. Banten Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. Banten. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. Banten yaitu rumah panggung. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi. Mengenal Budaya Rumah Adat P. Jawa
- Volume + Keluar
Prov. Banten Prov. DKI
Jakarta Prov. Jawa
Barat Prov. Jawa
Tengah Prov. D.I.
Yogyakarta Prov. Jawa
Timur
4. Rancangan Menu Informasi Rumah Adat Prov. Banten Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. Banten. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. Banten yaitu rumah panggung. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. Banten
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar
Peta Prov. Banten
Logo Prov. Banten
Informasi Prov. Banten
Rumah Adat Peta
Gambar 4.35 Rancangan Menu Informasi Prov. Banten
Gambar 4.36 Rancangan Menu Informasi Rumah Adat Prov. Banten
5. Rancangan Menu Prototype Rumah Adat Prov. Banten Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. Banten berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang tersedia. Di
dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. Banten.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. Banten
Peta
MENGENAL RUMAH ADAT PROV. BANTEN
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.37 Rancangan Menu Prototype Rumah Adat Prov. Banten
6. Rancangan Menu Informasi Prov. DKI Jakarta Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. DKI Jakarta. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. DKI Jakarta yaitu rumah kebaya. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar Peta
Prototype Rumah Adat Prov. Banten
Prototype Rumah Adat Prov. Banten
Reset Zoom In
Zoom Out
7. Rancangan Menu Rumah Adat Prov. DKI Jakarta Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. DKI Jakarta. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. DKI Jakarta yaitu rumah kebaya. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. DKI Jakarta.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4.38
Rancangan Menu Informasi Prov. DKI Jakarta
Keluar
Peta Prov. DKI Jakarta Logo
Prov. DKI Jakarta Informasi Prov. DKI
Jakarta
Rumah Adat Peta
Informasi tentang Logo Prov. DKI Jakarta
Gambar 4.39 Rancangan Menu Informasi Rumah Adat Prov. DKI Jakarta
8. Rancangan Menu Prototype Rumah Adat Prov. DKI Jakarta Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. DKI Jakarta berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang
tersedia. Di dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. DKI Jakarta.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. DKI Jakarta
Peta
MENGENAL RUMAH ADAT PROV. DKI JAKARTA
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.40 Rancangan Menu Prototype Rumah Adat Prov. DKI Jakarta
9. Rancangan Menu Informasi Prov. Jawa Barat Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. Jawa Barat. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. Jawa Barat yaitu keraton kasepuhan cirebon. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar Peta
Prototype Rumah Adat Prov. DKI Jakarta
Prototype Rumah Adat Prov. DKI Jakarta
Reset Zoom In
Zoom Out
10. Rancangan Menu Informasi Rumah Adat Prov. Jawa Barat Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. Jawa Barat. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. Jawa Barat yaitu keraton kasepuhan cirebon. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. Jawa Barat.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4. 41 Rancangan Menu Informasi Prov. Jawa Barat
Peta Prov. Jawa Barat Logo
Prov. Jawa Barat Informasi Prov. Jawa Barat
Rumah Adat Peta
Informasi tentang Logo Prov. Jawa Barat
Keluar
Gambar 4.42 Rancangan Menu Informasi Rumah Adat Prov. Jawa Barat
11. Rancangan Menu Prototype Rumah Adat Prov. Jawa Barat Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. Jawa Barat Jakarta berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang
tersedia. Di dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. Jawa Barat.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. Jawa Barat
Peta
MENGENAL RUMAH ADAT PROV. JAWA BARAT
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.43 Rancangan Menu Prototype Rumah Adat Prov. Jawa Barat
12. Rancangan Menu Informasi Prov. Jawa Tengah Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. Jawa Tengah. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. Jawa Tengah yaitu rumah joglo. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar Peta
Prototype Rumah Adat Prov. Jawa Barat
Prototype Rumah Adat Prov. Jawa Barat
Reset Zoom In
Zoom Out
13. Rancangan Menu Rumah Adat Prov. Jawa Tengah Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. Jawa Tengah. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. Jawa Tengah yaitu rumah joglo. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. Jawa Tengah.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4.44 Rancangan Menu Informasi Prov. Jawa Tengah
Peta Prov. Jawa Tengah Logo
Prov. Jawa Tengah Informasi Prov. Jawa
Tengah
Rumah Adat Peta
Informasi tentang Logo Prov. Jawa Tengah
Keluar
Gambar 4.45 Rancangan Menu Informasi Rumah Adat Prov. Jawa Tengah
14. Rancangan Menu Prototype Rumah Adat Prov. Tengah Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. Jawa Tengah Jakarta berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang
tersedia. Di dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. Jawa Tengah.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. Jawa Tengah
Peta
MENGENAL RUMAH ADAT PROV. JAWA TENGAH
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.46 Rancangan Menu Prototype Rumah Adat Prov. Jawa Tengah
15. Rancangan Menu Informasi Prov. D.I. Yogyakarta Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. D.I. Yogyakarta. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. D.I. Yogyakarta yaitu keraton bangsal kencono. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar Peta
Prototype Rumah Adat Prov. Jawa Tengah
Prototype Rumah Adat Prov. Jawa Tengah
Reset Zoom In
Zoom Out
16. Rancangan Menu Informasi Rumah Adat Prov. D.I. Yogyakarta Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. D.I. Yogyakarta. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. D.I. Yogyakarta yaitu keraton bangsal kencono. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. D.I. Yogyakarta.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4.47 Rancangan Menu Informasi Prov. D.I. Yogyakarta
Peta Prov. D.I. Yogyakarta
Logo Prov. D.I. Yogyakarta
Informasi Prov. D.I. Yogyakarta
Rumah Adat Peta
Informasi tentang Logo Prov. D.I. Yogyakarta
Keluar
Gambar 4.48 Rancangan Menu Informasi Rumah Adat Prov. D.I. Yogyakarta
17. Rancangan Menu Prototype Rumah Adat Prov. D.I. Yogyakarta Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. D.I. Yogyakarta berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang
tersedia. Di dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. D.I. Yogyakarta.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. D.I. Yogyakarta
Peta
MENGENAL RUMAH ADAT PROV. D.I. YOGYAKARTA
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.49 Rancangan Menu Prototype Rumah Adat Prov. D.I. Yogyakarta
18. Rancangan Menu Informasi Prov. Jawa Timur Rancangan menu ini digunakan untuk menampilkan informasi tentang
Prov. Jawa Timur. Di dalamnya terdapat beberapa tombol yaitu: • Rumah Adat, berfungsi untuk menampilkan informasi tentang rumah
adat Prov. Jawa Timur yaitu rumah padepokan. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Keluar, berfungsi untuk keluar dari aplikasi.
Keluar Peta
Prototype Rumah Adat Prov. D.I. Yogyakarta
Prototype Rumah Adat Prov. D.I. Yogyakarta
Reset Zoom In
Zoom Out
19. Rancangan Menu Informasi Rumah Adat Prov. Jawa Timur Rancangan menu ini digunakan untuk menampilkan informasi tentang
rumah adat Prov. Jawa Timur. Di dalamnya terdapat beberapa tombol yaitu: • Prototype rumah adat, berfungsi untuk menampilkan prototype dari
rumah adat Prov. Jawa Timur yaitu rumah padepokan. • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan kembali halaman info Prov. Jawa Timur.
• Keluar, berfungsi untuk keluar dari aplikasi.
Gambar 4.50 Rancangan Menu Informasi Prov. Jawa Timur
Peta Prov. Jawa Timur Logo
Prov. Jawa Timur Informasi Prov. Jawa
Timur
Rumah Adat Peta
Informasi tentang Logo Prov. Jawa Timur
Keluar
Gambar 4.51 Rancangan Menu Informasi Rumah Adat Prov. Jawa Timur
20. Rancangan Menu Prototype Rumah Adat Prov. Jawa Timur Rancangan menu ini digunakan untuk menampilkan prototype rumah adat
Prov. Jawa Timur berbentuk 3 Dimensi sehingga user bisa melihat rumah adat seperti aslinya dan juga bisa digerakkan dengan menggunakan tombol yang
tersedia. Di dalamnya terdapat beberapa tombol yaitu: • Peta, berfungsi untuk menampilkan kembali halaman utama.
• Kembali, berfungsi untuk menampilkan halaman info rumah adat Prov. Jawa Timur.
• Keluar, berfungsi untuk keluar dari aplikasi. • Kanan, berfungsi untuk menggerakkan rumah adat berputar ke posisi
kanan. • Kiri, berfungsi untuk menggerakkan rumah adat berputar ke posisi kiri.
Keluar
Informasi Rumah Adat Prov. Jawa Timur
Peta
MENGENAL RUMAH ADAT PROV. JAWA TIMUR
Prototype rumah adat
• Reset, berfungsi untuk mengembalikan posisi rumah adat ke posisi semula.
• Zoom In, berfungsi untuk memperbesar posisi rumah adat. • Zoom Out, berfungsi untuk memperkecil posisi rumah adat.
Gambar 4.52 Rancangan Menu Prototype Rumah Adat Prov. Jawa Timur
4.4 Pengumpulan Bahan-bahan
Material Collecting
Bahan-bahan untuk data aplikasi media pembelajaran rumah adat berbasis multimedia ini peneliti peroleh dari sekolah dan ada juga yang peneliti dapatkan
dari internet yang berupa file teks, image, video dan audio, dan juga peneliti dapatkan gambar-gambar dari Anjungan Rumah Adat yang ada di Taman Mini
Indonesia Indah dengan melakukan observasi ke tempat tersebut. Untuk file gambar tersebut kemudian diolah dengan menggunakan Adobe Photoshop CS2,
setelah jadi file disimpan dengan format file .jpg dan .png, untuk file audio yang
Keluar Peta
Prototype Rumah Adat Prov. Jawa Timur
Prototype Rumah Adat Prov. Jawa Timur
Reset Zoom In
Zoom Out
peneliti peroleh disimpan dengan format .mp3, sedangkan untuk file video yang berupa video pada intro dengan format .avi.
4.5 Pembuatan
Assembly
Assembly perancangan, pada tahap ini peneliti merancang aplikasi berdasarkan perancangan storyboard, perancangan flowchart, desain struktur
navigasi berupa linier menu, dan perancangan STD State Definition Diagram yang telah peneliti buat pada tahap design. Dalam merancang grafik, peneliti
memilih grafik yang sesuai dengan tampilan yang ingin ditampilkan. Di bawah ini spesifikasi perangkat lunak dan perangkat keras yang peneliti
butuhkan dalam pembuatan aplikasi media pembelajaran rumah adat berbasis multimedia, yaitu:
1. Spesifikasi perangkat lunak yang digunakan dalam pengembangan aplikasi
adalah: • Adobe Photoshop CS, digunakan sebagai perangkat lunak untuk
memperkecil, memperbesar dan mengedit file-file yang berbasis bitmap yang akan digunakan dalam pembuatan aplikasi ternasuk juga
pembuatan background aplikasi. • 3D Studio Max, digunakan sebagai perangkat lunak dalam pembuatan
prototype masing-masing rumah adat. • Macromedia Director MX, digunakan sebagai perangkat lunak untuk
pengembangan dan penggabungan semua objek multimedia yang telah dibuat oleh perangkat lunak lainnya.
2. Spesifikasi perangkat keras yang digunakan dalam pengembangan aplikasi
adalah: • Intel Pentium IV, 3 GHz berfungsi sebagai pemroses kinerja sistem
komputer di dalam pengembangan program maupun perangkat lunak. • Memori 2 GB berfungsi untuk mempercepat proses editing movie,
pengolahan gambar, render dan lainnya. Dan secara umum, penyediaan memori yang berukuran besar sebagai tempat penyimpanan sementara
dan mempercepat penggunaan perangkat lunak pengembangan • Kartu Video Graphic Adapter 512 MB berfungsi sebagai proses untuk
menampilkan gambar pada monitor dan mempertinggi tingkat resolusi monitor, sehingga tampilan lebih halus.
• Hard Disk 320 GB berfungsi sebagai tempat untuk aplikasi beserta perangkat lunak dan menyediakan tempat penyimpanan untuk
keperluan program. • DVD-RW berfungsi untuk menyimpan aplikasi ke dalam bentuk
kepingan CD ataupun DVD. • Mouse berfungsi sebagai alat untuk mempermudah pengembangan
perangkat lunak pada pembuatan aplikasi ini. • Keyboard berfungsi sebagai penulisan listing program, naskah program
dan secara umum sebagai alat interaksi yang penting pada pembuatan aplikasi ini.
• Sound Card berfungsi untuk memproses suara pada aplikasi ini. • Active Speaker berfungsi sebagai keluaran suara pada aplikasi ini.
• Monitor 17.5” berfungsi sebagai interface antar muka atau penghubung peneliti dengan komputer sehingga peneliti bisa melihat
tampilan program. Setelah spesifikasi pengembangan dapat dipenuhi, maka selanjutnya
adalah pengembangan aplikasi ini ketahap pembuatannya menggunakan perangkat lunak yang telah disiapkan. Beberapa tahapan penting selama pengembangan
program ini akan dibahas. Dalam pembuatan prototype masing-masing rumah adat menggunakan 3D
Studio Max. Tampilan layar background dalam aplikasi dan tombol di desain dengan menggunakan Adobe Photoshop CS dan Macromedia Flash MX. Untuk
mendapatkan tampilan yang diinginkan, desain tampilan layar aplikasi ini dibuat dengan menggunakan layer yang berbeda tekstur dan bentuknya. Hal ini bertujuan
untuk membuat suatu efek gambar yang sangat baik dan bagus. Setelah jadi, tampilan layar ini disimpan dengan menggunakan format file .jpg.
Setelah semua komponen dari program ini selesai dibuat, maka tahap selanjutnya adalah penggabungan komponen pada perangkat lunak utama, yaitu
Macromedia Director MX 2004. Pada perangkat ini peneliti membuat listing program yang berguna untuk mengatur, menjalankan dan menampilkan data
sesuai dengan rancangan. Adapun hasil tampilan aplikasi media pembelajaran rumah adat berbasis
multimedia seperti Gambar 4.53:
Gambar 4.53 Tampilan Aplikasi Halaman Utama
Gambar 4.54 Tampilan Informasi Provinsi Banten
Gambar 4.55
Tampilan Informasi Rumah Adat Provinsi Banten
Gambar 4.56 Tampilan Prototype Rumah Adat Provinsi Banten
Gambar 4.57
Tampilan Informasi Provinsi DKI Jakarta
Gambar 4.58 Tampilan Informasi Rumah Adat Provinsi DKI Jakarta
Gambar 4.59 Tampilan Prototype Rumah Adat Provinsi DKI Jakarta
Gambar 4.60 Tampilan Informasi Provinsi Jawa Barat
Gambar 4.61 Tampilan Informasi Rumah Adat Provinsi Jawa Barat
Gambar 4.62 Tampilan Prototype Rumah Adat Provinsi Jawa Barat
Gambar 4.63 Tampilan Informasi Provinsi Jawa Tengah
Gambar 4.64 Tampilan Informasi Rumah Adat Provinsi Jawa Tengah
Gambar 4.65 Tampilan Prototype Rumah Adat Provinsi Jawa Tengah
Gambar 4.66 Tampilan Informasi Provinsi D.I. Yogyakarta
Gambar 4.67 Tampilan Informasi Rumah Adat Provinsi D.I. Yogyakarta
Gambar 4.68 Tampilan Prototype Rumah Adat Provinsi D.I. Yogyakarta
Gambar 4.69 Tampilan Informasi Provinsi Jawa Timur
Gambar 4.70 Tampilan Informasi Rumah Adat Provinsi Jawa Timur
Gambar 4.71
Tampilan Prototype Rumah Adat Provinsi Jawa Timur
Untuk menambahkan Rumah Adat 3 Dimensi provinsi yang lain diperlukan beberapa tahap :
a. Rumah adat yang akan ditambahkan dibuat kembali prototypenya dengan menggunakan software 3D Studio Max. Kemudian hasilnya di
export dengan menggunakan format W3D yang nantinya bisa di import ke dalam software Macromedia Director MX.
b. Untuk background, peta dan tombol dibuat dengan menggunakan software adobe photoshop CS dan Macromedia Flash.
c. Setelah prototype rumah adat dengan format W3D, background, peta dan tombol yang akan ditambahkan selesai dibuat, maka bahan-bahan
yang akan ditambahkan tersebut digabungkan dengan menggunakan
software Macromedia Director MX yang nantinya digabungkan dengan bahan-bahan pembuatan yang sudah ada sebelumnya.
4.6 Pengujian Aplikasi