PENGANTAR INTERAKSI MANUSIA DAN KOMPUTER

PERTEMUAN 1| INTERAKSI MANUSIA DAN KOMPUTER

FAKULTAS ILMU KOMPUTER - UNIVERSITAS BRAWIJAYA 2/8/2020

DEFINISI INTERAKSI MANUSIA DAN COMPUTER (IMK)
• Bidang ilmu interaksi manusia dan komputer adalah ilmu yang mempelajari
tentang bagaimana mendesain, mengimplementasikan , dan mengevaluasi
sistem komputer yang interaktif dan berbagai aspek terkait (Hewwet,1996).
• Sebuah hubungan antara manusia dan komputer yang mempunyai
karakteristik tertentu untuk mencapai suatu tujuan tertentu dengan
menjalankan sebuah sistem yang bertopengkan sebuah antarmuka
(interface).(Downtown,1992)
• Bidang ilmu yang terbuka untuk dipengaruhi dan mempengaruhi disiplin ilmu
lain, yang cakupannya meliputi teknik dan ilmu komputer sampai ilmu
pengetahuan tentang manusia, seperti psikologi, linguistik, dan
ergonomis(Santosa, 2009)
DEFINISI INTERAKSI MANUSIA DAN COMPUTER (CONT.)
• Komunikasi 2 arah antara manusia (user) dan sistem komputer.
• Interaksi terjadi bila kedua belah pihak mampu memberikan stimulan dan
respon (aksi & reaksi) yang saling mendukung, jika salah satu tidak bisa, maka
interaksi akan mengalami hambatan atau bahkan menuju pembiasan tujuan.
PERAN IMK DALAM PENGEMBANGAN PL

• Sebagai konsep dasar dalam menghasilkan sebuah sistem yang memiliki

antarmuka yang mudah digunakan, nyaman, efektif dan efisien.
• Memudahkan manusia dalam mengoperasikan komputer dan mendapatkan
berbagai umpan balik selama bekerja pada sebuah sistem komputer.
SIKLUS IMK

• Manusia atau user berinteraksi atau

berdialog dengan sebuah benda
(layar monitor), yaitu dalam bentuk
menekan tombol berupa tombol
angka dan huruf yang ada pada
keyboard atau melakukan satu
sentuhan kecil pada mouse.
• hasil inputan ini akan berubah
bentuk menjadi informasi atau data
yang seperti diharapkan manusia
melalui monitor atau printer
KOMPONEN IMK
• dipandang sebagai sistem yang memproses informasi sebagai
berikut :

1. Informasi diterima dan ditanggapi dengan proses masukan-keluaran

(input-output)

2. Informasi disimpan dalam ingatan (memory)

3. Informasi diproses dan diaplikasikan dengan berbagai cara

KOMPONEN IMK

• didefinisikan sebagai perangkat elektronik yang dapat dipakai

untuk mengolah data dengan perantaraan sebuah program yang mampu
memberikan informasi.

• Komputer dapat pula diartikan sebagai suatu mesin yang menerima input
untuk diproses dan menghasilkan output.
KOMPONEN IMK
• menerjemahkan antara apa yang diinginkan oleh user
terhadap sistem yang ada.

• Jika user ingin membuat kalimat “Human and Computer Interaction” maka
user terlebih dahulu harus tahu program apa yang dapat digunakan untuk
menuliskan kalimat tersebut.

• Jika user tidak mengetahui program apa yang harus digunakan, maka tejadi
kesalah pahaman antara user dengan sistem
FAKTOR PENDUKUNG PENGEMBANGAN IMK
TREN TEKNOLOGI INTERAKSI
• Sensor
• Cth : Akselerometer, Giroskop,
Magnetometer
• Motion
• Cth : Kinect, Leap Motion, Eye Tracking
• Speech Recognition
• Cth : Siri, Google Now
• Virtual Reality & Augmented Reality
• Cth : Game on Oculus, Pokemon Go
MATA KULIAH IMK

• Matakuliah ini memberikan pemahaman kepada mahasiswa tentang

bagaimana membangun antarmuka perangkat lunak berbasis web yang
mudah digunakan sebagai bagian dari proses komunikasi antara pengguna
perangkat lunak dengan komputer.
• Dalam proses pembuatan antarmuka tentunya mahasiswa harus paham
dasar tentang bagaimana manusia dan komputer saling berinteraksi untuk
mengolah dan memproses informasi.
CAPAIAN PEMBELAJARAN
• Mahasiswa mampu memahami cara kerja manusia dan computer dalam
mengolah informasi
• Mahasiswa mampu memahami teknologi, proses, dan prinsip desain interaksi
manusia dan komputer
• Mahasiswa mampu memahami prinsip daya guna dan menerapkannya dalam
membuat perancangan antarmuka
• Mahasiswa mampu membuat antarmuka pengguna berbasis web yang mudah
digunakan disertai perancangan antarmuka dengan menggunakan teknik
prototyping dan wireframe
• Mahasiswa mampu membuat antarmuka berbasis web pada komputer yang
memiliki ukuran layar yang berbeda-beda
BAHAN KAJIAN

1. Konsep IMK & Peran antarmuka 6. Daya guna/Usability

dalam perangkat Lunak 7. HTML
2. Konsep dasar tentang manusia, 8. CSS
komputer, interaksi dan paradigma
9. Konsep Design Web & wireframing
3. Proses desain
10.Image editing
4. Analisa tugas
11.J-Query
5. Teknik Prototyping
12.Responsive web design
SISTEM EVALUASI NILAI

Konversi Nilai
Komponen Nilai
• N > 80 : A
• Tugas & Keaktifan:25%
• 80 ≥ N > 75 : B+
• Quiz: 15%
• 75 ≥ N > 69 : B
• Ujian Tengah Semester:25%
• 69 ≥ N > 60 : C+
• UAS & Proyek Akhir:35%
• 60 ≥ N > 55 : C
• 55 ≥ N > 50 : D+
• 50 ≥ N > 44 : D
• 44 ≥ N : E
REFERENSI PENDUKUNG PERKULIAHAN
• Chen, Q. (2001). Human Computer Interaction: Issues and Challenges. IGI Global.
• Dix, A., & Finlay, J. E. (2003). Human-Computer Interaction (3rd Edition). Pearson.
• Duckett, J. (2011). HTML and CSS: Design and Build Websites. John Wiley & Sons.
• Johnson, J. (2014). Designing with the Mind in Mind, Second Edition: Simple Guide to
Understanding User Interface Design Guidelines 2nd Edition. Morgan Kaufmann.
• Sears, A., & Jacko, J. A. (2007). The Human-Computer Interaction Handbook:
Fundamentals, Evolving Technologies and Emerging Applications, Second Edition
(Human Factors and Ergonomics). CRC Press.
• Sklar, J. (2014). Principles of Web Design (The Web Technologies Series) 6th Edition.
Course Technology.
TERIMA KASIH