SlideShare a Scribd company logo
1 of 58
Download to read offline
Topik 3:
Visual untuk Pengajaran dan Pembelajaran
Dr.Sajap Maswan
1
Pengenalan
Topik ini akan membincangkan;
1. Peranan Visual dalam pengajaran dan
pembelajaran
2. Jenis-jenis visual
3. Mereka bentuk visual - Panduan mereka bentuk
visual – CASPER
4. Pengubahsuaian dan penghasilan bahan visual
untuk pengajaran dan pembelajaran
• Apakah yang dimaksudkan dengan
visual?
 Visual ialah sesuatu yang boleh
diperhatikan samada imej statik (contoh,
gambar, ilustrasi, symbol dll) atau bergerak
(animasi, video dll)
 Alat komunikasi yang lebih konkrit/baik
berbanding komunikasi verbal.
 Fungsi utama visual dalam PdPk ialah
untuk meningkatkan komunikasi dalam
pengajaran dan pembelajaran.
Pengenalan Visual
 Membantu menfokuskan perhatian murid
kepada maksud yang terdapat dalam visual
 Dapat mengatasi keterbatasan pengalaman
berbeza yang dimiliki oleh murid. Melalui visual
murid akan mempunyai kefahaman yang sama.
 Dapat menanamkan konsep dasar,yang benar,
konkrit dan realistik.
5
Peranan Visual dalam PdP
 Membangkitkan keinginan dan minat baru
murid terhadap sesuatu perkara yang dipelajari.
 Membantu perubahan efektif ,kognitif dan
psikomotor murid-murid
 Meningkatkan perhatian dan kefahaman murid
terhadap isi kandungan pelajaran yang
dibincangkan.
6
Peranan Visual dalam PdP
Visual umumnya terbahagi kepada 3;
1. Fotografik
2. Elektronik
3. Grafik
7
Jenis-jenis Visual
1. Fotografik
menyediakan ilustrasi melalui gambar, sejenis
visual yang mewakili realiti dalam keadaan
yang paling realistik, iaitu menyerupai sesuatu
subjek atau situasi yang sebenar.
2. Elektronik
menyediakan ilustrasi atau gambar dan imej
bergerak dalam bentuk digital seperti video
dan animasi
8
Jenis-jenis Visual
3. Visual Grafik :
Menyediakan ilustrasi secara artistik atau
simbolik. Terdapat dua jenis visual grafik;
analogik dan organisasi.
• Visual analogik : menerangkan sesuatu
konsep dengan menunjukkan sesuatu
simbol yang dianggap dapat mewakili
konsep tersebut.
9
Jenis-jenis Visual
Sistem Solar
10
Neutron
ElektronProton
Sistem solar biasanya digunakan sebagai
analogi visual untuk menjelaskan komposisi
sesuatu atom
Contoh Visual Analogik
• Visual organisasi : merangkumi carta, graf,
peta dan sebagainya Menyediakan ilustrasi
melalaui gambar , visual realiti, menyerupai
sesuatu subjek, situasi sebenar
11
Jenis-jenis Visual
Contoh Visual Organisasi
Penubuhan Jawatan Kuasa Bertindak
UPBK
NAIB CANSELOR
(Penasihat)
Timb.Naib Canselor
(Pengerusi)
Penyelaras
(Setiausaha)
Dekan Dekan Dekan Dekan
Pakar Rujuk
 Untuk menghasilkan bahan visual yang
baik ia mestilah diasaskan pemilihan dan
penggunaan elemen dan prinsip rekaan
yang sesuai.
 Kejayaan bahan visual, adalah
berdasarkan kualiti yang ada pada visual
tersebut hasil daripada perancangan
yang rapi dan kesesuaian teknik yang
digunakan
Penghasilan bahan visual
Ciri-ciri visual yang baik;
 Mudah dan jelas dibaca /difahami
 Mesej dapat ditafsir.
 Mendorong interaksi yang aktif.
 Membantu memfokuskan perhatian.
Ciri-ciri visual yang baik;
 Jika terlalu senang/biasa, pelajar
tidak memberi perhatian pada visual.
 Jika terlalu banyak, pelajar sukar
mentafsir maklumat sebenar yang
hendak disampaikan.
Apakah prinsip-prinsip reka bentuk
visual?
Prinsip Reka Bentuk Visual
Simplisiti
Dominan
Pola
Harmoni
Variasi
Seimbang
PRINSIP
GRAFIK
1.Simplisiti / mudah
Visual yang ditayangkan hendaklah
dihadkan kepada satu idea. Idea yang
banyak dalam satu visual akan
mengelirukan.
Prinsip Reka Bentuk Visual
Apakah yang dapat ditafsirkan daripada
visual berikut?
2. Dominan;
Pusat penumpuan atau minat.
Prinsip Reka Bentuk Visual
41% 20%
25% 14%
Dominan;
Peraturan sepertiga
Prinsip Reka Bentuk Visual
3.Pola;
Susunan item-item dalam
sesuatu rekaan visual.
Prinsip Reka Bentuk Visual
Pola
 Menawan perhatian penerima dan
mengarahkannya kepada maklumat
yang bersabit.
 Unsur seperti Ruang, Garisan dan
Ilustrasi digabung menjadi suatu
harmoni grafik.
Prinsip Reka Bentuk Visual
Pola;
Model
ASSURE
Pilih media
Guna media
Gerak balas
Penilaian
Analisis
Nyata objektif
© Prof Madya Dr. Yusup Hashim
Anak panah dan warna digunakan
untuk menyusun maklumat
Pola; Anak panah dan warna digunakan untuk
menyusun maklumat
1
2
3
4
5
6
Prinsip Reka Bentuk Visual
Pola;
Kawasan paling kuat
Pergerakan mata bermula dari kiri
Prinsip Reka Bentuk Visual
4. Seimbang;
 Seimbang formal/sametri
 Seimbang tidak
