Transcription

SEM I NA R K O L E GI ALWI & PTPPPPPTK PKn dan IPS28 April 2020PENGEMBANGANMEDIA PEMBELAJARANSEDERHANABERBASIS INFOGRAFISReti Veri Anita, S.Kom., M.Cs.(Pengembang Teknologi Pembelajaran)

Presentation Overview Definisi infografis Jenis-jenis infografis Elemen infografis Karakteristik infografis yang efektif Tahapan Pengembangan (Development) Media PembelajaranSederhana Berbasis Infografis Tahap Pre-produksi Produksi Pengembangan Infografis dengan Canva Pengembangan Infografis dengan MS Power Point Pasca ProduksiSEMINAR KOLEGIAL WI & PTPPOKOK MATE RI Konsep Dasar Infografis01

INFOGRAFIS DIMEDIA CETAK02

INFOGRAFIS DIMEDIA ELEKTRONIK03

S u m b e r : h t t p s : / / s m p n 4 p a k e m. s c h .i d / w p/ b l og / i - mo v i e -s e b a ga i - m ed i a p e m b e l a j a r a n - b a h as a - i ng g r i s - k e l as - v i i- s m p- n e g er i - 4 -p a k e m/SUASANA BELAJARSISWA DI KELAS04

INFOGRAFIS DIBIDANGPENDIDIKAN05Di bidang pendidikan, infografist e l a h b a n y ak d i m a n faat kan khususnyas e b a ga i a l a t u n t u k m e m b ant u siswad a l a m m e n i ngka tkan : pemahaman, m e m o ri , d a n pe n g am bila n k e p u tu sanThe Journa l of Writin g Teach e r Educa t i o n Vol. 7 Tahun2019, Weste r n Michig a n Unive r si t yPenuli s : Katie AlfordJudul : "The Rise of Infog r a p hi c s : Why Teache r andTeache r Educa t o r s Should Take Heed"

DEFINISI06Infografis adalah visualisasidata atau ide yang dibuatuntuk menyampaikan informasikompleks kepada pembacasehingga dapat dipahami dandimengerti dengan cepat.Infografis menggabungkanantara data dan desain, yangmembantu orang atauorganisasi untukmengkomunikasikan ide,gagasan atau pesan secarasingkat.Mark Smiciklas "Thepower of infographics:Using pictures tocommunicate and connectwith your audiences"(2012)

DEFINISI07Infografis tidak hanyasekedar visualisasi data.Infografis telah berkembanglebih luas denganmengkombinasikan visualisasidata, ilustrasi, teksdan gambar yang bertujuanuntuk menyampaikan kontekside atau gagasan secarakeseluruhanRandy Krum, "CoolInfographics EffectiveCommuniation with DataVisualitation andDesign" (2013)

DEFINISI08Infografis adalah perpaduanantara seni dan jurnalisme;perpaduan teknologi dankemampuan mendongeng(storytelling)Justin Beegel,"Infographic forDummies" (2014)

Infografis: merupakan bentuk visual dibuat untuk menyampaikan informasi dibuat agar informasi yang disampaikandapat dipahami dengan lebih mudah dan cepat mengkombinasikan ilustrasi, gambar,visualisasi data (chart), dan teks.SEMINAR KOLEGIAL WI & PTPDari beberapa definisi tersebut :09

KLASIFIKASI10

ELEMEN11

Karakteristik Infografis yangEfektif12JUDUL/SUB JUDULMemiliki Judul danSubjudul yang menarikCARA PENYAJIANCara penyajianmemiliki konteks yangjelas dan mudahdimengerti34ALUR PENYAJIANAlur penyajian kontenlogis dan menarikINFORMASIPENDAHULUANInformasi pendahuluanmenjelaskan latar belakangmasalah yang usi darimasalah yang diangkat6TANPA PENGULANGANTidak ada pengulanganinformasi yangdisajikan karenaketerbatasan ruang

CONTOH13Sumber: https://sahabatkeluarga.kemdikbud.go.id/

Analisis Jenis Metode Presentasi:Infografis Statis Desain/layout : Polamelingkar Tujuan : Pendidikan daninformasi Dokumen dan PemrosesanTeks : Berbasis teks,Elektronik14

15Analisis Elemen Visual Kombinasi warna :Biru, Putih, Orange,Hijau, Ungu Komponen Grafis: Teksdan Gambar ilustrasi Penggunaan Icon: Iconcontoh narkoba sepertidaun ganja, pil, alatsuntik, dll

16Analisis Elemen Isi Kurun Waktu : - Statistik: - Referensi: Konteninfografis memuatreferensi langkahlangkah bagaimanamelindungi diri dariNarkoba

17Analisis ElemenPengetahuan FaktaMemuat informasi narkobaberbahaya bagikesehatan dan harusdihindari denganmelakukan langkah-langkah perlindungandiri.

TAHAPANPENGEMBANGAN18

P R A- P R O D U K S I :NARASI19

20PRA-PRODUKSI:SKETSA LYAOUT Semakin lengkapdeskripsi media padasketsa maka akan semakinmempermudah implementasisaat proses produksi Pilih tema desain yangsesuai dengan kontenmateri Sketsa dalam naskahinfografis setidaknyamemuat keterangan temadesain, pemilihan tataletak (layout),ukurancanvas, kombinasi warna,dll

Pra-Produksi : Layout1. STATISTIK2. INFORMASIONAL213. KRONOLOGI

Pra-Produksi : Layout4. PROSES5. GEOGRAFIS226. PERBANDINGAN

