PENGANTAR INTERAKSI MANUSIA DAN KOMPUTER PERTEMUAN 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 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
6. Daya guna/Usability
2. Konsep dasar tentang manusia, komputer, interaksi dan paradigma
8. CSS
3. Proses desain 4. Analisa tugas 5. Teknik Prototyping
7. HTML
9. Konsep Design Web & wireframing 10.Image editing 11.J-Query
12.Responsive web design
SISTEM EVALUASI NILAI Konversi Nilai
Komponen Nilai • Tugas & Keaktifan
: 25%
• Quiz
: 15%
• Ujian Tengah Semester : 25% • UAS & Proyek Akhir
: 35%
• 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
