Visualisasi Maklumat

1
Visualisasi Maklumat

• Puan Nazlena Mohamad Ali
• Blok E, Bilik No 13
• nma_at_ftsm.ukm.my

2
Latihan

• Bagaimana untuk menggambarkan suatu maklumat
  abstrak ?
• kesakitan
• Kegembiraan
• kesedihan
• kelazatan

3
Outline

• Definisi Visualisasi Maklumat (IV)
• Matlamat dan Tujuan IV
• Visualisasi saintifik
• Isu-isu visualisasi
• Reka bentuk kemanusiaan

4
Data berlebihan?!

• Jumlah maklumat semakin meningkat, limpahan data
  dari hari ke hari
• Banyak jenis maklumat suratkhabar, majalah,
  katalog, borang, live audio, penyiaran video, www
  ? dalam bentuk digital utk kegunaan pengguna
  komputer
• Storan penyimpanan lebih besar

5
Perlunya IV

• Menyediakan alatan (tools) yang akan persembahkan
  data dalam bentuk yang dapat membantu manusia
  lebih faham
• IV membenarkan pengguna utk berurusan dgn
  maklumat menggunakan keupayaan semulajadi
  persepsi visual
• Maklumat dipersembahkan dalam bentuk bergrafik
• Ungkapan
• a picture is worth a thousand words
• seeing is believing

6
Contoh
7
Peta malaysia
8
Visualisasi

• Definisi Kamus
• Visualize (vb) - to form a mental image or
  vision of.
• Visualize (vb) - to imagine or remember as if
  actually seeing
• Visualize - menggambarkan, melihat dgn mata
  batin
• Visualize - (sth) as a picture before the mind

9
Visualisasi

• Proses kognitif
• Bentuk satu mental model bagi sesuatu
• Membantu pemahaman
• Pemvisualan membantu kita berfikir

10
Apa itu maklumat?

• Item, entiti, benda, perkara yang tidak mempunyai
  hubungan langsung dgn keadaan fizikal
• Abstrak
• Contoh atribut sebuah kereta, trend saham,
  hubungan jenayah dll

11
Apa itu visualisasi?

• The use of computer-supported, interactive visual
  representations of data to amplify cognition
  (menguatkan proses kognitif)
• From card, mackinlay, shneiderman 98

12
Visualisasi Maklumat (IV)

• merupakan satu proses penukaran, maklumat dan
  pengetahuan kepada suatu bentuk visual yang
  bertujuan membolehkan data, maklumat dan
  pengetahuan tersebut lebih difahami oleh manusia
  (Chittaro, 2001)

13
Visualisasi Maklumat (IV)

• Transformation of the symbolic into the
  geometric
• (McCormick et al., 1987)
• ... finding the artificial memory that best
• supports our natural means of
  perception.''
• (Bertin, 1983)
• it is a process of forming a mental model of
  data, thereby gaining insight into that data
• (Spence ,2001)

14
Tujuan IV

• Mengurangkan kekompleksan
• Meningkatkan pemahaman bagi maklumat bagi manusia
  dgn cara merekabentuk teknik bersesuaian bagi
  paparan data

15
Matlamat IV

• Membenarkan pengguna menjelajah data pada
  pelbagai peringkat abstrak
• Membenarkan pengguna lebih tertumpu pada data
• Memberikan pengguna lebih faham secara mendalam
  terhadap data
• Merangsang dalam proses discovery secara mendalam
  dan mengetahui hubungan yang mungkin sukar
  diketahui
• Menyokong proses pengecaman paten bersesuaian dgn
  keupayaan pengecaman visual pengguna

16
Visualisasi Saintifik

• Apa maksudnya?
• Apa beza dgn visualisasi maklumat?

17
Visualisasi Saintifik

• Merupakan alatan /tool bagi meningkatkan
  keupayaan para pengkaji utk melihat fenomena data
  saintifik visualkan aspek natural world yang
  mempunyai persembahan fizikal