formal./tidak semetri
Prinsip Reka Bentuk Visual
• Perseimbangan
• Keadaan kesamaan dari
segi berat, tarikan dan
tumpuan perhatian yang
terdapat dalam suatu
susunan unsur-unsur seni.
• Berdasarkan susunan,
warna dan bentuk.
 Formal/Simetri
ialah samukur yang
mudah, berat yang
sama.
 Informal/Tak Simetri
digubah dengan
manipulasi ruang dan
objek.
Prinsip Reka Bentuk Visual
Imbangan tak formal/
Tak simetri
Imbangan
formal/sametri
Prinsip Reka Bentuk Visual
5.Variasi;
- Menimbulkan
perasaan seolah-
olah visual itu hidup
dan bergerak.
Prinsip Reka Bentuk Visual
6. Harmoni;
 Mententeramkan hati dan perasaan.
Prinsip Reka Bentuk Visual
Harmoni dihasilkan melalui;
 susunan atau ulangan unsur-unsur
seni yang seimbang dan mempunyai
perhubungan
 warna-warna yang duduk
bersebelahan di dalam roda warna.
.
Prinsip Reka Bentuk Visual
Apakah prinsip-prinsip reka letak visual
yang terdapat dalam CASPER?
33
CASPER
CASPER adalah singkatan untuk prinsip-
prinsip reka letak visual.
34
Contrast (Perbezaan yang ketara)
Alignment (Penjajaran)
Simplicity (Ringkas)
Proximity (Jarak antara objek)
Emphasis (Penekanan )
Repetition (Pengulangan)
CASPER
Contrast (Perbezaan yang ketara)
 Menyatakan bahawa jika dua item tidak
serupa, maka harus jadikan mereka
berbeza.
 Idea utama di sebalik kontras ialah untuk
mengelak unsur dalam paparan kelihatan
hampir sama.
 Cara yang paling berkesan untuk
menambahkan tarikan/mudah dilihat
35
CASPER
Contrast (Perbezaan yang ketara)
Boleh dihasilkan dengan berbagai cara.
Antaranya;
 warna gelap dengan warna terang
 warna sejuk dan warna panas
 font besar dan kecil
 tekstur licin dan tekstur kasar
 unsur mendatar dan unsur menegak
 garis halus dan garis kasar . dll
36
CASPER
Contrast (Perbezaan yang ketara)
Contoh,
37
CASPER
Alignment (Penjajaran)
 Setiap item yang hendak diletakkan
dalam sesuatu ruang perlulah seimbang
dan kelihatan menarik/ selesa.
 Setiap item yang ingin dipersembah-kan
supaya ia kelihatan seimbang, antara
ruang kanan dan kiri/ruang atas dan
bawah.
38
CASPER
Alignment (Penjajaran)
 Setiap item perlu disusun supaya tidak
janggal.
 Item juga perlu mempunyai kaitan secara
visual antara satu sama lain.
 Sekiranya gagal membuat penjajaran
dengan baik maka ia, seperti ruang tamu
yang berselerak tentunya tetamu yang
berkunjung tidak merasa selesa.
39
CASPER
Alignment (Penjajaran)
Contoh,
CASPER
Simplicity (Ringkas)
 Grafik atau visual perlu ringkas, mudah
dan dapat merangsang pengguna
memahami maksud yang hendak
disampaikan.
 Paparan seharusnya dapat memudahkan
penerokaan dan merangsangkan
pemikiran.
41
CASPER
Simplicity (Ringkas)
 Visual yang dipilih perlulah ringkas,
bersesuaian dengan pengguna dan
mudah difahami.
 Penggunaan grafik dan elemen media
yang ringkas membantu pengguna
mememahami dan mentafsir dengan
mudah.
42
CASPER
Simplicity (Ringkas)
43
Contoh visual yang mengandungi terlalu banyak
maklumat yang hendak disampaikan.
Contoh, Simplisiti
CASPER
CASPER
Proximity (Jarak antara objek)
 Merupakan reka letak dari aspek jarak
antara teks, jarak antara grafik serta jarak
antara teks dan grafik.
 Item-item yang mempunyai kaitan antara
satu sama lain berkaitan perlu
dikumpulkan supaya dilihat sebagai satu
kumpulan dan tidak terpisah.
45
CASPER
Proximity (Jarak antara objek)
 Item-item yang tidak berkaitan pula harus
dijarakkan untuk mengelakkan tindanan
supaya dapat dilihat sebagai membawa
maklumat yang berlainan.
 Hasilnya paparan akan kelihatan menjadi
satu unit visual yang mempunyai
beberapa unit maklumat yang terpisah.
46
CASPER
Proximity (Jarak antara objek)
47
CASPER
Emphasis (Penekanan )
 Memberi penekanan terhadap perkara
dan maklumat yang hendak disampaikan
melalui paparan.
 Pelbagai cara boleh digunakan seperti:
· saiz teks dan objek,
· bentuk teks dan objek,
· susun atur teks dan objek,
· warna teks, objek dan latar
48
CASPER
Emphasis (Penekanan )
 Jangan menggunakan terlalu banyak
