3
Gambar 1 Tahap Pengembangan Aplikasi Multimedia
Sumber: Hadi Sutopo, 2003: 32
1. Konsep Concept
Aplikasi pembelajaran rumah adat berbasis multimedia ini akan berbentuk CD interaktif yang penggunaannya akan digunakan sebagai materi tambahan dalam mata
pelajaran seni budaya di sekolah SMP YMJ Ciputat Tangerang. Secara garis besar deskripsi konsep aplikasi sebagai berikut:
1. Judul
Aplikasi Media Pembelajaran Rumah Adat Berbasis Multimedia Studi Kasus: SMP Yayasan Miftahul Jannah Ciputat.
2. Tujuan
membuat aplikasi interaktif sebagai media pembelajaran rumah adat berbasis multimedia untuk membantu pembelajaran para siswa SMP YMJ Ciputat dalam
mengenal budaya Indonesia khususnya budaya rumah adat di pulau Jawa. 3.
Pengguna Pengguna Aplikasi Pembelajaran Rumah Adat adalah siswa SMP Yayasan
Miftahul Jannah Ciputat Tangerang. 4.
Gambar Menggunakan format file jpeg dan png yang dibuat sendiri dengan menggunakan
software Adobe Photoshop CS. 5.
Audio Menggunakan file berformat MP3 dan WAV yang diperoleh dari koleksi pribadi.
6. Video
Menggunakan file berformat avi. 7.
Animasi Animasi 3 Dimensi menggunakan format W3D yang dibuat sendiri dengan
menggunakan software 3D Studio Max 9. 8.
Interaktif Menggunakan lebih dari satu media presentasi teks, audio, gambar, animasi dan
video secara bersamaan dan melibatkan keikutsertaan pemakai untuk memberi perintah dan mengendalikannya.
4
2. Perancangan Design
Pada tahap ini peneliti melakukan perancangan aplikasi berupa desain struktur navigasi, perancangan storyboard, perancangan flowchart, perancangan STD dan
perancangan antarmuka pemakai user interface. a.
Perancangan Struktur Navigasi Pada penyusunan skripsi ini, digunakan struktur navigasi nonlinear dan
hierarkis. Dengan menggunakan struktur nonlinear, pengguna dapat menjelajah isi aplikasi sesuai keinginan. Namun dengan adanya isi yang berupa submenu,
digunakan juga struktur hierarkis, sehingga isi aplikasi lebih teratur.
1. Struktur Navigasi Halaman Utama
Gambar 2 Struktur Navigasi pada Halaman Utama
Pada halaman utama terdapat 6 halaman yang bisa dituju, yaitu Prov. Banten, Prov. DKI Jakarta, Prov. Jawa Barat, Prov. Jawa Tengah, Prov. D.I. Yogyakarta,
dan Prov. Jawa Timur. Struktur yang digunakan pada halaman utama ini adalah hierarkis, sehingga 6 menu tersebut hanya dapat diakses di halaman utama.
b. 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.
5
Tabel 1 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.
c. Perancangan Flowchart
Gambar 3 adalah rancangan flowchart dari masing-masing tampilan menu dan sub-sub menu di dalamnya.
6 1.
Flowchart Menu Utama
Gambar 3 Flowchart Menu Utama
d. 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.
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
7 1.
State Transition Diagram Prov. Banten
Gambar 4 State Transition Diagram Prov. Banten
e. 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. 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 5 Rancangan Tampilan Halaman Intro
Background gambar peta pulau Jawa
8
3. Pengumpulan Bahan-bahan Material Collecting