Pertemuan 1 - Visualisasi Informasi

Visualisasi Informasi

A. Pengenalan visualisasi informasi

1. Definisi

· Apa itu "Informasi ?"

- Item-item, entity-entity, hal-hal yang tidak memiliki korespondensi fisik secara langsung.

- Dugaan abstrak dari entity penting.

· Apa itu "Visualisasi ?"

Penggunaan komputer-pendukung, penggambaran data visual interaktif untuk memperkuat pengamatan. Dari [Card,Mackinlay Shneiderman ' 98]



Visualisasi Informasi adalah rekayasa dalam pembuatan gambar, diagram atau animasi untuk penampilan suatu informasi. Secara umum, visualisasi dalam bentuk gambar baik yang bersifat abstrak maupun nyata telah dikenal sejak awal dari peradaban manusia.


2. Prinsip

a. Tujuan visualisasi informasi:

· Mengeksplor

· Menghitung

· Menyampaikan

b. Prinsip:

· Fokus pada konten

· Perbandingan

· Integritas

· Resolusi tinggi

· Utilisasi konsep terdahulu dan teruji melewati waktu

c. Mengapa Visualisasi Informasi sangat dibutuhkan oleh kita?

· Pengenalan pola; manusia lebih mudah mengingat dan mencerna informasi yang ada melalui gambar/pola tertentu

· Gambar memungkinkan pembandingan dengan: panjang, bentuk, orientasi, tekstur

· Gambar animasi membedakan perjalanan waktu

· Warna membantu perbedaan

3. Contoh-contoh

Umumnya berupa struktur tree dan grafik.



Grafik Cuaca kota New York, 2220 angka. Tufte, volume 1

4. Teknik Visualisasi Informasi

· PENGUMPULAN JUMLAH

- Mengakumulasi elemen individual ke dalam sebuah unit yang lebih besar untuk menghadirkannya seperti sesuatu yang utuh/lengkap.

· OVERVIEW DAN DETAIL

- Menyediakan tinjauan global maupun kemampuan detail zooming.

· FOKUS + KONTEKS

- Menunjukkan detail dari satu atau lebih daerah di dalam sebuah konteks global yang lebih besar (eg, fisheye).

· DRILL-DOWN

- Memilih item individual atau set yang lebih kecil dari sebuah tampilan untuk sebuah pendapat detail / analisis.

· BRUSHING

- Memilih atau menunjuk / memspesifikasikan nilai, kemudian melihat item yang tepat di tempat lain pada tampilan.

B. Hirarki visualisasi

Urutan dari item-item dimana item tertentu merupakan induk atau moyang dari item lainnya.

Contoh : Sistem Berkas

Folder / direktori dengan folder / subdirektori dan berkas didalamnya.

1. pandangan pohon tradisional,

Hirarki (jabatan) sering kali direpresentasikan sebagai pohon. Akar berada di puncak, daun-daun berada di paling bawah (dasar)

Contoh representasi :



2. alternative,

- CHEOPS



- Pohon Kerucut



- Geometri Hiperbolik (Pohon Hiperbolik)



3. Pandangan space filing

a. Representasi isi ruang/ 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

- Contoh: Pem-visualisasi file dan direktori

Putih – direktori-direktori

Berwarna – file-file



Hasil Treemap (peta pohon) :

· Gambaran yang baik dari dua atribut : warna dan daerah.

· Tidak sebaik pada penggambaran struktur

b. Sunburst / Teknik Mengisi-Ruang Membulat

- Mem-visualisasikan struktur file dan direktori

- Akar dari direktori berada di tengah

- Warna – tipe file

- Sudut – ukuran file/direktori