EDU 3105 TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN MULTIMEDIA

-EDU 3105 TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN -MULTIMEDIA INTERAKTIF- DISEDIAKAN OLEH : NURUL SYAZWANIE BINTI SUHAIMI

APAKAH MULTIMEDIA INTERAKTIF?

DEFINISI TUJUAN CIRI-CIRI PERINGATA N

DEFINISI MULTIMEDIA Sistem komputer yang menggabungkan suara, animasi, grafik, teks dan video. -kamus dewan edisi keempat-

DEFINISI INTERAKTIF 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

DEFINISI MULTIMEDIA INTERAKTIF Multimedia 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.

TUJUAN Pembelajaran Kendiri Untuk murid Pengajaran dan pembelajaran Untuk guru Kedua-duanya Untuk guru dan murid

CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIK PERSEMBAHAN SUSUNAN PAPARAN SKRIN REKA BENTUK TAIPOGRAFI GAMBAR GRAFIK ANIMASI TRANSISI VIDEO AUDIO RAMAH PENGGUNA LATIHAN SOALAN TEKNIKAL ISTILAH

CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIK PERSEMBAHAN

CIRI-CIRI MULTIMEDIA INTERAKTIF Sesebuah multimedia interaktif yang baik dan lengkap haruslah menepati ciri-ciri seperti yang berikut.

CIRI-CIRI MULTIMEDIA INTERAKTIF Antara elemen penting yang perlu diberi perhatian ialah : -Teks - -Grafik termasuk gambar-Audio atau narasi-Video (jika ada)-Animasi (jika ada)-

CIRI-CIRI MULTIMEDIA INTERAKTIF SUSUNATUR PAPARAN SKRIN

CIRI-CIRI MULTIMEDIA INTERAKTIF Paparan Utama (Interface Layout) Menarik Ramah pengguna Mudah difahami Sesuai dengan tahap kumpulan sasaran

CIRI-CIRI MULTIMEDIA INTERAKTIF PAPARAN UTAMA Antara muka (Skrin Frame) Menarik, lengkap, ramah pengguna dan mencapai konsep. Dibina sendiri dan elakkan menggunakan template yang sedia ada.

CIRI-CIRI MULTIMEDIA INTERAKTIF Warna Latarbelakang Mempunyai 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-CIRI MULTIMEDIA INTERAKTIF REKA BENTUK

CIRI-CIRI MULTIMEDIA INTERAKTIF REKA BENTUK Menu Utama (Main Menu) Mudah digunakan dan lengkap. Menarik, kemas, ramah pengguna, mudah digunakan dan lengkap.

CIRI-CIRI MULTIMEDIA INTERAKTIF Submenu Cabangan dari menu utama. Pautan yang mempunyai maklumat, cabangan dari menu utama dan berfungsi. Butang navigasi Pautan ke paparan lain atau butang maju undur berfungsi

CIRI-CIRI MULTIMEDIA INTERAKTIF Frame video diselaraskan saiz dan kedudukannya – standard (320 x 240 pixel *. avi) atau (352 x 288 picel *. mpeg). Frame Animasi Bersesuaian dengan maklumat yang hendak disampaikan.

CIRI-CIRI Ikon MULTIMEDIA INTERAKTIF Reka bentuk sesuai dengan topik Pemilihan warna harus sesuai dengan mengambil kira latarbelakang Kedudukan ikon harus konsisten pada setiap paparan Saiz butang yang sesuai

CIRI-CIRI MULTIMEDIA 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-CIRI MULTIMEDIA INTERAKTIF TAIPOGRAFI

CIRI-CIRI MULTIMEDIA INTERAKTIF TAIPOGRAFI Jenis Font Jenis font yang biasa digunakan Arial, Times New Roman, System dan Comic Sans SC sesuai dengan komputer yang lain.

CIRI-CIRI MULTIMEDIA INTERAKTIF Saiz Bersesuaian dengan kumpulan sasaran. Jelas dan mudah dibaca. Aligment Kedudukan teks bersesuaian dengan kumpulan sasaran. Stail Normal, bold (penegasan) atau italic (bahasa lain). Penggunaan stail font bersesuaian dengan isi kandungan.

CIRI-CIRI MULTIMEDIA INTERAKTIF Warna yang cerah berlatarbelakang gelap dan sebaliknya. Warna yang jelas mencapai objektif. Efek Tidak terlalu banyak efek. Bersesuaian dengan topik/subjek dan cara penyampaian

CIRI-CIRI MULTIMEDIA INTERAKTIF GAMBAR

