 BAB 1 KONSEP DAN PERANCANGAN ALURMULTIMEDIA INTERAKTIF

Yang akan dipelajari pada Bab 1 yaitu

Definisi Multimedia Interaktif

Manfaat Multimedia Interaktif

Konsep dan Perancangan Alur

A. Konsep Multimedia
M ultim edia Interaktif

Interaktif Berbasis Halaman Tools dan Penggunaanya

Web dan Multimedia Interaktif

Alat Penyusun Multimedia

Format Sajian Multimedia

Interaktif

Tahap-Tahap Teori desain

B. Desain untuk Multimedia
Interaktif Berbasis Halaman
Web dan Media Interaktif
Tahap Prinsip Desain Media
Warna dan Elemen
 A. Konsep multimedia interaktif berbasis halaman web dan media interaktif

Secara terminologi multimedia bias diterjemahkan sebagai penggunaan berbagai media yang
berbeda untuk membawa atau menyampaikan informasi dalam bentuk teks, gravik, animasi, audio,
video, dana tau gabungan dari beberapa komponen tersebut.

1) Definisi multimedia interaktif

Secara multimedia interaktif berbasis halaman web dan media interaktif , identic dengan
pemahaman tentang pemanfaatan computer dalam pembuatan dan penggabungan dari bagian
teks, gambar, suara, video, dan animasi yang dapat membuat si pengguna atau user dapat
menggunakan atau berhubungan baik secara web maupun media interaktif.

No Nama Ahli Pengertian

1. Heinich, Russel, Molenda, Multimedia merujuk kepada bermacam gabungan dari dua
dan Smaldio atau lebih susunan media yang ada di dalam bentuk
informasi atau program.
2. hofstetter Dalam konteks computer, multimedia adalah
pemanfaatan computer untuk membuat dan
menggabungkan teks, grafik, audio, video, dengan
menggunakan tool sehingga pemakai dapat berinteraksi,
berkreasi, dan berkomunikasi.
3. McComick Multimedia identic dengan kombinasi dari tiga elemen,
yaitu suar, gambar, teks
4. Rada Multimedia mengacu kepada gabungan sebagai media
yang ada
5. Rosch Multimedia identic dengan kombinasi dari computer dan
video

a) Klarifikasi Multimedia

Pengguna diberbagai media yang berbeda dengan tujuan membawa maupun menyampaikan
berbagai jenis informasidalam bentuk teks, grafik, animasi, audio, video maupun gabungan dari
beberapakomponen bias disebut sebagai sebuah multimedia.

 Berdasarkan jenisnya

Secara umum multimedia dibagi menjadi 2, yaitu :

1. Multimedia linear yaitu multimedia yang berjalan tanpa menggunakan suatu alat yang dapat
dikontrol oleh pemakai secara manual, misalnya TV dan film.
2. Multimedia interaktif yaitu memiliki suatu alat untuk mengontrol dan adapat digunakan oleh
useryang bersangkutan, sehingga membuat pemakai tersebut bisa meilih tujuannya.

 Berdasarkan proses

