30
Interaksi Manusia Komputer Pengenalan (Definisi, prinsip, contoh Teknik) Hirarki Visualisasi Informasi

asASAsaasdsadsadDADWCDXVCVDFVEDF

Embed Size (px)

DESCRIPTION

trobel suting komputer

Citation preview

Page 1: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Pengenalan(Definisi, prinsip, contoh Teknik)

Hirarki

Visualisasi Informasi

Page 2: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Dunia kita sedang sibuk di dalam data

Komputer, internet dan jaringan telah memberikan akses yang lebih

mengenai data kepada orang-orang ( tetapi hal ini telah ada di sini

sampai saat ini)

Bagaimana cara kita mempertimbangkan hal ini?

Bagaimana cara kita memanfaatkan data di dalam proses

pengambilan keputusan?

Data, Data di mana-mana

Page 3: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

2

Software Agents

- agen komputasional yang menyelesaikan permintaan pemakai

Pencari Data (Data Mining)

- Software yang meneliti database dan memecahkan kemampuan

yang "menarik"

Informasi Visualisasi

- Perkakas (Tools) yang dapat dilihat untuk membantu para pemakai

untuk pengujian yang lebih baik mengenai data tersebut

Tiga Pendekatan

Page 4: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Kereta Bawah Tanah London

Page 5: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Informasi Visualisasi

Page 6: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Apa itu "Informasi ?"- Item-item, entity-entity, hal-hal yang tidak memiliki

korespondensi fisik secara langsung.- Dugaan abstrak dari entity penting juga.

Apa itu "Visualisasi ?"- Penggunaan komputer-pendukung, penggambaran

