Desain

media interaktif
Khosin Abdullah
XII Multimedia 1
 Pengertian
Multimedia Interaktif
Secara etimologi, multimedia berasal dari kata
multi yang berarti banyak, bermacam-macam,
dan medium yang berarti sesuatu yang dipakai
untuk menyampaikan atau membawa sesuatu.
Multimedia adalah penggunaan komputer
untuk menyajikan dan menggabungkan teks,
suara, gambar, animasi dan video dengan alat
bantu (tool) dan koneksi (link), sehingga
pengguna dapat bernavigasi, berinteraksi,
berkarya dan berkomunikasi. Berdasarkan
pengoperasiannya, multimedia dapat
dibedakan menjadi dua, yakni multimedia
linear dan multimedia interaktif.

Back 2 Next
Pembahasan Materi
•Multimedia linear
Multimedia linear merupakan suatu
multimedia yang tidak dilengkapi
dengan alat pengontrol apapun yang
dapat dioperasikan oleh pengguna.
Multimedia ini berjalan sekuensial
(berurutan) dan pengguna hanya menjadi
penonton dan menikmati produk
multimedia yang disajikan dari awal
hingga akhir. Contoh multimedia linear
adalah televisi dan film.

Back Next
PEMBAHASAN MATERI

Multimedia Interaktif
Multimedia interaktif merupakan suatu
multimedia yang dilengkapi dengan alat
pengontrol yang dapat dioperasikan oleh
pengguna, sehingga pengguna dapat memilih
apa yang dikehendaki untuk proses
selanjutnya. Dengan kata lain, pengguna
memiliki keleluasaan dalam mengontrol
multimedia tersebut. Contoh multimedia
interaktif adalah aplikasi game dan CD
interaktif.

Back 4 Next
 Multimedia interaktif
Pengertian
Multimedia interaktif adalah pemanfaatan komputer untuk membuat serta menggabungkan teks, gambar, suara, video, dan animasi
dengan menggabungkan perangkat-perangkat tertentu yang dapat memungkinkan pengguna melakukan navigasi, berinteraksi, dan
berkomunikasi. Dengan adanya interaksi, pengguna tidak hanya melihat atau mendengar (see and hear), tetapi juga melakukan
sesuatu, seperti memberikan respons terhadap pertanyaan yang diajukan komputer atau aktif dalam simulasi yang disediakan
komputer.

Kelebihan
Mampu meningkatkan efektivitas penyampaian dan penerimaan informasi.
Multimedia interaktif merupakan cara yang kaya untuk mengomunikasikan sesuatu.
Dapat mendorong partisipasi, keterlibatan, dan eksplorasi penggunanya.
Menstimulasi pancaindra, karena bersifat visual.
Memberikan kemudahan pemakaian, terutama bagi pengguna yang masih awam.

Back 5 Next
 ELEMEN-ELEMEN MULTIMEDIA INTERAKTIF
a. Teks Pengertian
Teks adalah simbol berupa medium visual yang digunakan untuk menjelaskan bahasa lisan. Teks memiliki
berbagai macam jenis (misalnya, Times New Roman, Arial, Comic San MS), ukuran, maupun style
(misalnya, light, medium, bold, italic, dan decorated). Satuan dari ukuran suatu teks terdiri atas length dan
size. Length biasanya menyatakan banyaknya teks dalam sebuah kata atau halaman, sedangkan size
menyatakan ukuran besar atau kecil suatu huruf.
Kelebihan
• Dapat digunakan untuk menyampaikan informasi yang padat, rumit, dan kompleks,
• Teknologi untuk menampilkan teks pada layar komputer relatif sederhana,
• Sangat cocok sebagai media input maupun umpan balik (feedback).

Kekurangan
Kurang efisien bila digunakan sebagai media untuk memberikan motivasi. Selain itu, mata cepat lelah ketika
harus menyerap informasi melalui teks yang panjang dan padat pada layar komputer.

Back 6 Next
 ELEMEN-ELEMEN MULTIMEDIA
INTERAKTIF

