18 Februari 2020

SUMBER DAYA
TAMPILAN
INFORMAS
I
Oleh : Kelompok
2

1.Juniar
2. Sisti Ar m iyanti
3. Sri Noviyanti
Apa itu sumber d a y a
t a m p i l a n informasi?
Sumber daya tampilan informasi digital untuk
pembelajaran adalah media digital yang
menyajikan informasi tertentu secara terorganisir
melalui visual dan interaktif dengan keterjangkauan
teknologi yang representasional.
Lalu, a p a sih Tujuan
t u j u a n informasi Dig una ka n d a la m
konteks keg ia ta n b ela ja r.
d i g it al u n t u k Misa
m eral ng a ng : p em ikira n
pembelajaran? siswa ,
memberikan informasi teknis yang
terorg a nisir dan m ud a h
dimengerti serta menyajikan
materi informasi agar lebih efektif
dan digunakan sesuai dengan
kebutuhan kegiatan belajar.
Pe n t in g
Ta m p i l a n informasi a d a l a h strategi
desain d a n p e n y a j i a n informasi
ya ng b e rm a n fa a t se ca ra
pendidikan yang dapat digunakan
se ca ra e fe kt if
p e r a n t a r a se b a gd aa il a m k e g iaala
t atn

pembelajaran.
Aspek Kognitif M a n u s i a d a l a m
M e n g g u n a k a n Informasi Visual

Mata kita d a pa t m e m b u a t sejumlah perbedaan yang luar

biasa d a l a m area kecil. dengan penggunaan garis jaringan
listrik yang sangat ringan, m u d a h untuk kita menemukan 625
poin d a l a m satu inci persegi atau setara 100 poin d a l a m satu
sentimeter persegi. kekuatan resolusi m a t a memungkinkannya
untuk berdiferensiasi ke 0,1 m m dimana dirangsang untuk
melakukan diferensiasi.

(Tufte, hlm. 160-162)

 1.
2. GARIS W AKTU
ILUSTRASI
3. KOORDINAT KARTESIUS
4. GAMBAR FOTOREALISTIK
5. LUKISAN DAN GAMBAR
6. KARIKATUR DAN KARTUN
7. GRAFIK SEPERTI BENTUK PIE, BAR, BAR,
Desain GARIS, HISTOGRAM, PLOT
SPEKTOGRAM, DLL
KOTAK,

Informasi 8.
9. BAGAN
10.PETA
DIAGRAM
RADAR, BAGAN LABA-LABA, BAGAN
GANTTPIKIRAN

d a l a m Format
11.PETA
13.TABEL WILAYAH, PETA DATA. , PETA POHIN, DLL
Visual 12.FORMAT GERAK ;ANIMASI DAN KONTEN VIDEO

14.SIMBOL, TANDA DAN IKON

Collab Space Central Pitch Deck 17.TAG C LOUD
15.REPRESENTASI OBJEK DAN SPASIAL 3 DIMENSI
W
16.ORDLY
GAMBAR PANORAMA

18.REPRESENTASI REALITAS VIRTUAL

19.REPRESENTASI AUGMENTED REALITY
 KEGIATAN 2.1

Visualisasi informasi t e l a h d i g u n a k a n d a l a m b e r b a g a i disiplin i l m u

s e b a g a i s a r a n a p e m b u n g k u s a n d a n p e n y a j i a n j u m l a h besar d a n
k o m p l e k s i t a s informasi. seperti m i s a l n y a d a l a m h a l jurnalisme, i l m u
informasi, bisnis d a n p e m a s a r a n , i l m u p e n g e t a h u a n , t e k n i k d a n
kedokteran

Periksalah periodik t a u t a n d i b a w a h ini d a n jel ajahi b e r b a g a i k e m u n g k i n a n :

Artikel yang me m b a h a s tabel visual berkala :

http://www.visual-literacy.org/Periodic_table.html
http://www.visual-literacy.org/Periodic_table/Periodic_table.pdf

Situs web yang menunjukkan 50 contoh berbagai visual untuk

menampilkan informasi
:
http:/ /www.hongkiat.com/blog/50-informative-an-well-designedinfogra phics/
 2.2 Layar Interaktif Tun gg a l u n t u k
Ta m p i l a n Informasi

Organisasi dan penyajian informasi yang efektif d a p a t dicapai melalui sumber

daya digital dengan menggunakan visual dan berbagai bentuk modalitas.
modalitas seperti suara, teks, warna, garis, bentuk, ukuran, objek, gambar, animasi,
video, simbol dan ikon d a p a t digunakan untuk mengkomunikasikan informasi.
PENTIN
G
Su m b er d a y a d ig it a l
y a n g p a lin g efekt if
untuk kegiatan
p e m b e l a j a r a n m u n g kin
a d a la h yang
m en g in t eg ra sika n sem u a
ko n t en in fo rm a si su m b er
daya
d a l a m satu layar yang
dapat ditampilkan melalui
perangkat.
Kita perlu ingat bahwa dalam konteks
pengajaran, peraturan berbeda
dengan membandingkan,
misalnya, seseorang
menjelajah situs web untuk
informasi atau berita menarik,
melihat papan iklan, menonton program
televisi
atau membaca koran. Tingkat keterlibatan
kognitif yang lebih tinggi sering
diperlukan dari peserta didik agar
pembelajaran dapat terjadi.
Namun, belajar
dalamkonteks tampilan informasi,
tidak berarti bahwa peserta didik
hanya
mengkonsumsi dan mengingat konten.
2.3 C O N T O H T A M P I L A N
INFORMASI
INTERAKTIF DAN
VISUAL
KEMAMPUAN TEKNOLOGI
R E P R E S E N T A S I O N A L K O N T E M P O R E R INI
MELIPUTI K E M A M P U A N UNTUK :

