Merancang Desain Multimedia Interaktif

Merancang Desain Multimedia Interaktif

Dalam pengembangan multimedia pembelajaran, perlu diperhatikan langkah-langkah yang harus dilalui agar dapat mengasilkan suatu produk multimedia pembelajaran yang layak dan mampu menjadi media belajar yang sesuai dengan kebutuhan peserta didik.

Materi Langkah - langkah Pembuatan Multimedia Interaktif

1. Konsep

2. Perancangan (Design)

3. Pengumpulan Bahan 

4. Pembuatan 

5. Percobaan 

6. Distribusi 

Dalam mengembangakan Multimedia Interaktif terdapat 6 tahapan  yaitu tahap konsep (concept), perencanaan (design), pengumpulan bahan (material collecting), pembuatan (assmbly), uji coba (testing) dan distribusi (distribution).

Tahapan Perancangan (design) adalah tahap pembuatan spesifikasi mengenai arsitektur program, gaya, tampilan, dan kebutuhan material/bahan untuk program. Spesifikasi dibuat serinci mungkin sehingga pada tahap berikutnya, yaitu material collecting dan assembly, pengambilan keputusan baru tidak diperlukan lagi, cukup menggunakan keputusan yang sudah ditentukan pada tahap ini.

Meskipun demikian, pada praktiknya, pengerjaan proyek pada tahap awal masih akan sering mengalami penambahan bahan atau pengurangan bagian aplikasi, atau perubahan-perubahan lain.

Tahap ini biasanya menggunakan storyboard untuk menggambarkan deskripsi tiap scene, dengan mencantumkan semua objek multimedia dan tautan ke scene lain dan bagian alir (flowchart) untuk menggambarkan aliran dari satu scene ke scene lain.Pembuatan storyboard dapat menggunakan cara pembuatan storyboard film/animasi, atau dapat menggunakan cara pembuatan storyboard di multimedia. yang hanya menggunakan teks saja. Pada bagian alir dapat dilihat komponen yang terdapat dalam suatu scene dengan penjelasan yang diperlukan.

Adapun spesifikasi yang akan dibuat berdasarkan pada langkah tersebut adalah:

1. Merancang Isi/Konten

Konten adalah informasi yang tersedia melalui media atau produk elektronik. Merancang isi berarti isi berarti rancangan multimedia interaktif akan diisi dengan elemen apa saja.

Elemen dapat berupa dengan gambar, suara, teks, animasi dan video. Dalam merancang isi eiat kaitannya dengan konsep. Karena pada dasarnya isi dan konsep harus saling berkaitan satu sama lain.

2. Merancang Storyboard

Storyboard merupakan suatu visualisasi ide dari aplikasi dalam bentuk sketsa gambar yang disusun dengan urut berdasarkan naskah cerita sehingga memudahkan dalam membuat alur pada multimedia interaktif. Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene.

Dengan Storyboard seorang pembuat multimedia interaktif dapat membuat seseorang (pengguna) membambayangkan suatu cerita dengan mengikuti gambar-gambar yang telah disajikan. Pada storyboard juga dapat menambahkan arahan-arahan seperti arahan audio, gambar, letak atau arahan informasi lainnya.

Storyboard sekarang lebih banyak digunakan untuk membuat kerangka pembuatan website dan proyek media interaktif lainnya seperti iklan, film pendek, games, media pembelajaran interaktif ketika dalam tahap perancangan atau desain.

Beberapa alasan mengapa menggunakan storyboard antara lain: 

а. Storyboard harus dibuat sebelum tim membuat animasi. 

b. Storyboard digunakan untuk mengingatkan animator. 

с. Storyboard dibuat untuk memudahkan membaca cerita.

Contoh Storyboard dalam Bentuk Naskah

