SELAMAT DATANG
KE BENGKEL
APLIKASI
INFOGRAFIK
MGKK SBP
ZON SELATAN
18 JUN 2021 | 9 AM
Bengkel Bahan 01 Pengenalan
Info grafik
SBP Latar dan Cerita
02 5W 1H Infografik
Perkara penting di sebalik info grafik
03 Tips & Tricks Info grafik
Rahsia Infografik MANTUL (MANtap & BeTUL)
04 Tutorial
Hands on penghasilan info grafik offline dan online
05 Q&A
Soal Jawab
Bersama Cikgu Ezlin
Seorang guru kaunseling biasa di sekolah
harian biasa dan personaliti biasa-biasa sahaja.
BERKONGSI ILMU
“Janganlah sesekali merasa malu memberi
walaupun (pemberian) i t u adalah sedikit
kerana terdapat kebaikan di dalam
setiap pemberian i t u walaupun ia
sedikit.”
-Ali bin Abi Talib (RA) -
Norezlin Sulaiman
Minimalis | Membaca | Mendidik | Menulis
Latar Pendidikan& Kerjaya
SK Tg Perang, Pahang
SM Sains Selangor, Kuala Lumpur
UPM, Serdang
SMK Tg Ampuan Afzan, Pahang
SMK Mohd Khalid, Johor
UPSI, Tanjung Malim
SMK Seri Pulai Perdana, Johor
Sahabat-sahabat boleh Komunikasi 2 Hala Jauh Yang
kongsi Mendekatkan
Tuan/Puan boleh
Nama panggilan berinteraksi jika ada soalan Walau terpisah jarak yang
Sekolah menjauh,
Negeri di chatbox Kembara ilmu sentiasa
bersuluh,
Lin, SMK Seri Pulai
Perdana Kongsi dan telusuri
Kulai Johor Bahagia bila memberi.
INFOGRAFIK
5W 1H
1. What 3. Who
Apa itu Infografik? Siapa Kumpulan Sasar?
Infografik (gabungan Bagi GBK , sasaran kita adalah
"informasi" (maklumat) dan murid-murid.
Remaja suka gambar, kurang
"grafik") ialah gambaran gemar membaca teks panjang
visual grafik
4. Where
maklumat, data, Di mana dapat dan sebar?
atau pengetahuan bertujuan
Buku / Majalah / Media Sosial /
untuk menyampaikan Google / Wikipedia / Pengalaman /
maklumat Jurnal / Penulisan Ilmiah dll.
Sebaran info grafik di media sosial
2. Why
Kenapa Infografik? 5. When
Bila buat bahan?
Penyampaian maklumat
secara lebih efektif menarik Waktu bekerja / Hujung minggu
dan tepat 6. How
Bagaimana nak buat
infografik?
Offline (MS Office) / Aplikasi Online
INFOGRAFIK
Tips & Tricks MANTUL (MANtap + beTUL)
WARNA JENIS TULISAN
GRAFIK/DESIGN KANDUNGAN/
CONTENT
SUMBER LOGO
POSTER
PEGUN VIDEO+AUDIO
Bahan
Info grafik
OFFLINE
MS WORD
MS POWERPOINT
INFOGRAFIK
OFFLINE : POWERPOINT
Pilihan Tulisan
Jenis font (tulisan) mempengaruhi minat
pembaca.
Ada unsur penegasan dalam font
Contoh pilihan warna / bold/ italic/ saiz font
HEADER & TAJUK
▪ TEMA / ORGANISASI / LOGO /
GAMBAR
▪ FONT YANG JELAS
KANDUNGAN
▪ SAIZ FONT LEBIH KECIL
▪ TIDAK TERLALU FANCY
▪ LATAR CERAH TULISAN GELAP
▪ LATAR GELAP TULISAN CERAH
FOOTER
▪ TAGLINE
▪ HASHTAG
TULISAN CANTIK
www.flamingtext.com
✓ ONLINE DAN EDIT
✓ AYAT PENDEK
✓ BOLEH DOWNLOAD BENTUK PNG
✓ SESUAI UNTUK HEADER /TAJUK
TULISAN TEKS
dafont.com
✓ ONLINE
✓ BOLEH DOWNLOAD KE
LAPTOP/PC
✓ SESUAI UNTUK
KANDUNGAN/TAJUK
Pilihan Warna
Kombinasi warna yang sesuai dengan
penyampaian mesej harus diberi perhatian
supaya infografik tidak nampak terlalu sarat.
PILIHAN WARNA TAJUK
▪ SEELOKNYA WARNA PRIMER
▪ BOLEH DIBACA DENGAN JELAS
WARNA LATAR BELAKANG
INFOGRAFIK
▪ CERAH
▪ SOFT
WARNA LATAR BELAKANG TEKS
▪ BERSESUAIAN DENGAN TULISAN
▪ PERTIMBANGKAN FAKTOR
CERAH/GELAP
Pilihan Grafik
Visual yang banyak menggunakan grafik seperti carta,
graf, gambarajah, poster, kartun, lutsinar dan lain-lain
bahan bantu mengajar.
Grafik ialah kombinasi gambar-gambar, lambang-
lambang, simbol-simbol, huruf-huruf, angka, perkataan,
lukisan, lakaran yang dijadikan satu media untuk
memberi konsep dan idea dari pengirim kepada
sasarannya dalam proses menyampaikan maklumat
SAIZ TEMPLATE
▪ KEBIASAAN SAIZ STANDARD A4
PEMILIHAN GAMBAR
▪ SESUAI DENGAN KANDUNGAN
▪ MAKSUD SAMPAI KEPADA
PEMBACA
CARTA / TEMPLATE INFO GRAFIK
▪ MENARIK MINAT
▪ PENYERI KEPADA INFO GRAFIK
KREATIF
▪ SUSUNAN/LAYOUT
▪ TIDAK GANGGU KANDUNGAN
POSTER
POSTER MUDAH DENGAN
POWERPOINT
▪ BLANK PRESENTATION
▪ SLIDES POTRAIT
▪ SAIZ A4 (210X297MM)
BACKGROUND TEMPLATE /
HEADER/FOOTER
▪ GOOGLE IMAGE
▪ VECTOR HD
▪ GAMBAR TAK PECAH
▪ PILIH YANG TIADA WATERMARK
▪ BOLEH JUGA DIGUNAKAN UNTUK
BUNTING / BANNER
APLIKASI REMOVE BACKGROUND
▪ REMOVE.BG
▪ MUAT NAIK GAMBAR
▪ AUTO REMOVE
▪ DOWNLOAD GAMBAR
TEMPLATE KOSONG
▪ RAJAH / FLOW CHART
▪ GOOGLE IMAGE
▪ PINTEREST.COM
▪ DOWNLOAD / SAVE GAMBAR
▪ PILIH TEMPLATE KOSONG
(BLANK)
▪ JIKA PPT PILIH PADA SMART ART
GOOGLE IMAGE
▪ RAJAH / FLOW CHART
▪ KARTUN
▪ IKON / SIMBOL
Kandungan / Content
GBK boleh mendapatkan kandungan daripada
pelbagai sumber seperti buku/majalah.
Dunia di hujung jari membenarkan akses tanpa had
di dalam talian.
Ikut isu / keperluan murid di sekolah. Boleh mulai
dengan kajian tinjauan (survey) untuk mendapatkan isu
di sekolah
RUJUKAN CONTENT
▪ BAHAN BERCETAK
▪ BUKU/MAJALAH/AKHBAR
▪ JURNAL
▪ KAJIAN
▪ PINDAHKAN PENULISAN DALAM
BENTUK GAMBAR
RUJUKAN CONTENT DALAM TALIAN
▪ GOOGLE
▪ WEB ANSWERTHEPUBLIC.COM
Sumber / Hakcipta
✓ Karya yang dihasilkan mempunyai nilai
tersendiri. Bukan mudah menyediakan
bahan infografik yang menuntut masa dan
pengorbanan serta idea.
✓ JANGAN crop sumber asal dan letak nama
kita.
✓ JANGAN ciplak design orang dan mengaku
itu design kita.
✓ Lebih behemah jika kita share bahan yang
menarik dari pemilik asal sebagai
penghargaan.
✓ Jika kita merujuk nyatakan sumber rujukan
dalam poster infografik.
TULIS SUMBER
RUJUKAN
▪ NYATAKAN NAMA
BUKU
▪ PENULIS
▪ WEB
Logo
Untuk kegunaan UBK, seeloknya letakkan logo
sekolah atau logo lain yang bersesuaian supaya bahan
infografik kelihatan rasmi (official)
LOGO
▪ PENGENALAN
▪ IDENTITI
Cara Save Bahan
Semua bahan di powerpoint di simpan
(save) dalam bentuk fail biasa dan
JPEG
CARA SIMPAN FAIL
INFO GRAFIK
SAVE AS PDF / JPG /PNG
FAIL ASAL PPT SAVE SEPERTI
BIASA
INFOGRAFIK
INFOGRAFIK ONLINE
Banyak Sumber Bahan
Infografik Atas Talian
Canva.com
Postermywall.com
Renderforest
Venngage
Piktochart
easel.ly
Visme
infogr.am
Snappa
Canva.com Slide Presentation
Poster
Ringkas – Mudah-Cepat-Guna HP pun boleh Logo
Resume
Infografik
Video
Kad
Flyers
Poskad
Wallpaper
Sijil
Media Sosial
Dan macam-macam
lagi
TEMPLATE tersedia - cuma pilih design, masukkan logo
dan edit mengikut ‘content’ kita sahaja.
Contoh Hasil
Menggunakan Canva.com
Postermywall.com
Contoh Hasil
Menggunakan postermywall.com
INFOGRAFIK
INFOGRAFIK VIDEO & AUDIO
Video Interaktif
Pelbagai aplikasi boleh digunakan
untuk membuat bahan berbentuk
video. Boleh juga gabungan beberapa
apps
❑RenderForest
❑Canva
❑Benime
❑Zepeto
❑FilmoraGo.
❑KineMaster.
❑PowerDirector.
❑Quick.
❑VivaVideo.
❑Movie Maker Filmmaker.
❑Inshot.
Contoh template video Renderforest
BAHAN INFOGRAFIK
Rak Buku Maya
ANYFLIP /FLIPHTML5
BAHAN PERKONGSIAN GBK DI RAK BUKU MAYA ( https://fliphtml5.com/bookcase/hczcw )
TERIMA KASIH
MASA UNTUK TUTORIAL
Bahan Infografik Offline (Word / Powerpoint)
Dan Online (Canva / Postermywall)
Video Online (Canva / Renderforest)
http://bit.ly/PenilaianBengkelInfografik n.ezlin
Page :Dunia Kaunseling Cikgu Ezlin
Personal : Norezlin Sulaiman
Dunia Kaunseling Cikgu Ezlin
@Dunia Kaunseling Cikgu Ezlin
@ezlin_kz
@ubk_spperdana