elemen sampingan untuk menarik
perhatian, yang mana boleh
menyebabkan tumpuan lebih kepada
elemen sampingan dan bukan kepada
maklumat sebenar yang hendak
disampaikan melalui paparan.
49
CASPER
Emphasis (Penekanan )
50
CASPER
Repetition (Pengulangan)
 Kewujudan piawaian antara paparan dapat
membantu pengguna mentafsir dan
memahami dengan mudah mesej yang
disampaikan.
 Pengulangan seperti warna latar dan saiz
serta bentuk font dalam persembahan
akan membantu pemahaman pengguna
terhadap kategori mesej yang sedang
disampaikan..
51
CASPER
Repetition (Pengulangan)
 Dalam keadaan tertentu, suatu mesej
boleh diulang dengan menggunakan
media yang berlainan termasuk media
teks, grafik, audio atau animasi.
52
CASPER
Repetition (Pengulangan)
Contoh:
53
CASPER
Repetition (Pengulangan)
Contoh prinsip
Pengulangan
54
 Secara umumnya CASPER digunakan
sebagai panduan untuk meletak dan
menyusun elimen teks, grafik dan media
pada paparan bagi membentuk
persembahan yang menarik.
 Reka letak dan penyusunan yang baik
memberi kesan yang positif terhadap
persembahan visual sama ada dalam
format bercetak atau digital.
55
CASPER
Aktiviti/Latihan
Pengubahsuaian dan penghasilan bahan
visual untuk pengajaran dan pembelajaran
1. Dengan menggunakan perisian photo
editing seperti Adobe Photoshop, GIMP
dan seumpamanya hasilkan sebuah
poster untuk tujuan Pengajaran dan
Pembelajaran.
56
Aktiviti/Latihan
2. Tema: Pembelajaran Abad ke-21
3. Saiz: A4
4. Mengandungi elimen latar belakang,
teks dan grafik sama ada dihasilkan
sendiri atau dari sumber internet yang
diubahsuai.
5. Aplikasikan Model ADDIE dan Prinsip
CASPER dalam proses penghasilan
poster tersebut.
57
58

More Related Content

What's hot

Bab7 video dalam pendidikan
Bab7 video dalam pendidikanBab7 video dalam pendidikan
Bab7 video dalam pendidikanSiti Zulaikha
 
3.model pengurusan kelompok kounin
3.model pengurusan kelompok kounin3.model pengurusan kelompok kounin
3.model pengurusan kelompok kouninNURAIN RABANIA HASBI
 
Model disiplin asertif canter
Model disiplin asertif canterModel disiplin asertif canter
Model disiplin asertif canterdimidur
 
Media pengajaran
Media pengajaranMedia pengajaran
Media pengajaranTien Yu Yu
 
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...FaFai S.
 
MODUL SENI DALAM PENDIDIKAN
MODUL SENI DALAM PENDIDIKANMODUL SENI DALAM PENDIDIKAN
MODUL SENI DALAM PENDIDIKANAmran Aris
 
kapasiti pedagogi pembelajaran bermakna
kapasiti pedagogi pembelajaran bermaknakapasiti pedagogi pembelajaran bermakna
kapasiti pedagogi pembelajaran bermaknanoorfarahanahmohdnoo
 
Toeri persatuan & ciri ciri persatuan
Toeri persatuan & ciri ciri persatuanToeri persatuan & ciri ciri persatuan
Toeri persatuan & ciri ciri persatuanHafeez Ismail
 
Konsep pengurusan bilik darjah
Konsep pengurusan bilik darjahKonsep pengurusan bilik darjah
Konsep pengurusan bilik darjahAkhiarP
 
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolah
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolahAplikasi pendekatan konstruktivisme dalam kalangan murid prasekolah
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolahLittle Butterfly
 
Topik 7 integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaran
Topik 7  integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaranTopik 7  integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaran
Topik 7 integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaranJalalludin6791
 
Pendekatan Eklektik dan Komunikatif
Pendekatan Eklektik dan KomunikatifPendekatan Eklektik dan Komunikatif
Pendekatan Eklektik dan Komunikatifcg.Teha Amran
 
Topik 6 Video Untuk Pengajaran dan Pembelajaran
Topik 6 Video Untuk Pengajaran dan PembelajaranTopik 6 Video Untuk Pengajaran dan Pembelajaran
Topik 6 Video Untuk Pengajaran dan PembelajaranJessika Denis
 
Tajuk 4 bahan bantu mengajar
Tajuk 4 bahan bantu mengajarTajuk 4 bahan bantu mengajar
Tajuk 4 bahan bantu mengajarSalini Dharan
 
Topik 1 konsep dan latar belakang seni dalam pendidikan
Topik 1 konsep dan latar belakang seni dalam pendidikanTopik 1 konsep dan latar belakang seni dalam pendidikan
Topik 1 konsep dan latar belakang seni dalam pendidikanWany Hardy
 
Topik 9 internet untuk pengajaran dan pembelajaran
Topik 9 internet untuk pengajaran dan pembelajaranTopik 9 internet untuk pengajaran dan pembelajaran
Topik 9 internet untuk pengajaran dan pembelajaranNik Ibrahim Nik Mat
 
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...Harry Elson Anderson (IPGK Pulau Pinang)
 
Model Assure dan Model Addie
Model Assure dan Model AddieModel Assure dan Model Addie
Model Assure dan Model AddieArifahAzlanShah2
 
Model akibat logikal dreikurs
Model akibat logikal dreikursModel akibat logikal dreikurs
Model akibat logikal dreikursdimidur
 

What's hot (20)

Bab7 video dalam pendidikan
Bab7 video dalam pendidikanBab7 video dalam pendidikan
Bab7 video dalam pendidikan
 