data visual interaktif untuk memperkuat pengamatan. Dari [Card,Mackinlay Shneiderman ' 98]

MANTRA : ikhtisar dulu, tingkatkan dan menyaring kemudian permintaan detail -- Ben Shneiderman

Inti :

Informasi Visualisasi

Page 7: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

- Mengambil materi tanpa suatu penyesuaian fisik dan memetakannya ke suatu 2-d atau 3-d ruang fisik

- Memberi informasi tentang suatu penyajian visual yang bermanfaat untuk analisa dan pengambilan keputusan

Visual membantu kita berpikir- Pengamatan eksternal- menyediakan suatu kerangka acuan, tempat penyimpanan sementara

Tujuan visualisasi adalah pengertian yang mendalam, bukan gambar- Pengertian yang mendalam

Penemuan, Pengambilan keputusan, Penjelasan

Domains: Teks, Statistik, keuangan/ data bisnis, internet, informasi, perangkat lunak,..

Analisis Data

Komponen-komponen Study

Page 8: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

- Data item dengan atribut atau variabel- Menghasilkan tabel-tabel data

Struktur-struktur visual- Substrate mengenai ruang, tanda, properti tanda

grafis

UI dan interaksi

Tugas analitik untuk dilakukan

Search (pencarian)

Tugas di info Vis

Page 9: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

- Menemukan suatu potongan informasi yang spesifikBerapa banyak game yang braves menangkan di tahun1995?Novel apa yang pengarangnya ian fleming?

Browse- Melihat atau memeriksa sesuatu dengan cara kebetulan, mencari informasi yang menarik

Belajar tentang kristalografiApa yang telah jane lakukan belakangan ini?

Analysis (analisis) Comparison-Difference (perbandingan-perbedaaan) Outliers, extremes (ekstrim) Patterns (pola) Assimilate (asimilasi) Categorize (menggolongkan) Locate (menempatkan) Identify (mengidentifikasi) Rank (peringkat) Associate (rekanan) Reveal (mengungkapkan) Monitor (monitor) Maintain awareness (melihara kesadaran)

Contoh-contoh

Page 10: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Cuaca kota New York2220 angkaTufte, volume 1

Data PegununganVideoBuku-bukuDemonstrasi

Penemu/Pencari Film

TEKNIK INFOVIS

Page 11: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

PENGUMPULAN JUMLAH

- Mengakumulasi elemen individual ke dalam sebuah unit yang lebih besar untuk menghadirkannya seperti

sesuatu yang utuh/lengkap.

OVERVIEW DAN DETAIL

- Menyediakan baik 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.

POKOK PERSOALAN

Page 12: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Desain Grafik- sangat penting dalam informasi fisualisasi- mensti menampilkan data dan hubungan-hubungannya(relationship),

menjelaskannya- lampiran buku-buku menyediakan banayak baris pedoman/petunjuk

Stabilitas- menampilkan informasi menjadi sangat menarik sebagai ukuran dari

perkembangandata- menyelesaikan piksel-piksel pada beberapa titik- membutuhkan pengumpulan, navigasi(pembelajara lebih lanjut)

Interaksi- computer menyediakan kemampuan interaktif yang kita tidak peroleh

pada halaman cetak- kerap kali, harus menelusuri(mempelajari) dan berlatih tentang tampilan-

tampilan data yang berbeda untuk menambah wawasan

Penggambaran Secara Hirarki

Page 13: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

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

Contoh : Sistem BerkasFolder / direktori dengan folder / subdirektori dan berkas didalamnya.

Variasi dari teknik HirarkiTradisional tree views, alternative, views ruang pemberkas .

TREES (POHON)

Page 14: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

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

Page 15: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

CHEOPS

Pohon Kerucut

Ide Lain (Alternatif)

Geometri Hiperbolik(Pohon Hiperbolik)

Page 16: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

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

Representasi isi ruang/ Treemap

Page 17: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Contoh:Pem-visualisasi file dan direktori

Putih – direktori-direktoriBerwarna – file-file

TREEMAP (Peta Pohon)

Page 18: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Nested vs. Non-Nested Treemaps (Treemap Bersarang lawan Tak Bersarang)

Page 19: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Gambaran yang baik dari dua atribut : warna dan daerah.

Tidak sebaik pada penggambaran struktur- Apa yang terjadi bila ini adalah sebuah keseimbangan tree yang

sempurna dari semua bagian dengan ukuran yang sama?- Dapat memperoleh long-thin aspek rasio.

HASIL TREEMAP

Page 20: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Mem-visualisasikan struktir file dan direktori

Akar dari direktori berada di tengahWarna – tipe fileSudut – ukuran file/direktori

Sunburst / Teknik Mengisi-Ruang Membulat

Page 21: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Dibandingkan Treemap dan Sunburst dengan pemakai menampilkan

file tipikal / tugas-tugas direktori yang direlasikan

Penampilan evaluasi tugas dalam kedua kebenaran dan waktu

Hierarki kecil Hierarki besar

(~ 500 file-file) (~3000 file-file)

A B A B

Eksperimen

Page 22: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

60 peserta

Peserta hanya kerja dengan suatu hirarki kecil atau besar pada satu sesi.

Berbagai urutan diantara peserta.

SB A, TM BTM A, SB B 32 DALAM HIRARKI KECILSB B, TM A 28 DALAM HIRARKI BESARTM B, SB A

Percobaan

Page 23: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

Mengidentifikasikan (pemberian nama atau menjelaskan) file berdasarkan ukuran, khususnya, file-file terbesar(terluas) atau terbesar kedua(Q1-2)

Mengidentifikasikan direktori berdasarkan ukuran,khususnya,yang terbesar. (Q3) Lokasi(menjelaskan/menunjukan) file, pemberian seluruh path dan namanya(Q4-7) Lokasi file, hanya pemberian nama file(Q8-0) Menidentifikasikan subdirektori paling dasar(Q10) Menidentifikasikan direktori yang mengandung file-file dengan tipe khusus(Q11) Menidentifikasikan file berdasarkan tipe dan ukuran,khusunya, file terbesar yang

bertipe khusus(Q12) Pembandingan dua buah file berdasarkan ukuran(Q13) Lokasi dari salinan struktur direktori(Q14) Pembandingan dua buah direktori berdasarkan ukuran(Q15) Pembandingan dua buah direktori berdasarkan nomor file yang terkandung(Q16)

TUGAS

Page 24: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer

HASIL Pengaturan hasil untuk Treemap pada hierarki yang besar. Pekerjaannya cenderung disokong oleh Sunburst, tetapi tidak jelas. Pilihan subjektif :

SB(S1), TM(9), UNSUR(1)

OBSERVASI

SB muncul untuk membawa struktur yang lebih baik. Pengguna merasa TM membawa ukuran yang lebih baik, tapi tidak bore-out.

Unsur strategis.

HASIL DAN OBSERVASI

Page 25: asASAsaasdsadsadDADWCDXVCVDFVEDF

Interaksi Manusia Komputer