Secara umum, multimedia dapat terjalin karena adanya hubungan interaktif antara penyaji dengan
pemanfaat informasi yang ada di halaman. Berdasarkan prosesnya multimedia dikategorikan sebagai
 1. Multimedia content production, yaitu pengguna dan pemrosesan beberapa media (text,
audio, grafik, animasi, video, dan interaktif) yang berbeda untuk menyampaikan informasi
atau hasil produk (music, video, film, game, entertainment, dan lain-lain. Demikian mampu
menggabungkan berbagai media dengan metode baru
2. Multimedia communication, yaitu menggunakan media (massa) dengan tujuan
mempublikasikan atau menyiarkan serta mengkomunikasikan materiil advertising, public-
city, entertaiment, news, education, dll. Pada kategori ini media menggunakan media tv,
radio, film, cetak, music, game, entertainment, tutorial, dan internet.

 Berdasarkan jaringan

Berdasarkan jaringan, multimedia dapat dikategorikan sebagai :

1. Multimedia interaktif online, yaitu identic dengan media yang cara penyampaiannya melalui
jalur, kawat, saluran, jaringan. Missal : situs web, yahoo, gmail, dsb. Jenis media ini termasuk
media lini atas yang mencakup komunitas sasaran yang luas, atau masyarakat luas.
2. Multimedia interaktif offline, yaitu media yang cara penyampaiannya memlalui jalur, kawat,
saluran, jaringan. Misalnya Cd interaktif yang berisi company file pada sebuah perusahaan
atau media pembelajaran. Jenis ini termasuk media lini bawah karean sasarannya tidak
terlalu luas dan menvakup masyarakat pada wilayah tertentu saja.

b) Komponen multimedia

Pada dasarnya multimedia interaktif mencakup penggabungan beberapa komponen yaitu :

 Animasi : sebagai kumpulan gambar yang ditampilkan secara bergantian atau berurutan,
sehingga terlihat bergerak atau hidup. Selain itu, animasi lebih menarik dan mudah
dimengerti serta lebih komunikatif dalam penyampaian dalam suatu tujuan.
 Audio : identic dengan hal yang didengarkan menggunakan indra prndengaran. Suara di
dalam multimedia umumnya berupa suara music, suara voice record, dan efek-efek suara
lain.
 Gambar : suatu hasil dari penjelasan gambar visual yang ada, guna mengetahui gambar ini
diperlukan untuk menunjukkan informasi yang tidak bisa di artikan dengan sebuah kata.
Gambar dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan kata.
 Teks : element yang cukup pentimg dalam pembuatan multimedia. Sebagaian besar
multimedia menggunakan teks karena sangat efektif untuk menyampaikan ide dan panduan
pada pengguna.
 Video : identic dengan gambar-gambar yang saling berurutan, sehinngga menimbulkan efek
gerak yang dapat dilihat dan juga didengar.
 c) Fungsi media interaktif

Fungsinya diantara lain yaitu, e-learning, komunikasi dalam bidang dan keuangan, komunikasi bisnis
dan konsumen, komunikasi antar konsumen dalam jejaring social, komunikasi pemerintah dalam hal
informasi public dan layanan masyarakat, komunikasi kebudayaan, serta sebagai sarana hiburan.

2) Manfaat multimedia interaktif

Dengan multimedia penyampaian sebuah produk menjadi lebih menarik, apalagijika dilengkapi
dengan unsur interaktifitas di dalamnya, dimana interaktifitas identik dengan rancangan dibalik
sebuah program multimedia.

a. Manfaat multimedia

Manfaat yang diperoleh oleh pengguna multimedia interaktif adalah jumlah waktu pertemuan yang
dapat dikurangi informasi yang lebih menarik, lebih interaktifkualitas belajar dapat ditingkatkan,
sikap belajar dapat ditingkatkan, serta proses penyampaian dapat dilakukan dimana saja dan kapan
saja. Manfaat multimedia sebagai berikut :

 Kemampuan memperbesar benda yang sangat kecil

 Kemampuan memperkecil benda yang sangat besar
 Kemampuan menyajikan benda atau peristiwa yang kompleks dsn rumit maupun
berlangsung sangat cepat atau lambat
 Kemampuan dalam menyajikan benda atau peristiwa yang jauh sepeti bintang
 Kemampuan dalam menyajikan benda atau peristiwa yang berbahaya sepeti harimau
 Kemapuan meningkatkan daya Tarik dan perhatian
 Dalam pendidikan antara lain jumlah waktu mengajar dapat dikurangi, proses pembelajaran
lebih menarik dan interaktif kualitas belajar dapat ditingkatkan, proses belajar mengajar
dapat dilakukan dimana saja, kapan saja.