Scene	Visual	Link
Scene Pembuka	Scane ini akan tampil pertama ketika program dijalankan, pada tampilan ini terdapat judul perangkat ajar interaktif mata pelajaran IPA untuk kelas VI sekolah dasar, terdapat menu selanjutnya serta tombol profil dan tombol keluar serta animasi gambar.	Scene 2 Scene 28
Scene Menu Materi	Scene ini akan tampil setelah selesai scene 1.   Di scene ini terdapat tombol menu pilihan materi sesuai keinginan pengguna yang didalamnya dibagi lagi menjadi beberapa pembahasan.   Background : Light Green	scene 1 scene 3
Scene materi yang akan dipelajari	Scene ini akan muncul jika pengguna mengklik salah satu materi, dan dalam scene ini terdapat tombol-tombol menu. Fungsi tombol-tombol dalam menu materi: a.      Tombol pembahasan pertama, kedua dan ketiga menuju kehalaman penjelasan materi. b.      Tombol kuis dari setiap Bab c.       Warna tombol : Orange.	Scene 2 Scene 4 Scene 5 Scene 6 Scene 7 Scene 8 Scene 9, Dst
Scene penjelasan materi	Scene ini akan muncul jika pengguna mengklik tombol pembahasan pada tiap-tiap materi yang dipilih, dan dalam scene ini terdapat tombol-tombol menu. Fungsi tombol-tombol dalam menu materi: 1.      Terdapat tampilan penjelasan materi disertai dengan animasi gambar. 2.      Tombol pause, back, next, keluar. 3.      Warna tombol : Orange	Scene 3
Scene menu kuis	Scene ini akan muncul jika pengguna mengklik tombol Kuis , dan dalam scene ini terdapat tombol kembali ke menu materi pembahasan  Warna tombol : Orange.	Scene 3
Scene menu score nilai	Scene ini akan muncul secara otomatis jika pengguna telah menyelesaikan soal latihan, dan dalam scene ini terdapat tombol untuk pembahasan dari jawaban yang salah.  Warna tombol : Orange.	Scene 2 Scene 7 Scene 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19.
Scene pembahasan	Scene ini adalah tampilan dari pembahasan dari setiap soal-soal yang dijawab salah oleh pengguna.	Scene 2
Scene menu interaktifitas	Scene ini adalah tampilan dari interaktifitas dari setiap materi dalam Bab yang akan ditampilkan, sehingga pengguna lebih berinteraktifitas dengan kegiatan yang ada dalam sistem.
Scene Profil	Scene ini akan tampil jika pengguna mengklik tombol profil pada menu pembuka, dan scene ini menampilkan photo dan daftar riwayat pembuat program	Scene 1

Contoh Storyboard Dalam bentuk Visual

Beberapa alasan menggunakan storyboard antara lain: 

a. Bisa membuat mudah sebelum' pembuatan suatu film, animasi, video pendek dan lain sebagainya. 

b. Dapat digunakan untuk mengingatkan pembuat multimedia interaktif tentang alur cerita. 

c. Untuk memudahkan pembaca dan pengguna dalam memahami alur cerita.

3. Desain Struktur Navigasi Berupa Hirarki Menu

Struktur navigasi hirarki sering disebut struktur navigasi bercabang, yaitu merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data atau gambar pada layer dengan kriteria tertentu.

Tampilan pada menu utama disebut master page (halaman utama satu), halaman tersebut mempunyai halaman percabangan yang disebut slave page (halaman pendukung) dan jika dipilih akan menjadi halaman kedua, begitu seterusnya. Tampilan struktur navigasi hirarki dapat dilihat pada gambar dibawah ini:

Contoh Struktur Navigasi Multimedia Interaktif

4. Merancang Flowchart 

Flowchart atau bisa disebut juga diagram alir adalah rangkaian yang berisi simbol-simbol yang menjelaskan isi dari sebuah proses alur kerja dari suatu sistem. Bagan alir ini harus dibuat untuk menjelaskan secara detail tahapan dari proses-proses yang berjalan dari suatu sistem. Bagi seorang sistem analis atau programmer, flowchart ini merupakan dasar dari pemrogaman yang perlu diketahui dai difahami.

Terimakasih Semoga Bermanfaat