MULTIMEDIA SMKN 1 SIMPANGKATIS

DESAIN MEDIA INTERAKTIF

Disusun Oleh Aidilia Fitriyanti,S.Kom

BAB I – ALUR PERANCANGAN MULTIMEDIA INTERAKTIF

Kompetensi Dasar (Semester I)

3.1 Memahami konsep multimedia interaktif berbasis halaman web dan media interaktif
4.1 Mendemonstrasikan konsep multimedia interaktif berbasis halaman web dan media interaktif
3.2 Memahami (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web dan
media interaktif
4.2 Membuat (desain/perancangan alur) untuk multimedia interaktif berbasis halaman web

A. Konsep Multimedia Interaktif

Ketika mendengar istilah multimedia, pasti kita akan membayangkan sesuatu berkaitan
dengan komputer, dengan gambar diam atau bergerak serta ditambah suara ataupun animasi.
Dengan kata lain, konsep multimedia ini identik dengan suatu hal pemanfaatan komputer
dalam pembuatan dan penggabungan lebih dari satu medium atau sering kali disebut dengan
pertunjukan multimedia.

1. Pengertian Multimedia
Secara etimologi, multimedia terdiri dari dua kata yang berasal dari bahasa latin, yaitu
dari kata ‘multi’ yang mempunyai arti banyak atau bermacam-macam dan ‘medium´yang
berarti sesuatu yang dipakai untuk menyampaikan atau membawa sesuatu. Kata
‘Medium’ dalam American Heritage Electronic Dictionary (1991) juga diartikan alat untuk
mendistribusikan dan mempresentasikan informasi (Rachmat dan Alphone, 2005/2006).
Dengan kata lain, multimedia merupakan penggabungan dari teks, gambar, suara, video,
animasi yang disampaikan melalui komputer.

A. Pengertian multimedia menurut para ahli:

1) Heiich, Russel, Molenda dan samldino

Multimedia lebih merujuk kepada bermacam gabungan dari dua atau lebih
susunan multimedia yang ada di dalam bentuk informasi ataupun program

2) Hofstetter

1
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

Multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan

teks, grafik, audio dan video dengan menggunakan tool sehingga end-user dapat
berinteraksi, berkreasi dan berkomunikasi.

3) McComcik
Multimedia identik dengan kombinasi dari tiga elemen yaitu suara, gambar dan
teks.

4) Rada
Multimedia lebih mengacu kepada gabungan berbagai media yang ada.

5) Rosch
Multimedia identik dengan kombinasi dari komputer dan video.

6) Turban dan kawan-kawan

Multimedia sebagai kombinasi dari paling sedikit atau media input dan output.
Media ini dalam bentuk audio, video, animasi, teks, gambar dan grafik.

7) Vaughan
Multimedia identik dengan suatu gabungan dari suara, teks, gambar, animasi, dan
video yang diberikan dengan memakai berbagai elektronik.

B. Klasifikasi Multimedia
1) Menurut jenisnya
Secara umum multimedia dikategorikan menjadi
a. Multimedia Interaktif
Merupakan multimedia yang dilengkapi dengan alat pengontrol yang
dapat dioperasi sehingga pengguna yang dapat memilih apa yang
diinginkan untuk proses selanjutnya.
Contoh: Aplikasi Game

Menuruut struktur navigasi, multimedia inetraktif dibagi menjadi 4:

1. Hirarchical
Pengguna mempunyai pilihan terhadap topic yang dapat menjadi
subtopic. Dengan kata lain, pengguna memiliki pilihan, tetapi
topic-topik dapat dibagi menjadi subtopic yang lebih spesifik.
Perhatikan gambar dibawah ini

2
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

2. Linier
Multimedia interaktif dengan linier mempunyai satu rangkaian
cerita berurut. Dimulai dari suatu posisi awal menuju posisi akhir
dengan sedikit atau tanpa interfensi pemakai.

3. Non Linier
Jenis ini memungkinkan pengguna bebas bergerak melihat isi
materi dengan cara berinteraksi. Non linier tidak terpaku pada
satu urutan saja. Bisa memilih pertama dari bagian bawah dan
diteruskan dengan pilihan di samping.

3
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

4. Composite
merupakan gabungan dari hierarchical, linier dan non linier.
Kelebihannya ialah suatu aplikasi mampu memberikan
keterkaitan informasi lebih baik.