( a ) v i s u a l i s a s i i n fo r m a s i , da t a , dan ga ga s a n
me lal u i d e s a in dan p e n ga t u r a n w a r n a ,
ga r i s , b e n t u k , ga m b a r , s i m b o l , dll .
( b ) i n t e r a k t i v i t a s s e b a ga i s a r a n a u n t u k
m e n y e d i a ka n
p e m b e l a j a r a n d e n ga n ala t u n t u k
m e m a n i p u l a s i dan
m e n g e k s p l o r a s i i n fo r m a s i , da t a a t a u ide
t e rs e b u t m elal u i p e n g g u n a a n s li de r ,
t om b ol , a r e a y a n g dapa t diklik , inp ut t e k s ,
dll .
CONT OHT AMPILAN INFORMAS I
INTERAKTIF DAN
VISUAL
 Infografis berbasis kertas yang diproduksi
oleh Charles Joseph
Minard pada ta hun 1869
Karya asli ini,
dikenal sebagai 'Carte fi
gurative des pertes suksesif
en hommes de l'Armée
Française dans la campagne
de Russie 1812-1813 ', atau
dikenal sebagai peta Minard.
Minard membuat infografis
ini untuk menggambarkan
petualangan Napoleon dan
pasukannya selama upaya
penaklukan Rusia pada tahun
1812
TAMPILAN INFORMASI INI MENUNJUKKAN JALUR KEMAJUAN DAN KEMUNDURAN TENTARA PRANCIS DARI PERBATASAN RUSIA HINGGA
MOSKOW DAN SEBALIKNYA. JALUR DIREPRESENTASIKAN OLEH GARIS DENGAN KETEBALAN YANG BERBEDA. KETEBALAN SESUAI DENGAN
JUMLAH PASUKAN PADA TITIK TERTENTU, MENUNJUKKAN JUMLAH PASUKAN BERKISAR DARI 412 . 0 0 0 PADA TITIK DI MANA TENTARA
PRANCIS MEMASUKI RUSIA, TURUN MENJADI 10. 0 0 0 DI TITIK DI MANA TENTARA MENINGGALKAN RUSIA. GARIS KEMAJUAN DISAJIKAN
DALAM WARNA BIRU DAN GARIS MUNDUR DALAM WARNA MERAH ( WARNA MEMBERIKAN NADA KHUSUS). JALAN SETAPAK DIPLOT DI ATAS
PETA YANG SESUAI DENGAN LOKASI GEOGRAFIS PADA TANGGAL TERTENTU DI MANA TENTARA DATANG DI BERBAGAI SUNGAI DAN KOTA-
KOTA BESAR, DAN TERLIBAT DALAM PERTEMPURAN YANG SIGNIFIKAN.
Dengan bantuan teknologi kontemporer, Minard's Map telah dirancang ulang sedemikian rupa sehingga
kemampuan representasional dan interaktif baru telah meningkatkan kapasitas komunikasinya. Pendekatan
tradisional akan memberikannya kepada peserta didik untuk belajar dan kemudian memberi mereka lembar
kerja, tes atau bentuk tugas lain untuk memperkuat dan memeriksa konten, mengingat dan memahami.
Namun, menurut pendekatan yang berpusat pada pembelajaran, peserta didik akan disajikan dengan
kegiatan yang menarik. Misalnya, kegiatan belajar mungkin memberi peserta didik tugas di mana mereka
dianggap sebagai wartawan surat kabar yang ditugaskan untuk menulis laporan tentang kampanye militer
Prancis di Rusia.
Pelajar dapat berinteraksi secara kognitif, mengeksplorasi dan menginterogasi informasi yang disajikan
dalam satu tampilan informasi ini dengan:
•Membandingkan kemajuan dan kemunduran Tentara Prancis yang diwakili dalam jalur berwarna merah
dan biru;
• Memeriksa lokasi geografis utama, kota, dan sungai,dan peristiwa penting yang terjadi di sana;
•Memeriksa kondisi cuaca pada tanggal yang berbeda dan menghubungkannya dengan pertempuran
utama, kehilangan aasukan dan peristiwa yang terjadi di lokasi yang berbeda; dan
• Membaca tentang peristiwa spesifik dan melihat pratinjau beberapa artefak dari periode itu.
Selain dicapai dengan representasi berbasis kertas asli yang dikembangkan oleh Minard pada
tahun 1869, fitur
desain dari representasi berbasis teknologi baru pun memungkinkan:
•Kejelasan dan penekanan informasi melalui penggunaan warna yang tajam dan kontras,
misalnya, warna garis kemajuan dan kemunduran dari Angkatan Darat Prancis, menekankan garis
suhu, dan
bintang berwarna pada lokasi geografis utama menggunakan
warna cerah untuk menarik perhatian;
•Penataan informasi dalam panel dan tampilan pop-up memungkinkan kelompok informasi
terkait untuk disajikan dalam area layar tertentu;
•Penggunaan interaktivitas untuk memicu tampilan informasi, mis., Area hot-roll-over pada
layar akan menampilkan satu informasi, sambil mengklik area hot-spot itu, akan
memberikan informasi lebih lanjut; dan
•Penggunaan kemampuan built-in dari teknologi tampilan untuk memperbesar area tertentu
dari
layar untuk pratinjau yang lebih baik.
 Secara keseluruhan, dikatakan bahwa sumber daya digital
