PENGANTAR INTERAKSI MANUSIA DAN KOMPUTERPERTEMUAN 1| INTERAKSI MANUSIA DAN KOMPUTER

FAKULTAS ILMU KOMPUTER - UNIVERSITAS BRAWIJAYA 3/7/2017

DEFINISI INTERAKSI MANUSIA DAN COMPUTER (IMK)

• Bidang ilmu interaksi manusia dan komputer adalah ilmu yang mempelajaritentang bagaimana mendesain, mengimplementasikan , dan mengevaluasisistem komputer yang interaktif dan berbagai aspek terkait (Hewwet,1996).

• Sebuah hubungan antara manusia dan komputer yang mempunyaikarakteristik tertentu untuk mencapai suatu tujuan tertentu denganmenjalankan sebuah sistem yang bertopengkan sebuah antarmuka(interface).(Downtown,1992)

• Bidang ilmu yang terbuka untuk dipengaruhi dan mempengaruhi disiplin ilmulain, yang cakupannya meliputi teknik dan ilmu komputer sampai ilmupengetahuan tentang manusia, seperti psikologi, linguistik, danergonomis(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 danrespon (aksi & reaksi) yang saling mendukung, jika salah satu tidak bisa, makainteraksi akan mengalami hambatan atau bahkan menuju pembiasan tujuan.

PERAN IMK DALAM PENGEMBANGAN PL

• Sebagai konsep dasar dalam menghasilkan sebuah sistem yang memilikiantarmuka yang mudah digunakan, nyaman, efektif dan efisien.

• Memudahkan manusia dalam mengoperasikan komputer dan mendapatkanberbagai umpan balik selama bekerja pada sebuah sistem komputer.

SIKLUS IMK

• Manusia atau user berinteraksi atauberdialog dengan sebuah benda(layar monitor), yaitu dalam bentukmenekan tombol berupa tombolangka dan huruf yang ada padakeyboard atau melakukan satusentuhan kecil pada mouse.

• hasil inputan ini akan berubahbentuk menjadi informasi atau data yang seperti diharapkan manusiamelalui monitor atau printer

KOMPONEN IMK

• dipandang sebagai sistem yang memproses informasi sebagaiberikut :

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 dipakaiuntuk mengolah data dengan perantaraan sebuah program yang mampumemberikan 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” makauser terlebih dahulu harus tahu program apa yang dapat digunakan untukmenuliskan kalimat tersebut.

• Jika user tidak mengetahui program apa yang harus digunakan, maka tejadikesalah 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 tentangbagaimana membangun antarmuka perangkat lunak berbasis web yang mudah digunakan sebagai bagian dari proses komunikasi antara penggunaperangkat lunak dengan komputer.

• Dalam proses pembuatan antarmuka tentunya mahasiswa harus pahamdasar tentang bagaimana manusia dan komputer saling berinteraksi untukmengolah dan memproses informasi.

CAPAIAN PEMBELAJARAN

• Mahasiswa mampu memahami cara kerja manusia dan computer dalammengolah informasi

• Mahasiswa mampu memahami teknologi, proses, dan prinsip desain interaksi manusia dan komputer

• Mahasiswa mampu memahami prinsip daya guna dan menerapkannya dalammembuat perancangan antarmuka

• Mahasiswa mampu membuat antarmuka pengguna berbasis web yang mudah digunakan disertai perancangan antarmuka dengan menggunakan teknikprototyping dan wireframe

• Mahasiswa mampu membuat antarmuka berbasis web pada komputer yang memiliki ukuran layar yang berbeda-beda

BAHAN KAJIAN

1. Konsep IMK & Peran antarmukadalam 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

Komponen Nilai

• Tugas & Keaktifan : 25%

• Quiz : 15%

• Ujian Tengah Semester : 25%

• UAS & Proyek Akhir : 35%

Konversi Nilai

• N > 80 : A

• 80 ≥ N > 75 : B+

• 75 ≥ N > 69 : B

• 69 ≥ N > 60 : C+

• 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