Lima elemen utama multimedia

7/15/2012

Definisi Multimedia
Multimedia adalah integrasi pelbagai
media seperti teks, grafik, audio, animasi
dan video dengan menggunakan komputer
sebagai alat kawalan persembahan untuk
menghasilkan persembahan maklumat
yang lebih menarik dan interaktif.

Pensyarah:
Encik Ahmad Azam bin Hasmawi
Jabatan Teknologi Pendidikan
IPG Kampus Sultan Abdul Halim

7/15/2012

Hasil kajian oleh Computer Technology Research
(CTR) pada tahun 1993 menunjukkan bahawa
seseorang individu dapat menyimpan hanya :


Pengajaran akan menjadi lebih efektif
dengan adanya integrasi elemen-elemen
multimedia.
Menarik minat dan memotivasikan
pelajar.
Pelajar dapat belajar pada tahap kendiri
dan pada bila-bila masa.

20% daripada apa mereka lihat
30% daripada apa mereka dengar
50% daripada apa mereka lihat dan dengar
80% daripada apa mereka lihat, dengar
dan buat serentak.

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

3

Faedah multimedia dalam
pendidikan


7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

4

Lima elemen utama multimedia

Menjimat masa dan kos. Tidak
memerlukan tenaga pengajarl; Guru
cuma bertindak sebagai fasilitator
sahaja.
Pelbagai jenis sumber dan bahan dapat
disimpan dalam persembahan
multimedia.
7/15/2012


2

Faedah multimedia dalam
pendidikan.

Penyelidikan Multimedia

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Teks

Animasi

Grafik

Video

Audio

Pengabungan kelima-lima media ini akan
menghasilkan satu media komunikasi yang
sangat berkesan.
5

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

6

1

7/15/2012

Teks

Jenis-jenis teks

Teks adalah merujuk kepada semua

simbol, huruf dan nombor.

Terdapat 3 jenis teks iaitu:
1. Teks bercetak

Teks digunakan untuk:

2. Teks imbasan

Tajuk dan sub-tajuk

3. Hiperteks

Isi kandungan

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

7


Teks bercetak




7/15/2012

7/15/2012

Teks yang dihasilkan dengan
menggunakan alat pengimbas
(scanner).

9

Hiperteks

7/15/2012


aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

10

Hiperteks
Hotwords

Hiper merujuk kepada proses perhubungan.
Oleh kerana itu hiperteks merujuk kepada teks
yang dihubungkan dengan memberi
keterangan yang lebih lanjut.
Contoh Hiperteks dalam aplikasi multimedia:
Hotwords
Hotspots
butang
7/15/2012

8


Teks Imbasan

Teks yang kelihatan seperti dalam
buku anda.
Boleh guna MS Word, Word Perfect,
NotePad dll.

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Teks yang diwarnakan dengan warna lain atau bergaris.

Hotspots
Perkataan hotspot lebih kurang sama dengan hotwords,
cuma kawasannya terdiri daripada gambar.

Butang
Butang merupakan cara yang biasa untuk melakukan

interaktiviti dalam aplikasi multimedia. Terdapat kapsyen
pada butang untuk memberitahu atau arahan yang
sepatutnya pengguna boleh buat.
11

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

12

2

7/15/2012

Format Teks

Kategori font

Teks peluru (bullet texts)

Teks yang didahului dengan simbol
peluru.
Perengan
Terdiri dari blok teks yang mengandungi
lebih daripada satu baris ayat.
Teks Skrol
Teks yang banyak dan panjang boleh
dimuatkan dalam teks skrol.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Serif
San Serif
Dekoratif

13

Kategori font


7/15/2012

14

Saiz Fon

Serif
Serif merujuk kepada garisan atau lengkungan yang terdapat
pada penghujung sesuatu aksara.
Contoh : Times New Roman, New Century, SchoolBook, dan
Palatino