b. Penerapan multimedia dalam kehidupan sehari-hari

 Bisnis, meliputi pengajaran, presentasi, periklanan, katalog, database, instant message, dan
komunikasi jaringan.
 Pendidikan, merubah belajar mengajar konvensiaonal menjadi lebih interaktif,sehingga
dapat menggantikan KBM. Misalnyaaplikasi media interaktif meningkatkan kemampuasn
membaca pada anak usia dini, dalam bentuk animasi membantumeningatkan minat mereka.
 Dalam rumah, bebrbagai jenis permainan menggunakan tv sebagai sarana penyalur, seperti
sega, PS, Nintendo.
 Tempat umum, berupa kios informasi seperti hotel, museum, pusat perbelnajaan, pusat
hiburan.

3) Tools dan penggunaannya

Peralatan multimedia bukan hanya computer tetapi juga HP sudah menjadi perangkat yang
sangat canggih. Secara umum perangkat multimedia dikategorikan sebagai berikut :
 Perangkat keras multimedia
Jenis-jenis perangkat keras yang dibutuhkan untuk multimedia dikategorikan menjadi
1. Perangkat konektor
Yaitu kecepatan transfer data yang digunakan akan menentukan kecepatan
pengiriman konten multimedia. Penyebabnya adalah antara beberapa perangkat
 computer seperti hard disk, monitor, video proyektor, speaker, dan perangkat-
perangkat lain. Jenis-jenis perangkat konektor yang biasa digunakan sebagai berikut
 HDMI (High Definition Mulltimedia Interface)
HDMI identic dengan standart koneksi digital yang dirancang guna
menampilkan gambar dan suara dalam resolusi tinggi
 IDE (intergrated Drive Electronic)
Antara muka IDE menjadi standart untuk media simpan yang terhubung
dengan computer
 MCI (Media Control Interface)
MCI terdiri 4 interface yaitu AVI video, CD audio, sequencer, dan waveaudio.
 SCSI (Small Computer System Interface)
SCSI mendefinisikan perintah, protocol, serta antar muka elektrik dan optic.
 USB (Universal Serial Bus)
Perangkat dapat dipasang dan dilepas tanpa mematikan dan meyalakan
computer.
2. Perangkat input
Yaitu perangkat yang berfungsi untuk mentransformasi informasi dari dunia luar
untuk diolah di computer. Perangkat input pada umumnya dikendalikan secara
langsung oleh user. Contoh : mouse, touchpad, touchscreen, trackball, lightpen,
keyboard, microphone, dll.
3. Perangkat output
Yaitu perangkat yang digunakan untuk mengkomunikasikan hasil olehan data dari
computer user. Contoh : speaker, amplifier, proyektor, monitor dan printer.
4. Perangkat penyimpinan
Yaitu : perangkat yang digunakan untuk merekam informasi atau menyipan
informasi. Contoh : CD, DVD, Hard Disk, RAM, ROM
5. Perangkat komunikasi
Yaitu : aplikasi multimedia yang dibuat oleh sebuah team yang bisa jadi bekerja
dalam satu gedung berlainan yang dipisahkan oleh jarak yang berjauhan.

 Perangkat Lunak Multimedia

Berupa program-program untuk mengontrol bekerjanya system computer multimedia.
Perangkat tersebut dikategorikan sebagai berikut :
1. Perangkat lunak system
Yaitu DOS, Windows 95/98/ME, Windows NT/2000, Windows XP, Windows 7,
Windows 8, Windows 10, UNIX, LINUX, Mac OS.
2. Bahasa Pemrograman
Yaitu Bahasa-bahasa yang digunakan programmer untuk membuat aplikasi
multimedia, misalnya Assembly, C, C++, Delphi, SQL, Java, dan Visual Basic.
 Perangkat Lunak Aploikasi Multimedia
