pendahuluanreza_chan.staff.gunadarma.ac.id/downloads/files/52977/...mengintegrasikan metode desain...

25
PENDAHULUAN Interaksi Manusia & Komputer

Upload: dangnga

Post on 24-Mar-2019

226 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

PENDAHULUANInteraksi Manusia & Komputer

Page 2: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Course Overview● Kemampuan manusia● Evaluasi (tanpa pengguna)● Desain● Dialog & interaksi● Evaluasi (dengan pengguna)● Topik khusus● CSCW, InfoVis, Ubicomp, Agen

Page 3: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

HCI = Interaksi Manusia & Komputer● Apa itu?● Dapatkah kalian mendefinisikan / menggambarkannya?

○ Interaksi Manusia Komputer (HCI = IMK) merupakan studi menjabarkan TENTANG Interaksi ANTARA Manusia, Komputer dan Tugas.

○ Bagaimana Manusia dan Komputer beroperasi interaktif melaksanakan dan menyelesaikan tugas serta bagaimana sistem yang interaktif itu dibuat.

Page 4: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Why We Are Here?● Melihat faktor-faktor manusia yang mempengaruhi desain perangkat

lunak dan pengembangan● Topik Utama → desain antarmuka pengguna

○ Tidak hanya interface perangkat lunak pada desktop monitor

● IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian

Page 5: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Yang terlibat dalam IMK● Psikologi dan ilmu kognitif : persepsi user, kognitif,

kemampuan memecahkan masalah● Ergonomi : kemampuan fisik user● Sosiologi : kemampuan memahami konsep interaksi● Ilmu komputer dan teknik : membuat teknologi● Bisnis : pemasaran● Desain grafis : presentasi interface● Dan lain-lain.

Page 6: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

HCI● Apa yang terjadi ketika

manusia dan komputer bersama-sama melakukan tugas ?○ Tugas → menulis dokumen,

menghitung anggaran, menyelesaikan persamaan, belajar tentang dunia, melihat lalu lintas jalan, …..

Mengapa ini penting ?● Komputer (dalam satu atau lain

cara) sekarang mempengaruhi setiap orang di masyarakat○ Meningkatkan % pemanfaatan

komputer dalam pekerjaan

● Keberhasilan produk mungkin tergantung pada kemudahan penggunaan, belum tentu kekuatan

Page 7: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Apa Interaksi Manusia dan Komputer ● IMK meliputi ergonomi dan faktor manusia.

○ Ergonomi → UK ○ Faktor manusia → USA

● Secara tradisional, ergonomi memfokuskan pada karakteristik fisik mesin dan sistem dan melihat unjuk kerja (performance) dari user.

● Faktor manusia merupakan studi tentang manusia dan tingkah lakunya dalam menggunakan mesin, alat-alat teknologi dalam menyelesaikan tugas.

● Interaksi manusia & mesin + informasi & teknologi = interaksi manusia &

komputer

Page 8: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Course Aims and Goals● Meningkatkan kesadaran

○ Membuat kalian menyadari masalah ini

● Mengkritisi desain○ Mempertanyakan desain yang buruk

● Memungkinkan pengguna untuk melakukan tugas-tugas○ Aman○ Efektif○ Efisien○ Nyaman

Page 9: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Usability & Crucial ErrorsUsability

1. Masalah penting2. Kombinasi dari

a. Kemudahan belajarb. Kecepatan tinggi kinerja tugas penggunac. Tingkat kesalahan rendah penggunad. Kepuasan pengguna yang Subjektife. Retensi Pengguna dari waktu ke waktu

Crucial Errors

1. Menganggap semua pengguna sama

2. Menganggap semua pengguna seperti desainer

Page 10: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

How do we improve interfaces?● Perubahan sikap pembuat software● Menerjemahkan dengan cepat pengetahuan tentang desain interface● Mengintegrasikan metode desain & teknik User Interface dalam

metodologi standar pengembangan perangkat lunak terbaru

Page 11: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Improving Interfaces● Kenali pengguna

○ Kemampuan fisik○ Kemampuan kognitif○ Perbedaan kepribadian○ Perbedaan keterampilan○ Keragaman budaya○ Motivasi○ Kebutuhan khusus

Page 12: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma● Kerangka teoritis dominan atau pandangan dunia ilmiah

○ Misalnya, Aristoteles, Newton, Einstein (relativistik) paradigma dalam fisika

● Memahami sejarah HCI adalah sebagian besar tentang pemahaman serangkaian pergeseran paradigma○ Tidak semua datang pada slide berikutnya benar-benar pergeseran "paradigma", tetapi

