Chapter1 introduction to hci

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

Transcript of Chapter1 introduction to hci

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