Visualisasi Informasi
Data, Data Everywhere
• Data berada disekitar kita
• Komputer, Internet, Web membuat data
semakin mudah diperoleh
• Bagaimana cara memanfaatkan data sebagai alat
pertimbangan pengambil keputusan
Information Visualization
• What is “Information”?
▫ Kumpulan dari data yang telah diolah sehingga
mempunyai nilai guna
• What is “visualization”?
▫ Rekayasa untuk membuat gambar,diagram, atau
animasi untuk menampilkan informasi
Information Visualization (Cont)
“ Visualisasi Informasi adalah
Rekayasa pembuatan gambar, animasi maupun diagram
dengan tujuan menyampaikan informasi sehingga
mudah dipahami oleh pengguna. “
Contoh
NYC weather
2220 numbers
Data Mountain
Video
Books
Demo
Keuntungan Visualisasi
• Pengenalan Pola
▫ Scanning, Recognizing, Remembering images
• Memungkinkan perbandingan
▫ Panjang, bentuk, orientasi,tekstur
• Gambar Animasi membedakan perjalanan
waktu
• Warna dapat membantu membedakan
informasi
Dukungan Komputer dan VI
• Menyimpan data
▫ Lebih murah dan efesien dibanding teknik
konvensional (kertas)
• Proses Komputasi
▫ Kecepatan akses untuk membaca data
• Penyajian Informasi
▫ Berbagai bentuk sesuatu dengan keinginan
Teknik Visualisasi Informasi
• Pengumpulan Jumlah
▫ Mengakumulasi elemen individual ke dalam sebuah unit yang
lebih besar untuk menghadirkan sesuatu yang utuh/lengkap
• Overview & Detail
▫ Menyediakn tinjauan global maupun kemampuan detail zooming
• Fokus dan Konteks
▫ Menunjukkan detail dari satu atau lebih daerah di dalam sebuah
konteks global yang lebih besar
• Drill-Down
▫ Memilih item individual atau set yang lebih kecil dari sebuah
tampilan untuk membuat pendapat detail/analisis
• Brushing
▫ Menunjuk, memilih, atau memspesifikasikan nilai, kemudian
melihat item yang tepat di tempat lain pada tampilan
Isu Visualisasi Informasi
• Graphic design
▫ Sangat penting untuk membuat visualisasi Informasi
▫ Dapat secara nyata menampilkan data dan hubungannya
▫ Dapat digunakan sebagai pedoman
• Scalability
▫ Penyajian informasi sangatlah penting dalam era saat ini
▫ Mendapatkan suatu gambaran informasi dari sebuath pixel/titik
▫ Membutuhkan agregat dan navigasi
• Interaction
▫ Komputer dapat memberikan keleluasaan untuk berinteraksi
dengan informasi dibandingkan dengan printed paper
▫ Walau membutuhkan sedikit navigasi dan pengujian data yang
berbeda untuk memperoleh sudut pandang yang sesuai
Hirarki Visualisasi
• Definisin
▫ Urutan dari item-item dimana item tertentu
merupakan induk dari item lainnya
• Contoh: File System
▫ Folders/Direktori dengan folder/subdirektori
dengan berkas didalamnya
• Variasi teknik Hirarki
▫ Tradisional tree views, alternative, views ruang
pemberkas
Trees
• Hirarkri yang diwakili dengan bentuk
pohon
• Root diatas, leaves di bawah
root
(Alternative) Another Idea
CHEOPS
Hyperbolic Geometry
(Hyperbolic Tree)
ConeTree
Space-Filling Representation / Treemap
• Representasi isi ruang dikembangkan oleh Shneiderman dan Johnson
• Anak tergambar dalam orang tua mereka / Anak “dikandung” dibawah
orang tua
• Horisontal dan Vertikal alternatif mengiris pada setiap tingkat
kesuksesan
•
Treemap
Contoh:
File and directory visualizer
white-directories
color-files
level 1
dirs
Nested vs. Non-nested Treemaps
Nested Tree-Map Non-nested Tree-Map
Hasil Treemap
• Gambaran yang baik dari dua atribut : warna
dan daerah.
• Not as good at representing structure
▫ What happens if it’s a perfectly balanced tree of
items all the same size?
▫ Also can get long-thin aspect ratios
Sunburst /
Radial Space-FillingTechnique
Visualisasi File dan
direktori
Root dir di tengah
Color - file type
Angle - file/dir size