Top Banner
1 Chapter 1 Introduction to Human Computer Interaction Mgs. Afriyan Firdaus Fakultas Ilmu Komputer UNSRI
30

Chapter1 introduction to hci

May 29, 2015

Download

Documents

Stevie Principe
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Chapter1 introduction to hci

1

Chapter 1 Introduction to Human Computer Interaction

Mgs. Afriyan Firdaus

Fakultas Ilmu Komputer UNSRI

Page 2: Chapter1 introduction to hci

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.

Page 3: Chapter1 introduction to hci

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)

Page 4: Chapter1 introduction to hci

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

Page 5: Chapter1 introduction to hci

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

Page 6: Chapter1 introduction to hci

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

Page 7: Chapter1 introduction to hci

7

Contoh Masalah (1)

Page 8: Chapter1 introduction to hci

8

Contoh Masalah (2)

Page 9: Chapter1 introduction to hci

9

Contoh Masalah (3)

Page 10: Chapter1 introduction to hci

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

Page 11: Chapter1 introduction to hci

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

Page 12: Chapter1 introduction to hci

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

Page 13: Chapter1 introduction to hci

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

Page 14: Chapter1 introduction to hci

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

Page 15: Chapter1 introduction to hci

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

Page 16: Chapter1 introduction to hci

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

Page 17: Chapter1 introduction to hci

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

Page 18: Chapter1 introduction to hci

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

Page 19: Chapter1 introduction to hci

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

Page 20: Chapter1 introduction to hci

20

Contoh IMK

Input n : Input n : 5 Input n : 5

Value of 5! Is 120

Input n : 5

Page 21: Chapter1 introduction to hci

21

Contoh IMK

Page 22: Chapter1 introduction to hci

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

Page 23: Chapter1 introduction to hci

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

Page 24: Chapter1 introduction to hci

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.

Page 25: Chapter1 introduction to hci

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.

Page 26: Chapter1 introduction to hci

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.

Page 27: Chapter1 introduction to hci

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.

Page 28: Chapter1 introduction to hci

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.

Page 29: Chapter1 introduction to hci

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

Page 30: Chapter1 introduction to hci

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