Anda di halaman 1dari 60

IF 4061

Visualisasi Data dan Informasi:

Pengantar

Semester 8 2019/2020

Dessi Puji Lestari


(dessipuji@stei.itb.ac.id )
School of Electrical and Informatics Engineering
Kelas hari ini

1. Definisi dan Tujuan Visualisasi Data


2. Sejarah Visualisasi
3. Isi dan Tujuan Kuliah
4. Peraturan kelas

IF4061 Visualisasi Data dan Informasi _ DPL 05/02/2020


Acknowledgement

Sebagian besar referensi diambil dari:


- Andy Kirk. Data Visualization: A Successful Design
Process. Pact Publishing. 2012, chapter 1-2
- Colin Ware. Information Visualization : Perception
for Design 2ed. Morgan Kaufmann. 2004, chapter 1

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


1. Apa itu Visualisasi Data /
Informasi?

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Visualisasi Data

Representasi dan penyajian data yang


mengeksploitasi kemampuan persepsi
visual kita untuk memperkuat kognisi

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Visualisasi Data vs Visualisasi Informasi

• Visualisasi Data: Penggunaan representasi data


yang didukung komputer, interaktif, untuk
memperkuat kognisi.
• Visualisasi Informasi: Penggunaan representasi
data abstrak yang didukung komputer dan
visual interaktif untuk memperkuat kognisi.

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Representasi
• • Cara Anda memutuskan untuk
menggambarkan data melalui pilihan bentuk fisik.

Taken from bbc.co.uk


• Anda mengambil data sebagai material dan
membuat representasi untuk menggambarkan
atributnya.

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Presentasi
• Ini melampaui representasi data
• Memperhatikan bagaimana Anda mengintegrasikan
representasi data Anda ke dalam keseluruhan
pekerjaan yang saling berhubungan
– termasuk pilihan warna, anotasi, dan fitur-fitur
interaktif

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Presentasi (2)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Perkuat Kognisi

• Memaksimalkan seberapa efisien dan efektif


kita dapat memproses informasi menjadi
pikiran, wawasan, dan pengetahuan.

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Seni dan Pengetahuan
• itu membutuhkan pengetahuan yang
mendalam dan luas di beberapa mata kuliah
seperti:
 ilmu kognitif
 Statistik
 desain grafis
 Pemetaan
 dan ilmu komputer

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Teori yang sudah ada: Hukum Gestalt

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Visualisasi Buruk atau VisualisasiBaik
Mendapatkan visualisasi yang benar merupakan
ilmu bukan seni, yang hanya dapat kita capai
dengan mempelajari persepsi manusia.

Stephen Few

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Keterampilan Visual untuk Publik

Keterampilan yang diperlukan untuk


menampilkan informasi yang paling efektif tidak
intuitif dan sebagian besar bergantung pada
prinsip-prinsip yang harus dipelajari.

Stephen Few (Show Me the Numbers)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sekarang, Bagaimana Desain Anda ??
• Anda memiliki gaya desain tertentu berdasarkan selera
pribadi
• Anda hanya bermain-main sampai sesuatu muncul
yang secara naluriah Anda sukai
• Anda memercayai standar software dan tidak
mencoba memodifikasi desain
• Anda memiliki kemampuan software yang terbatas,
sehingga Anda tidak tahu cara memodifikasi desain
• Anda hanya melakukan seperti yang diperintahkan bos
kepada Anda — bisakah Anda membuatkan saya bagian yang
bagus

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Bagaimana Cara Membuat
Visualisasi yang Baik?
• Kita perlu memahami :
1. Properti data dan informasi
2. Properti gambar
3. Aturan untuk memetakan data menjadi
gambar

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


2. Tujuan Visualisasi Data

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Tujuan Visualisasi Data

1. Analiisis Data

 Untuk memahami data


 Untuk mengambil informasi
 Komprehensif

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Visualisasi sebagai Alat Penemuan

Nilai terbesar dari sebuah gambar adalah ketika


itu memaksa kita untuk memperhatikan apa
yang tidak pernah kita sangka lihat

John W Tukey (Exploratory Data Analysis).

Sebuah Gambar bernilai 10.000 kata


(anonim)

05/02/2020
Apa yang bisa kita temukan?

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Mari Visualisasikan!

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Mari Visualisasikan!

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Mari Visualisasikan!

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Mari Visualisasikan!

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Contoh Terkenal
Lainnya
(The John Snow)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Keuntungan Analisis Data
menggunakan Visualisasi
• Memahami data besar (lebih cepat)
• Menangkap/ Capture properti penting
data
• Tangkap / Capture masalah
– alat untuk kontrol kualitas
• Fasilitasi hipotesis baru

05/02/2020
Tujuan Visualisasi Data

2. Komunikasi
– Untuk mengkomunikasikan informasi
– Menggabungkan kesederhanaan dengan
perasaan (feeling)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Komunikasi untuk Transfer Informasi

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Menciptakan aksesibilitas melalui desain
intuitif – Penyederhanaan (Simplification)

