1. Chapt-1
Introduction HCI
Pert-2
LOGO

2. Latar Belakang
 Perkembangan teknologi komputer
memungkinkan hampir setiap orang
berinteraksi dengan komputer.
 Saat ini user komputer sangat
bervariasi mulai dari ahli komputer
sampai pemakai awam komputer.
 Diperlukan suatu interface dari
komputer yang intuitive (mudah
ditebak) dan jelas sehingga bisa
dipakai oleh segala jenis user.
Chapt-1 2 Ibnu Sani Wijaya,S.Kom, M.S.I

3. Kajian tentang HCI
 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
Chapt-1 3 Ibnu Sani
Wijaya,S.Kom, M.S.I

4. Aspek-aspek dalam HCI
The Content of Human Computer Interaction [Hewett et al. 2002]
Chapt-1 4 Ibnu Sani
Wijaya,S.Kom, M.S.I

5. What is HCI ?
 (ACM SIGCHI, 1992, p.6) :” Set of processes,
dialogues, and actions through-which a human user
employs interact with computer”,.
sekumpulan proses, dialog, dan kegiatan dimana melaluinya
pengguna memanfaatkan dan berinteraksi dengan komputer
 (Hewet et al, 2002,p.5) : “ Human-computer interaction
is a discipline concerned with the design, evaluation
and implementation of interactive computing system
for human use and with the study of major
phenomena surrounding them “
“suatu disiplin ilmu yang menekankan pada aspek desain, evaluasi, dan
implementasi dari sistem komputer interaktif untuk kegunaan manusia dengan
mempertimbangkan fenomena-fenomena di sekitar manusia itu sendiri.”
Chapt-1 5 Ibnu Sani Wijaya,S.Kom, M.S.I

6. 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
Chapt-1 Ibnu Sani
6
Wijaya,S.Kom, M.S.I

7. 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
Chapt-1 Ibnu Sani
7
Wijaya,S.Kom, M.S.I

8. Contoh Masalah (1)
Chapt-1 Ibnu Sani
8
Wijaya,S.Kom, M.S.I

9. Contoh Masalah (2)
Chapt-1 Ibnu Sani
9
Wijaya,S.Kom, M.S.I

10. Contoh Masalah (3)
Chapt-1 Ibnu Sani
10
Wijaya,S.Kom, M.S.I

11. Indikator HCI
 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)
 Mengurangi frustasi, ketidakamanan, dan kebingungan pada
user.
Chapt-1 11 Ibnu Sani
Wijaya,S.Kom, M.S.I

12. Present Levels of HCI Maturity
Irfan Santiko ; Booth [1995,P.7] :
Level 1 ; Basic usability  kemudahaan penggunaan, belajar,
menemukan kesalahan, dan efisiensi kinerja user terhdp komputer. Exp : GUI, point and clik input
Level 2 ; collaborative, organitional, and role
based  melakukan koneksi antara user dan komputer. Exp ; Internet,DSS, ECS.
Level 3 ; individualized and holictic interaction
Chapt-1 12 Ibnu Sani Wijaya,S.Kom,
M.S.I

13. Apa kepentingan HCI
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
Chapt-1 13 Ibnu Sani
Wijaya,S.Kom, M.S.I

14. Apa kepentingan HCI
Sudut pasaran:
 Manusia mempunyai kelemahan
 Kesilapan / ralat mengakibatkan:
 Kehilangan masa
 Kehilangan uang
 Kehilangan nyawa jika melibatkan sistem yang
kritikal
 Kehilangan semangat
Chapt-1 14 Ibnu Sani
Wijaya,S.Kom, M.S.I

15. Apa kepentingan HCI
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
Chapt-1 15 Ibnu Sani
Wijaya,S.Kom, M.S.I

16. Tujuan HCI
 usable
 safe
 functional
 effective
 efficient
Chapt-1 16 Ibnu Sani
Wijaya,S.Kom, M.S.I

