multimedia interaktif
TRANSCRIPT
-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