1. EDU 3105
TEKNOLOGI DALAM
PENGAJARAN &
PEMBELAJARAN
Disediakan oleh:
Khor Wei Ling PISMP 4E
Loh Sze Ming PISMP 4E

2. SOALAN
Jelaskan prinsip-prinsip asas grafik. Nyatakan apa jenis-jenis
grafik (ciri-ciri grafik) yang dapat memberi maksud
yang hendak disampaikan dengan lebih baik. Huraikan
bagaimana sesuatu grafik itu memberi kesan kepada
proses pengajaran dan pembelajaran.

3. PENGENALAN
● —Perkataan grafik sebenarnya berasal dari perkataan Greek “graphikos”
bererti lukisan. "Graphier" pula ialah perbuatan. Maka, grafik bererti
menulis dengan perkataan.
● —Grafik (Greek) merupakan persembahan visual yang ditunjukkan pada
permukaan seperti dinding, skrin komputer, kertas, papan untuk tujuan
jenama, pemberitahuan, ilustrasi atau hiburan. (wikipedia)
● —Kamus Dewan Edisi Keempat – maklumat atau paparan yang terdiri
daripada lukisan, gambar rajah, simbol, imej grafik dll.

4. PENGENALAN
● —Grafik ialah kombinasi gambar-gambar, lambang-lambang
, simbol-simbol, huruf, angka, perkataan,
lukisan, lakaran yang dijadikan satu media untuk
memberi satu konsep dan idea dari pengirim kepada
sasarannya dalam proses menyampaikan maklumat .

5. PENGENALAN
● —Grafik boleh wujud sebagai grafik berfungsi atau berseni.
● Grafik juga merupakan bayangan atau perkara yang wujud dalam dunia
sebenar.
● Grafik boleh menjadi suatu bentuk komunikasi visual yang menggunakan
teks atau gambar untuk menyampaikan informasi atau mesej.
● —Penggunaan grafik (kini) diterapkan dalam media elektronik seperti grafik
interaktif (interactive graphics) atau grafik multimedia (multimedia
graphics)

6. PRINSIP ASAS GRAFIK
● —Prinsip asas penyusunan bahan visual hendaklah
dibuat secara susunan kasar terlebih dahulu yang
memuatkan cadangan perletakan bahan visual.
● —Menggunakan enam prinsip asas reka letak sebagai
panduan yang dikenali sebagai
CASPER.

7. PRINSIP ASAS GRAFIK
—CASPER terdiri daripada elemen :
C – Contrast (kontras)
A – Alignment (seimbang)
S – Simplicity (simplisiti/mudah)
P – Proximity (Penyatuan)
E – Emphasis (Dominan)
R – Repetition (Pengulangan)

8. Contrast (kontras)
● —Idea utama prinsip kontras adalah untuk mengelakkan
unsur dalam suatu muka surat kelihatan hampir sama.
● —Cara berkesan untuk menambahkan tarikan dan
tumpuan terhadap sesuatu reka bentuk.
● —Ada kaitan dengan imej, warna, atau tipografi.
● —Kreativiti mengadun elemen kontras akan menjadikan
reka letak visual lebih representatif dan memudahkan
menyampaikan sesuatu mesej.

9. CONTRAST (KONTRA): (warna, imej dan fon)

10. Contoh kontras warna yang baik :

11. Alignment (seimbang)
● —Setiap item (teks, imej, atau kedua-dua teks dan imej)
harus mempunyai kaitan secara visual antara satu
sama lain pada setiap paparan.
● —Elemen grafik perlu disusun supaya beratnya seimbang
dalam setiap bahagian reka bentuk.
● —Terdapat dua bentuk alignment, iaitu :
üSeimbang Formal
üSeimbang Tidak Formal

12. ● —Seimbang Formal – Susunan reka bentuk yang sama antara dua
bahagian visual sama ada kiri dengan kanan atau atas dengan bawah.
● —Seimbang Tidak Formal - Pembahagian yang tidak sama rata antara item
kiri dengan kanan atau atas dengan bawah.
—

13. ● —Penempatan bahan-bahan visual haruslah seimbang
dari perletakan gambar hingga kepada elemen
penghurufan dan memuatkan objek sama saiz
● Pemberatan grafik di dalam visual saling melengkapi

14. Simplicity (simplisiti/mudah)
● —Sesuatu bahan grafik perlu nampak mudah (simple).
● Prinsip KISS, iaitu Keep It Simple and Stupid perlu
dijadikan sebagai panduan untuk merancang
persembahan grafik.
● —Maksud KISS : Bahan grafik yang disediakan hendak
mudah difahami walaupun oleh pelajar yang lembam.
● —Mengelakkan memasukkan banyak grafik animasi
dalam persembahan multimedia kerana boleh
mengganggu tumpuan pelajar.

15. ● —Mempersembahkan satu perkara pada satu masa
kerana idea yang banyak dalam satu visual akan
mengelirukan.