3.model pengurusan kelompok kounin
3.model pengurusan kelompok kounin3.model pengurusan kelompok kounin
3.model pengurusan kelompok kounin
 
Model disiplin asertif canter
Model disiplin asertif canterModel disiplin asertif canter
Model disiplin asertif canter
 
Media pengajaran
Media pengajaranMedia pengajaran
Media pengajaran
 
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...
Pendidikan Inklusif (Peranan dan tanggungjawab dalam Pelaksanaan Program Pend...
 
MODUL SENI DALAM PENDIDIKAN
MODUL SENI DALAM PENDIDIKANMODUL SENI DALAM PENDIDIKAN
MODUL SENI DALAM PENDIDIKAN
 
kapasiti pedagogi pembelajaran bermakna
kapasiti pedagogi pembelajaran bermaknakapasiti pedagogi pembelajaran bermakna
kapasiti pedagogi pembelajaran bermakna
 
Toeri persatuan & ciri ciri persatuan
Toeri persatuan & ciri ciri persatuanToeri persatuan & ciri ciri persatuan
Toeri persatuan & ciri ciri persatuan
 
Konsep pengurusan bilik darjah
Konsep pengurusan bilik darjahKonsep pengurusan bilik darjah
Konsep pengurusan bilik darjah
 
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolah
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolahAplikasi pendekatan konstruktivisme dalam kalangan murid prasekolah
Aplikasi pendekatan konstruktivisme dalam kalangan murid prasekolah
 
Topik 7 integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaran
Topik 7  integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaranTopik 7  integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaran
Topik 7 integrasi perisian aplikasi pejabat untuk pengajaran dan pembelajaran
 
Pendekatan Eklektik dan Komunikatif
Pendekatan Eklektik dan KomunikatifPendekatan Eklektik dan Komunikatif
Pendekatan Eklektik dan Komunikatif
 
Bab 7 pengurusan bilik darjah yang melibatkan murid berkeperluan khas
Bab 7 pengurusan bilik darjah yang melibatkan murid berkeperluan khasBab 7 pengurusan bilik darjah yang melibatkan murid berkeperluan khas
Bab 7 pengurusan bilik darjah yang melibatkan murid berkeperluan khas
 
Topik 6 Video Untuk Pengajaran dan Pembelajaran
Topik 6 Video Untuk Pengajaran dan PembelajaranTopik 6 Video Untuk Pengajaran dan Pembelajaran
Topik 6 Video Untuk Pengajaran dan Pembelajaran
 
Tajuk 4 bahan bantu mengajar
Tajuk 4 bahan bantu mengajarTajuk 4 bahan bantu mengajar
Tajuk 4 bahan bantu mengajar
 
Topik 1 konsep dan latar belakang seni dalam pendidikan
Topik 1 konsep dan latar belakang seni dalam pendidikanTopik 1 konsep dan latar belakang seni dalam pendidikan
Topik 1 konsep dan latar belakang seni dalam pendidikan
 
Topik 9 internet untuk pengajaran dan pembelajaran
Topik 9 internet untuk pengajaran dan pembelajaranTopik 9 internet untuk pengajaran dan pembelajaran
Topik 9 internet untuk pengajaran dan pembelajaran
 
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...
Pendidikan Inklusif, isu, cabaran dan langkah mengatasi, faktor kritikal keja...
 
Model Assure dan Model Addie
Model Assure dan Model AddieModel Assure dan Model Addie
Model Assure dan Model Addie
 
Model akibat logikal dreikurs
Model akibat logikal dreikursModel akibat logikal dreikurs
Model akibat logikal dreikurs
 

Similar to Topik 3 visual untuk pengajaran dan pembelajaran

Tajuk 5 reka bentuk visual
Tajuk 5 reka bentuk visualTajuk 5 reka bentuk visual
Tajuk 5 reka bentuk visualBasyirah Sheikh
 
Peta pemikiran
Peta pemikiranPeta pemikiran
Peta pemikiranisza76
 
Kursus Program i-Think
Kursus Program i-ThinkKursus Program i-Think
Kursus Program i-ThinkMokhzani Fadir
 
peta pemikiran
peta pemikiranpeta pemikiran
peta pemikiranMohd Irzan
 
Bab 1: Prinsip Rekabentuk & Media Bukan Digital
Bab 1: Prinsip Rekabentuk & Media Bukan DigitalBab 1: Prinsip Rekabentuk & Media Bukan Digital
Bab 1: Prinsip Rekabentuk & Media Bukan DigitalLaili Farhana M.I.
 
Rekabentuk grafik
Rekabentuk grafikRekabentuk grafik
Rekabentuk grafikKean Hagen
 
Peta i think kpm
Peta i think kpmPeta i think kpm
Peta i think kpmAzrin Zaki
 
Teknologi Pendidikan-Asas Grafik
Teknologi Pendidikan-Asas GrafikTeknologi Pendidikan-Asas Grafik
Teknologi Pendidikan-Asas Grafikartventure ipkt
 
Topik 3-asas-grafikkini-1npura9 1
Topik 3-asas-grafikkini-1npura9 1Topik 3-asas-grafikkini-1npura9 1
Topik 3-asas-grafikkini-1npura9 1jun jun
 
Seni kemahiran berfikir&t ajar
Seni kemahiran berfikir&t ajarSeni kemahiran berfikir&t ajar
Seni kemahiran berfikir&t ajarong2012
 
Presenting Information to Others_ Utami Setyaningtyas _4520210071
Presenting Information to Others_ Utami Setyaningtyas _4520210071Presenting Information to Others_ Utami Setyaningtyas _4520210071
Presenting Information to Others_ Utami Setyaningtyas _4520210071UtamiSetyaningtyas
 
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)Meningkatkan belajar dengan visual (pengembangan media pembelajaran)
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)Sukmawandi Rahmat
 