yang efektif untuk pembelajaran adalah representasi visual
yang interaktif dirancang dengan fungsi sebagai alat atau
media dalam kegiatan pembelajaran
Konfigurasi parameter disajikan
secara grafis pada grafik X-Y yang
menggambarkan zona berbeda
dari kemungkinan konfigurasi, dan
hasil konfigurasi tersebut
menampilkan informasi visual dan
tekstual tertentu. Informasi ini
berguna dalam kegiatan
pembelajaran yang mengharuskan
peserta didik untuk
mengeksplorasi dan menerapkan
konsep parameter pemesinan dan
Pemrograman Numerik Komputer.
Dalam contoh kedua, menggarisbawahi keteraturan matematis yang mendorong tampilan informasi.
Seorang pelajar dapat mengubah/menggeser dua slider untuk mengubah nilai 'Kedalaman Memotonh'
dan 'Tingkat Pakan,' dan tergantung pada kombinasi dari dua nilai ini dan pemrosesan matematika
yang mendasari, informasi visual dan tekstual tertentu ditampilkan (informasi tentang 'Fragmen', '
Sisipkan Geometri 'dan' Sisipkan Bentuk ').
 Contoh keti ga yang selanjutnya menunjukkan
penggunaan interakti vitas untuk mencari
informasi dan menampilkan potongan-
potongan informasi berdasarkan pilihan
pelajar.
Ini akan mengonfi gurasi pita warna pada
'Resistor' yang ditampilkan dan berdasarkan
pada tampilan kombinasi 'Nilai Resistansi'.
Yang unik dari sumber daya tampilan
informasi ini adalah ti dak ada informasi
tekstual yang digunakan untuk menampilkan
konten utama, melainkan visual (pita warna)
dan numerik (nilai resistansi) digunakan.
Penti ng untuk memperti mbangkan bahwa
saat ini kemampuan teknologi
representasional memungkinkan informasi
disajikan dalam cara yang ti dak tekstual,
namun kuat.
Fig. 2.3 Sumber tampilan informasi ‘Kode Warna Resistor
dikembangkan berdasarkan naskah dari buku "JavaScript ™ Bible"
oleh Goodman 2001)
2.4 MERANCANG
TAMPILAN
INFORMASI
SUMBER DAYA
DIGITAL
Untuk mendesain
UNTUK tampilan informasi,
BELAJAR
seorang desainer harus mampu berpikir
kreatif dan inovatif tentang bagaimana
informasi spesifik dapat disajikan dalam
format yang bermanfaat secara
pendidikan.
Teori
Pembelajaran
Multimedia
Menurut Mayer (2001)
Desainer memiliki kebebasan
penuh dalam mengerjakan
tugas dengan cara yang
kreatif dan inovatif. Tidak
seperti dalam kasus teks
yang memiliki aturan tata
bahasa yang terdefinisi
dengan baik, desain tampilan
informasi tidak
diinformasikan oleh aturan
tertentu
 Identifikasi dari
topik utama
untuk
menampilkan
informasi

Cara Merancang Informasi Pengumpulan

Informasi untuk
Ini dimasukan dalam
tahap informasi

Pemisahan
Informasi dalam
kelompok
 CONTOH DESAIN
SUMBER DAYA
TAMPILAN INFORMASI
Sumber daya ini mencakup informasi mengenai
kemungkinan pendekatan untuk menangani
aktivitas manusia dan fenomena yang
mempengaruhi lingkungan kita, seperti
Pemanasan Global, Hujan Asam, dan Penipisan
Ozon. Informasi
terstruktur,diklasifikasikan dan diatur dalam
diagram yang tampilkan informasi lebih lanjut
begitu pelajar mengklik berbagai komponen. Visual
di latar belakang menyediakan beberapa
informasi mengenai polutan udara seperti lalu
lintas dan pabrik, sementara informasi visual
lebih lanjut dalam penyajian masing-masing
ditampilkan
informasi tambahan untuk komponen tertentu dari
diagram. Peserta didik akan dapat membedakan
dan membandingkan berbagai metode menjaga YOUR COMPANY NAME
kebersihan udara dan mengakses berbagai
informasi yang terkait dengan berbagai pilihan.
TERIMA
KASIH