-MULTIMEDIA INTERAKTIF-

Presentasi berjudul: "-MULTIMEDIA INTERAKTIF-"— Transcript presentasi:

1 -MULTIMEDIA INTERAKTIF-
-EDU3105- TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN -MULTIMEDIA INTERAKTIF- DISEDIAKAN OLEH : NURUL SYAZWANIE BINTI SUHAIMI

2 APAKAH MULTIMEDIA INTERAKTIF?

3 DEFINISI TUJUAN CIRI-CIRI PERINGATAN

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

5 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

6 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.

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

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

9 CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIK PERSEMBAHAN

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

11 -Grafik termasuk gambar-
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)-

12 SUSUNATUR PAPARAN SKRIN
CIRI-CIRI MULTIMEDIA INTERAKTIF SUSUNATUR PAPARAN SKRIN

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

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

15 CIRI-CIRI Warna Latarbelakang
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.

16 CIRI-CIRI MULTIMEDIA INTERAKTIF REKA BENTUK

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

18 CIRI-CIRI Submenu Butang navigasi
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

19 CIRI-CIRI MULTIMEDIA INTERAKTIF Frame video 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.

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

21 CIRI-CIRI Ruang kosong
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.

22 CIRI-CIRI MULTIMEDIA INTERAKTIF TAIPOGRAFI

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

24 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.

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

26 CIRI-CIRI MULTIMEDIA INTERAKTIF GAMBAR

27 GAMBAR CIRI-CIRI Format gambar biasa digunakan .jpg dan .bmp.
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.

28 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.

29 CIRI-CIRI Kedudukan yang tetap dan diselaraskan saiznya.
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.

30 CIRI-CIRI MULTIMEDIA INTERAKTIF GRAFIK

31 GRAFIK CIRI-CIRI Susun Atur Paparan Skrin
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.

32 CIRI-CIRI MULTIMEDIA INTERAKTIF ANIMASI

33 ANIMASI CIRI-CIRI MULTIMEDIA INTERAKTIF
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.

34 CIRI-CIRI MULTIMEDIA INTERAKTIF TRANSISI

35 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.

36 CIRI-CIRI MULTIMEDIA INTERAKTIF VIDEO

37 CIRI-CIRI VIDEO Video yang jelas (saiz 320 x 240) atau 352 x 288).
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)

38 CIRI-CIRI MULTIMEDIA INTERAKTIF AUDIO

39 CIRI-CIRI AUDIO Muzik Latar
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

40 CIRI-CIRI MULTIMEDIA 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.

41 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.

42 CIRI-CIRI MULTIMEDIA INTERAKTIF RAMAH PENGGUNA

43 CIRI-CIRI RAMAH PENGGUNA Hot Spot (akan respon pada objek)
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)

44 CIRI-CIRI MULTIMEDIA INTERAKTIF LATIHAN

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

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

47 CIRI-CIRI MULTIMEDIA INTERAKTIF SOALAN

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

49 CIRI-CIRI MULTIMEDIA INTERAKTIF TEKNIKAL

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

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

52 CIRI-CIRI MULTIMEDIA INTERAKTIF ISTILAH

53 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.

54 CIRI-CIRI Random Soalan bertukar kedudukan untuk kali kedua. Score
MULTIMEDIA INTERAKTIF Random Soalan bertukar kedudukan untuk kali kedua. Score Jumlah markah. Log-in Katalaluan - pengguna menaip untuk meneruskan kepaparan seterusnya.

55 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.

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

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

58 CIRI-CIRI Mouse Click Pautan ke paparan lain apabila diklik. Close Up
MULTIMEDIA INTERAKTIF Mouse Click Pautan ke paparan lain apabila diklik. Close Up Paparan akan kelihatan dekat. Text Entry Memerlukan pengguna menaip perkataan atau ayat.

59 PERINGATAN!!! Simpan fail dalam folder yang sama.
Ingatkan nama fail dan folder di mana fail itu disimpan.

60 PERINGATAN!!! Buatkan beberapa sub folder untuk: Grafik Audio Animasi
Video Teks Dan lain-lain jika perlu

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

62 CONTOH MULTIMEDIA INTERAKTIF
SEKIAN