MODUL

DESAIN MEDIA INTERAKTIF

KELAS 12 MULTIMEDIA
─

Sandi Saputra, S.Kom

SMK NEGERI 1 BANJAR
Jl. Kh. Mustofa Kel.Banjar Kec.Banjar Kota Banjar Jawa Barat
46311
 1

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 dan media interaktif.

A. Konsep Multimedia Interaktif

Pada dasarnya konsep identik dengan suatu hal yang memahami dari suatu
pemikiran atau ide yang ada dengan kata lain pemahaman tentang pemanfaatan
komputer dalam pembuatan dan penggabungan dari bagian teks, gambar, suara,
video, dan animasi yang dapat membuat si pengguna akhir (end-user) baik secara
web maupun media interaktif.

1. Definisi Multimedia Interaktif

Beberapa fungsi dari multimedia interaktif diantaranya untuk e-learning,

manajemen dan keuangan, bisnis dan konsumen (e-commerce), jejaring
sosial, informasi publik dan layanan masyarakat, budaya, serta sarana
hiburan.

a. Teminologi multimedia

Secara umum kata multimedia terdiri dari kata multi (banyak) dan
medium (sesuatu yang dipakai untuk menyampaikan).

Secara terminologi (menurut istilah) multimedia sebagai penggunaan

berbagai media yang berbeda untuk membawa atau menyampaikan
 2

informasi dalam bentuk teks, grafik, animasi, audio, video atau

gabungan dari beberapa komponen tersebut.

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 atupun program.

2) Hofstetter

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) McComick

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 iedntik dengan kombinasi dari komputer dan video.

6) Turban dan kawan-kawan

Multimedia sebagai kombinasi dari paling sedikit dau media

input dan output.

Media ini dalam bentuk audio, video, animasi, teks, gambar dan
grafik.

7) Vaughan
 3

Multimedia identik dengan suatu gabungan dari suara, teks,

gambar, animasi, dan video yang diberikan dengan memakai
barang elektronik.

b. Klasifikasi multimedia
1) Menurut jenisnya

Secara umum multimedia dikatagorikan menjadi:

a) Multimedia linear

Multimedia yang berjalan tanpa menggunakan suatu alat

yang dapat dikontrol secara mandiri oleh pemakai,
contohnya: TV dan film.

b) Multimedia interaktif

Multimedia ini digunakan untuk mengontrol dan dapat

digunakan oleh end-user sehingga bisa memilih
tujuannya.

Multimedia interaktif dibagi menjadi 2 (dua), yaitu:

(1) Hierarchyal

Jika end-user memiliki pilihan terhadap topik yang

bisa mendaji sub topik.

(2) Non linear

Jika end-user bebas melakukan pergerakan untuk

bisa melihat isi materi dengan cara berkomunikasi
melalui perangkat tersebut.

2) Menurut proses

Jenis-jenis multimedia menurut prosesnya:

a) Multimedia communication
 4

Jenis ini yang banyak digunakan, diantaranya:

- cetak
- ICT (internet)
- entertainment
- film
- game
- musik
- radio
- turotial
- televisi
b) Multimedia content production

Penggunaan dan pemrosesan beberapa media yang

berbeda dalam menyampaikan informasi atau
menghasilkan produk multimedia, diantaranya:

- cetak
- ICT (internet)
- entertainment
- film
- game
- musik
- radio
- turotial
- televisi

Dalam kategori ini jenis media yang digunakan adalah

media teks, gambar, animasi, video, audio, interactivity
dan spesial effect.

3) Menurut jaringan

Jenis multimedia ini dikategorikan menjadi dua:

a) Multimedia online

Media jenis ini masuk ke dalam lini atas dengan

komunitas sasaran yang luas.
 5

Contonhya: penggunaan jaringan internet, dll.

b) Multimedia offline

Media jenis ini masuk ke dalam lini bawah dengan target

sasaran yang terbatas.

Contohnya: penggunaan CD interaktif.

c. Komponen multimedia

Komponen multimedia interaktif, diantaranya:

1) Annimation (animasi)
2) Image (gambar)
3) Text (teks)
4) Audio dan video

2. Manfaat Multimedia Interaktif