Gambar
Gambar terdiri atas gambar diam dan gambar
bergerak (video). Contoh dari gambar diam,
yaitu foto, gambar digital, lukisan, dan poster.
Gambar diam biasa diukur berdasarkan
size/canvas size dan resolusi. Adapun contoh
gambar bergerak adalah animasi, video, dan
film. Selain bisa diukur dengan menggunakan
size dan resolusi, gambar bergerak juga
memiliki durasi, Kelebihan penggunaan gambar
dalam multimedia interaktif adalah lebih
mudah dalam mengidentifikasi objek-objek,
lebih mudah dalam mengklasifikasikan objek,
serta membantu menjelaskan konsep abstrak
menjadi konkret.
Back 7 Next
ELEMEN-ELEMEN
MULTIMEDIA INTERAKTIF
Grafik
Grafik adalah suatu medium berbasis visual. Grafik berfungsi
untuk memperindah tekstur background, sebagai visualisasi
informasi, dan untuk membuat tombol dengan cara
mensimulasikan gambar ikon secara visual. Seluruh gambar
dua dimensi adalah grafik. Apabila gambar di-render dalam
bentuk tiga dimensi (3D), biasanya tetap disajikan melalui
medium dua dimensi. Hal ini termasuk gambar yang
disajikan lewat kertas, televisi ataupun layar monitor. Grafik
bisa saja menyajikan kenyataan (reality) atau hanya
berbentuk ikonis. Contoh grafik yang menyajikan kenyataan
adalah foto, sedangkan contoh grafik yang berbentuk ikonis
adalah kartun

Back 8 Next
 ELEMEN-ELEMEN MULTIMEDIA INTERAKTIF
Audio
Audio atau medium berbasis suara adalah segala sesuatu yang bisa didengar dengan menggunakan indra
pendengaran. Contohnya, narasi, sound effect, dan backsound.

• Narasi digunakan untuk penyajian suatu prosedur Kelebihan

dalam suatu lingkungan yang interaktif.
• Sound effect merupakan salah satu cara efektif
untuk menarik perhatian audience ataupun
pengguna. Contohnya, sound pada tombol,
• Backsound digunakan untuk mengatur suatu
Kekurangan
suasana dalam suatu presentasi serta dapat
digunakan untuk mendukung berbagai bentuk
grafik maupun video.
• Dapat digunakan untuk memberikan informasi yang tidak dapat
dideskripsikan oleh teks, grafik, ataupun gambar. Misalnya untuk
suara-suara binatang dan bunyi desiran angin.
• b. Membantu penggunanya fokus pada informasi yang dipelajari,
karena pengguna cukup mendengarkan tanpa melakukan aktivitas lain
yang menuntut konsentrasi
memerlukan tempat penyimpanan yang besar di dalam komputer serta
memerlukan software dan hardware yang spesifik agar suara dapat
disampaikan melalui komputer.

Back 9 Next
 ELEMEN-ELEMEN MULTIMEDIA
INTERAKTIF

Interaktivitas
Interaktivitas adalah rancangan dibalik suatu
program multimedia. Interaktivitas
memberikan keleluasaan bagi seseorang
untuk mengakses berbagai macam bentuk
media atau jalur di dalam suatu program
multimedia, sehingga program tersebut dapat
lebih berarti dan lebih memberikan kepuasan
bagi pengguna. Interaktivitas dapat disebut
juga sebagai interface design atau human
factor design.
Keunggulan multimedia dalam hal
interaktivitas adalah media ini secara inheren
membuat penggunanya untuk berinteraksi
dengan materi.
Back 10 Next
 MACAM-MACAM MULTIMEDIA INTERKATIF

Berdasarkan penyampaiannya
Multimedia interaktif online
Adalah media interaktif yang cara penyampaiannya melalui jalur/kawat/ saluran/jaringan. Contohnya,
seperti situs Web, Yahoo Messengers, dan lain sebagainya. Jenis media ini termasuk media lini atas, yang
komunitas sasarannya luas dan mencakup masyarakat
luas.

Multimedia interaktif offline

Adalah media interaktif yang cara penyampaiannya tidak melalui jalur/kawat/saluran/ jaringan. Contohnya,
seperti CD interaktif, company profile, dan media pembelajaran interaktif (misalnya, model tutorial, drill
and practice, dan simulasi). Media ini termasuk media lini bawah, karena sasarannya tidak terlalu luas dan
hanya mencakup masyarakat pada daerah tertentu saja

