2.2 Tahapan Perancangan (Design) Dalam Pembuatan Multimedia Interaktif

BAHYUDINNOR.COM - 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 (Concept)

2. Perancangan (Design)

3. Pengumpulan Bahan (Material Collecting)

4. Pembuatan (Assembly)

5. Percobaan (Testing)

6. Distribusi (Distribution)

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.

Sumber Gambar scribd.com

Penugasan mandiri

1. Jelaskan pentingnya penggunaan storyboard pada tahap perancangan multimedia interaktif dengan tepat.?
2. Apa yang membedakan antara Storyboard dan Flowchart pada perancangan multimedia interaktif? 
3. Carilah dan Buatkan 1 Contoh storyboard dalam pembuatan multimedia pembelajaran interaktif dengan terampil.

Tips🔔💡
Perbanyak wawasanmu dengan mencari informasi mengenai storyboard dari beberapa sumber yang relevan. Kemudian catatlah informasi yang kamu peroleh. Hal ini bertujuan untuk memudahkan kamu dalam membuat Aplikasi Multimedia Interaktif.

=======

Bahan Materi Desain Multimedia Interaktif:

Bab I  Konsep Multimedia Interaktff

A. Mengenal Multimedia Interaktif

B. Konsep Multimedia Interaktif

C. Pengelompokan Konsep Struktur Navigasi Multimedia Intéraktif

D. Model Multimedia Interaktif

Bab II Merancang Desain Multimedia Interaktif

A. Mengenal Tahap Desain Multimedia Interaktif

1. Konsep

2. Perancangan (Design)

3. Pengumpulan Bahan

4. Pembuatan

5. Percobaan 

6. Distribusi 

B. Merancang Desain Multimedia Interaktif

Bab Ill Perancangan Desain User Interface pada Multimedia Interaktif

A. Mengenal Prinsip Desain User Interface

B. Membuat User Interface Multimedia Interakåf

Bab IV Prosedur Mengoperasikan Multimedia Interaktif

A. Mengenal Prosedur Pengoperasian

B. Mengenal Komponen Multimedia Interaktif yang Digunakan

C. Mengoperasikan Multimedia Interaktif

Bab V Menggabungkan Komponen dalam Multimedia Interaktif

A. Mengenal Komponen Multimedia Interaktif

B. Meng-import Image, Audio, Teks, Animasi, dan Video

Bab VI Stye pada Multimedia Interaktif

A. Macam Style pada Multimedia Interaktif

B. Membuatstyle pada Multimedia Interaktif

Bab VII Evaluasi Produk Multimedia Interaktif Berbasis Web

A. Pentingnya Melakukan Evaluasi

B. Membuat Review Produk MUItimedia Interaktif Berbasls Web

Bab VIII Kode Program pada Multimedia Interaktif 

A. Mengenal Konsep Dasar ActionScript

B. Membuat Kode Program pada Adobe Flash CS6

Bab IX Pengolahan Multimedia Interaktif dengan ActionScript 

A. Bentuk Pengolahan Media Interaktif .                           

B. Melakukan Pengolahan Media Interaktif dengan Audio

Bab X Pengolahan Data pada Multimedia Interaktif 

A. Mekanisme Pengolahan Data Media Interaktif

B. Melakukan Pengolahan Data pada Multimedia Interakti

Bab XI Bentuk Publikasi Multimedia Interaktif

A. Mengenal Jenis-Jenis Publikasi                            

B. Membuat Publikasi Multimedia Interaktif

Bab X Pembuatan Produk Multimedia Interaktif

A. Meiakukan Pembuatan Konscp dan Perancangan                      

B. Melakukan Pcngumputan Bahon dan Pcmbuatan Produk

C. Tahap Coba dan                     

 

Bab XIII Evaluasi Produk Multimedia Interaktif

A. Pentingnya Melakukan Evajuasi 

B. Membuat Review Produk Multimedia Interaktif

BELAJAR BISNIS           BELAJAR NGEYOUTUBE      BELAJAR NGEBLOG     TIPS DAN TRIKS     TUTORIAL    INFO TEKNOLOGI        INFO PENDIDIKAN      INFO TEKINI       ARTIKEL BLOG

Baca Juga