multimedia interaktif

-EDU3105-TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN

-MULTIMEDIA INTERAKTIF-

DISEDIAKAN OLEH :NURUL SYAZWANIE BINTI SUHAIMI

APAKAH MULTIMEDIA INTERAKTIF?

DEFINISI TUJUAN

CIRI-CIRIPERINGA

TAN

DEFINISI

Sistem komputer yang menggabungkan suara,

animasi, grafik, teks dan video.

-kamus dewan edisi keempat-

MULTIMEDIA

DEFINISI

Aplikasi yang membenarkan pengguna untuk berinteraksi dengan media yang disampaikan secara aktif.

Pengguna boleh mengawal apa yang dilihat dan dengar serta boleh menentukan hala tuju masing-masing semasa berinteraksi dijalankan

INTERAKTIF

DEFINISIMULTIMEDIA INTERAKTIFMultimedia  interaktif  adalah  suatu  

multimedia  yang  dilengkapi  dengan  alat  

pengontrol  yang  dapat  dioperasikan  oleh  

pengguna,  sehingga  pengguna  dapat  memilih  apa  yang  dikehendaki  untuk

 proses  selanjutnya.  

Contoh  :  multimedia  pembelajaran  interaktif,  aplikasi  game,  dll.

TUJUANPembelajaran Kendiri

Untuk murid

Pengajaran dan pembelajaranUntuk guru

Kedua-duanyaUntuk guru dan murid

CIRI-CIRIMULTIMEDIA INTERAKTIFTEKNIK

PERSEMBAHANSUSUNAN PAPARAN SKRINREKA BENTUKTAIPOGRAFIGAMBARGRAFIKANIMASI

TRANSISIVIDEOAUDIORAMAH PENGGUNALATIHAN SOALANTEKNIKALISTILAH

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIK PERSEMBAHAN

CIRI-CIRIMULTIMEDIA INTERAKTIF

Sesebuah multimedia interaktif yang baik dan lengkap haruslah menepati ciri-ciri seperti yang

berikut.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Antara elemen penting yang perlu diberi perhatian ialah :

-Teks --Grafik termasuk gambar-

-Audio atau narasi--Video (jika ada)-

-Animasi (jika ada)-

CIRI-CIRIMULTIMEDIA INTERAKTIF

SUSUNATUR PAPARAN SKRIN

CIRI-CIRIMULTIMEDIA INTERAKTIF

Paparan Utama (Interface Layout)

MenarikRamah penggunaMudah difahami

Sesuai dengan tahap kumpulan sasaran

CIRI-CIRIMULTIMEDIA INTERAKTIF

PAPARAN UTAMA

Antara muka (Skrin Frame)Menarik, lengkap, ramah pengguna dan mencapai konsep. Dibina sendiri dan elakkan menggunakan template yang sedia ada.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Warna LatarbelakangMempunyai kecerahan yang berlawanan dengan warna teks iaitu tulisan gelap hendaklah dipadankan dengan kertas dinding berwarna cerah dan begitu juga sebaliknya. Warna yang menarik dan menepati isi kandungan, bersesuaian dengan kumpulan sasaran.

CIRI-CIRIMULTIMEDIA INTERAKTIF

REKA BENTUK

CIRI-CIRIMULTIMEDIA INTERAKTIF

REKA BENTUK

Menu Utama (Main Menu)Mudah digunakan dan lengkap. Menarik, kemas, ramah pengguna, mudah digunakan dan lengkap.

CIRI-CIRIMULTIMEDIA INTERAKTIF

SubmenuCabangan dari menu utama. Pautan yang mempunyai maklumat, cabangan dari menu utama dan berfungsi.

Butang navigasiPautan ke paparan lain atau butang maju undur berfungsi

CIRI-CIRIMULTIMEDIA INTERAKTIF

Frame videoFrame video diselaraskan saiz dan kedudukannya – standard (320 x 240 pixel *.avi) atau (352 x 288 picel *.mpeg).

Frame AnimasiBersesuaian dengan maklumat yang hendak disampaikan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

IkonReka bentuk sesuai dengan topikPemilihan warna harus sesuai dengan mengambil kira latarbelakangKedudukan ikon harus konsisten pada setiap paparanSaiz butang yang sesuai

CIRI-CIRIMULTIMEDIA INTERAKTIF

Ruang kosong Berdasarkan kepada kumpulan sasaran

Butang keluar / Simbol keluar / Arahan keluar tajuk