16. ● —Visual perlu mengandungi elemen yang sedikit kerana
mudah dilihat.
● —Hadkan perkataan-perkataan yang ditayangkan kepada
15 atau 20 patah perkataan sahaja dalam satu visual
tayangan.

17. ● —Lukisan hendaklah jelas dan terang.
● —Garisan luar (outline) hendaklah dibuat dengan garisan
tebal.
● —Garisan-garisan kecil harus ditinggalkan kerana
garisan-garisan kecil yang terlalu banyak akan
mengelirukan.

18. Proximity (Penyatuan)
● —Penyatuan ialah perhubungan yang lahir di antara
elemen-elemen visual apabila elemen-elemen tersebut
berfungsi bersama sebagai satu kesuluruhan.
● —Kumpulan (group) item yang berkaitan bersama,
gerakkan mereka secara fizikal supaya berdekatan
antara satu sama lain supaya item yang berkaitan
dilihat sebagai satu kumpulan dan tidak terpisah.

19. ● —Elemen-elemen seperti penghurufan, warna, bahan-bahan
lain hendaklah saling melengkapi di antara satu
dengan yang lain untuk mengukuhkan idea dasar yang
hendak disampaikan.
● —Penyatuan dapat diperolehi dengan menggunakan anak
panah, kotak, garisan, bentuk-bentuk tertentu, warna
dan sebagainya.

20. Emphasis (Dominan)
● —Dominan merupakan pusat penumpuan atau minat.
● —Reka grafik harus fokus kepada item utama sahaja.
Item utma mestilah lebih dominan daripada item-item
lain.
● —Item tersebut menjadi pusat penumpuan atau boleh
menarik minat.

21. Terdapat pelbagai cara untuk mencapai
dominan, antaranya termasuklah :
a)Menggunakan Peraturan Satu Pertiga (Rule of Third) -
Peraturan satu pertiga berdasarkan kajian bagaimana
manusia menyaring sesuatu visual. Daripada kajian itu,
didapati perhatian tertumpu lebih di sudut atas kiri daripada
tempat-tempat lain.
b)Warna dan bentuk yang kontras

22. c) Saiz yang lebih besar.
d) Menggunakan anak panah yang menunjuk ke arah item
utama.
e) Menggunakan garis-garis yang menunjuk ke arah item
utama.
f) Mewujudkan gerakan dalam rekaan visual seperti
pergerakan cecair, guli atau kipas.
g) Menggunakan lampu atau cahaya yang memancar.

24. Repetition (Pengulangan)
● —Tekalkan sesuatu aspek reka bentuk pada tempat
tertentu.
● —Unsur tang ditekalkan mungkin berupa fon yang
dihitamkan, garis kasar, bullet yang serupa, warna, unsur
reka bentuk, format tertentu, hubungan ruang dan
sebagainya.
● —Reka letak dan reka bentuk perlu konsisten sepanjang
persembahan.
● —Elakkan banyak repetition kerana boleh menyebabkan
grafik tidak menarik.

25. Fotograf
Lukisan

26. Kartun
Diagram

27. Graf dan Carta Tipografi

28. Poster Logo, Ikon dan Simbol

29. Ciri-Ciri Grafik
—Mempunyai nilai kandungan - visual yang terdapat pada
bahan grafik dapat:
● Membawa makna yang tersurat dan tersirat
● Meringkaskan maklumat
● Menyampaikan maklumat dengan tepat
Mempunyai nilai seni - penggabungan kesemua unsur
seni, seperti garisan, warna, bentuk, rupa, dan ruang yang
memberi kesan keindahan dan membangkitkan emosi.

30. ● —Mudah dan jelas difahami
● —Mesej dapat ditafsir tanpa terlalu bersusah payah
● —Mendorong interaksi yang aktif antara pelajar, guru
dan maksud yang terdapat dalam visual
● —Membantu memfokuskan perhatian kepada
maksud yang terdapat dalam visual.

31. Kesan Grafik kepada PdP

32. ● —Memberi peluang kepada guru untuk memperkenalkan
pembelajaran secara kontekstual kepada murid-murid
(fokuskan pembelajaran dalam masalah sebenar dan
meletakkan pelajar sebagai penyelesai masalah).
● —Pelajar dapat menguasai pelbagai kemahiran
manipulatif (kemahiran pemprosesan perkataan,
pangkalan data, pembentangan, gunakan alat teknologi
dll).

33. ● —Mudah dan jelas difahami.
● —Murid diberi peluang menggunakan kesemua
pancaindera semasa proses pembelajaran berlaku.
● —Menjadikan bahan pengajaran lebih mudah, jelas
dibaca dan difahami.
● —Pentafsiran mesej tidak terlalu sukar dan tidak
membosankan pelajar.

34. ● —Objek grafik mudah difahami walaupun
menghadapi halangan komunikasi yang berbeza.
● —Mendorong interaksi yang aktif dalam bilik darjah.
● —Wujudkan suasana pembelajaran yang
menyeronokkan dan mencabar.
● —Bahan pengajaran menjadi pusat penumpuan dan
menguasai pemerhatian murid.

35. Terima kasih~