Back 11 Next
Pengembangam Multimedia Interaktif

Mendefinisikan kebutuhan; analisis sistem

mendefinisikan masalah kebutuhan pengguna dan
1 menentukan bahwa pemecahannya memerlukan
Studi kelayakan; suatu studi yang dilakukan untuk
mutimedia.
menentukan kemungkinan apakah pengembangan proyek
sistem multimedia layak diteruskan atau tidak.
2
Analisis kebutuhan sistem, apakah sistem yang sudah ada
3 sudah memenuhi kebutuhan minimal.
Merancang konsep; analisis sistem dan pengguna
mungkin bekerja sama dengan profesional komunikasi,
seperti produser, sutradara, dan teknisi video, terlibat
dengan rancangan konsep yang menentukan keseluruhan
4
Merancang isi; pengembangan terlihat dalam pesan dan memeriksa urutan utama.
rancangan isi dengan menyiapkan spesifikasi aplikasi
5 yang rinci. Pada tahap inilah, media dipilih.

Back 12 Next
Pengembangam Multimedia Interaktif

Merancang grafik; grafik yang dipilih mendukung media,

latar belakang, dan perlengkapan yang perlu digunakan 6
Menulis naskah; dialog atau semua elemen dalam merancang media
7 terinci dari urutan yang ditentukan.

Memproduksi sistem; pengembangan sistem produksi

berbagai bagian dan menyatukannya dengan sistem. 8
Melakukan tes pengguna, analisis sistem mendidik
pengguna menggunakan sistem dan memberikan
9 kesempatan bagi pengguna untuk akrab dengan semua
fitur. Memelihara sistem; seperti sistem berbasis
komputer lain, sistem multimedia harus
dipelihara. 10

Back 13 Next
Aplikasi Multimedia Interaktif
Bidang pendidikan
Bidang pendidikan merupakan salah satu bidang utama yang mendapat manfaat dari teknologi
multimedia interaktif. Hal ini tampak dari berbagai aplikasi yang digunakan dalam bidang
pendidikan, seperti e-learning, e-book, dan e-training.
Multimedia sangat membantu dalam dunia pendidikan
disebabkan oleh beberapa faktor berikut:
Multimedia dapat menampilkan objek biologi yang sangat
kecil, seperti kuman, bakteri, dan mikroorganisme lainnya
untuk dapat dilihat dan dipelajari.
1
Multimedia dapat menampilkan objek yang sangat besar dan
2 jauh seperti planet, sistem tata \surya, bentuk gunung,
dataran tinggi, dan lain sebagainya.
Multimedia dapat menampilan animasi dari objek
yang bergerak. 3
4 Multimedia dapat menambah daya tarik siswa untuk
mengamati berbagai objek.

Back 1 Next
4
Aplikasi Multimedia Interaktif
Keuntungan dan manfaat multimedia
interaktif di bidang pendidikan
1
Multimedia dapat membantu siswa dalam
mengingat dan mengerti pelajaran.

2 Multimedia menyampaikan isi pelajaran

dengan canggih dan berkesan.
Multimedia dapat menampilkan dan memberikan
pengetahuan secara teks maupun gambar
animasi tentang objek-objek yang sulit kepada siswa.
3
4 Multimedia mampu menunjukkan dunia sekitar yang
kaya dengan ilmu pengetahuan

Multimedia dapat membuat siswa menjadi tertarik

pada pelajaran, sehingga proses belajar siswa
tidak membosankan.
5
6 Multimedia dapat membuat siswa menjadi lebih
aktif, baik dengan guru maupun dengan siswa lain.

Back 1 Next
5
Aplikasi Multimedia Interaktif
Model Multimedia Interaktif Bidang Pendidikan
1). tutorial
Model tutorial adalah salah satu jenis model pembelajaran yang memuat penjelasan,
rumus, prinsip, bagan, tabel, definisi istilah, latihan dan branching yang sesuai. Disebut
branching karena terdapat berbagai cara untuk berpindah atau bergerak melalui
pembelajaran berdasarkan jawaban atau respons pengguna terhadap materi, soal-soal
atau pertanyaan-pertanyaan. Model tutorial bertujuan untuk menyampaikan atau
menjelaskan materi tertentu. Komputer menyampaikan materi, mengajukan pertanyaan
dan memberikan umpan balik sesuai dengan i jawaban pengguna.
2). Drill and Practice
Model ini menganggap bahwa konsep dasar telah dikuasai oleh pengguna (siswa) dan
mereka sekarang siap untuk menerapkan rumus-rumus, bekerja dengan kasus-kasus
konkret, dan menjelajahi daya tangkap mereka terhadap materi. Fungsi utama latihan
dan praktik dalam program pembelajaran berbantuan komputer adalah memberikan
praktik sebanyak mungkin terhadap kemampuan siswa.