Kedudukan tetap, berada pada setiap paparan kandungan.Menggunakan butang / symbol / teks.

CIRI-CIRIMULTIMEDIA INTERAKTIF

TAIPOGRAFI

CIRI-CIRIMULTIMEDIA INTERAKTIF

TAIPOGRAFI

Jenis FontJenis font yang biasa digunakan Arial, Times New Roman, System dan Comic Sans SC sesuai dengan komputer yang lain.

CIRI-CIRIMULTIMEDIA INTERAKTIF

SaizBersesuaian dengan kumpulan sasaran. Jelas dan mudah dibaca.

AligmentKedudukan teks bersesuaian dengan kumpulan sasaran.

StailNormal, bold (penegasan) atau italic (bahasa lain). Penggunaan stail font bersesuaian dengan isi kandungan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

WarnaWarna yang cerah berlatarbelakang gelap dan sebaliknya. Warna yang jelas mencapai objektif.

EfekTidak terlalu banyak efek. Bersesuaian dengan topik/subjek dan cara penyampaian

CIRI-CIRIMULTIMEDIA INTERAKTIF

GAMBAR

CIRI-CIRIMULTIMEDIA INTERAKTIF

GAMBARFormat gambar biasa digunakan .jpg dan .bmp.

Ciptaan Asli, elakkan dari cetak rompak diambil dengan menggunakan digital kamera, diimbas (scan) atau dilukis.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Tidak digalakkan menggunakan .tga, .wmf, .tif, .pcx saiznya besar kerana ia melambatkan perjalanan perisian yang dibina.

Jelas, menarik dan kualiti gambar yang baik.

Ada kaitan dengan kandungan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Kedudukan yang tetap dan diselaraskan saiznya.

Gambar digunakan membantu isi pelajaran.

Susun letak bersesuaian dengan isi kandungan.

Resolusi gambar yang diimbas (scan) 300 dpi dan di indexed.

CIRI-CIRIMULTIMEDIA INTERAKTIF

GRAFIK

CIRI-CIRIMULTIMEDIA INTERAKTIF

GRAFIKSusun Atur Paparan Skrin

Seimbang - Kedudukan teks dan grafik dalam keadaan seimbang.Kemas - Susun letak paparan skrin dalam keadaan kemas, bersih dan menarik.Konsisten - Teks dan grafik perlu berada pada kedudukan yang tetap pada setiap paparan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

ANIMASI

CIRI-CIRIMULTIMEDIA INTERAKTIF

ANIMASIImej bergerak digunakan bagi menegas atau menjelaskan lagi sesuatu fakta.

• Pemilihan animasi hendaklah tepat dan • bersesuaian dengan kandungan, tidak terlalu • banyak menyebabkan gangguan tumpuan.• Format animasi yang biasa digunakan; (Microsoft

GIF • Animator) .gif, (Macromedia Flash) .swf• Hanya digunakan pada paparan yang sesuai.• Kualiti yang baik.• Mempunyai daya tarikan.• Sesuai dengan isi kandungan.• Contoh menggunakan Macromedia Flash saiz nya

kecil dan ringan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

TRANSISI

CIRI-CIRIMULTIMEDIA INTERAKTIF

TRANSISIMemasukkan kesan khas seperti transisi (transition) dalam perisian Microsoft Power Point.Bersesuaian dengan konsep yang hendak disampaikan.Pastikan pengguna tidak terlalu lama menunggu.

Letakkan arahan bagi memudahkan pengguna melayari perisian anda.

CIRI-CIRIMULTIMEDIA INTERAKTIF

VIDEO

CIRI-CIRIMULTIMEDIA INTERAKTIF

VIDEOFail video amat besar oleh sebab ia mengandungi terlalu

Format fail (*.mov) Quick time , (*.flc), fail yang biasa digunakan (*.avi), dan fail yang lebih kecil digunakan (*.mpeg) atau (*.gif)Video yang jelas (saiz 320 x 240) atau 352 x 288).Maklumat yang disampaikan mencapai objektif.Format fail yang biasa digunakan (*.mpeg), (*.gif) atau (*.avi)

CIRI-CIRIMULTIMEDIA INTERAKTIF

AUDIO

CIRI-CIRIMULTIMEDIA INTERAKTIF

AUDIOMuzik LatarBiasa digunakan format MIDI (*.midi) atau WAV (*.wav)

Muzik ciptaan sendiri

Kualiti yang baik

Lebih perlahan daripada suara latar

Muzik yang ada kaitan dengan tajuk