Yaitu aplikasi yang dibuat secara personal ataupun organisasi yang digunakan user untuk
bekerja pada bidang-bidang multimedia spesifik seperti grafik 2D, modelling dan animasi.
Beberapa jenis perangkat lunak yaitu :
1. Perangkat Lunak Pengolahan Animasi dan Grafik 2D
 Grafik 2D Image : Adobe Photoshop, Jasc Paintshop Pro, Gimp, Adobe Flash
 Grafik 2D Vektor : Corel draw, Adobefreehand, Adobe Illustrator

2. Perangkat pengolahan Teks

 Beberapa jenis aplikasi pengolah teks yang banyak digunakan antara lain
MicrosoftWord, Word Star for Windows, Word Perfedt dan Start Writer,
sedangkan Open Writer, KWriter dan Abi Word termasuk dalam aplikasi
pengolah teks yang open source.

 Perangkat Lunak Pengolah Animasi dan Modeling Grafik 3D

Jenis oerangkat yang paling banyak digunakan antara lain Softimage, 3D studio MAX,
Lightwave, Maya, Blender, dsb

 Perangkat Lunak Authoring Multimedia

Authoring sebagai aplikasi computer yang memberikan peluang kepada user dalam
mengembangkan sebuah perangkat lunak. Dengan fungsi dragging dan dropping pada
berbagai objek multimedia tanpa harus mengetahui penggunaan dan pemahaman Bahasa
pemrograman misalnya Macromedia Authoring. Aplikasi authoring yang dilengkapi dengan
penggunaan coding, seperti macromedia director dengan dilengkapi Bahasa pemrograman
Lingo. Secara umum jenis perangkat lunak authoring multimedia dikategorikan sebagai
berikut:
 Authoring berbasis Icon
Umumnya digunakan Microsoft Power Point dan Adobe Authorware
 Authoring berbasis Halaman
Umumnya digunakan HyperCard dan ToolBook Assistant
 Authoring berbasis Waktu
Umumnya digunakan Adobe Director
4) Alat penyusun multimedia (multimedia authoring tools)
Perangkat lunak yang digunkana dalam membuat paket penyampaian konten multimedia
sebagai bentuk gabungan dari teks, gambar, grafik, suara, animasi, dan vido yang
ditunjukkan kepada pengguna (user). Alat penyusun multimedia juga sangat bervariasi
diantaranya CD-ROM interaktif, file web, kiosk, dan file eksekusi. Jenis jenis authoring tools
multimedia interaktif terdiri atas Adobe Director, Adobe Flash, Composica, Komposer FX,
Lectora, Adobe Authorware, Microsoft PowerPoint, Mohive, Presenter iSpring.
 Adobe Flash
Digunakan untuk membuat gambar vector beserta animasinya, berkas yang
dihasilkan memiliki file SWF sehingga dapat diputar di penjelajah Web yang telah
terinstal aplikasi Adobe Flash player, flash menggunakan Bahasa pemrograman
Action script. Adobe Flash didesain dengan kemampuan animasi 2 dimensi yang
handal dan ringan sehingga banyak digunakan dalam membangun dan memberikan
efek animasi pada CD interaktif, website dll. Aplikasi jenis ini dapat digunakan pada
animasi logo, ecard, game, interaktif form isian, layar baner, menu interaktif, movie.
 Microsoft Power Point
Identik disebut program computer khusus presentasi yang dikembangkan oleh
Microsoft di dalam paket aplikasi perkantoran Microsoft office terdiri dari Microsoft
word, excel, access dsb.

5) Format sajian multimedia interaktif

 Beberapa jenis format sajian multimedia interaktif yang digunakan dalam keseharian yaitu :
 Drill and practice
Untuk melatih pengguna sehingga memiliki kemahiran dalam suatu keterampilan
atau memperkuat penguasaan suatu konsep maka drill and practice sangat
dibutuhkan. Program menyediakan serangkaian pertanyaan yang ditampilkan secara
acak, sehingga setiap kali digunakan pertanyaannya bebeda. Program dilengkapi
dengan jawabannya dengan penjelasannya sehingga user bisa memahami konsep
tersebut. Setelah memilih jawaban akhir akan keluar skor keseluruhan.
 Eksperimen
