Slot 2 elemen multimedia

KEMENTERIAN PENDIDIKAN MALAYSIA

Elemen Multimedia


Slot 2


Lima Elemen Dalam Multimedia

TeksGrafik

Audio

Video

Animasi

Klik Saya

Keluar MenuUtama


TEKS

Definisi

Teks ialah sebarang aksara yang ditaip

pada komputer. Fungsi utama teks

adalah menyampaikan sesuatu idea atau

fakta.

Aksara terdiri daripada;

• Abdjad : a – z

• Nombor : 0 – 9

• Simbol : @,#, {, [, “, +

1 / 3 Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS - MUKATAIP

Mukataip ialah rekabentuk sesuatu

aksara. Pemilihan mukataip adalah

penting dalam penghasilan bahan

multimedia.

Mukataip yang dipilih haruslah

bersesuaian dengan tema atau kategori

umur untuk menarik perhatian pengguna


Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS - MUKATAIP

Beberapa contoh mukataip yang selalu

digunakan dalam pembinaan bahan

multimedia murid-murid sekolah rendah di

Malaysia

Comic Sans MS

Perhatikan abjad ‘a’ yang mudah dikenali

oleh murid.


Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS - MUKATAIP

Arial dan Times New Roman

Dua contoh mukataip standard yang

digunakan dalam dokumen rasmi

Kementerian Pelajaran Malaysia


Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS - FON

Fon ialah rujukan kepada mukataip yang

diberikan beberapa kesan khusus.

Contoh Nama Fon : Arial

• Kesan Tebal

• Saiz 24

• Huruf Condong

• Berbaris

• Berbayang

• Kesan potongan

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS – KATEGORI TEKS

Dua kategori teks sahaja yang telah

dikenalpasti, iaitu serif dan sans serif.

Serif bermaksud ada bentuk dekoratif

dihujung aksara.

Contoh :

• ALGERIAN• MONOTYPE CORSIVA

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS – KATEGORI TEKS

Sans Serif bermaksud tiada bentuk

dekoratif dihujung aksara.

Contoh :

• ARIAL• CALIBRI

• TAHOMA• TW CEN MT

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


TEKS – STRUKTUR TEKS

Dua struktur teks telah dikenalpasti dalam

pembangunan multimedia, iaitu

• struktur teks linear; dan

• struktur teks tidak linear.

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail



Struktur Teks Linear

Struktur teks linear membawa maksud

teks yang digunakan tiada mempunyai

apa-apa gaya atau kesan khusus, iaitu

teks sebagai bahan bacaan sahaja.

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail



Struktur Teks Tidak Linear

Struktur teks tidak linear membawa

maksud teks yang digunakan mempunyai

pautan kepada sumber/bahan yang lain

seperti fungsi teks hiper (hypertext).

Contoh

Perkataan ‘multimedia’ apabila dilalu/diklik

oleh tetikus akan membawa pengguna

kepada teks/bahan yang lain.

Keluar MenuUtama

Mukataip Typeface

Fon Font

Kategori Teks

Struktur Teks

Format Fail Teks

Saiz Fail


IMEJ

Definisi Imej

• Paparan visual yang statik hasil

gabungan banyak titik, garis atau

piksel dalam bentuk digital

• Boleh menjadi sumber penyampaian

maklumat secara berkesan

• Contoh imej : gambar lukisan, carta

pai, kartun, gambar foto, struktur

organisasi, carta alir dll.

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej

Keluar MenuUtama


JENIS IMEJ

ImejImej

Gambar

Foto

Diagram

Icon

Simbol

Butang

GarisKartun

Lukisan

Graf

Carta

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


GAMBAR FOTO

• Paparan imej paling realistik

menyerupai gambar sebenar

• Mesej lebih berkesan dan jelas

kerana mewakili imej sebenarnya

• Selalu digunakan sebagai latar

belakang skrin persembahan

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


LUKISAN

• Imej yang kurang realistik

• Digunakan sebagai alternatif

menggantikan gambar foto

• Wujud dalam pelbagai bentuk dari

lukisan mudah sehinggalah kepada

lukisan yang abstrak

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


GRAF ATAU CARTA

• Bentuk yang ringkas dan mudah

untuk mesej berbentuk numerik atau

angka

• Memudahkan maklumat yang

kompleks ke dalam bentuk carta

