multimedia interaktif

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

Upload: syazwanie-suhaimi

Post on 26-May-2015

2.278 views

Category:

Education


2 download

TRANSCRIPT

Page 1: multimedia interaktif

-EDU3105-TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN

-MULTIMEDIA INTERAKTIF-

DISEDIAKAN OLEH :NURUL SYAZWANIE BINTI SUHAIMI

Page 2: multimedia interaktif

APAKAH MULTIMEDIA INTERAKTIF?

Page 3: multimedia interaktif

DEFINISI TUJUAN

CIRI-CIRIPERINGA

TAN

Page 4: multimedia interaktif

DEFINISI

Sistem komputer yang menggabungkan suara,

animasi, grafik, teks dan video.

-kamus dewan edisi keempat-

MULTIMEDIA

Page 5: multimedia interaktif

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

Page 6: multimedia 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.

Page 7: multimedia interaktif

TUJUANPembelajaran Kendiri

Untuk murid

Pengajaran dan pembelajaranUntuk guru

Kedua-duanyaUntuk guru dan murid

Page 8: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIFTEKNIK

PERSEMBAHANSUSUNAN PAPARAN SKRINREKA BENTUKTAIPOGRAFIGAMBARGRAFIKANIMASI

TRANSISIVIDEOAUDIORAMAH PENGGUNALATIHAN SOALANTEKNIKALISTILAH

Page 9: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIK PERSEMBAHAN

Page 10: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

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

berikut.

Page 11: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

Antara elemen penting yang perlu diberi perhatian ialah :

-Teks --Grafik termasuk gambar-

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

-Animasi (jika ada)-

Page 12: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

SUSUNATUR PAPARAN SKRIN

Page 13: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

Paparan Utama (Interface Layout)

MenarikRamah penggunaMudah difahami

Sesuai dengan tahap kumpulan sasaran

Page 14: multimedia interaktif

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.

Page 15: multimedia interaktif

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.

Page 16: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

REKA BENTUK

Page 17: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

REKA BENTUK

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

Page 18: multimedia interaktif

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

Page 19: multimedia interaktif

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.

Page 20: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

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

Page 21: multimedia interaktif

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.

Page 22: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TAIPOGRAFI

Page 23: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TAIPOGRAFI

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

Page 24: multimedia interaktif

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.

Page 25: multimedia interaktif

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

Page 26: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

GAMBAR

Page 27: multimedia interaktif

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.

Page 28: multimedia interaktif

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.

Page 29: multimedia interaktif

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.

Page 30: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

GRAFIK

Page 31: multimedia interaktif

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.

Page 32: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

ANIMASI

Page 33: multimedia interaktif

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.

Page 34: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TRANSISI

Page 35: multimedia interaktif

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.

Page 36: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

VIDEO

Page 37: multimedia interaktif

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)

Page 38: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

AUDIO

Page 39: multimedia interaktif

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

Page 40: multimedia interaktif

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.

Page 41: multimedia interaktif

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.

Page 42: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

RAMAH PENGGUNA

Page 43: multimedia interaktif

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)

Page 44: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

LATIHAN

Page 45: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

KEPELBAGAIANIsi tempat kosong (hotspot)

Memadan (drag and drop)

Aneka pilihan (ABC)SilangkataPuzzlePermainan (game)

Page 46: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

ARAS KESUKARAN• Mudah,Sederhana, susah

•Menepati isi kandungan

•Sesuai untuk kumpulan sasaran

•Unsur-unsur

• Pengayaan

• Pemulihan

• Pengukuhan

Page 47: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

SOALAN

Page 48: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

•Soalan mencukupi tahap yang dinilai

•Maklumbalas (betul atau salah)

• Peneguhan (tahniah/cuba lagi)

• Kemahiran-KBKK, saintifik,dll

Page 49: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKAL

Page 50: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKALSusun Atur Paparan Skrin

MenarikRamah penggunaMudah difahamiSesuai dengan tahap kumpulan sasaran

Page 51: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

TEKNIKALSusun Atur Paparan Skrin

MenarikRamah penggunaMudah difahamiSesuai dengan tahap kumpulan sasaran

Page 52: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

ISTILAH

Page 53: multimedia interaktif

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.

Page 54: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

•RandomSoalan bertukar kedudukan untuk kali kedua.

•ScoreJumlah markah.

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

Page 55: multimedia interaktif

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.

Page 56: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

•Tries LimitMenetapkan pengguna mencuba beberapa kali cubaan yang ditetapkan.

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

Page 57: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

Mouse OverAkan respon apabila pengguna menggerak tetikus keatasnya.

LinkPautan ke paparan lain.

Check ButtonButang semak.

Page 58: multimedia interaktif

CIRI-CIRIMULTIMEDIA INTERAKTIF

Mouse ClickPautan ke paparan lain apabila diklik.

Close UpPaparan akan kelihatan dekat.

Text EntryMemerlukan pengguna menaip perkataan atau ayat.

Page 59: multimedia interaktif

PERINGATAN!!!

Simpan fail dalam folder yang sama.

Ingatkan nama fail dan folder di mana fail itu disimpan.

Page 60: multimedia interaktif

PERINGATAN!!!Buatkan beberapa sub folder untuk:

GrafikAudioAnimasiVideoTeksDan lain-lain jika perlu

Page 61: multimedia interaktif

PERINGATAN!!!

Cuba uji pada komputer yang lain.

Sentiasa membuat ‘backup file’.

Page 62: multimedia interaktif

SEKIAN

CONTOH MULTIMEDIA INTERAKTIF