Satu poin bersamaan dengan 1/72 inci.
1
10
20 ARIAL
30 ARIAL

San Serif

ARIAL

Perkataan sans bermakna “tanpa”(without) dalam bahasa

ARIAL

Perancis, maka fon sans serif bermakna fon yang tidak
mempunyai serif atau tanpa serif.
Contoh : Arial, Helvitica, dan Optima merupakan contoh fon
jenis sans serif.

Dekoratif

Kita memerlukan sekurang-kurangnya 24
poin dalam persembahan multimedia.

merujuk kepada fon yang mempunyai unsur-unsur sastera
lama dan agak berbunga-bunga seperti tulisan zaman
dahulu kala.
Contoh : Algerian, Old English, Vivaldi.
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

15

Stail Fon

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

16

Susunjajar (Align)
Boldface
Italic
Emboss
Underline
SuperScript
SubScript

Susunjajar kanan (align right)
Susunjajar kiri (align left)
Susunjajar tengah (center)
Susunjajar penuh ruang (justify)

.
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

17

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

18

3

7/15/2012

Warna

Warna

Kombinasi warna yang disyorkan ialah :
a. Putih atas hijau
N
b. Putih atas merah
N
c. Putih atas biru
N
d. Kuning atas biru
N
e. Kuning atas hitam
N
N
f. Merah atas biru
N
g. Hitam atas putih
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Kombinasi warna yang patut dielakkan :
N
Biru dengan hijau
Kuning dengan putih
N
Merah dengan hitam
N
Merah dengan hijau
N
Biru dengan hitam
N

19

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Kreteria Reka bentuk Teks
pada Skrin Komputer

Kreteria Reka bentuk Teks pada
Skrin Komputer
a) Tidak lebih daripada 1/3 dari skrin
agar kelihatan menarik dan efektif.

d) Gunakan istilah yang biasa digunakan
untuk mengelakan kekeliruan.

b) Pastikan teks itu serba ringkas untuk
mengelakan keletihan mata.

e) Pastikan tidak ada kesilapan ejaan
dalam paparan di skrin.

c) Jika guna bullet, tidak lebih daripada 6
baris dan satu atau 2 baris sahaja bagi
setiap bullet.

f) Teks boleh digunakan untuk hyperlink.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

21

7/15/2012

22

Imej grafik ialah imej kaku yang
terdapat di dalam komputer.
Imej grafik merupakan kunci utama
dalam aplikasi multimedia kerana ia
mengilustrasikan mesej. Sekeping
gambar dapat mengambarkan seribu
bahasa.

g) Gunakan satu atau dua fon sahaja.
h) Gunakan saiz fon dan stail untuk
menyampaikan hierarki.
i) Elakkan jenis stail dan warna yang
sukar dibaca.

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Imej Grafik

Kreteria Reka bentuk Teks
pada Skrin Komputer

7/15/2012

20

23

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

24

4

7/15/2012

Ciri-ciri Penghasilan grafik yang
baik

Sumber-sumber imej grafik
Antaranya :
Imej dari kamera digital
Imej dari kamera biasa
Lukisan berklip (clip art)
Web pages di internet
Imej imbasan

Mengikut kehendak pengguna
Hadkan penggunaan hiasan.
Hadkan penggunaan font yang ganjil
atau susah dibaca.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

25

Jenis-jenis imej grafik

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

26

Jenis-jenis imej grafik

Imej vektor
Imej vektor adalah jelas dan tidak kelihatan
bergerigi.
Berasaskan bentuk geometri seperti garisan
lurus, lengkungan, bujur dan segiempat.
Boleh membesarkan saiznya tanpa
menjejaskan kualiti imejnya.
Sesuai untuk aplikasi senibina dan ilustrasi.
Cth program : Adobe ilustrator, AutoCAD.
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Imej peta bit (bitmap)
Berasaskan perwakilan piksel.
Membesarkan saiz boleh menjejaskan
kualiti imejnya.
Cth program : Adobe Photoshop.