Back 16 Next
 APLIKASI MULTIMEDIA INTERAKTIF
Model Multimedia Interaktif Bidang Pendidikan
Simulasi
Simulasi digunakan untuk memperagakan suatu keterampilan, sehingga pengguna merasa seperti berada
dalam keadaan yang sebenarnya. Simulasi banyak digunakan pada pembelajaran materi yang
membahayakan, sulit, atau memerlukan biaya tinggi. Misalnya, untuk keperluan kegiatan praktikum di
laboratorium, serta untuk melatih pilot pesawat terbang atau pesawat tempur.

Intructional Game’s
Model ini jika didesain dengan baik dapat memanfaatkan sifat kompetitif pengguna untuk memotivasi dan
meningkatkan belajar. Seperti halnya simulasi, instructional games atau game pembelajaran yang baik sukar
dirancang dan perancang harus yakin bahwa dalam upaya memberikan suasana permainan, integritas tujuan
pembelajaran tidak hilang.

Back 17 Next
Aplikasi Multimedia
Interaktif
Bidang Kesehatan
• Pada bidang kesehatan, multimedia interaktif
digunakan sebagai media bagi dokter untuk
melihat ataupun melakukan simulasi virtual
operasi, serta mengembangkan teknik yang sesuai
untuk mencegah terjadinya penyakit menular oleh
virus dan bakteri.

Back 1 Next
8
Aplikasi
Multimedia Interaktif
BIDAN BISNIS DAN PEMASARAN
• Multimedia interaktif mempunyai peranan
penting dalam bidang bisnis, karena dapat
digunakan sebagai media promosi. Dengan
promosi yang inovatif, kreatif, dan interaktif,
maka daya saing sebuah produk menjadi lebih
tinggi.

Back 19 Next
Aplikasi Multimedia
Interaktif
Bidang Teknik
• Pada bidang teknik, multimedia dimanfaatkan dalam
berbagai aplikasi dan software simulasi yang berbasis
teknik. Simulasi yang digunakan dapat menampilkan
objek-objek dua dimensi dan tiga dimensi yang dapat
membantu di bidang teknik industri, teknik mesin, dan
teknik sipil.

Back 20 Next
Aplikasi Multimedia
Interaktif
Bidang Transportasi dan komunikasi
• Pada bidang tranportasi, multimedia digunakan untuk
menampilkan sistem navigasi sebuah pesawat atau
kapal laut. Pada navigasi kapal laut, multimedia dapat
digunakan untuk menentukan koordinat dan arah gerak
kapal.
• Adapun pada bidang komunikasi, multimedia
dimanfaatkan untuk mempermudah manusia bertukar
informasi. Pada perangkat mobile seperti smartphone,
tablet, dan iphone, sudah banyak menggunakan
multimedia khususnya dalam content mobile.

Back 21 Next
 Aplikasi Multimedia
Interaktif
Bidang Hiburan
• Pada bidang, hiburan (entertainment), teknologi
multimedia interaktif dapat
menghasilkan permainan (game) yang lebih
menarik. Selain itu, multimedia juga digunakan
untuk pembuatan film, baik film animasi dua
dimensi (2D), tiga dimensi (3D), maupun untuk
memperkaya film live shooting dengan karakter,
lingkungan, special effect, dan suara yang
dihasilkan dan dimanipulasi dengan komputer

Back 22 Next
 Multimedia Interaktif Bebasis Halaman Web
dan Media interkatif
Mengenal Web
World Wide Web (www) atau juga dikenal dengan website atau situs
merupakan kumpulan halaman yang menampilkan informasi data teks,
data gambar diam atau gerak, data animasi, suara, video dan atau
gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait, di mana
masing-masing dihubungkan dengan jaringan-jaringan halaman
(hyperlink).