Menyediakan serangkaian alat dan bahan kemudian melakukan eksperimen sesuai
petunjuk dan mengembangkan eksperimen tersebut.
 Permainan
Permainan mengacu pada proses tertentu, missal untuk pembelajaran desain
interaktif bagi siswa SMK. Dengan program ini diharpkan siswa belajar dan bermain,
bermain untuk mengembangkan ilmu yang diterima dari sekolah.
 Simulasi
Format ini mencoba menyamai proses dinamis yang terjadi di dunia nyata. Missal
memanipulasikan pengendalian pembangkit listrik tenaga nuklir. Memanipulasikan
pesawat terbang diama seolah olah seseorang melakukan aktivitas menerbangkan
pesawat terbang.
 Tutorial
Format ini digunakan sebagai multimedia dimana dalam penyampaiannya dilakuakn
secara tutorial (bercerita) seperti yang dilakukan oleh guru atau instruktur. Tutorial
disajikan berupa bentuk teks, gambar diam ataupun bergerak, grafik.

B. Desain untuk Multimedia Interaktif Berbasis Halaman Web dan Media Interaktif
 1. Tahap-tahap teori desain secara runtut yaitu :
a) Tahap desain treatment
Desain treatment yaitu desain yang berhubungan dengan jenis analisis jenis produk yang
akan dibuat dan factor-faktor yang dibutuhkan untuk membuatnya. Terdapat objek yang
ditampilkan dalam format animasi berulang dengan tujuan menarik perhatian sehingga
memiliki keinginan mempelajari lebih lanjut. Sebuah media warna dan element pada tahap
design treatmen harus melalui sebuah proses analisis. Yaitu :
 Pembatasan Materi
Diperlukan untuk menjaga media agar focus mencapai tujuan yang diharapkan.
 Target audiens
Digunakan untuk menetapkan pengayaan desain, kompleksan navigasi, warna,
elemenitas misalnya anak-anak dan orang dewasa
 Fitur yang ditampilkan
Tampilan media yang hanya sebatass materi yang dilengkapi dengan tayangan
simulasi, konsep evaluasi dalam bentuk kuis, penyimpan data evaluasi.
 Keberadaan media
Keberadaan media sejenis yang sudah ada sebelumnya sehingga menjadi
pertimbangan sendiri, misalnya factor-faktor yang mebedakan media yang akan
dibuat dengan media yg sudah ada.
 Waktu yang digunakan
Aplikasi yang digunakan untuk mewujudkannya berhubungan dengan waktu, baik
waktu tayang maupun waktu dalam pembuatannya.

b) Tahap visual development phase

Tahap ini lebih mudah dilakukan oleh seorang desainer grafis karena membutuhkan skill
grafis dan kepekaan estetik. Asset visual meliputi grafik yang akan digunakan sebagai objek
dalam media, efek visual, tiporgafi, dan grafik untuk keperluan interface. Terdapat beberapa
hal yang perlu diperhatikan agar media yang dihasilkan nantinya menjadi lebih optimal,
diatarnya sebagai berikut :
 Lisensi gambar
Jika gambar yang akan digunakan memiliki watermark menandakan bahwa gambar
yang bersangkutan memiliki lisensi dan tidak boleh digunakan tanpa izin,
 Ukuran
Missal gambar terlalu kecil akan terdistorsi jika diperbesar atau pada gambar yang
terlalu besar sehingga memakan memori serta ukuran file sehingga tidak efektif
 Variasi tipe grafis
Secara mendasar dikategorikan menjadi tipe bitmap dan vector. Bitmap berbentuk
atas titik-titik yang berwarna sedangkan vector bebrbendtuk kurva.