CIRI-CIRIMULTIMEDIA INTERAKTIF

Kesan Bunyi Kesan bunyi yang pendek

dan fail yang kecil menggunakan format WAV (*.wav), MP3 (*.mp3) atau SWA (*.swa) dalam format Authorware.

Kesan bunyi yang menarik dan bersesuai dengan isi pelajaran.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Suara LatarSuara yang di rakam dalam bentuk format (*.wav) atau SWA (*.swa) dalam format Authorware.

Suara yang di rakam jelas dan menggunakan bahasa baku.

Pemilihan tek untuk rakaman suara latar berdasarkan kepada peringkat umur pengguna.

CIRI-CIRIMULTIMEDIA INTERAKTIF

RAMAH PENGGUNA

CIRI-CIRIMULTIMEDIA INTERAKTIFRAMAH PENGGUNAHot Spot (akan respon pada objek)Hot Text (akan respon pada teks)Roll Over (akan respon pada objek dan teks)Scrolling Text (teks menggunakan bar)Bantuan (cara menggunakan perisian)

CIRI-CIRIMULTIMEDIA INTERAKTIF

LATIHAN

CIRI-CIRIMULTIMEDIA INTERAKTIF

KEPELBAGAIANIsi tempat kosong (hotspot)

Memadan (drag and drop)

Aneka pilihan (ABC)SilangkataPuzzlePermainan (game)

CIRI-CIRIMULTIMEDIA INTERAKTIF

ARAS KESUKARAN• Mudah,Sederhana, susah

•Menepati isi kandungan

•Sesuai untuk kumpulan sasaran

•Unsur-unsur

• Pengayaan

• Pemulihan

• Pengukuhan

CIRI-CIRIMULTIMEDIA INTERAKTIF

SOALAN

CIRI-CIRIMULTIMEDIA INTERAKTIF

•Soalan mencukupi tahap yang dinilai

•Maklumbalas (betul atau salah)

• Peneguhan (tahniah/cuba lagi)

• Kemahiran-KBKK, saintifik,dll

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKAL

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKALSusun Atur Paparan Skrin

MenarikRamah penggunaMudah difahamiSesuai dengan tahap kumpulan sasaran

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKALSusun Atur Paparan Skrin

MenarikRamah penggunaMudah difahamiSesuai dengan tahap kumpulan sasaran

CIRI-CIRIMULTIMEDIA INTERAKTIF

ISTILAH

CIRI-CIRIMULTIMEDIA INTERAKTIF

• Hot Spot–Akan respon apabila pengguna

mengklik, klik-duakali atau menggerak tetikus keatasnya.

• Hot Object–Akan respon apabila pengguna

mengklik objek keatasnya.• Drag and Drop– Soalan berbentuk padanan.

CIRI-CIRIMULTIMEDIA INTERAKTIF

•RandomSoalan bertukar kedudukan untuk kali kedua.

•ScoreJumlah markah.

•Log-inKatalaluan - pengguna menaip untuk meneruskan kepaparan seterusnya.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Scroll TextBentuk tek yang menggunakan bar keatas atau ke bawah untuk melihat tek yang seterusnya.

TrackingPenanda kawasan atau tempat pada setiap paparan supaya pengguna tahu dimana ia sedang berada.

TransitionEfek pada tek atau gambar/grafik.

CIRI-CIRIMULTIMEDIA INTERAKTIF

•Tries LimitMenetapkan pengguna mencuba beberapa kali cubaan yang ditetapkan.

•Wrong / Right RespondMemberitahu pengguna betul atau salah setelah dicuba.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Mouse OverAkan respon apabila pengguna menggerak tetikus keatasnya.

LinkPautan ke paparan lain.

Check ButtonButang semak.

CIRI-CIRIMULTIMEDIA INTERAKTIF

Mouse ClickPautan ke paparan lain apabila diklik.

Close UpPaparan akan kelihatan dekat.

Text EntryMemerlukan pengguna menaip perkataan atau ayat.

PERINGATAN!!!

Simpan fail dalam folder yang sama.

Ingatkan nama fail dan folder di mana fail itu disimpan.

PERINGATAN!!!Buatkan beberapa sub folder untuk:

GrafikAudioAnimasiVideoTeksDan lain-lain jika perlu

PERINGATAN!!!

Cuba uji pada komputer yang lain.

Sentiasa membuat ‘backup file’.

SEKIAN

CONTOH MULTIMEDIA INTERAKTIF