Back 23 Next
 Multimedia Interaktif Bebasis Halaman Web dan Media interkatif

Jenis Web Websit statis

website statis adalah jenis website, di mana penggunanya (user) tidak bisa mengubah kondisi dari
web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan
server hanya seputar pemrosesan link. Jenis web ini menggunakan client side script, yakni
bahasa pemrograman yang dapat dimengerti oleh komputer klien saja (dalam hal ini
browser), seperti HTML, JavaScript, DHTML, dan CSS.

Website dinamis
Website dinamis adalah suatu website yang secara struktur diperuntukan untuk di-update sesering
mungkin. Selain halaman utama yang bisa diakses oleh para pengguna (user), pada umumnya
juga telah disediakan halaman backend, untuk mengedit konten dari website tersebut.

Website interaktif
Pada website interaktif, penggunanya dapat berinteraksi dan juga beradu argumen mengenai apa
yang menjadi pemikiran mereka. Contoh website interaktif adalah forum dan blog.

Back 24 Next
MULTIMEDIA INTERAKTIF
BEBASIS HALAMAN WEB DAN
MEDIA INTERKATIF

Cara Kerja Web

Sebuah web browser merupakan program
perangkat lunak yang digunakan untuk mengakses
World Wide Web dari internet. Browser pertama,
yang disebut NCSA Mosaic, dikembangkan di Pusat
Nasional untuk Aplikasi Super Komputer di awal
tahun 1990-an. Adapun yang mudah
digunakan, cukup dengan klak-klik, sehingga
membantu mempopulerkan web

Back Next
 Multimedia Interaktif Bebasis
Halaman Web
Unsur-Unsur Web
A. Nama Domain
Domain name atau biasa disebut dengan nama domain atau
URL adalah alamat permanen sebuah website di dunia internet.
Dengan kata lain, nama domain adalah alamat yang digunakan
untuk menemukan sebuah website pada dunia internet.
Contohnya, http://belajar.ditpsmk.net/, http://bsd.pendidikan.id/,
http://www.bumn.go.id/, dan http://www.infodiknas.com/.
URL pada umumnya dibagi menajadi 3 komonen yaitu:
1) Protokol
Protokol merupakan aturan yang digunakan untuk
berkomunikasi pada jaringan komputer
2) Nama situs
3) Path absolut

Back Next
 Multimedia Interaktif Bebasis
Halaman Web dan Media interkatif
Bahasa program (script)
Web Hosting
Scripts adalah bahasa yang
digunakan untuk menerjemahkan
Web hosting dapat diartikan sebagai
setiap perintah dalam website pada
ruangan yang terdapat dalam
saat diakses. Jenis bahasa program
harddisc tempat menyimpan berbagai
sangat menentukan statis, dinamis,
data, file-file, gambar, dan lain
atau interaktifnya sebuah website.
sebagainya yang akan ditampilkan di
website.
Unsur-Unsur
Web
Publikasi

Desain website Keberadaan website tidak ada gunanya

Setelah melakukan penyewaan nama
domain dan web hosting, serta
penguasaan bahasa program (scripts
program), unsur website yang penting
dan utama adalah desain. Desain
website menentukan kualitas dan
keindahan sebuah website.
Back
dibangun tanpa dikunjungi atau dikenal
oleh masyarakat atau pengunjung internet,
karena efektif tidaknya website sangat
tergantung dari besarnya pengunjung dan
komentar yang masuk. Untuk mengenalkan
website kepada masyarakat, maka
diperlukan publikasi atau promosi. Next
 Multimedia Interaktif Bebasis
