Anda di halaman 1dari 16

Memahami Konsep Dasar Multimedia Interaktif

Berbasis Halaman Web Dan Media Interaktif

Apa itu Desain media


interaktif?
Multimedia interaktif adalah media yang menggabungkan
teks,gambar,video,animasi,dan audio

MANFAAT: JENIS:
 Companyprofil/iklan  Online>Menggunakan
 Tutorial jaringan/Saluran
 Hiburan/Game  Offline>Menggunakan
CD/Media pembelajaran
Perancangan Alur/Desain
FLOWCHART/BAGAN ALUR FUNGSI/KEGUNAAN
 Memberi Gambaran Jalannya  Diagram yang menampilkan
sebuah program dari satu langkah-langkah & keputusan
proses ke proses lainnya untuk melakukan proses dari
suatu perancangan program
Symbol Flowchart
= Terminator

= Proses

= Input/Output Data
= Predefined Process/Subprogram

= Decision/Kondisi

= On page connector

= Off page connector


Menerapkan Prinsip desain user interface pada multimedia
interaktif berbasis halaman web & media interaktif

Prinsip Desain user interaktif user interface adalah penerimaan


informasi peralatan yang berhubungan langsung dengan konputer yang terarah
dan pengalaman dari pengguna.
Human Computer Interaction:
 Computer Sciene
 Cognitive Psychology & Ergonomic
 Design & Art
 Social & Organization Psychology
Prinsip Desain user interface Ada 16 Prinsip:
1. User compactibility 9. WYSIWYG
2. Prosuk compaktibility 10. Flexibility
3. Task compactibility 11. Responsivenes
4. Work flow 12. Insible Technology
compactibility 13. Robustness
5. Consistency 14. Protection
6. Familiarity 15. Simplicity
7. Direct manipulation 16. Easy of learning and
8. Control easy of use
Menerapkan Cara penggabungan
gambar,audio,video,dan animasi
Teknik Pengambilan gambar:
1. Extreme longshot
2. Longshot
3. Medium longshot
4. Medium shot
5. Big closeup
6. Extreme longshot
Memahami Style Pada Multimedia Interaktif
Berbasis Web dan Media Interaktif
Agenda:
1. Foundation dan strategy
2. Distribution
3. Style
4. Komponen
Style produk pada multimedia interaktif merupakan gaya
atau cara yang digunakan dalam suatu multimedia interaktif
supaya gagasan dan tujuannya tercapai.
CSS = Cascading style sheet = Review Web
Tingkatan INTERAKTIVITAS dalam
Multimedia Interaktif

1. Navigasi Video/Audio
2. Navigasi Halaman
3. Kontrol menu/Link
4. Hypermap
Navigasi Video/Audio
Seperangkat Tombol yang Berfungsi untuk mengontrol Jalannya Video/Audio

Navigasi Halaman
Seperangkat Tombol yang berfungsi untuk menuju ke halaman sebelumnya atau sesudahnya

Kontrol Menu/Link
Onjek yang berupa gambar,text atau icon yang diberi properti

Hypermap
Merujuk pada sekumpulan Hyperlink yang membentuk area yang lebih besar
Teknologi Web Internet
Web merupakan layanan informasi berupa rangakaian tulisan
(hypertext) dalam sebuah dokumen yang dapat dibaca,dilihat dan
dioprasikan oleh pengguna (user)menggunakan aplikasi web
browser. WWW >World wide web sebagai web browsernya.
Konsep Kerja Web
HTML>Hypertext,markup,languages adalah sebuah dokumen text yang
berisi susunan baris kode menurut aturan standar tertentu dengan extensi
file htm/html.
Web server adalah sebuah mesin komputer dengan layanan
HTTP(Hypertext Transfer Protokol)Yang menyimpan dokumen-dokumen
HTML pada media penyimpanan dan bertugas untuk melayani setiap
permintaan halaman web dari web client
Contoh URL:
1. URL Ghoper>gopher://gopher.contoh.com
2. URL News>News://contoh.com
3. URL File>File://www.abc.com/dokumen/berita.pdf
4. URL HTTP>http://www.abc.com/teks/index.html
Halaman web berbasis HTML
HTML/Hypertext Markup Languages

Contoh:
<html>
<head>
<title>Hello world!!!</title>
</head>
<body>
Selamat datang di XII Multimedia
</body>
</html>
Web Server
Web Server adalah sebuah peranti lunak pada mesin server
yang menyediakan layanan request http/https.Ada beberapa
web server yang digunakan,yaitu sebagai berikut.

Jenis: • Apache
• Nginx
• IIS>internet information service
• Litespeed web Server
• Google web server
• Lighttpd
Web Browser
Web Browser adalah aplikasi yang dipasang pada mesin
komputer client dengan tujuan untuk meminta dan
menampilkan halaman web baik dari mesin lokal maupun
dari alamat web server.
Jenis: • Mozile Firefox
• Google Chrome
• Opera
• Safari
• Internet Explo(IE)
Web Programming
Pemograman biasanya merancang dan menulis halaman web dengan standar kode
bahasa pemograman tertebtu.Jenisnya ada 2 :Web Statis dan web dinamis web
statis adalah sebuah output berupa halaman web dengan konten yang tidak dapat
diubah dihapus atau ditambah dari sisi pengguna. Sedangkan web dinamis adalah
web yang sangat Flexible pengguna bisa mengedit menambah bahkan menghapus
isi konten.

Perbedaan dasar antara web statis dan dinamis:


1. Berbasis database
2. Interface yang lebih interaktif
3. Bahasa pemograman (php,perl,java script,Asp,Jsp,dan Ajax)

Berdasarkan proses pemrograman dibagi menjadi 2:


1. Client side programming(html,css,javascriot,xml)
2. Server side programming(php,Asp,Aspnet,Javaserverpage)

Anda mungkin juga menyukai