Beberapa keunggulan multimedia adalah sebagai berikut.

No. Keunggulan Implementasi

1 menyajikan benda atau peristiwa yang posisi bulan,

jauh pergerakan bintang,
gerhana, salju, dll.

2 memperbesar benda kecil sampai yang atom, bakteri, kuman,

tidak nampak oleh mata elektron, dll.

3 memperkecil benda yang besar gedung, gunung, kapal,

dll.

4 menyajikan benda atau peristiwa yang pergerakan mesih,

kompleks dan rumit secara cepat datau sistem pada tubuh
lambat manusia/hewan,
peredaran planet, dll.

5 menyajikan benda atau peristiwa yang gunung meletus,

berbahaya gempa bumi, angin
topan, dll.
 6

Penerapan multimedia dikehidupan seharai-hari:

a. Perumahan (house)
b. Ruang Usaha
c. Pendidikan
d. Ruang publik (tempat umum)

3. Tools dan Penggunaannya

Jenis-jenis perangkat multimedia adalah:

a. Perangkat keras (hardware)

1) Perangkat konektor

Jenis perangkat konektor:

a) USB

USB (universal serial bus) digunakan untuk penghubung

sebuah soket antar muka standar.

Contohnya: flashdisk

b) SCSI

SCSI (small computer system interface) digunakan untuk

penghubung fisik dalam pertukaran data antara
komputer dan pheriperal.

Contohnya: hardisk.

c) MCI

MCI (media control interface) sebagai pengendali

pheriperal yang terhubung dengan komputer.

Contohnya: AVI video, CD audio, sequencer dan

waveaudio.

d) IDE

IDE (integrated drive electonic) menjadi standar untuk

media simpan yang terhubung ke komputer.

e) HDMI
 7

HDMI (high definition multimedia interface) merupakan

standar koneksi digital untuk menampilkan gambar dan
suara dengan resolusi tinggi.

2) Perangkat output dan input

a) Perangkat pointing:
- mouse
- touchpad
- touchscreen
- dll.

b) Perangkat input:
- scanner
- webcame
3) Perangkat komunikasi

Perangkat komunikasi diantaranya: modem dan ISDN.

4) Perangkat penyimpanan

Beberapa media penyimpanan adalah:

a) CD/DVD
b) Hardisk
c) Memory (RAM/ROM)

b. Perangkat lunak (software)

Perangkat lunak yang digunakan adalah:

1) Sistem operasi (operating system)

a) Windows
b) UNIX
c) Linux
d) MacOS
e) Anti virus

2) Bahasa pemrograman
a) Assembly
b) C
 8

c) C++
d) Delphi
e) Power builder
f) SQL
g) Java
h) Visual basic (VB)

3) Aplikasi berbasis web

a) Macromedia dreamweaver
b) Microsoft front page
c) Adobe flash

4) Pengolah animasi dan modeling grafik 3D

a) 3D studio MAX
b) Blender
c) Softimage
d) LightWave
e) Maya
f) dll.

5) Aplikasi khusus multimedia

a) Perangkat pengolah teks
(1) Ms. Word
(2) Word star
(3) Word perfect
(4) Star writer
(5) dll.

b) Perangkat pengolah animasi dan grafik 2D

(1) Adobe photoshop
(2) Jasc paintshop pro
(3) Gimp
(4) Adobe flash
(5) Coreldraw
(6) Macromedia freehand
(7) Adobe Ilustrator
 9

c. Alat penyusun multimedia (multimedia authoring tools)

Jenis perangkat lunak authoring adalah:

1) Berbasis Icon
a) Power point
b) Macromedia authoware

2) Berbasis Card (halaman)

a) Hypercard
b) Toolbook assistant

3) Berbasis Waktu

Unsur-unsur yang ada akan diselenggarakan sepanjang waktu

menggunakan resolusi tinggi.

d. Format sajian multimedia interaktif

Jenis format sajian multimedia interaktif adalah:

1) Bercerita (tutorial)

Berisi suatu konsep atau informasi dalam bentuk teks, grafik,

gambar diam atau bergerak.

a) Tutorial terprogram

Seperangkat tayangan baik statis maupun dinamis yang