atau graf supaya mesej lebih jelas.

• Contoh carta pai, carta bar, graf

palang, graf garis dan lain-lain

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


KARTUN• Sejenis lukisan atau illustrasi dalam

kelas yang tersendiri

• Boleh mewakili benda hidup seperti

manusia atau haiwan, atau Illustrasi

objek-objek ringkas

• Sifat kartun yang ceria dan

berwarna-warni menarik perhatian

terutama kanak-kanak atau remaja

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


IKON, SIMBOL, GARIS DAN BUTANG

• Grafik ringkas yang digunakan

dalam pembangunan aplikasi atau

perisian multimedia atau laman web

• Digunakan untuk pelbagai tujuan

• Fungsinya yang utama adalah untuk

interaksi antara sistem dengan

pengguna

• Contonya butang navigasi

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


DIAGRAM

• Sejenis lukisan yang digunakan bagi

melambangkan sesuatu seperti

yang sebenar atau asal

• Juga merujuk kepada imej bagi

mewakili sesuatu proses, struktur

atau prosedur kerja

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


PERANAN IMEJ DALAM MULTIMEDIA

• Menghiburkan• Memberi maklumat• Media komunikasi• Menyampaikan cerita• Merujuk• Menzahirkan perasaan dan emosi

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


KATEGORI IMEJ

Imej digital merupakan paparan

visual yang dihasilkan secara digital

sama ada menggunakan

perkakasan atau perisian komputer.

Imej boleh dibahagikan kepada 2

iaitu

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


IMEJ VEKTOR

• Imej jenis lukisan atau imejberasaskan objek.

• Dihasilkan menggunakan perisiantertentu

• Diwakili dalam bentuk geometri atauarahan matematik yang dibinadaripada garis lurus, lengkungan, bulatan dsb

IMEJ VEKTOR

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


IMEJ BITMAP

• Dikenali juga sebagai imej raster

• Imej sebenar dalam kehidupanseharian seperti gambar fotodihasilkan menggunakan kameradigital atau pengimbas

• Diwakili oleh satu susunan titik-titikyang dikenali sebagai piksel ataubit

IMEJ BITMAP

Keluar MenuUtama

Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


IMEJ VEKTOR VS IMEJ BITMAPIMEJ VEKTOR IMEJ BITMAP

Saiz fail kecil Saiz fail besar

Mudah untuk diubahsuai Sukar untuk diubahsuai

Terhasil melalui lakaran atau

lukisan

Mudah dihasilkan

menggunakan kemera

digital, pengimbas dan

sebagainya

Sesuai untuk carta, graf dan

diagram

Sesuai untuk memaparkan

imej dalam kualiti yang

realistik seperti foto

Keluar MenuUtama


WARNA DALAM IMEJ

• Merujuk kepada kedalaman warna iaitu julatwarna yang wujud di dalam sesebuah pikselataupun berapa banyak warna yang berbezaboleh wujud dalam sesebuah imej.

• Julat warna ditentukan oleh dua kuasa kepadajumlah bit yang ada pada imej tersebut bagisetiap piksel.

• Julat warna


Jenis Imej

Peranan Imej

Kategori Imej

Format Fail Imej

Warna Dalam Imej

Definisi Imej


JULAT WARNAKedalaman

Warna

Bit bagi setiap

piksel

Formula Julat warna

1 bit 1 21 2

2 bit 2 22 4

3 bit 3 23 8

4 bit 4 24 16

5 bit 5 25 32

6 bit 6 26 64

7 bit 7 27 128

8 bit 8 28 256

16 bit 16 216 65 536

24 bit 24 224 16 777 216

2 / 2Keluar MenuUtama


• Audio juga dikenali sebagai bunyi.• Audio digital menggunakan digital signal untuk

menghasilkan bunyi.• Bunyi adalah gelombang yang dihasilkan oleh

getaran molekul-molekul dalam medium sepertiudara.

• Gelombang bunyi juga disebut sebagaigelombang mekanikal.

• Kekuatan bunyi yang diterima dikenali sebagaisebagai amplitud dan diukur dalam unit decibels (dB).

Definisi audio

Keluar MenuUtama


Definisi audio

• Audio berfungsi untuk memudahkanpenerangan mengenai sesuatu konsep yang sukar untuk diterangkan melalui penggunaanteks @ grafik semata-mata.

