PENGANTAR INTERAKSI MANUSIA DAN

KOMPUTER
PERTEMUAN 1| INTERAKSI MANUSIA DAN KOMPUTER

FAKULTAS ILMU KOMPUTER - UNIVERSITAS BRAWIJAYA 9/26/2016

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 dalam perangkat Lunak
2. Konsep dasar tentang manusia, komputer, interaksi dan paradigma
3. Proses desain
4. Analisa tugas
5. Teknik Prototyping
6. Daya guna/Usability
7. HTML
8. CSS
9. Konsep Design Web & wireframing
10. Image editing
11. J-Query
12. Responsive web design
SISTEM EVALUASI
NILAI
Konversi
Komponen Nilai
Nilai • N > 80 : A
• Tugas & Keaktifan:25% • 80 ≥ N > 75 : B+
• 75 ≥ N > 69 : B
• Quiz: • 69 ≥ N > 60 : C+
15% • 60 ≥ N > 55 : C
• Ujian Tengah Semester:25% • 55 ≥ N > 50 : D+
• 50 ≥ N > 44 : D
• UAS & Proyek Akhir:35% • 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