Similar to Topik 3 visual untuk pengajaran dan pembelajaran (20)

Tajuk 5 reka bentuk visual
Tajuk 5 reka bentuk visualTajuk 5 reka bentuk visual
Tajuk 5 reka bentuk visual
 
Reka bentuk visual
Reka bentuk visualReka bentuk visual
Reka bentuk visual
 
Asas grafik
Asas grafikAsas grafik
Asas grafik
 
Peta pemikiran
Peta pemikiranPeta pemikiran
Peta pemikiran
 
Kursus Program i-Think
Kursus Program i-ThinkKursus Program i-Think
Kursus Program i-Think
 
3. peta-pemikiran
3. peta-pemikiran3. peta-pemikiran
3. peta-pemikiran
 
peta pemikiran
peta pemikiranpeta pemikiran
peta pemikiran
 
Bab 1: Prinsip Rekabentuk & Media Bukan Digital
Bab 1: Prinsip Rekabentuk & Media Bukan DigitalBab 1: Prinsip Rekabentuk & Media Bukan Digital
Bab 1: Prinsip Rekabentuk & Media Bukan Digital
 
Prinsip visual
Prinsip visualPrinsip visual
Prinsip visual
 
Rekabentuk grafik
Rekabentuk grafikRekabentuk grafik
Rekabentuk grafik
 
Jual poster
Jual posterJual poster
Jual poster
 
Media Visual
Media VisualMedia Visual
Media Visual
 
Peta i think kpm
Peta i think kpmPeta i think kpm
Peta i think kpm
 
Teknologi Pendidikan-Asas Grafik
Teknologi Pendidikan-Asas GrafikTeknologi Pendidikan-Asas Grafik
Teknologi Pendidikan-Asas Grafik
 
Topik 3-asas-grafikkini-1npura9 1
Topik 3-asas-grafikkini-1npura9 1Topik 3-asas-grafikkini-1npura9 1
Topik 3-asas-grafikkini-1npura9 1
 
3. peta pemikiran
3. peta pemikiran3. peta pemikiran
3. peta pemikiran
 
Seni kemahiran berfikir&t ajar
Seni kemahiran berfikir&t ajarSeni kemahiran berfikir&t ajar
Seni kemahiran berfikir&t ajar
 
Presenting Information to Others_ Utami Setyaningtyas _4520210071
Presenting Information to Others_ Utami Setyaningtyas _4520210071Presenting Information to Others_ Utami Setyaningtyas _4520210071
Presenting Information to Others_ Utami Setyaningtyas _4520210071
 
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)Meningkatkan belajar dengan visual (pengembangan media pembelajaran)
Meningkatkan belajar dengan visual (pengembangan media pembelajaran)
 
Grafik reka leak
Grafik reka leakGrafik reka leak
Grafik reka leak
 

Recently uploaded

Menyiapkan Guru Masa Depan yang Bagus da
Menyiapkan Guru Masa Depan yang Bagus daMenyiapkan Guru Masa Depan yang Bagus da
Menyiapkan Guru Masa Depan yang Bagus daWijaya Kusumah
 
Materi pesantren kilat Ramadhan tema puasa.pptx
Materi pesantren kilat Ramadhan  tema puasa.pptxMateri pesantren kilat Ramadhan  tema puasa.pptx
Materi pesantren kilat Ramadhan tema puasa.pptxSuarniSuarni5
 
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIBMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIwanalifhikmi
 
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIK
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIKcontoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIK
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIKTaufik241763
 
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekaKisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekahellenchanel31
 
Tanqihul Qoul Bab 14 - Keutamaan Ibadah Fardhu.pptx
Tanqihul Qoul Bab 14  - Keutamaan Ibadah Fardhu.pptxTanqihul Qoul Bab 14  - Keutamaan Ibadah Fardhu.pptx
Tanqihul Qoul Bab 14 - Keutamaan Ibadah Fardhu.pptxMMuminSholih
 
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docxaljabarkoho
 
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptx
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptxDinamika atmosfer dan Dampaknya terhadap kehidupan.pptx
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptxFritzPieterMichaelNa
 
materi pondok romadon sekolah dasar dengan materi zakat fitrah
materi pondok romadon sekolah dasar dengan materi zakat fitrahmateri pondok romadon sekolah dasar dengan materi zakat fitrah
materi pondok romadon sekolah dasar dengan materi zakat fitrahkrisdanarahmatullah7
 
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptx
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptxPPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptx
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptxRestiana8
 
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptxMATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptxSuarniSuarni5
 
MATERI PESANTREN KILAT SD PUASA II .pptx
MATERI PESANTREN KILAT SD PUASA II .pptxMATERI PESANTREN KILAT SD PUASA II .pptx
MATERI PESANTREN KILAT SD PUASA II .pptxSuarniSuarni5
 
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3sekolah9304
 
power point mengenai akhlak remaja: menghindari tawuran
power point mengenai akhlak remaja: menghindari tawuranpower point mengenai akhlak remaja: menghindari tawuran
power point mengenai akhlak remaja: menghindari tawuranapriandanu
 
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdf
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdfLEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdf
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdfAdelaWintarsana2
 
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptxfurqanridha
 
Jalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxJalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxPutriSoniaAyu
 