• Audio mampu mempertingkatkan kefahamanseseorang kepada sesuatu isi kandungan yang kompleks.

Keluar MenuUtama


Jenis Audio

Mono

– Menggunakan satu

saluran audio sahaja.

Contohnya fail

berformat MIDI

Stero

- Menggunakan dua

saluran audio.

Contohnya fail

berformat mp3

Keluar MenuUtama


Tujuan Audio Dalam Multimedia

Penyampaian

• Membantu penyampaian lebih berkesan

• Persembahan lebih interaktif denganmemasukkan suara latar, muzik atau lagu

BBM

• Menjadi medium bahan bantu jika muridtidak berkeupayaan melihat dengan baik

• Menjadi tarikan murid yang gemar kepada audio dalam pembelajaran bahasa asing

Motivasi

• Meningkatkan motivasi murid

• Menimbulkan suasana menarik dan ceria ceria

Keluar MenuUtama


Jenis-jenis Penggunaan Audio

• Audio merupakan elemen yang mampu menimbulkanperhatian dalam sesebuah persembahan multimedia.

• Audio berfungsi untuk memudahkan penerangan mengenaisesuatu konsep yang sukar untuk diterangkan melaluipenggunaan teks @ grafik semata-mata.

• Audio mampu mempertingkatkan kefahaman seseorangkepada sesuatu isi kandungan yang kompleks.

• Contoh penggunaan audio dalam aplikasi multimedia ialahnarasi, kesan bunyi dan muzik latar.

Keluar MenuUtama


Narasi (Narration)

• Suara manusia yang digunakan sebagai suara latardalam produksi multimedia

• Fungsi:

Untuk menerangkan sesuatu perkara ataumemberi arahan untuk melakukan sesuatu tugas.

Dalam (courseware), narasi digunakan untukmenyampaikan kandungan pembelajaran kepadamurid

Keluar MenuUtama


Muzik Latar

• Bunyi yang dihasil menggunakan gabungan alat muzik sepertigitar, dram dan piano. Muzik ini dirakam tanpa suarapenyanyi.

Fungsi:

• Digunakan dalam siaran radio, televisyen, permainan video, laman web dan persembahan multimedia dengan tujuanuntuk menghidupkan suasana dan memberi kesan kepadapendengar.

• Dimainkan pada permulaan sesuatu persembahanmultimedia ataupun di penghujung persembahan tersebut

Keluar MenuUtama


VIDEO

Definisi

Video ialah satu siri imej berterusan yang disusun

dan dimainkan dengan pantas untuk menghasilkan

suatu ilusi pergerakan

Kejelasan paparan bergantung :-

• kadar kerangka/bilangan frames per sec.(fps)

• resolusi ruang/ saiz imej

• resolusi / bit warna (7 bit / 8 bit)

Keluar MenuUtama1 / 1


VIDEO


kadar kerangka

(fps)

kualiti

paparan

videoresolusi ruang/

saiz imej

resolusi/kedalaman

warna


KADAR KERANGKA (fps)


• fps merujuk kepada jumlah kerangka imej yang

dipaparkan bagi setiap saat.

• Kadar minimun untuk video digital ialah 15 fps.

• Semakin tinggi fps, semakin lancar perjalanan

video tetapi semakin besar fail bagi video

berkenaan.


RESOLUSI RUANG /

SAIZ IMEJ


• Dipengaruhi oleh nisbah bagi lebar lawan tinggi

kerangka yang digunakan.

• 4:3 - nisbah kerangka video yang sering

digunakan.

• Saiz kerangka diukur dalam unit piksel.

• 640 x 480 dan 800 x 600 piksel – saiz kerangka

yang sering digunakan.


RESOLUSI /

KEDALAMAN WARNA


Resolusi warna merujuk kepada jumlah bit yang

digunakan untuk mewakili warna yang digunakan

bagi suatu piksel pada paparan video.

• Semakin tinggi nilai bit, semakin banyak jumlah

warna yang digunakan. Kesannya : semakin

cantik dan berkualiti paparan video tersebut.

• Format yang sering digunakan : YUV : 7 bit (2 juta

warna) dan 8 bit (16 juta warna)


ELEMEN ANIMASI

Definisi

Animasi membawa maksud ‘gerak’.