Pra-Produksi : Layout7. HIRARKI8. CHART - CENTRIC237. KOMBINASI

AYO MAIN GAME .Buka:menti.com

Fiturnya intuitif, ramah pengguna Tersedia beragam template gratis Tersedia berbagai macam aset grafis gratisCANVA Tersedia fasilitas upload grafis sampai 100 MBuntuk akun gratis Membuat berbagai macam desain tanpa batasanjumlah Terdapat versi browser PC dan APP Android Terdapat fasilitas organisasi folder untukmemudahkan pengorganisasian desain Mengunduh hasil desain dengan resolusi yangtinggi Fasilitas menyimpan otomatis (autosave) setiap 60detikALTERNATIFSOFTWARE PRODUKSI24KELEBIHAN :

Memerlukan peramban (browser) dan koneksiinternet yang stabil dalam penggunaannya Untuk akun gratis memiliki beberapaCANVAketerbatasan diantaranya: ukuran canvas tidak dapat diubah ditengah prosesdesain; beberapa template dan aset merupakan templateberbayar; penanganan untuk objek visualisasi data berbentuktabel masih belum memadai.ALTERNATIFSOFTWARE PRODUKSI25KELEMAHAN:

Jika ingin lebih mudah saat registrasi dapatmenggunakan akun email Google Mail akun sosial media FacebookKeduanya telah terintegrasi Canva sehinggatidak perlu untuk verifikasi email untukmenyingkat waktu registrasi.SEMINAR KOLEGIAL WI & PTPTIPS PEMBUATAN AKUN DI CANVA26

KELEBIHAN: Tidak memerlukan koneksi internetPOWER POINT Relatif mudah digunakan terutama bagi penggunayang sering membuat slide presentasiKELEMAHAN: Asset gambar, bentuk tulisan, dan templateinfografis di MS Office masih sangat terbatas Memerlukan kemampuan desain yang memadaiterutama terkait komposisi objek, warna, danbentuk teks.ALTERNATIFSOFTWARE PRODUKSI27

KELEBIHAN: Tidak memerlukan koneksi internetPOWER POINT Relatif mudah digunakan terutama bagi penggunayang sering membuat slide presentasiKELEMAHAN: Asset gambar, bentuk tulisan, dan templateinfografis di MS Office masih sangat terbatas Memerlukan kemampuan desain yang memadaiterutama terkait komposisi objek, warna, danbentuk teks.ALTERNATIFSOFTWARE PRODUKSI28

Dikarenakan asset gambar, bentuk tulisan dantemplate infografis di MS Power Point sangatterbatas maka dapat disiasati dengan menggunduhasset-asset berlisensi gratis.Di beberapa situsmenyediakan asset tersebut dan dapat diunduhsecara gratis: https://pngtree.com https://www.freepngimg.com https://www.freepik.com/SEMINAR KOLEGIAL WI & PTPTIPS ASET GRAFIS GRATIS UNTUK MS POWER POINT29

PRODUKSI MEDIA1UKURAN DESAINMengatur ukurandesain sesuai sketsa2layout4OBJEK FOTO/GAMBAR ILUSTRASIWARNA LATARMengatur warna latar(background) sesuai3035Memasukkan objek grafisberupa icon, foto, petaatau gambar ilustrasiMemasukkan objekvisualisasi databerbentuk grafiksesuai sketsa layout(chart) sesuai sketsaMenambahkan objek teksdan melakukan customisasisesuai sketsa layouttema layoutOBJEK GRAFIKDATA (CHART)OBJEK TEKS6OBJEK TABELMemasukkan objekvisualisasi databerbentuk tabel(chart) sesuai sketsa

PRODUKSI MEDIA 31Ukuran DesainMengatur ukurandesain sesuai sketsalayout

PRODUKSI MEDIA 32Warna LatarMengatur warna latar(background) sesuaitema layout

RIVERSIDE HIGH SCHOOLCOMPUTER CLUBHEADINGPRODUKSI MEDIA 33Objek TeksTitleFOR BEGINNERSAUGUST 29, 20184:30-6:00 PMwelcomelittle one!Menambahkan objekROOM 204teks dan melakukancold,smooth Official Memo& tasty.customisasi sesuaisketsa layoutBABY TAYLOR FINN

PRODUKSI MEDIA 34Objek Foto/GILUSTRASIMemasukkan objekgrafis berupa icon,foto, peta ataugambar ilustrasisesuai sketsa layout

PRODUKSI MEDIA 35Objek GrafikData (Chart)7550Memasukkan objekvisualisasi data25berbentuk grafik(chart) sesuaisketsa0Item 1Item 2Item 3Item 4

PRODUKSI MEDIA 36Objek TabelMemasukkan objekvisualisasi databerbentuk tabelsesuai sketsa

37 Kegiatan preview untukmelihat apakah infografisyang telah selesaidiproduksi sudah sesuaidengan naskah. Apabila terdapatkekurangan atauketidaksesuaian dengannaskah, maka perludilakukan perbaikan ataurevisi.PASCAPRODUKSI

PPPPTK PKN DAN IPSSEM INA R KOLEGIALWI DAN PTPReti Veri Anita, S.Kom., M.Cs.(Pengembang Teknologi Pembelajaran)"make it simple,but significant"(don draper)TERIMAKASIH

Tersedia berbagai macam aset grafis gratis Tersedia fasilitas upload grafis sampai 100 MB untuk akun gratis Membuat berbagai macam desain tanpa batasan jumlah Terdapat versi browser PC dan APP Android Terdapat fasilitas organisasi folder untuk memudahkan pengorganisasian desain Mengunduh