telah terlebih dahulu di program.

b) Tutorial intelijen
 10

Jawaban pada komputer terhadap peserta dihasilkan oleh

iteligensia artifiliasi, bukan jawaban-jawaban terprogram
yang telah disiapkan oleh perancang pelajaran.

2) Latihan dan praktik (drill and practise)

Format penyajian berisi serangkaian pertanyaan (soal) yang

akan ditampilkan secara acak, sehingga setiap kali digunakan
maka pertanyaan yang tampil selalu berbeda.

3) Simulasi (simulation)

Pada model ini memberikan pengetahuan secara dinamis,

interaktif dan perorangan.

Dengan simulasi, lingkungan pekerjaan yang kompleks dapat

ditata hingga menyerupai dunia nyata.

Contohnya: kejadian kecelakaan dalam berkendara.

4) Percobaan dan eksperimen (experiment)

Karakter dari percobaan adalah adanya alat, bahan, dan

prosedur yang dilakukan secara visual.

Contohnya: praktik IPA

5) Permainan (game)

Model jenis ini adalah menyediakan suasana/lingkungan yang

memebrikan falsilitas dengan menambahkan kemauan dan
kemampuan seseorang.

B. Desain Pada Multi Media Interaktif

Desain bukan hanya sekedar membuat sebuah produk atau aplikasi saja yang laku
dipasaran, memiliki bentuk yang indah atau mudah untuk dibuat, akan tetapi
 11

dibutuhkan juga sebuah metode untuk dijadikan arahan dalam proses pembuatan
dan perancangan.

1. Penggunaan Teori Desain

Tahapan teori desain secara runtut adalah:

a. Design Treatment

Desain yang berhubungan dengan analisis jenis produk yang akan

dibuat dan membutuhkan faktor-faktor tertentu untuk membuatnya.

b. Visual Development Phase

Pembuatan aset-aset visual dilakukan pada tahap visual development

phase dengan ruang lingkup grafik yang akan digunakan sebagai objek
dalam media, efek visual, penggunaan huruf (typographi) dan grafik
interface.

c. Programing Phase

Pekerjaan pemrograman membutuhkan ketelitian dan pemahaman

tentang logika.

Untuk memudahkan dalam proses pemrograman dapat

menggunakan bantuan flowchart (diagram alur).

d. Testing Phase

Tahap testing phase akan lebih baik dilakukan oleh beberapa orang
dengan tingkat keahlian yang berbeda, tujuannya adalah untuk
 12

menyeleksi kesalahan pada penulisan materi, ukuran interface, logika

dan lain-lain.

2. Prinsip Desain dengan Media Warna dan Elemen

Prinsip desain dengan media warna dan elemen adalah:

a. Keseimbangan (balance)

Keseimbangan dipengaruhi oleh beberapa faktor, diantaranya:

1) Posisi tempat sutau elemen

2) Perpaduan antar elemen
3) Besar kecilnya elemen
4) Kehadiran elem pada luasnya bidang

b. Penekanan (emphasis)

Penekanan merupakan strategi komunikasi yang bertujuan untuk

mengarahkan pandangan pembaca (audience) pada suatu objek yang
ditonjolkan.

c. Keselarasan (harmony)
 13

Sebuah media interaktif dikatakan dalam kondisi selaras jika tidak ada
pertentangan antara satu elemen dengan elemen lainnya.

d. Kesebandingan (proporsi)

Kesebandingan dapat dijangkau dengan menunjukkan hubungan

antara satu elemen dengan elemen lainnya.

e. Irama (ritme)

Gerak dan pengulangan akan mengajak mata untuk mengikuti

gerakan yang terjadi.

Arah pembaca sebuah desain (eyeflow) bisa diambil dari kiri ke kanan
atau dari atas ke bawah.

f. Kesatuan (unity)
 14

Prinsip kesatuan identik dengan sebuah kohesi, konsistensi,

ketunggalan atau keutuhan sebagai isi pokok dari sbuah komposisi.
 15

===============================================================

Sumber

Buku Desain Media interaktif, penerbit ANDI Yogyakarta

http://aeds.blogs.uny.ac.id/wp-content/uploads/sites/15253/2017/10/Tutorial.png