Anda mendapatkan ide

Page 13: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Pergeseran Paradigma➢ Cards, tape → VDU➢ Mainframe → PC➢ Glass tty → WIMP interface➢ Commands → Direct

manipulation➢ Direct manipulation → Agents

➢ Visual → Multimedia➢ Linear → Web-like➢ Desktop → Ubiquitous, Mobile➢ Single user → CSCW➢ Purposeful use → Situated use

Page 14: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCI● Komputer digital didasarkan pada ide-ide dari 1700 & 1800-an● Teknologi menjadi tersedia di tahun 1940-an dan 1950-an

Vannevar Bush

● "As We May Think" - 1945 Atlantic Monthly○ "... Publikasi telah diperpanjang jauh melampaui kemampuan kita saat ini untuk

membuat penggunaan nyata dari catatan."● Mengemukakan MEMEX (Memory Extended) device

○ Dapat menyimpan semua catatan / artikel / komunikasi○ Memori yang besar○ Produk diambil oleh pengindeksan, kata kunci, referensi silang○ Dapat membuat jejak link melalui materi

● Dibayangkan sebagai mikrofilm, bukan komputer

Page 15: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCIJ.R. Licklider

● 1960 - mengemukakan "simbiosis manusia komputer"● Pasangan otak manusia dan mesin komputasi erat kaitannya untuk

merevolusi penanganan informasi

Page 16: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCI

Page 17: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCI

Page 18: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCI

Page 19: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

History of HCI

Page 20: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma BaruVideo Display Unit (VDU)

● Media yang lebih cocok daripada kertas● Sutherland Sketchpad sebagai sistem

landmark● Komputer yang digunakan untuk

memvisualisasikan dan memanipulasi data

Personal Computing

● Sistem ini lebih kuat jika lebih mudah digunakan

● Kecil, mesin kuat yang didedikasikan untuk individu

● Pentingnya jaringan dan time-sharing● Kay Dynabook, IBM PC

Personal Computer

● '70an PC IBM● Berbasis Teks dan Command● Banyak Terjual● PC dengan GUI, Xerox Star - '81, Star, Apple

Lisa - '82, Apple Macintosh - '84

Page 21: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma BaruWIMP

● Windows, Icons, Menus, Pointer● Dapat melakukan beberapa hal

simultan● Antarmuka GUI yang Familiar● Xerox Alto, Star; Apel awal

Metaphor

● Semua penggunaan adalah problem-solving atau belajar sampai batas tertentu

● Komputasi yang berkaitan dengan aktivitas dunia nyata adalah mekanisme pembelajaran yang efektif○ Manajemen file di desktop kantor○ Analisis keuangan sebagai

spreadsheet

Page 22: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma BaruDirect Manipulation

● Koin dan mengeksplorasi gagasan manipulasi langsung dari antarmuka

● Direktur HCI Lab di Maryland '82 Shneiderman menjelaskan daya tarik interaksi berbasis grafis○ Visibilitas obyek○ Tindakan tambahan dan umpan balik

yang cepat○ Reversibilitas mendorong eksplorasi○ Ganti bahasa dengan tindakan○ Kebenaran sintaksis dari semua

tindakan● WYSIWYG, Apple Mac

Multimodality

● Mode adalah saluran komunikasi manusia○ Bukan hanya indra, misalnya, speech

dan audio non-speech dua mode● Penekanan pada penggunaan simultan dari

beberapa saluran untuk I / O

Hypertext - Ted Nelson

● Komputer dapat membantu orang, bukan hanya bisnis

● Coined term "hypertext"● Pikirkan informasi tidak mengalir seperti

linear tetapi sebagai node saling berhubungan

● Bush MEMEX, hypertext Nelson● Struktur penjelajahan Non-linear● '93 WWW

Page 23: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma BaruLanguage (Agents)

● Tindakan tidak selalu berbicara lebih keras daripada kata-kata

● Antarmuka sebagai mediator atau agen

● Paradigma Bahasa

CSCW

● Computer-Supported Cooperative Work

● Tidak ada lagi single user / sistem tunggal

● Aspek Micro-sosial sangat penting

● E-mail sebagai keberhasilan menonjol tapi groupware lainnya masih tidak banyak digunakan

Page 24: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

Paradigma Baru● Manusia bukan lagi pengguna perangkat virtual tetapi penghuni virtual,

lingkungan yang kaya komputasi● Tidak bisa lagi mengabaikan aspek makro-sosial● 90-an Akhir - PDA, VES, ...

Page 25: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru

TERIMA KASIH