Elemen animasi ialah satu siri pergerakan

sesuatu objek pada skrin.

Animasi mampu menarik minat, fokus dan

menghidupkan sesuatu idea atau konsep

yang ingin disampaikan pada skrin/layar.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI GIF

Animasi gif menggunakan fail dalam

format gif yang disusun secara berturutan

dalam perisian pengarangan gif.

Apabila fail ini dimainkan dalam MS

PowerPoint atau pelayar web, satu siri

pergerakan akan dilihat oleh pengguna.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI GIF

Contoh Animasi GIF


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI BERKOMPUTER

Pada hari ini penerbitan bahan

multimedia banyak bergantung kepada

animasi berkomputer. Dari persembahan

elektronik hinggalah ke layar perak.

Animasi berkomputer membawa maksud

penggunaan komputer untuk menjana

animasi. Terdapat dua kategori, iaitu

animasi 2 dimensi dan animasi 3

dimensi.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 2 DIMENSI

Animasi 2 Dimensi merujuk kepada

pergerakan sesuatu objek secara linear di

skrin. Terdapat 4 teknik untuk menjana

animasi 2 dimensi;

• Animasi laluan

• Animasi sel

• Animasi skrin

• Animasi fon


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI LALUAN

Animasi laluan membawa maksud satu

siri pergerakan objek dari satu titik ke satu

titik. Contohnya seperti objek di bawah

bergerak disepanjang titik yang telahditentukan.

2 / 5

A B

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI SEL

Animasi sel bermaksud satu siri sel atau

rangka (frame) disalin berulang kali,

merujuk kepada objek yang sama.

Beberapa bahagian objek akan berubah

untuk memperlihat pergerakan.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI SKRIN

Animasi skrin bermaksud satu siri

pergerakan skrin. Skrin seolah-oleh

bergerak yang menunjukkan perubahan

isi kandungan atau persembahan.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI FON

Animasi fon bermaksud perubahan fon

asal kepada bentuk yang lain dari segi

saiz, warna, jenis dan pelbagai lagi.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

Animasi 3 Dimensi bermaksud output

yang dihasilkan dalam bentuk 3 dimensi.

Animasi ini mempunyai 3 sudut

pandangan, iaitu x, y, dan z. Z ialah paksi

kedalaman sesuatu objek.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

Penghasilan Papan Cerita

Papan cerita adalah rujukan kepada skrin-

skrin 3 D yang akan dibina menggunakan

perisian komputer. Papan cerita penting

kerana proses pembinaan model,

pemetaan dan perenderan animasi.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

Permodelan adalah proses membuat

model dalam bentuk kerangka dawai

(wireframe). Model ini akan diisi dengan

elemen yang sesuai seperti cahaya dan

warna.

Model membantu pembina produksi

multimedia melihat sesuatu objek/struktur

dalam bentuk 3 dimensi


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

4 / 16

Proses membuat rangka wayar

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

5 / 16

Proses membuat Rangka wayar,

Warna dan Pencahayaan

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

6 / 16

Model yang telah lengkap

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

Pemetaan adalah proses menghidupkan

sesuatu model seperti cahaya, warna dan

tekstur. Ini adalah proses yang penting

dalam animasi 3 D kerana dalam

pemetaan, objek yang lengkap akan

mewakili imaginasi animator dan

memberikan kesan kepada penerbitan

multimedia.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

8 / 16

Model 3D yang lengkap

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

9 / 16

Pelbagai sudut imej grafik

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

10 / 16

Pelbagai sudut

imej grafik

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

11 / 16

Pemodelan

3D

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

12 / 16

Rangka Wayar

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

13 / 16

Pelbagai sudut imej grafik

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

14 / 16

Proses Pencahayaan dan Warna

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

Rendering dan Animasi

Ini adalah proses terakhir pembinaan

animasi 3 D. Semua model, pemetaan

dan objek yang telah dibina akan

disatukan dalam skrin dan objek-objek

lain. Proses render akan menentukan

format akhir sesuatu animasi 3 D.


Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


ANIMASI 3 DIMENSI

16 / 16

Model 3D yang telah lengkap

Keluar MenuUtama

Animasi GIF

Animated GIF

Animasi

Berkomputer

Animasi

2 Dimensi

Animasi

3 Dimensi


Documents

Slot 2 elemen multimedia