interaksi manusia dan mesin - … · interaksi yang efektif dari berbagai aspek pengetahuan...
TRANSCRIPT
![Page 1: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/1.jpg)
INTERAKSI MANUSIA DAN MESIN
Visualisasi Informasi
Budhi Irawan, S.Si, M.T
![Page 2: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/2.jpg)
DATA DIMANA-MANA
▪ Dunia kita sedang sibuk di dalam data Komputer, internet danjaringan telah memberikan akses yang lebih mengenai data kepadaorang-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?
![Page 3: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/3.jpg)
TIGA PENDEKATAN
▪ 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
![Page 4: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/4.jpg)
Contoh: Kereta Bawah Tanah London
![Page 5: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/5.jpg)
Contoh: Kereta Bawah Tanah London
▪ 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 (Card,MackinlayShneiderman 1998)
![Page 6: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/6.jpg)
INFORMASI VISUALISASI
▪ Inti:▪ 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
![Page 7: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/7.jpg)
INFORMASI VISUALISASI
▪ 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,.
![Page 8: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/8.jpg)
KOMPONEN-KOMPONEN STUDI
▪ Analisis Data▪ 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
![Page 9: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/9.jpg)
TUGAS DI INFORMASI VISUAL
▪ Search (pencarian)▪ Menemukan suatu potongan informasi yang spesifik▪ Misal: Novel apa yang pengarangnya Ian Fleming?
▪ Browse▪ Melihat atau memeriksa sesuatu dengan cara kebetulan, mencari
informasi yang menarik▪ Misal: Belajar tentang kristalografi, Apa yang telah Jane lakukan
belakangan ini?
![Page 10: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/10.jpg)
TUGAS DI INFORMASI VISUAL
▪ Analysis (analisis)▪ Comparison-Difference (perbandingan-perbedaaan)▪ Outliers, extremes (ekstrim)▪ Patterns (pola)▪ Assimilate (asimilasi)▪ Categorize (menggolongkan)
![Page 11: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/11.jpg)
TUGAS DI INFORMASI VISUAL
▪ Locate (menempatkan)▪ Identify (mengidentifikasi)▪ Rank (peringkat)▪ Associate (rekanan)▪ Reveal (mengungkapkan)▪ Monitor (monitor)▪ Maintain awareness (melihara kesadaran)
![Page 12: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/12.jpg)
CONTOH-CONTOH
Cuaca kota New York
![Page 13: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/13.jpg)
CONTOH-CONTOH
Penemu/Pencarilagu
![Page 14: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/14.jpg)
TEKNIK INFORMASI VISUAL
▪ PENGUMPULAN JUMLAH▪ Mengakumulasi elemen individual ke dalam sebuah unit yang
lebih besar untuk menghadirkannya seperti sesuatu yangutuh/lengkap.
▪ OVERVIEW DAN DETAIL▪ Menyediakan baik tinjauan global maupun kemampuan detail
zooming.
![Page 15: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/15.jpg)
TEKNIK INFORMASI VISUAL
▪ 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 sebuahtampilan untuk sebuah pendapat detail / analisis.
▪ BRUSHING▪ Memilih atau menunjuk / memspesifikasikan nilai, kemudian
melihat item yang tepat di tempat lain pada tampilan.
![Page 16: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/16.jpg)
POKOK PERSOALAN
▪ Desain Grafik▪ Sangat penting dalam informasi fisualisasi▪ Harus menampilkan data dan hubungan-
hubungannya(relationship), menjelaskannya▪ Lampiran buku-buku menyediakan banayak baris
pedoman/petunjuk
![Page 17: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/17.jpg)
POKOK PERSOALAN
▪ Stabilitas▪ Menampilkan informasi menjadi sangat menarik sebagai ukuran
dari perkembangan data▪ Menyelesaikan piksel-piksel pada beberapa titik▪ Membutuhkan pengumpulan, navigasi(pembelajara lebih lanjut)
![Page 18: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/18.jpg)
POKOK PERSOALAN
▪ Interaksi▪ Komputer menyediakan kemampuan interaktif yang kita tidak
peroleh pada halaman cetak▪ Seringkali, harus menelusuri (mempelajari) dan berlatih tentang
tampilan-tampilan data yang berbeda untuk menambah wawasan
![Page 19: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/19.jpg)
PENGGAMBARAN SECARA HIRARKI
▪ Definisi▪ Urutan dari item-item dimana item tertentu merupakan induk
atau moyang dari item lainnya.▪ Contoh: Sistem berkas
Direktori dengan subdirektori dan berkas didalamnya.▪ Variasi dari teknik hirarki
▪ Tradisional tree views, alternative, views ruang pemberkas.
![Page 20: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/20.jpg)
TREE (POHON)
![Page 21: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/21.jpg)
TREE (POHON)
CHEOPS
Pohon
Kerucut
Geometri Hiperbolik
(Pohon Hiperbolik)
![Page 22: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/22.jpg)
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
![Page 23: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/23.jpg)
TREEMAP (PETA POHON)
▪ Contoh:▪ Pem-visualisasian file dan
direktori▪ Putih (direktori)▪ Berwarna (file)
![Page 24: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/24.jpg)
NESTED VS NON-NESTED TREEMAP
![Page 25: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/25.jpg)
HASIL TREEMAP
▪ 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.
![Page 26: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/26.jpg)
SUNBURST
▪ Mem-visualisasikan struktirfile dan direktori▪ Akar dari direktori berada
di tengah▪ Warna – tipe file ▪ Sudut – ukuran
file/direktori
![Page 27: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/27.jpg)
EKSPERIMEN
▪ Dibandingkan Treemap dan Sunburst, dengan pemakai menampilkanfile tipikal/tugas-tugas direktori yang direlasikan
▪ Penampilan evaluasi tugas dalam kedua kebenaran dan waktu
![Page 28: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/28.jpg)
PERCOBAAN
▪ 60 peserta▪ Peserta hanya kerja dengan suatu hirarki kecil atau besar pada satu
sesi.▪ Berbagai urutan diantara peserta.
![Page 29: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/29.jpg)
TUGAS
▪ Mengidentifikasikan (pemberian nama atau menjelaskan) fileberdasarkan ukuran, khususnya, file-file terbesar(terluas) atauterbesar kedua(Q1-2)
▪ Mengidentifikasikan direktori berdasarkan ukuran,khususnya,yangterbesar. (Q3)
▪ Lokasi(menjelaskan/menunjukan) file, pemberian seluruh path dannamanya(Q4-7)
▪ Lokasi file, hanya pemberian nama file(Q8-0)
![Page 30: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/30.jpg)
TUGAS
▪ Menidentifikasikan subdirektori paling dasar(Q10)Mengidentifikasikan direktori yang mengandung file-file dengan tipekhusus(Q11)
▪ Menidentifikasikan file berdasarkan tipe dan ukuran,khusunya, fileterbesar yang bertipe khusus(Q12)
▪ Pembandingan dua buah file berdasarkan ukuran(Q13)▪ Lokasi dari salinan struktur direktori(Q14)
![Page 31: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/31.jpg)
TUGAS
▪ Pembandingan dua buah direktori berdasarkan ukuran(Q15)▪ Pembandingan dua buah direktori berdasarkan nomor file yang
terkandung(Q16)
![Page 32: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/32.jpg)
HASIL DAN OBSERVASI
▪ 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)
![Page 33: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/33.jpg)
HASIL DAN OBSERVASI
▪ OBSERVASI▪ SB muncul untuk membawa struktur yang lebih baik.▪ Pengguna merasa TM membawa ukuran yang lebih baik, tapi
tidak bore-out.▪ Unsur strategis.
![Page 34: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/34.jpg)
PARADIGMA DAN PRINSIP INTERAKSI
▪ Sistem Interaktif memungkinkan user mencapai suatu tujuantertentu dalam suatu domain aplikasi.
▪ Sistem interaktif harus dapat didayagunakan (usability) untukmeningkatkan keberhasilan suatu sistem aplikasi.
▪ Dua masalah tentang usability sistem interaktif:▪ Bagaimana suatu sistem interaktif dibuat/ dibangun agar
mempunyai dayaguna yang tinggi?▪ Bagaimana mengukur atau mendemontrasikan usability suatu
sistem interaktif ?
![Page 35: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/35.jpg)
PARADIGMA DAN PRINSIP INTERAKSI
▪ Dua pendekatan untuk menjawab masalah usability sistem interaktif:▪ Paradigma:
▪ Sistem interaktif yang sukses pada umumnya diyakini akanmeningkatkan usability dari sistem tersebut.
▪ Prinsip:▪ Interaksi yang efektif dari berbagai aspek pengetahuan
mengarahkan peningkatan desain dan evolusi suatu produk,yang pada akhirnya akan meningkatkan usability sistem tsb
![Page 36: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/36.jpg)
JENIS PARADIGMA
▪ Time-Sharing▪ Satu komputer yang mampu mendukung (dapat digunakan oleh)
multiple user▪ Meningkatkan keluaran (throughput) dari sistem
▪ Video Display Units (VDU)▪ Dapat memvisualisasikan dan memanipulasi informasi yang sama
dalam representasi yang berbeda▪ Mampu memvisualisasikan abstraksi data
![Page 37: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/37.jpg)
JENIS PARADIGMA
▪ Programming Toolkits (Alat Bantu Pemrograman)▪ Alat Bantu Pemrograman memungkinkan programmer
meningkatkan produktivitasnya▪ Komputer Pribadi (Personal Computing)
▪ Mesin berukuran kecil yang powerful, yang dirancang untuk usertunggal.
![Page 38: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/38.jpg)
JENIS PARADIGMA
▪ Sistem Window dan interface WIMP (Windows, Icons, Menus andPointers)▪ Sistem window memungkinkan user untuk berdialog/ berinteraksi
dengan komputer dalam beberapa aktivitas/topik yang berbeda▪ Bahasa vs. Aksi (Language versus Action)
▪ Bahasa digunakan oleh user untuk berkomu-nikasi denganinterface
▪ Aksi dilakukan interface untuk melaksanakan perintah user
![Page 39: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/39.jpg)
JENIS PARADIGMA
▪ Metapora (Metaphor)▪ Metapora telah cukup sukses digunakan untuk mengajari konsep
baru, dimana konsep tersebut telah dipahami sebelumnya.▪ Contoh metapora (dalam domain PC):
▪ Spreadsheeet adalah metapora dari Accounting dan FinancialModelling
▪ Keyboard adalah metapora dari Mesin Tik
![Page 40: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/40.jpg)
Jenis Paradigma
▪ Manipulasi Langsung (Direct Manipulation) ▪ Manipulasi Langsung memungkinkan user untuk mengubah
keadaan internal sistem dengan cepat. ▪ Contoh Direct Manipulation adalah konsep WYSIWYG (what you
see is what you get)
![Page 41: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/41.jpg)
JENIS PARADIGMA
▪ Multi-Modality▪ Sistem multi-modal interaktif adalah sistem yang tergantung pada
penggunaan beberapa (multiple) saluran (channel) komunikasipada manusia.
▪ Contoh channel komunikasi pada manusia : visual (mata), hapticatau peraba (kulit) audio (telinga).
![Page 42: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/42.jpg)
JENIS PARADIGMA
▪ Computer-Supported Cooperative Work (CSCW)▪ Perkembangan jaringan komputer memungkinkan komunikasi
antara beberapa mesin (personal komputer) yang terpisah dalamsatu kesatuan grup.
▪ Sistem CSCW dirancang untuk memungkinkan interaksi antarmanusia melalui komputer dan direpresentasikan dalam satuproduk.
▪ Contoh CSCW: e-mail (electronic mail)
![Page 43: INTERAKSI MANUSIA DAN MESIN - … · Interaksi yang efektif dari berbagai aspek pengetahuan mengarahkan peningkatan desain dan evolusi suatu produk, yang pada akhirnya akan meningkatkan](https://reader031.vdocuments.mx/reader031/viewer/2022021716/5c88be0b09d3f21d318bcd37/html5/thumbnails/43.jpg)
PRINSIP YANG MENDUKUNG USABILITY
▪ Learnability : kemudahan yang memungkin-kan user baruberinteraksi secara efektif dan dapat mencapai performance yangmaksimal
▪ Flexibility : menyediakan banyak cara bagi user dan sistem untukbertukar informasi
▪ Robustness: tingkat dukungan yang diberi-kan agar user dapatmenentukan keberhasil-annya atau tujuan (goal) yang diinginkan.