Kelebihan, kekacauan, dan kebingungan


bukanlah atribut informasi, mereka adalah
kegagalan desain

Edward Tufte

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Contoh

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Contoh

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
Tujuan Utama
• Untuk membuat pembaca lebih mengetahui
informasi suatu subjek

Visualisasi lebih efektif daripada visualisasi lain


jika informasi yang disampaikan oleh satu
visualisasi lebih mudah dirasakan daripada
informasi dalam visualisasi lainnya.

Jock Mackinlay
05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
Komunikasi Visual Data
Apakah ini tren saat ini?

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Komunikasi Visual Data

• Sudah ada dalam berbagai bentuk selama


ratusan dan ribuan tahun.
misal garis, bar, dan diagram lingkaran —
berasal dari abad kedelapan belas

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
Hingga Abad ke-17
(Peta and Diagram)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
Hingga Abad ke-17

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
Hingga Abad ke-17

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1600-1799: Teori and Metriks

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1600-1799: Teori and Metriks

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1800-1974: Awal Infografis Modern

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1800-1974: Awal Infografis Modern

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1800-1974: Awal Infografis Modern

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Sejarah Visualisasi Data:
1975-Sekarang : Menggunakan Komputer

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Mengapa?
• Dipercepat oleh:
– kemampuan teknologi baru yang kuat
– perubahan budaya menuju transparansi dan
aksesibilitas data yang lebih besar

"Data adalah miyak baru “


(Michael Palmer, 2006)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
Kemampuan untuk mengambil data - untuk dapat
memahaminya, mengolahnya, untuk mengambil
nilai darinya, memvisualisasikannya, untuk
mengkomunikasikannya - itu akan menjadi
keterampilan yang sangat penting dalam dekade
selanjutnya

Hal Varian (Ekonom Pimpinan Google)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Tujuan Kursus

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Tujuan Kursus (1)

• Kemampuan untuk memahami


prinsip dan tujuan visualisasi
• Kemampuan untuk memahami
persepsi visual manusia dan
representasi objek

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Tujuan Kursus (2)
• Kemampuan untuk memahami karakteristik data, untuk
memetakan data ke dalam representasi visual yang sesuai
o Simbolis
o Datar
o Berjejaring
o Hierarkis
o Informasi tekstual

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Tujuan Kursus (3)
• Kemampuan untuk mengetahui dan
mengevaluasi beberapa teknik visualisasi
• Kemampuan untuk merancang dan
mengembangkan visualisasi data yang baik
dengan menggunakan beberapa alat visualisasi

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Contents (1)
• Pengantar Visualisasi Data
• Persepsi Manusia dan Komunikasi Visual
• Tahapan dalam Visualisasi
• Taksonomi Visualisasi
• Peta, Skalar & Vektor, Seri Waktu & Visualisasi
Jaringan
• Model, Lingkungan Virtual, & Visualisasi Animasi

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Contents (2)
• Hierarki dan Pengelompokan dalam Visualisasi
• Visualisasi Interaktif
• Membuat dan Evaluasi Visualisasi
• Penambangan Data Visual
• Masalah dalam Visualisasi: kesalahan
interpretasi, warna, skalabilitas, masalah
persepsi
• Visualisasi dalam Domain: Urban, SW Eng,
Socmed
05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
Komponen Penilaian
• Kuis (1-3)
• UTS dan UAS
• Tugas Individu
• Tugas Kelompok
• Partisipasi dalam kelas termasuk
kehadiran Anda di kelas

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


References
1. Colin Ware. Information Visualization : Perception
for Design 2ed. Morgan Kaufmann. 2004
2. Andy Kirk. Data Visualization: A Succesfull Design
Process. Pact Publishing. 2012
3. Visualizing data, Ben Fry, O'Reilly Media, Inc., 2008
4. Visualization Handbook, Christopher Johnson &
Charles M. Hansen & Chris Johnson, Elsevier, 2004

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


More References
• Visual data mining: techniques and tools for data
visualization and mining, Tom Soukup & Ian Davidson, John
Wiley and Sons, 2002
• Beautiful Visualization: Looking at Data Through the Eyes of
Experts, Julie Steele & Noah Iliinsky, O'Reilly Media, 2010
• Introduction to Scientific Visualization., Helen Wright,
Springer 2007
• Ricardo Mazza. Introduction to Information Visualization.
Springer. 2009
• W. Aigner. et al. Visualization of Time-oriented Data.
Springer. 2011
05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL
Lets Work and Having Fun!

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL


Kita masing-masing memiliki bakat;
tantangan terbesar dalam hidup
adalah menemukan jalan keluar untuk
mengekspresikannya!

(Ed Witten)

05/02/2020 IF4061 Visualisasi Data dan Informasi _ DPL