Dokumen tersebut membahas tentang pengantar interaksi manusia-komputer (IMK) yang mencakup definisi, tujuan, komponen, dan bidang-bidang terkait IMK seperti ilmu komputer, psikologi, dan ergonomi. Dokumen ini juga menjelaskan pentingnya perancangan antarmuka pengguna yang baik dalam meningkatkan produktivitas dan kepuasan pengguna.

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

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.
2

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)
3

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
4

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
5

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
6

7. Contoh Masalah (1)
7

8. Contoh Masalah (2)
8

9. Contoh Masalah (3)
9

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
10

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
11

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
12

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
13

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
14

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
15

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
16

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
17

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
18

19. Konfigurasi dasar komputer &
Interaksi dengan manusia
INPUT PROSES OUTPUT
End User
perintah hasil
Umumnya, Interaksi Manusia dan Komputer (pengguna saling
berinteraksi dengan komputer) dilakukan lewat masukan dan
keluaran
19

20. Contoh IMK
Input n : Input n : 5 Input n : 5
Value of 5! Is 120
Input n : 5
20

21. Contoh IMK
21

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 22

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
23

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.
24

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.
25

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.
26

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.
27

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.
28

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
29

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
30