b. Multimedia hiperaktif
Merupakan multimedia yang memiliki suatu struktur dari elemen-
elemen terkait dengan pengguna yang dapat mengarahkannya.
Dapat dikatakan bahwa multimedia jenis ini mempunyai banyak
tautan (link) yang menghubungkan elemen-elemen multimedia yang
ada.
Contoh: Mobile Banking, Website

c. Multimedia Linear
Muerpakan multimedia dimana pengguna hanya menjadi penonton
dan menikmati produk multimedia yang disajikan dari awal hingga
akhir.
Contoh: TV dan Film

2. Manfaat Multimiedia Interaktif

Beberapa keunggulan multimedia adalah sebagi berikut:

No. Keunggulan Implementasi

Menyajikan benda atau peristiwa yang Posisi bulan, pergerakan bintang, gerhana,
1
jauh salju, dll
2 Memperbesar benda kecil sampai yang Atom, bakteri, kuman, electron, dll

4
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

tidak tampak oleh mata

3 Memperkecil benda yang besar Gedung, gunung, kapal, dll
Menyakina benda atau peristiwa yang Pergerakan mesin, system pada tubuh
4 kompleks dan rumit secara cepat atau manusia`hewan, peredaran planet
lambat
Menyajikan benda atau peristiwa yang Gunung meletus, gempa bumi, angin topan,
5
berbahaya dll

3. Model Multimedia Interaktif

Terdapat beberapa model multimedia interaktif yang dapat dipilih dan digunakan dalam
proses belajar mengajar. Adapun model tersebut antara lain sebagai berikut.

a. Tutorial
Model tutorial adalah jenis model pembelajaran yang memuat penjelasan, rumus,
prinsip, bagan, table, definisi istilah, latihan dan branching yang sesuai. Disebut
branching karena terdapat berbagai cara untuk berpindah atau bergerak melalui
pembelajaran berdasarkan jawaban atau respon pengguna terhadap materi, soal
atau pertanyaan. Model tutorial ini biasanya digunakan dalam proses belajar
mengajar dengan menggunakan perangkat lunak berupa program komputer berisi
materi.
b. Drills (latihan)
Merupakan salah satu bentuk model pembelajaran interaktif berbasis komputer
yang bertujuan memberikan belajar yang lebih konkrit melalui latihan soal untuk
menguji penampilan siswa melalui kecepatan penyelesaian latihan soal yang
diberikan.
c. Simulasi
Merupakan salah satu strategi pembelajaran yang bertujuan memberikan
pengalaman secara riil (nyata). Simulasi digunakan untuk memperagakan sesuatu
(keterampilan) sehingga pengguna merasa seperti berada dalam keadaan
sebenarnya.
d. Instructional Games
Merupakan salah satu metode pembelajaran dengan multimedia interaktif yang
berbasis komputer. Tujuan model ini adalah untuk menyediakan suasana /
lingkungan yang memberikan fasilitas belajar yang menambah kemampuan
siswa. Misalnya video pembelajaran dalam format game.

5
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

4. Jenis Konsep Multimedia Interaktif

Kamu sudah memahami pengertian multimedia interaktif bukan? Konsep multimedia
interaktif dibagi atas 2 jenis. Multimedia interaktif berbasis web dan media interaktif.

a. Konsep Multimedia Interaktif Berbasis Web

Multimedia interaktif berbasis web merupakan sebuah multimedia yang dapat
diakses melalui internet atau intranet. Multimedia berbasis web juga merupakan
web yang mengandung lebih dari satu jenis media biasanya video, suara atau
animasi disamping teks dan gambar. Situs multimedia sering mengandung unsur-
unsur yang berinteraksi dengan pengguna secara langsung, mengontrol
pengiriman suara atau video, memanipulasi objek 3D, dan lain-lain. Komputer
cepat dan koneksi internet membuat multimedia berbasis web jauh lebih baik dari
masa lalu.

Contoh multimedia interaktif berbasis web:

1. Zenius Education
2. Edmodo
3. Google Classroom
4. Kelas Kita
5. Ayo Belajar.com

• Fungsi web multimedia:

1. Informasi pengiriman, foto produk, klip video, animasi untuk menyampaikan
konsep dan lain-lain
2. E-commerce, foto produk, sampel film dan music dan lain-lain
3. Dapat menggunakan virtual reality (VR) untuk menyampaikan tiga dimensi
pandangan produk, rumah dijual dan lain-lain

6
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

4. Hiburan, game online, music online, kegiatan interaktif dan lain-lain

5. Pelatihan berbasis web (WBT), menyampaikan intruksi melalui web

• Keuntungan
1. Dapat mengatasi berbagai gaya belajar
2. Belajar dengan system visual
3. Dapat diakses dengan cepat melalui browser dan koneksi internet
4. Banyak ide-ide lebih mudah untuk menyampaikan
5. Bahan lebih menarik dan menyenangkan

• Kerugian
1. Waktu dan biaya pengembangan
2. Komptibilitas dan waktu download untuk multimedia berbasis web

b. Multimedia Berbasis Media Interaktif

Media interaktif dapat mengacu pada produk dan layanan digital pada system
berbasis komputer yang merepson tindakan pengguna dengan menyajikan konten
seperti teks, gambar bergerak, animasi,video, dan audio.

Contoh media interaktif:

1. Aplikasi desktop
2. CD interaktif
3. Aplikasi android

Pemanfaatan media interaktif salah satunya dalam lingkup pendidikan, yang merupakan
alat bantu berbasis multimedia yang dapat menjabarkan pesan dan informasi dari guru
ke siswa.

Karakteristik media interaktif sebagai berikut:

1. Memiliki lebih dari satu media yang konvergen, misalnya menggabungkan unsure
audio dan visual
2. Bersifat interaktif, artinya memiliki kemampuan untuk mengakomodasi respons
pengguna
3. Bersifat mandiri, artinya memberi kemudahan dan kelengkapan isi sehingga
pengguna dapat menggunakan tanpa bimbingan orang lain

7
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

B. Mengenal Tahap Desain Pada Multimedia Interaktif

Perancangan desain multimedia interaktif memiliki beberapa tahapan, antara lain:

1. Konsep

6.
2. Desain
Distribution

3. Material
5. Testing
Collecting

4. Assembly

1. Tahap Konsep
Tahapan ini merupakan tahapan untuk menentukan tujuan dan siapa pengguna
multimedia interaktif. Tujuan dan pengguna akhir multimedia interaktif berpengaruh pada
tampilan sebagai identitas organisasi atau instansi atau sekolah yang menginginkan
informasi dari multimedia

Tujuan tahap konsep :

1. Tujuan aplikasi, menyampaikan informasi, hiburan, pelatihan dan lain-lain
2. Mendeskripsikan kebutuhan, analisis system, mendefinisikan masalah kebutuhan
pengguna dan menentukan bahwa pemecahnya memerlukan multimedia
3. identifikasi pengguna, siapa yang menggunakan multimedia tersebut
4. bentuk aplikasi, misalnya berupa slide presentasi, dan lain lain
5. spesifikasi umum, mencakup ukuran aplikasi, dasar perancangan, target yang ingin
dicapai, dan lain lain

2. Tahap Perancangan (Desain)

Tahapan pembuatan spesifikasi mengenai arsitektur multimedia, tampilan, gaya, isi,
kebuthan bahan untuk multimedia. Setelah spesifikasi telah ditentukan dengan detail,
selanjutnya merancang isi/konten, membuat storyboard dan perancangan naskah.

8
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

a. Merancang Isi/Konten
Merancang isi / konten dapat berkaitan dengan konsep. Karena pada dasarnya isi
dan konsep saling berhubungan. Isi/konten inilah yang akan menjadi informasi
yang akan disampaikan. Dengan kata lain informasi ini harus memiliki elemen.
Elemen tersebut bisa berupa gambar, suara, video, animasi atau teks.

b. Membuat storyboard
Storyboard merupakan sketsa gambar yang disusun sesuai dengan alur naskah
cerita sehingga dapat memudahkan membuat multimedia interaktifnya. Dimana
storyboard juga dapat membuat pengguna membayangkan suatu cerita mengikuti
gambar-gambar yang disajikan.

Alasan menggunakan storyboard:

1. Memudahkan pembuatan suatu film, animasi, video pendek dan lain lain
2. Mengingatkan pembuat multimedia tentang alur cerita
3. Memudakan pembaca dan pengguna dalam memahami alur cerita

3. Tahap Pengumpulan Bahan (Material Colleting)

Pada tahap ini memiliki proses untuk mengumpulkan bahan yang meliputi:
1. Mengumpulkan bahan-bahan materi dan soal-soal yang akan ditampilkan dalam
aplikasi pembelajaran
2. Mengumpulkan animasi, gambar, video, music, dan sebagainya

4. Tahap Pembuatan (Assembly)

Tapan ini merupakan pembuatan objek atau bahan multimedia yang didasarkan pada
tahap desain, seperti storyboard dan tombol navigasi pada tampilan. Beberapa aplikasi
yang dapat dipilih misalnya Macromedia Flash, Adobe Flash, dan lainnya

5. Tahap Uji Coba (Testing)

Setelah menyelesaikan tahapan assembly. Maka selanjutnya tahapan testing dengan
tujuan untuk mengetahui multimedia interaktif apakah masih ada kesalahan atau tidak
pada isi, tampilan. Tombol navigasi dan hal lainnya. Selain itu melihat sejaih mana produk
ini dibuat dapat mencapai sasaran dan tujuan yang sudah ditetapkan

6. Tahap Distribusi (Distribution)

Dalam tahap ini, aplikasi disimpan dalam media penyimpan. Tahapan ini juga bisa disebut
tahap evaluasi untuk pengembang produk yang sudah jadi supaya produk menjadi lebih

9
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

baik. Hasil evaluasi ini dapat dapat digunakansebagai masukan untuk tahap konsep pada
produk selanjutnya

C. Merancang Desain Multimedia interaktif

Tahapan membuat rancangan desain multimedia interaktif terdiri dari tahap merancang konten
dan membuat storyboard. Berikut penjelasannya:
a. Menentukan konsep
Sebelum mengerjakan tahapan-tahapan, konsep merupakan hal pertama yang harus
dilakukan. Dalam menentukan konsep dapat berdasarkan tujuan pembuatan multimedia
interaktif.Sebagai contoh tema yang diambil ialah mata pelajaran Matematika.
Berdasarkan tema, berikut ini contoh menentukan konsep dalam tahapan ini.
1. Tujuan pembuatan aplikasi multimedia interaktif
Tujuannya untuk sebagai penyampaian materi kepada peserta didik
2. Mengidentifikasi pengguna (user)
Pengguna multimedia interaktif ini adalah siswa SMA/SMK
3. Bentuk aplikasi
Aplikasi ini berbentuk multimedia interaktif berbasis media interaktif.
4. Struktur navigasi
Multimedia interaktif menggunakan struktur navigasi non-linier
5. Model multimedia interaktif
Pembuatan multimedia interaktif ini menggunakan model tutorial, yakni
menyampaikan materi terlebih dahulu kemudian memberikan soal-soal atau kuis.

b. Merancang content multimedia interaktif

Langkah selanjutnya ialah merancang konten multimedia interaktif. Sebagai contoh
berdasarkan tema dan konsep diatas, konten yang dibuat berisi beberapa menu seperti
home, materi, kuis dan cara penggunaan, exit. Setiap menu terdapat gambar dan teks.
Penggunaan video terdapat pada menu Materi. Sedangkan audio diterapkan disetiap
menu pada multimedia interaktif

c. Membuat storyboard
Secara umum, langkah-langkah membuat storyboard sebagai berikut:
1. Mencatat poin-poin penting, ide dan juga konsep yang akan ditampilkan dalam
storyboard.
2. Membuat sketsa kasar visual dalam semua frame

10
 MULTIMEDIA SMKN 1 SIMPANGKATIS
DESAIN MEDIA INTERAKTIF
Disusun Oleh Aidilia Fitriyanti,S.Kom

3. Storyboard juga bisa dibuat di kertas dengan coretan dan tulisan manual atau dengan
Microsoft word.
Berdasarkan konsep dan rancangan konten di atas, dapat dibuat storyboard seperti
tabel di bawah ini:
Tabel. Storyboard multimedia interaktif Matematika
No. Tampilan Isi Keterangan
Aplikasi induk berisi Merupakan halaman
menu utama dan layout utama pada saat aplikasi
dasar. Yang dijalankan yang berisi
diperlukan/ditampilkan: menu home, materi, kuis
-Menu Home dan cara penggunaan
-Menu Materi
1 Starting.exe
-Menu Kuis
-Menu Cara Penggunaan
-Keluar
-Music Background
-Penunjuk hari dan jam
-Header dan Footer
Berisi tampilan semua Tampilan halaman menu
2 Menu Home menu yang ada pada home
aplikasi
Berisi uraian materi yang Tampilan halaman menu
berisi beberapa sub- materi
bahasan yaitu,
3 Menu Materi
pengertian, cara
perhitungan dan contoh
soal.
Berisi soal-soal untuk Tampilan halaman menu
4 Menu Kuis mengetahui pemahaman kuis
materi
Berisi informasi cara Tampilan halaman cara
5 Menu Cara penggunaan
penggunaan aplikasi penggunaan

Referensi:
- Noviana, 2019. Desain Media Interaktif. Surakarta: CV. Mediatama
- Modul SMK BBM Kandanghaur – Indramayu (ST,Puad. Desain Media Interaktif)

11