• Biasanya Utk mempersembahkan simulasi 3D tentang
  keadaan sebenar fizikalnya sst benda
• Persembahan realistik sesuatu objek/benda fizikal
• Cth pemandangan gunung dan awan berarak,
  pergerakan air dalam paip

18
Visualisasi maklumat

• Def IV The use of computer-supported, visual
  representation of abstract data to amplify
  cognition
• IV pula lebih kepada konsep dan kuantiti abstrak
  contohnya harga, tekanan, score, hubungan
  jenayah, turun naik kadar pertukaran, voltan dll
• Kesemua kuantiti tersebut berkait dgn real things
• IV memberikan maklumat dalam persembahan visual
  yang berguna utk tujuan membuat keputusan

19
Contoh Visualisasi saintifik
20
Contoh Visualisasi saintifik
21
Contoh Visualisasi Maklumat
22

• Purata kos kuasa sebulan

23
Bagaimana visualisasi membantu menguatkan
kognitif?

• Meningkatkan ingatan dan pemprosesan sumber sedia
  ada
• Mengurangkan pencarian maklumat
• Meningkatkan pengecaman paten
• Membenarkan operasi persepsi dan pengawasan
• Pengekodan maklumat agar boleh dimanipulasi

24
Isu-isu visualisasi

• Pemilihan -adakah ia berguna? Relevan?
• Perwakilan - perlu wakilkan perkara abstrak dgn
  cara tersendiri apa berlaku jika objek ada byk
  artibut?
• Persembahan - guna ruang secara efektifhasil
  lebih mudah diingati
• Skala dan dimensi data berskala besar berapa
  byk fitur perlu dimasukkan? teknik apa sesuai
• Susunan, interaksi dan penjelajahan
• Externalization ciptaan model dalaman atau
  imej pada pemikiran pengguna. Apa pengguna
  lihat pada paparan komputer
• Model mental -cipta pemikiran pengguna
• Ciptaan, pengalaman dan skil - tools visualisasi
  perlu dibangunkan kejayaan bergantung kpd
  pemahaman pem pada skrinbangun

25
Reka bentuk Kemanusiaan (Designing for human)
26
Bagaimana utk tarik perhatian satu masalah

• Sukar utk kenal pasti sst target kecil daalm
  sempadan visual
• Peristiwa mungkin terlepas (missed)

27
Cari bilangan bagi nombor 3
85689726984689762689764358922659865986554897689269
8980246299687402655762798648904567923276928546098
6772098908345798027907590470982790857908477290875
9082790875498709856749068975786259845690243790472
1907907098114508568972698468976268976445892265986
5986554897689269898
28
Cari bilangan nombor 3
85689726984689762689764358922659865986554897689269
8980246299687402655762798648904567923276928546098
6772098908345798027907590470982790857908477290875
9082790875498709856749068975786259845690243790472
1907907098114508568972698468976268976445892265986
5986554897689269898
29
Pergerakan (motion) kemungkinan penyelesaian

• Boleh dilihat.
• Kecemasan/kesegeraan boleh dikod dgn baik dgn
  pergerakan
• Penampilan objek baru boleh tarik perhatian lebih
  baik berbanding pergerakan itu sendiri

30
Membaca ikon

• Ingatan secara ikon
• Ingatan visual boleh simpan maklumat imej (1-2
  saat) sebelum dihantar ke ingatan kerja
• Pemprosesan sebelum-perhatian (Pre-attentive
  Processing)
• Kaedah pop-out
• Utk tarik perhatian

31
Contoh Pop Out /pre-attentive cues

• Form
• line orientation, length, width
• spatial orientation, added marks
• Warna
• hue, intensity
• Pergerakan
• flicker, direction of motion
• Kedudukan ruang
• kedalaman, bentuk cembung/cekung

32
Warna
33
(No Transcript)
34
(No Transcript)
35
Orientasi
36
Pergerakan
37
Pembayang mudah
38
(No Transcript)