27

7/15/2012

Jpeg membentuk imej fail yang lebih kecil
daripada gif fail untuk gambar (photo).
Ratio antara saiz fail gif dan jpeg ialah lebih

Contoh:
Bitmap
(*.bmp)
Graphic Interchange File Format
(*.gif)
Joint Photographic Expert Group
(*.jpeg)
aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

28

Format Fail Grafik

Format Fail Grafik

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

kurang 4:1. Oleh kerana itu Jpeg
mempercepatkan pemindahan fail melalui
rangkaian.
Jpeg boleh simpan sehingga 16 juta colors.
gif hanya boleh simpan sehingga 256 colors.

29

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

30

5

7/15/2012

Format Fail Grafik

Format Fail Grafik

Gif lebih sesuai daripada jpeg untuk
imej yang menpunyai beberapa
warna sahaja. Saiz fail gif adalah
jauh lebih kecil daripada saiz fail
Jpeg.

Jpeg lebih sesuai digunakan di
WWW sebagai format standard
gambar (photo) berbanding dengan
gif kerana ketepatan warna yang
akan dihasilkan.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

31

7/15/2012

32

Kegunaan bunyi dalam
multimedia

AUDIO
Bunyi merupakan sensasi kepada
persembahan multimedia
Suara latar memberi tekanan intonasi
kepada mesej yang hendak
disampaikan secara berkesan
daripada membaca pameran teks
pada skrin sahaja.
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Untuk meneguhkan mesej.
Cth : bunyi binatang.
Boleh menentukan keadaan fikiran
dan hati seseorang (mood).
Dapat menarik perhatian dan
menghidupkan suasana penonton.
Dapat mengantikan tenaga pengajar.
33

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

34

Perisian mengedit bunyi

Format Menyimpan Fail bunyi
Antaranya :
Sun audio (*.au)
Voice (*.voc)
Sound (*.snd)

Antaranya :
SoundForge untuk PC IBM
Sound Edit 16 untuk Macintosh

Mengedit bunyi menggunakan komputer
adalah mudah.
7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

35

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

36

6

7/15/2012

Animasi

Software yang boleh digunakan
untuk membentuk animasi

Animasi adalah pergerakan simulasi
hasil daripada paparan satu siri gambar
atau frame yang berterusan.
Cth: karton
Dengan mengubah sesuatu objek
dengan cukup pantas, mata akan
menerimanya sebagai suatu pergerakan.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

Antaranya
Director
3D Studio Max
Flash

37

7/15/2012

Merakam pergerakan yang berterusan.
Video seperti filem membentuk ilusi
kepada mata kita.
Sama seperti filem, klip video terdiri
daripada urutan imej yang digelar bingkai
yang dapat dipaparkan pada skrin.

Director (*.mmm)
3D Studio Max (*.max)

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

39

Antara faktor kenapa video
dianggap sebagai elemen
penting

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

40

Format fail video
Antaranya:
avi
dvi
mov

Dapat mengekalkan keaslian dan mutu tanpa
hilang sebarang data.
Boleh mengilustrasikan langkah-langkah
penghasilan sesuatu produk dalam perindustrian.
Dapat mencipta persembahan video secara
interaktif dan digunakan sebagai bahan latihan
untuk menjimatkan masa dan tenaga.
7/15/2012

38

Video

Format fail animasi

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

41

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

42

7

7/15/2012

Software yang boleh
digunakan untuk mengedit
video

Perisian pengarangan
multimedia
Antaranya:
Authorware
Director
Scala
Tool Book Assistant
Flash

Antaranya
Adobe Premiere 4.2.
Ulead Video Studio
Windows Movie Maker

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

43

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

44

Penghargaan kepada IPGK Ipoh.

7/15/2012

aazam@ipsah.edu.my / 013-5000464 / JTPIPGKSAH

45

8