17. Interface Human and Computer
Media antarmuka manusia dan komputer
terbagi menjadi 2 yaitu :
a. Media tekstual
b. Media GUI (Graphical User Interface)
a. Media Tekstual adalah “ bentuk sederhana
dialog atau komunikasi antara manusia
dan komputer yang hanya berisi teks dan
kurang menarik “.
Contoh: perintah “readln” dan “writeln” dalam
Pascal.
Chapt-1 17 Ibnu Sani
Wijaya,S.Kom, M.S.I

18. b. Media GUI (Graphical ser Interface) adalah
“bentuk dialog atau komunikasi antara
manusia dan komputer yang berbentuk grafis
dan sangat atraktif”.
Contoh antarmuka manusia dengan komputer yang
berbentuk grafis menggunakan pemrograman visual
(Visual Basic, Visual Foxpro, Delphi dan lain-lain).
Chapt-1 18 Ibnu Sani
Wijaya,S.Kom, M.S.I

19. Disiplin Ilmu Terkait HCI
 Computer Science
 Cognitive Psychology
 Social and Organizational Psychology
 Ergonomics and Human Factors
 Engineering
 Design
 Anthropology
 Sociology
 Philosophy
 Linguistics
 Artificial Intelligence

20. karakteristik desain yang memperhatikan usability
User-centered design fokus pada user dan task sejak awal desain
Participative design user sebagai anggota dari tim desainer
Experimental design terdapat testing usability oleh user secara formal pada
percobaan awal, simulasi dan evaluasi prototype secara
keseluruhan
Iterative design desain, testing dan penilaian hasilnya, dan desain ulang
sampai hasilnya memenuhi spesifikasi usability yang
diinginkan
User-supportive design training, seleksi (jika perlu) manual, quick reference
cards, bantuan dari ‘ahli’ yang ada disekitarnya, sistem
bantuan (help) seperti:
-on-line: context-specific help
-off-line: ‘hot-line’ phone service

21. Ruang Lingkup HCI
 konsep dasar HCI: Human, Computer
and Interaction
 desain interface: usability, proses desain,
pemodelan, dialog, teknik evaluasi, ...

22. Kesimpulan
 Saat ini, komputer dipakai oleh berbagai jenis user, tidak
hanya pada ahli komputer seperti pada masa lalu,
sehingga desain interface dari komputer sangat penting
untuk mendukung kebutuhan, pengetahuan dan keahlian
dari user yang memakainya.
 User interface adalah aspek-aspek sistem yang
berhubungan langsung dengan user.
 Usability adalah konsep utama dalam HCI. Usability
dihubungkan dengan bagaimana membuat sistem yang
aman, mudah untuk dipelajari dan mudah untuk
digunakan.
 HCI dihubungkan dengan pengertian, mendesain,
mengevaluasi dan mengimplementasikan sistem
komputer interaktif untuk dipakai oleh manusia.
 Tujuan dari HCI adalah untuk mengembangkan /
meningkatkan keamanan, utilitas, efektivitas, efisiensi
dan usability dari sistem yang memakai komputer.
 Kebutuhan akan HCI bisa dibuktikan dari meningkatnya
produktivitas dan keamanan dari sistem setelah
menerapkan HCI.

23. Referensi
 Anonymous, [2007], Laboratory Information System,
http://en.wikipedia.org/wiki/Laboratory_information_system.html diakses : 21
Januari2012
 Andrew, Keith,Dr,Prof, [2011], Human Computer Interaction, Graz University Of
Technology, German.
 Hewet, et.al [1992,1996] ACM SGCHI Curicula for Human Computer Interaction
http://old.sigchi.org/cdg/cdg2.html diakses 24 Januari 2012
 Makkonen,Jarmo, et.al [2009], Context Awarness in Human-Computer Interaction,
International Technology Journal, PP.1-26, ISBN 978-953- 307-022-3, Finland : Tempere
University of Technology.
 Schmidt, Albrecht [2005] user interfaces human computer interaction & usability
http://www.sti-innsbruck.at/ di akses 21 Januari 2012.
 Sudarmawan, Dony Ariyus [2007], Interaksi Manusia Komputer, ANDI, Yogyakarta.
Chapt-1 23 Ibnu Sani Wijaya,S.Kom,
M.S.I

24. LOGO