Jump to first page

Materi 8 Disain Multimedia Dasar

Jump to first page

Sistem komputer yang

menggabungkan audio dan vidio

untuk menghasilkan aplikasi

interaktif dengan menggunakan

teks, suara, gambar (diam,

bergerak atau video)

Jump to first page

adanya lebih dari satu media yang

konvergen

interaktif

kontrol ada pada pengguna

keterhubungan antar bagian secara

leluasa (hypertext dan hyperlink)

Jump to first page

PROSES KBM SEBAGAI PROSES KOMUNIKASI

Media

A

A

A

A

A

A

Pesan

Pesan

Pesan

Jump to first page

• TEKS = efektif untk : - menyampaikan informas verbal - merangsang daya fikir koknitif - memperjelas / memperkuat media lainnya

• AUDIO = efektif untuk : - memancing perhatian - menumubuhkan daya imajnasi - menambah atau membentuk suasana menjadi hidup

• GRAFIS, FOTO dan GAMBAR= efektif ntuk : - mengkongkritkan sesuatu yang aftrak - menghilangkan ferbalisme pada anak

• VIDIO = efektif untuk : - menujukkan peristiwa masa lalu sesuai kejadian yang sebenarnya - menyajikan peristiwa penting, maupun kejadian yang

langka yang sulit di dapatkan - menampilkan gerakan obyek yang terlalu cepat atau terlalu lambat menjadi normal shg dapat dilihat dengan mata

• Animasi = efektif untuk: - menjelaskan suatu proses yang sulit dilihat dengan mata -

Jump to first page

Script Conference

Rreview & Revisi ?

Naskah Final

DesainerGrafis

AnimatorDigitizer PenyediaanMedia

ProgarammerTeamLeader

Pemrograman

Testing & Revising

Premastering

Packaging

Master Progar MM

Jump to first page

Contoh:

START

Menu

TPK

Kuis

yes

no

Kuis

yes

no

Test

yes

no

A

Selesai

Pendahuluan

Sub Pokokbahasan 1

A

AE

CB D E F

A

F

Sub Pokokbahasan 2

Flowchart (Bentuk Gabungan)

Jump to first page

1. Latihan dan Praktek (drill and practice)

2. Tutorial

3. Pemecahan masalah

4. Simulasi

5. Permainan (games)

6. Inkuiri (mengeksplorasi)

Jump to first page

Berbentuk Stand Alone / Off Line: Seluruh program beserta data dan informasi pendukungnya dikemas ke dalam bentuk CD-Rom

Berbentuk Jaringan / On Line : Seluruh program beserta data dan informasi pendukungnya dikemas ke dalambentuk jaringan baik melalui LAN (local area network) atau WAN (wide area network)

ON LINEINTERNET OFF LINE

TEKS, GRAFIS, FOTO, VIDEO, ANIMASI,

AUDIO, FX,

MULTIMEDIA

MEDIA BERBASIS TKI

Jump to first page

- Sederhana - Kompleks- Kongkrit - Abstrak- Pengulangan- Respon yang menyenangkan- Individualisasi- Informasikan kemajuan- Langkah kecil untuk tujuan besar

Mahasiswa

Sumber Belajar- Orang- Bahan- Media- Latar, dll

Jump to first page

Kurikulum Isi materi Instruksional Cosmetic

Jump to first page

1. Program hendaknya dirancang berdasarkan tujuan

instksional

2. Dibuat sesuai karakteristik siswa

3. Memaksimalkan interaktif

4. Bersifat indvidual

5. Dapat mempertahankan minat siswa

6. Dirancang sesuai dengan pendekatan siswa

7. Mampu memberikan berbagai macam umpan balik

8. Disesuaikan dengan lingkngan belajar

9. Tampilannya terlihat menarik

10. Memanfakan kemampuan komputer secara maksimal

11. Diranmcang sesai prinsip desain intruksional

12. Di evaluasi secara keseluruhan dari berbagai segi, sebelum

disebarluaskan( M.J. HANNAFIN.

1988)

12 KARAKTERISTK YANG DAPAT MENGEFEKTIFTKAN PROGRAM MPI

Jump to first page

• Visibel (mudah dilihat)• Interesting (menarik)• Simple (sederhana)• Useful (bermanfaat)• Accurate (benar)• Legitimate (sah, masuk akal)• Structure (terstruktur)

Jump to first page

Dalam perancangannya telah ditentukan bahwa jalan A, C,D,E,F dan G adalah satu arah, sedangkan jalan B merupakan jalan dua arah. Sementara itu rute perjalanan yang diperbolehkan detetapkan sebagai berikut dari A ke B,.........

NARASI:

Keterangan Tampilan:Animasi/Vidio:Setiap presenter membacakan narasi dari A ke B dstnya, muncul animasi berupa mobil yang melewati rute yang ditetapkan

Di klik narasi berbunyi

Di klik ke halaman sebelumnya

Di klik ke lalaman berikutnya

Judul Program: Pewarnaan Graf

Nama Frame: Pewarnaan simpul No. Frame: 1 No. Hal: 6

Jump to first page

JUDUL

Tombol navigasi/button

IlustrasiAnimasi

Video

IlustrasiAnimasi

Video

Contoh: Pola S-Layout

Jump to first page

Contoh: Pola Z-Layout

JUDUL

Tombol navigasi/button

IlustrasiAnimasi

Video

Jump to first page

JUDUL

Tombol navigasi

IlustrasiAnimasi

Video

Contoh: Pola V-Layout

Jump to first page

Contoh: Pola L-Layout

Tombol navigasi/button

IlustrasiAnimasi

Video

IlustrasiAnimasi

Video

Jump to first page

Contoh: Pola A-Layout

IlustrasiAnimasi

Video

IlustrasiAnimasi

Video

IlustrasiAnimasi

Video

Jump to first page

JUDUL

Tombol navigasi/button

IlustrasiAnimasi

Video

Contoh: Alur perhatian

1

23

Jump to first page

JUDUL

Tombol navigasi/button

IlustrasiAnimasi

Video

Contoh: Alur perhatian

2

1

3