CIRI-CIRI MULTIMEDIA INTERAKTIF GAMBAR ØFormat gambar biasa digunakan. jpg dan . bmp. ØCiptaan Asli, elakkan dari cetak rompak diambil dengan menggunakan digital kamera, diimbas (scan) atau dilukis.

CIRI-CIRI MULTIMEDIA 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-CIRI MULTIMEDIA 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-CIRI MULTIMEDIA INTERAKTIF GRAFIK

CIRI-CIRI MULTIMEDIA INTERAKTIF GRAFIK Susun 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-CIRI MULTIMEDIA INTERAKTIF ANIMASI

CIRI-CIRI MULTIMEDIA INTERAKTIF ANIMASI Imej 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-CIRI MULTIMEDIA INTERAKTIF TRANSISI

CIRI-CIRI MULTIMEDIA INTERAKTIF TRANSISI Memasukkan 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-CIRI MULTIMEDIA INTERAKTIF VIDEO

CIRI-CIRI MULTIMEDIA INTERAKTIF VIDEO Fail 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-CIRI MULTIMEDIA INTERAKTIF AUDIO

CIRI-CIRI MULTIMEDIA INTERAKTIF AUDIO Muzik Latar ØBiasa 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-CIRI MULTIMEDIA INTERAKTIF Kesan Bunyi Ø Kesan bunyi yang pendek dan fail yang kecil menggunakan format WAV (*. wav), MP 3 (*. mp 3) atau SWA (*. swa) dalam format Authorware. Ø Kesan bunyi yang menarik dan bersesuai dengan isi pelajaran.

CIRI-CIRI MULTIMEDIA INTERAKTIF Suara Latar ØSuara 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-CIRI MULTIMEDIA INTERAKTIF RAMAH PENGGUNA

CIRI-CIRI MULTIMEDIA INTERAKTIF RAMAH PENGGUNA Hot 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-CIRI MULTIMEDIA INTERAKTIF LATIHAN

CIRI-CIRI MULTIMEDIA INTERAKTIF KEPELBAGAIAN Isi tempat kosong (hotspot) Memadan (drag and drop) Aneka pilihan (ABC) Silangkata Puzzle Permainan (game)

CIRI-CIRI MULTIMEDIA INTERAKTIF ARAS KESUKARAN • Mudah, Sederhana, susah • Menepati isi kandungan • Sesuai untuk kumpulan sasaran • Unsur-unsur • Pengayaan • Pemulihan • Pengukuhan

CIRI-CIRI MULTIMEDIA INTERAKTIF SOALAN

CIRI-CIRI MULTIMEDIA INTERAKTIF • Soalan mencukupi tahap yang dinilai • Maklumbalas (betul atau salah) • Peneguhan (tahniah/cuba lagi) • Kemahiran-KBKK, saintifik, dll

CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIKAL

CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIKAL Susun Atur Paparan Skrin Menarik Ramah pengguna Mudah difahami Sesuai dengan tahap kumpulan sasaran

CIRI-CIRI MULTIMEDIA INTERAKTIF ISTILAH

CIRI-CIRI MULTIMEDIA 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-CIRI MULTIMEDIA INTERAKTIF • Random Soalan bertukar kedudukan untuk kali kedua. • Score Jumlah markah. • Log-in Katalaluan - pengguna menaip untuk meneruskan kepaparan seterusnya.

CIRI-CIRI MULTIMEDIA INTERAKTIF Scroll Text Bentuk tek yang menggunakan bar keatas atau ke bawah untuk melihat tek yang seterusnya. Tracking Penanda kawasan atau tempat pada setiap paparan supaya pengguna tahu dimana ia sedang berada. Transition Efek pada tek atau gambar/grafik.

CIRI-CIRI MULTIMEDIA INTERAKTIF • Tries Limit Menetapkan pengguna mencuba beberapa kali cubaan yang ditetapkan. • Wrong / Right Respond Memberitahu pengguna betul atau salah setelah dicuba.

CIRI-CIRI MULTIMEDIA INTERAKTIF Mouse Over Akan respon apabila pengguna menggerak tetikus keatasnya. Link Pautan ke paparan lain. Check Button Butang semak.

CIRI-CIRI MULTIMEDIA INTERAKTIF Mouse Click Pautan ke paparan lain apabila diklik. Close Up Paparan akan kelihatan dekat. Text Entry Memerlukan 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: ØGrafik ØAudio ØAnimasi ØVideo ØTeks ØDan lain-lain jika perlu

PERINGATAN!!! ØCuba uji pada komputer yang lain. ØSentiasa membuat ‘backup file’.

CONTOH MULTIMEDIA INTERAKTIF SEKIAN