Halaman Web dan Media interkatif
Kriteria Web Yang Baik Loading Time
1. Usablility 5 Perhatikan agar kecepatan akses memungkinkan halaman
Menurut Jakob Nielson, usability melibatkan pertanyaan dibuka oleh pengguna.
"dapatkah pengguna (user) menemukan cara untuk
menggunakan situs web dengan efektif
2. Sistem navigasi (struktur) Funcitionality
mudah dipelajari, tetap konsisten, memungkinkan umpan balik 6 Penggunaan script kode HTML, CSS, PHP, dan
(feedback), muncul dalam konteks, menawarkan alternatif lain, database harus optimal.
memerlukan perhitungan waktu dan tindakan, menyediakan
pesan visual yang jelas, menggunakan label yang jelas dan
mudah dipahami, serta mendukung tujuan dan perilaku Accesibility
penggunanya. 7 Halaman web harus dapat dipakai oleh setiap
3. Graphic design orang, baik anak-anak, pemuda, maupun orang
Memiliki kejelasan kegunaan, profesional dan orisinil, tua.
menggunakan format yang tepat, berisi konten yang menarik,
tulisan mudah dibaca dan cepat di scan. Interactivity
4. Compatibility 8 memungkinkan penggunjung berinteraksi dan
Tes di berbagai browser, Pastikan situs web bekerja paling tidak memberikan feedback dengan situs web.
di platform PC, menawarkan pilihan tampilan situs, Jika
memakai plug-in, pastikan pengguna dapat mengunduh
(download) dengan mudah. Content
9 Konten yang menarik, relevan, dan pantas untuk target
audience adalah kunci dari daya tarik web.
Back Next
 Fungsi Web

Komunikasi
Situs web yang mempunyai fungsi komunikasi
pada umumnya adalah situs web dinamis.
Informasi
Situs web yang memiliki fungsi informasi pada
umumnya lebih menekankan pada kualitas bagian
kontennya, karena tujuan situs tersebut adalah
menyampaikan isinya, Situs ini sebaiknya berisi teks dan
grafik yang dapat di-download dengan cepat.

Situs web juga dapat memiliki fungsi

Situs web dapat dijadikan sarana transaksi
bisnis, baik barang, jasa, atau lainnya. Situs
web ini menghubungkan perusahaan,
konsumen, dan komunitas tertentu melalui
transaksi elektronik.
hiburan/entertainment. Pada web yang
berfungsi sebagai sarana hiburan, penggunaan
animasi gambar dan elemen bergerak dapat
meningkatkan mutu presentasi desainnya.

Tansaksi Hibuaran
Back Next
 Pengertian Multimedia Berbasis Web
Multimedia interaktif berbasis halaman web adalah situs web yang mengandung lebih dari
satu jenis media.

Teks digunakan untuk memasok konten dasar, serta untuk menambahkan

Teks menu berbasis teks dan hyperlink.

Gambar pada halaman web tersedia dalam berbagai format, seperti GIF,
Gambar PNG, ataupun JPG. Tidak jarang suatu situs hanya menampilkan gambar
berupa thumbnail, karena proses loading file grafis dapat memakan waktu
yang lama.

Audio Audio merupakan semua jenis suara termasuk musik, suara yang
diucapkan, atau efek suara yang dapat direkam menggunakan mikrofon
atau alat MIDI, disimpan dalam CD, atau di-download dari internet.

Animasi
Ada beberapa bentuk animasi yang ada di halaman web, seperti Java
Applet untuk melakukan tugas tertentu, dan Animated GIF yaitu sekelompok
gambar GIF yang disimpan sebagai animasi GIF.

Video
Video dalam halaman web dimulai sebagai aliran kontinu informasi visual,
yang kemudian dipecah menjadi gambar terpisah (frame) saat video
direkam.

Back Next
 Profesi dalam pengembangan aplikasi web
Web Programer
yakni orang yang melakukan
Web Designer pemrograman (peng-coding-an) sebuah Web Administrator
Yakni orang yang bertanggung jawab web agar dinamis, sehingga terlihat yakni orang yang bertugas untuk me-
untuk menentukan tampilan sebuah web. mudah bagi seorang web admin. maintenance suatu server.

Web Master Web Developer

yakni orang yang mengerti akan semua yakni orang yang memberi bantuan,
hal tentang web, mulai dari desain,  seperti konsultasi web, konsep web
program, dan keamanan server, namun yang akan dibuat, serta membangun
tidak terlalu turut mencampuri ke masing- sebuah web
Back masing divisi, cukup dengan Next
mempertanggungjawabkan atas jalannya
suatu web.
THANK YOU!
Semoga
Bermangfaat

Khosin Abdullah
Phone:
087814218762
Email:
khosinabdllh07@gmai.com

END