Recently uploaded (20)

Menyiapkan Guru Masa Depan yang Bagus da
Menyiapkan Guru Masa Depan yang Bagus daMenyiapkan Guru Masa Depan yang Bagus da
Menyiapkan Guru Masa Depan yang Bagus da
 
Materi pesantren kilat Ramadhan tema puasa.pptx
Materi pesantren kilat Ramadhan  tema puasa.pptxMateri pesantren kilat Ramadhan  tema puasa.pptx
Materi pesantren kilat Ramadhan tema puasa.pptx
 
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASIBMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
BMMB 1134 KETERAMPILAN BERBAHASA HALANGAN KOMUNIKASI
 
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIK
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIKcontoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIK
contoh DOKUMEN AKSI NYATA DALAM HAL PENERAPAN COACHING KEPADA PESERTA DIDIK
 
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptxKOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
KOMUNIKATOR POLITIK ( AKTOR POLITIK).pptx
 
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdekaKisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
Kisi-kisi PTS Kelas 8 semester 2 kurikulum merdeka
 
ELEMEN KOMPOL (PESAN BAHASA POLITIK).pptx
ELEMEN KOMPOL (PESAN BAHASA POLITIK).pptxELEMEN KOMPOL (PESAN BAHASA POLITIK).pptx
ELEMEN KOMPOL (PESAN BAHASA POLITIK).pptx
 
Tanqihul Qoul Bab 14 - Keutamaan Ibadah Fardhu.pptx
Tanqihul Qoul Bab 14  - Keutamaan Ibadah Fardhu.pptxTanqihul Qoul Bab 14  - Keutamaan Ibadah Fardhu.pptx
Tanqihul Qoul Bab 14 - Keutamaan Ibadah Fardhu.pptx
 
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
2024 - PSAJ PAI SMK Kisi-kisi Utama.docx
 
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptx
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptxDinamika atmosfer dan Dampaknya terhadap kehidupan.pptx
Dinamika atmosfer dan Dampaknya terhadap kehidupan.pptx
 
materi pondok romadon sekolah dasar dengan materi zakat fitrah
materi pondok romadon sekolah dasar dengan materi zakat fitrahmateri pondok romadon sekolah dasar dengan materi zakat fitrah
materi pondok romadon sekolah dasar dengan materi zakat fitrah
 
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptx
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptxPPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptx
PPT GABUNGAN 1 kelas 9 gabungan tabung dengan setengah bola.pptx
 
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptxMATERI PESANTREN KILAT RAMADHAN  AQIDAH ISLAM.pptx
MATERI PESANTREN KILAT RAMADHAN AQIDAH ISLAM.pptx
 
MATERI PESANTREN KILAT SD PUASA II .pptx
MATERI PESANTREN KILAT SD PUASA II .pptxMATERI PESANTREN KILAT SD PUASA II .pptx
MATERI PESANTREN KILAT SD PUASA II .pptx
 
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3
DSKP KSSM Kurikulum Bersepadu Dini LAM Tingkatan 3
 
power point mengenai akhlak remaja: menghindari tawuran
power point mengenai akhlak remaja: menghindari tawuranpower point mengenai akhlak remaja: menghindari tawuran
power point mengenai akhlak remaja: menghindari tawuran
 
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdf
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdfLEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdf
LEMBAR-LOKAKARYA ORIENTASI-Kelompok 1.pdf
 
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx
,.,,.,.,.,.,.,.,.,.,.,.,Swamedikasi.pptx
 
Jalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptxJalur Rempah Pada Masa Hindu Buddha.pptx
Jalur Rempah Pada Masa Hindu Buddha.pptx
 
DEFINISI DAN KONTEKS MANAJEMEN ISU DAN KRISIS.pptx
DEFINISI DAN KONTEKS MANAJEMEN ISU DAN KRISIS.pptxDEFINISI DAN KONTEKS MANAJEMEN ISU DAN KRISIS.pptx
DEFINISI DAN KONTEKS MANAJEMEN ISU DAN KRISIS.pptx
 

