Chapter1 introduction to hci
-
Upload
stevie-principe -
Category
Documents
-
view
572 -
download
6
Transcript of Chapter1 introduction to hci
1
Chapter 1 Introduction to Human Computer Interaction
Mgs. Afriyan Firdaus
Fakultas Ilmu Komputer UNSRI
2
Preface
• IMK berkaitan dengan aspek-aspek interaksi antara manusia dan komputer sehingga dapat mencapai kondisi yang senyaman mungkin ketika pengguna bekerja di depan komputer untuk selang waktu yang lama.
3
Apa itu Interaksi Manusia Komputer?
• Interaksi Manusia-Komputer (IMK) adalah:
“Hal-hal yang berkaitan dengan desain, penilaian dan implementasi sistem komputer interaktif untuk kegunaan manusia serta kajian tentang fenomena yang terlibat dengannya” (ACM SIGCHI, 1992, p.6)
4
Apa itu Interaksi Manusia Komputer?
• Kajian tentang:– Manusia bagaimana manusia menerima dan
memproses informasi, apakah keterbatasan dan kelebihan manusia
– Komputer teknologi komputer yang dapat digunakan untuk menerima, memproses, dan mempersembahkan informasi, keterbatasandan kelebihannya
– Interaksi di antara kedua elemen di atas
5
Evolusi Antaramuka
• 50an – Antaramuka pada level hardware untuk teknik – switch panel • 60-70an – Antaramuka pada level pemrograman – COBOL,
FORTRAN• 70-90an – Antaramuka pada level instruksi• 80an – Antaramuka pada level dialog interaksi – GUI, multimedia• 90an – Antaramuka pada level lingkungan kerja – sistem network,
groupware• 00an - Antaramuka berkembang dengan luas – mobile devices,
consumer electronics, interactive screens,. etc
6
Dari IMM kepada IMK
• Interaksi manusia-mesin (IMM) atau MMI mengkaji tentang desain antaramuka mesin-mesin yang digunakan di rumah dan tempat kerja
• Interaksi manusia-komputer (IMK) atau HCI mengkaji tentang desain, penilaian, dan implementasi sistem interaktif
7
Contoh Masalah (1)
8
Contoh Masalah (2)
9
Contoh Masalah (3)
10
Indikator IMK
• Ramah dengan pengguna (user friendly)– Menunjuk kepada kemampuan yang dimiliki oleh
perangkat yang mudah dioperasikan dan mempunyai sejumlah kemampuan lain sehingga pengguna merasa betah dalam mengoperasikan perangkat tersebut.
• WYSIWYG (what you see is what you get)
Senjata andalan penjual perangkat
Syarat yang ditetapkan pengguna perangkat
11
Apa kepentingan IMK?
Sudut pasaran:
• Manusia menggunakan komputer setiap hari, dan manusia tiada masa untuk belajar:– Komputer (peralatan) seharusnya mudah digunakan– Sistem harus mempunyai desain yang baik– Latihan yang minimum– Pengguna yang pelbagai
• Jika sesuatu produk sukar digunakan, pengguna akan beralih ke produk yang lain
12
Apa kepentingan IMK?
Sudut kemanusiaan:– Manusia mempunyai kelemahan– Kesilapan / ralat mengakibatkan:
• Kehilangan masa
• Kehilangan wang
• Kehilangan nyawa jika melibatkan sistem yang kritikal
• Kehilangan semangat
13
Apa kepentingan IMK?
Sudut sosial:– Komputer memberi sumbangan yang besar dalam
kehidupan manusia, tidak dapat diabaikan:• Pembelajaran anak-anak
• Memberi nasihat ahli berdasarkan informasi /sejarah
• mengontrol lalu lintas dan lintasan udara
• mengontrol kilang bahan kimia/nuklear
• mengontrol misi angkasa luar
• dll
14
Tujuan IMK
• Membangunkan produk yang reliable– ‘reliable’ bermaksud mudah dipelajari, berkesan jika
digunakan dan memberikan kepuasan dan pengalaman yang menyenangkan
• Melibatkan pengguna dalam proses mendesain
15
Apa kepentingan IMK?
Sudut pasar:
• Manusia menggunakan komputer setiap hari, dan manusia tiada masa untuk belajar:– Komputer (peralatan) seharusnya mudah digunakan– Sistem harus mempunyai desain yang baik– Latihan yang minimum– Pengguna yang pelbagai
• Jika sesuatu produk sukar digunakan, pengguna akan beralih ke produk yang lain
16
Apa kepentingan IMK?
Sudut kemanusiaan:– Manusia mempunyai kelemahan– Kesalahan / ralat mengakibatkan:
• Kehilangan waktu
• Kehilangan uang
• Kehilangan nyawa jika melibatkan sistem yang kritikal
• Kehilangan semangat
17
Apa kepentingan IMK?
Sudut sosial:– Komputer memberi sumbangan yang besar dalam
kehidupan manusia, tidak dapat diabaikan:• Pembelajaran anak-anak
• Memberi nasihat ahli berdasarkan informasi /sejarah
• mengontrol lalu lintas dan lintasan udara
• mengontrol kilang bahan kimia/nuklear
• mengontrol misi angkasa luar
• dll
18
Tujuan IMK
• Membangunkan produk yang reliable– ‘reliable’ bermaksud mudah dipelajari, berkesan jika
digunakan dan memberikan kepuasan dan pengalaman yang menyenangkan
• Melibatkan pengguna dalam proses mendesain
19
Konfigurasi dasar komputer & Interaksi dengan manusia
INPUT OUTPUTPROSES
End Userperintah hasil
Umumnya, Interaksi Manusia dan Komputer (pengguna saling berinteraksi dengan komputer) dilakukan lewat masukan dan keluaran
20
Contoh IMK
Input n : Input n : 5 Input n : 5
Value of 5! Is 120
Input n : 5
21
Contoh IMK
22
BIdang-Bidang yang berkaitan dengan IMK
• Ilmu Komputer – Komponen utama = komputer
• Teknik Elektro– Sisi perangkat keras
• Psikologi– Sifat dan kebiasaan pengguna
• Perancangan Grafis– Tampilan Grafis
• Ergonomik– Lingkungan
• Antropologi– Ilmu tentang manusia
• Linguistik– Bahasa komunikasi
• Sosiologi– Kaitan dengan struktur sosial
23
Komponen Utama Program Aplikasi
• Bagian antarmuka– Berfungsi sebagai sarana dialog antara manusia dan
komputer
• Bagian aplikasi– Berfungsi untuk menghasilkan informasi berdasarkan
olahan data yang sudah dimasukkan oleh pengguna lewat algoritma yang disyaratkan oleh aplikasi tersebut
24
Komponen Utama Program Aplikasi
• Myers (1989)– Penelitian pada berbagai aplikasi kecerdasan buatan
menunjukkan bahwa 40-50% dari keseluruhan statemen program aplikasi dan memori yang ada diperuntukan bagi pengembangan antarmukanya.
– Antarmuka menjadi bagian yang sangat penting.
25
Definisi lain IMK
• Seringkali, IMK di definisikan sebagai studi dan pengembangan antarmuka berbasis komputer dengan tujuan membuat suatu aplikasi lebih mudah dipergunakan oleh manusia.
26
Strategi Pengembangan Antarmuka
• Secara garis besar, pengembangan bagian antarmuka perlu memperhatikan beberapa hal sebagai berikut:– Pengetahuan tentang mekanisme fungsi manusia sebagai
pengguna komputer– Berbagai informasi yang berhubungan dengan karakteristik dialog– Penggunaan prototipe yang didasarkan pada spesifikasi dialog
formal yang disusun secara bersama-sama antara (calon) pengguna dan perancang sistem
– Teknik evaluasi yang digunakan untuk mengevaluasi hasil proses prototipe yang telah dilakukan.
27
Pentingnya Perancangan Antarmuka Pengguna yang Baik
Mengurangi biaya penulisan program– Dalam pemrograman antarmuka pengguna grafis, rata-rata 70%
penulisan program berkaitan dengan antarmuka.
• Mempermudah penjualan produk– Suatu produk dilihat pertama kali dari tampilannya, apabila
tampilannya menarik biasanya akan menarik minat orang untuk menggunakan aplikasi tersebut.
• Meningkatkan kegunaan komputer pada organisasi.– Dengan antarmuka yang menarik, biasanya pengguna akan
tertarik untuk menggunakan suatu aplikasi komputer.
28
Dampak Antarmuka Pengguna yang Baik
• Peningkatan produktivitas
• Mengurangi biaya pelatihan pegawai
• Mencegah pengambil alihan pegawai
• Kepuasan pengguna
• Produksi hasil dengan kualitas yang lebih baik.
29
Penyebab adanya antarmuka yang kurang baik
• Kurangnya pendidikan / pelatihan yang berkaitan dengan perancangan antarmuka.
• Penyebaran pengetahuan yang diperlukan untuk merancang antarmuka pengguna yang baik.
• Perkembangan teknologi yang sangat cepat.
• Koordinasi yang kurang baik dalam pengembangan aplikasi
30
Bidang Kerja Dalam IMK
• Designer interaksi – mereka yang terlibat dalam mendesain semua aspek interaktif sesuatu produk
• Designer web – mereka yang membangun dan mencipta desain laman web
• Arsitek Infromasi – mereka yang mencetuskan idea tentang bagaimana untuk merancang produk interaktif
• User experience designers – mereka yang membuat kesemua di atas termasuk menjalankan kajian tentang desain produk