Topik 3 visual untuk pengajaran dan pembelajaran

  • 1. Topik 3: Visual untuk Pengajaran dan Pembelajaran Dr.Sajap Maswan 1
  • 2. Pengenalan Topik ini akan membincangkan; 1. Peranan Visual dalam pengajaran dan pembelajaran 2. Jenis-jenis visual 3. Mereka bentuk visual - Panduan mereka bentuk visual – CASPER 4. Pengubahsuaian dan penghasilan bahan visual untuk pengajaran dan pembelajaran
  • 3. • Apakah yang dimaksudkan dengan visual?
  • 4.  Visual ialah sesuatu yang boleh diperhatikan samada imej statik (contoh, gambar, ilustrasi, symbol dll) atau bergerak (animasi, video dll)  Alat komunikasi yang lebih konkrit/baik berbanding komunikasi verbal.  Fungsi utama visual dalam PdPk ialah untuk meningkatkan komunikasi dalam pengajaran dan pembelajaran. Pengenalan Visual
  • 5.  Membantu menfokuskan perhatian murid kepada maksud yang terdapat dalam visual  Dapat mengatasi keterbatasan pengalaman berbeza yang dimiliki oleh murid. Melalui visual murid akan mempunyai kefahaman yang sama.  Dapat menanamkan konsep dasar,yang benar, konkrit dan realistik. 5 Peranan Visual dalam PdP
  • 6.  Membangkitkan keinginan dan minat baru murid terhadap sesuatu perkara yang dipelajari.  Membantu perubahan efektif ,kognitif dan psikomotor murid-murid  Meningkatkan perhatian dan kefahaman murid terhadap isi kandungan pelajaran yang dibincangkan. 6 Peranan Visual dalam PdP
  • 7. Visual umumnya terbahagi kepada 3; 1. Fotografik 2. Elektronik 3. Grafik 7 Jenis-jenis Visual
  • 8. 1. Fotografik menyediakan ilustrasi melalui gambar, sejenis visual yang mewakili realiti dalam keadaan yang paling realistik, iaitu menyerupai sesuatu subjek atau situasi yang sebenar. 2. Elektronik menyediakan ilustrasi atau gambar dan imej bergerak dalam bentuk digital seperti video dan animasi 8 Jenis-jenis Visual
  • 9. 3. Visual Grafik : Menyediakan ilustrasi secara artistik atau simbolik. Terdapat dua jenis visual grafik; analogik dan organisasi. • Visual analogik : menerangkan sesuatu konsep dengan menunjukkan sesuatu simbol yang dianggap dapat mewakili konsep tersebut. 9 Jenis-jenis Visual
  • 10. Sistem Solar 10 Neutron ElektronProton Sistem solar biasanya digunakan sebagai analogi visual untuk menjelaskan komposisi sesuatu atom Contoh Visual Analogik
  • 11. • Visual organisasi : merangkumi carta, graf, peta dan sebagainya Menyediakan ilustrasi melalaui gambar , visual realiti, menyerupai sesuatu subjek, situasi sebenar 11 Jenis-jenis Visual
  • 12. Contoh Visual Organisasi Penubuhan Jawatan Kuasa Bertindak UPBK NAIB CANSELOR (Penasihat) Timb.Naib Canselor (Pengerusi) Penyelaras (Setiausaha) Dekan Dekan Dekan Dekan Pakar Rujuk
  • 13.  Untuk menghasilkan bahan visual yang baik ia mestilah diasaskan pemilihan dan penggunaan elemen dan prinsip rekaan yang sesuai.  Kejayaan bahan visual, adalah berdasarkan kualiti yang ada pada visual tersebut hasil daripada perancangan yang rapi dan kesesuaian teknik yang digunakan Penghasilan bahan visual
  • 14. Ciri-ciri visual yang baik;  Mudah dan jelas dibaca /difahami  Mesej dapat ditafsir.  Mendorong interaksi yang aktif.  Membantu memfokuskan perhatian.
  • 15. Ciri-ciri visual yang baik;  Jika terlalu senang/biasa, pelajar tidak memberi perhatian pada visual.  Jika terlalu banyak, pelajar sukar mentafsir maklumat sebenar yang hendak disampaikan.
  • 16. Apakah prinsip-prinsip reka bentuk visual?
  • 17. Prinsip Reka Bentuk Visual Simplisiti Dominan Pola Harmoni Variasi Seimbang PRINSIP GRAFIK
  • 18. 1.Simplisiti / mudah Visual yang ditayangkan hendaklah dihadkan kepada satu idea. Idea yang banyak dalam satu visual akan mengelirukan. Prinsip Reka Bentuk Visual
  • 19. Apakah yang dapat ditafsirkan daripada visual berikut?
  • 20. 2. Dominan; Pusat penumpuan atau minat. Prinsip Reka Bentuk Visual
  • 21. 41% 20% 25% 14% Dominan; Peraturan sepertiga Prinsip Reka Bentuk Visual
  • 22. 3.Pola; Susunan item-item dalam sesuatu rekaan visual. Prinsip Reka Bentuk Visual
  • 23. Pola  Menawan perhatian penerima dan mengarahkannya kepada maklumat yang bersabit.  Unsur seperti Ruang, Garisan dan Ilustrasi digabung menjadi suatu harmoni grafik. Prinsip Reka Bentuk Visual
  • 24. Pola; Model ASSURE Pilih media Guna media Gerak balas Penilaian Analisis Nyata objektif © Prof Madya Dr. Yusup Hashim Anak panah dan warna digunakan untuk menyusun maklumat
  • 25. Pola; Anak panah dan warna digunakan untuk menyusun maklumat 1 2 3 4 5 6 Prinsip Reka Bentuk Visual
  • 26. Pola; Kawasan paling kuat Pergerakan mata bermula dari kiri Prinsip Reka Bentuk Visual
  • 27. 4. Seimbang;  Seimbang formal/sametri  Seimbang tidak formal./tidak semetri Prinsip Reka Bentuk Visual
  • 28. • Perseimbangan • Keadaan kesamaan dari segi berat, tarikan dan tumpuan perhatian yang terdapat dalam suatu susunan unsur-unsur seni. • Berdasarkan susunan, warna dan bentuk.  Formal/Simetri ialah samukur yang mudah, berat yang sama.  Informal/Tak Simetri digubah dengan manipulasi ruang dan objek. Prinsip Reka Bentuk Visual
  • 29. Imbangan tak formal/ Tak simetri Imbangan formal/sametri Prinsip Reka Bentuk Visual
  • 30. 5.Variasi; - Menimbulkan perasaan seolah- olah visual itu hidup dan bergerak. Prinsip Reka Bentuk Visual
  • 31. 6. Harmoni;  Mententeramkan hati dan perasaan. Prinsip Reka Bentuk Visual
  • 32. Harmoni dihasilkan melalui;  susunan atau ulangan unsur-unsur seni yang seimbang dan mempunyai perhubungan  warna-warna yang duduk bersebelahan di dalam roda warna. . Prinsip Reka Bentuk Visual
  • 33. Apakah prinsip-prinsip reka letak visual yang terdapat dalam CASPER? 33
  • 34. CASPER CASPER adalah singkatan untuk prinsip- prinsip reka letak visual. 34 Contrast (Perbezaan yang ketara) Alignment (Penjajaran) Simplicity (Ringkas) Proximity (Jarak antara objek) Emphasis (Penekanan ) Repetition (Pengulangan)
  • 35. CASPER Contrast (Perbezaan yang ketara)  Menyatakan bahawa jika dua item tidak serupa, maka harus jadikan mereka berbeza.  Idea utama di sebalik kontras ialah untuk mengelak unsur dalam paparan kelihatan hampir sama.  Cara yang paling berkesan untuk menambahkan tarikan/mudah dilihat 35
  • 36. CASPER Contrast (Perbezaan yang ketara) Boleh dihasilkan dengan berbagai cara. Antaranya;  warna gelap dengan warna terang  warna sejuk dan warna panas  font besar dan kecil  tekstur licin dan tekstur kasar  unsur mendatar dan unsur menegak  garis halus dan garis kasar . dll 36
  • 37. CASPER Contrast (Perbezaan yang ketara) Contoh, 37
  • 38. CASPER Alignment (Penjajaran)  Setiap item yang hendak diletakkan dalam sesuatu ruang perlulah seimbang dan kelihatan menarik/ selesa.  Setiap item yang ingin dipersembah-kan supaya ia kelihatan seimbang, antara ruang kanan dan kiri/ruang atas dan bawah. 38
  • 39. CASPER Alignment (Penjajaran)  Setiap item perlu disusun supaya tidak janggal.  Item juga perlu mempunyai kaitan secara visual antara satu sama lain.  Sekiranya gagal membuat penjajaran dengan baik maka ia, seperti ruang tamu yang berselerak tentunya tetamu yang berkunjung tidak merasa selesa. 39
  • 41. CASPER Simplicity (Ringkas)  Grafik atau visual perlu ringkas, mudah dan dapat merangsang pengguna memahami maksud yang hendak disampaikan.  Paparan seharusnya dapat memudahkan penerokaan dan merangsangkan pemikiran. 41
  • 42. CASPER Simplicity (Ringkas)  Visual yang dipilih perlulah ringkas, bersesuaian dengan pengguna dan mudah difahami.  Penggunaan grafik dan elemen media yang ringkas membantu pengguna mememahami dan mentafsir dengan mudah. 42
  • 43. CASPER Simplicity (Ringkas) 43 Contoh visual yang mengandungi terlalu banyak maklumat yang hendak disampaikan.
  • 45. CASPER Proximity (Jarak antara objek)  Merupakan reka letak dari aspek jarak antara teks, jarak antara grafik serta jarak antara teks dan grafik.  Item-item yang mempunyai kaitan antara satu sama lain berkaitan perlu dikumpulkan supaya dilihat sebagai satu kumpulan dan tidak terpisah. 45
  • 46. CASPER Proximity (Jarak antara objek)  Item-item yang tidak berkaitan pula harus dijarakkan untuk mengelakkan tindanan supaya dapat dilihat sebagai membawa maklumat yang berlainan.  Hasilnya paparan akan kelihatan menjadi satu unit visual yang mempunyai beberapa unit maklumat yang terpisah. 46
  • 48. CASPER Emphasis (Penekanan )  Memberi penekanan terhadap perkara dan maklumat yang hendak disampaikan melalui paparan.  Pelbagai cara boleh digunakan seperti: · saiz teks dan objek, · bentuk teks dan objek, · susun atur teks dan objek, · warna teks, objek dan latar 48
  • 49. CASPER Emphasis (Penekanan )  Jangan menggunakan terlalu banyak elemen sampingan untuk menarik perhatian, yang mana boleh menyebabkan tumpuan lebih kepada elemen sampingan dan bukan kepada maklumat sebenar yang hendak disampaikan melalui paparan. 49
  • 51. CASPER Repetition (Pengulangan)  Kewujudan piawaian antara paparan dapat membantu pengguna mentafsir dan memahami dengan mudah mesej yang disampaikan.  Pengulangan seperti warna latar dan saiz serta bentuk font dalam persembahan akan membantu pemahaman pengguna terhadap kategori mesej yang sedang disampaikan.. 51
  • 52. CASPER Repetition (Pengulangan)  Dalam keadaan tertentu, suatu mesej boleh diulang dengan menggunakan media yang berlainan termasuk media teks, grafik, audio atau animasi. 52
  • 55.  Secara umumnya CASPER digunakan sebagai panduan untuk meletak dan menyusun elimen teks, grafik dan media pada paparan bagi membentuk persembahan yang menarik.  Reka letak dan penyusunan yang baik memberi kesan yang positif terhadap persembahan visual sama ada dalam format bercetak atau digital. 55 CASPER
  • 56. Aktiviti/Latihan Pengubahsuaian dan penghasilan bahan visual untuk pengajaran dan pembelajaran 1. Dengan menggunakan perisian photo editing seperti Adobe Photoshop, GIMP dan seumpamanya hasilkan sebuah poster untuk tujuan Pengajaran dan Pembelajaran. 56
  • 57. Aktiviti/Latihan 2. Tema: Pembelajaran Abad ke-21 3. Saiz: A4 4. Mengandungi elimen latar belakang, teks dan grafik sama ada dihasilkan sendiri atau dari sumber internet yang diubahsuai. 5. Aplikasikan Model ADDIE dan Prinsip CASPER dalam proses penghasilan poster tersebut. 57
  • 58. 58