KONTRAK

PERKULIAHAN
INTERAKSI MANUSIA DAN KOMPUTER
03MKB008 (3 SKS)
 DESKRIPSI SINGKAT MATAKULIAH
INTERAKSI MANUSIA DAN KOMPUTER
Pada mata kuliah Interaksi Manusia Komputer mahasiswa mempelajari
tentang disiplin ilmu yang mempelajari hubungan antara manusia dan
komputer yang meliputi perancangan, evaluasi, dan implementasi
antarmuka pengguna komputer agar mudah digunakan oleh manusia.
Semua materi tersebut, akan disampaikan dalam 16 x pertemuan dengan
berbagai strategi pembelajaran yang disesuaikan dengan karakteristik
mahasiswa serta pokok bahasan.
Di dalam proses pembelajarannya digunakan metode
blended. learning yang menggabungkan pembelajaran
mandiri melalui jejaring internet (asynchronous e-
learning) dengan pembelajaran tatap muka virtual
conference (synchronous e-learning). Representasi
bahan ajar yang memuat paparan teori diubah ke
dalam bentuk multi media interaktif yang diunggah ke
dalam learning management system (LMS) e-campus,
sehingga dapat diakses mahasiswa peserta kuliah
setiap saat melalui jejaring internet.
 PERENCANAAN PEMBAHASAN MATERI KULIAH

Pertemuan
Pokok Bahasan Keterangan
ke-
1 Kontrak Perkuliahan, menjelaskan tentang Interaksi Manusia Dan Komputer Serta
Piranti Bantu Interaksi
2 Faktor manusia pada interaksi manusia dan komputer

3 Piranti Interaktif yang diperlukan untuk mendukung operasional dalam nteraksi

manusia dengan komputer
4 teknik dialog dan dapat mengorganisasik a n berbagai tehnik dialog dan dapat
membuat dan merancang sistem menu
5 Prinsip dalam medesain antarmuka dan dapat merancang Desain Layout
6 user experience dan user experience design dan Interface sesuai keinginan user
7 Review materi 1-6 / Tugas Quiz
8 UJIAN TENGAH SEMESTER (30%)
9 Antarmuka berbasis GUI
10 Konsep dan cara pembuatan dan cara kerja dari komponen- komponen dasar
antarmuka grafis
11 Mampu mendesain window
12 Konsep dasar Aspek Ergonomik

13 Tren IMK di masa depan

14 Membuat Rancangan Antar Muka dengan Balsamiq

15 Review materi Pertemuan 9-14 / Tugas Quiz

16 UJIAN AKHIR SEMESTER (40%)
 metode pembelajaran dan Sistem
Penilaian
1. Metode pembelajaran
MODEL DISCOVERY LEARNING (dimana dosen berusaha meningkatkan aktivitas
mahasiswa proses belajar sehingga membantu mahasiswa mengembangkan
kemampuan berpikir, aktif, kreatif, berani mengungkapkan pendapatnya serta
meningkatnya pengetahuan mengerjakan tugas.

2. Bobot Penilaian

Kehadiran: 10%
Tugas : 20%
UTS : 30%
UAS : 40%

Nilai Akhir = (10% x Nilai kehadiran + 20% x Nilai Tugas + 30% x Nilai UTS + 40% x Nilai UAS)

3. Evaluasi Ujian
a. Jenis Evaluasi Ujian: Tes tertulis ✓
 REFERENSI
1. Sadikin, Nanang, Arisantoso. 2022. Interaksi Manusia dan Komputer.
Medan: Polmed Press
2. Ahmad Mursyidun Nidhom. 2019. “Interaksi Manusia dan Komputer”.
Penerbit Ahlimedia Book. Malang
3. Supriyanta. 2015. “Interaksi Manusia dan Komputer”. Penerbit
Deepublish. Yogyakarta.
4. Edi Irwansyag dan Jurike V. Moniaga. 2019. ”Pengantar Teknologi
Informasi”. Penerbit Deepublish. Yogyakarta
5. Insap Santoso. 2009 “Interaksi Manusia Dan Komputer”. Penerbit Andi
Offset. Yogyakarta.
6. https://medium.com/@mockingbot/
7. https://repository.bsi.ac.id/index.php/repo/viewitem/26302
Aktifitas Perkuliahan
 Pembahasan Materi Pertemuan 1
1. Definisi Interaksi Manusia dan Komputer
2. Bidang Ilmu Interaksi Manusia dan Komputer
3. Faktor Interaksi Manusia dan Komputer
4. Antar Muka (User Interface)
5. Istilah Interaksi Manusia dan Komputer / HCI
6. Tujuan HCI/IMK
7. Media antarmuka manusia dan computer
8. Tugas Mandiri Pertemuan 1
 Definisi Interaksi Manusia dan Komputer
Menurut Luki Ardiantoro (2019) IMK merupakan disiplin ilmu yang
mempelajari interaksi antara manusia (user/pengguna) dan komputer
yang meliputi perancangan, evaluasi, dan implementasi antarmuka
pengguna komputer agar mudah digunakan oleh manusia.
Suatu subyek yang interdisipliner (antar disiplin/ bidang studi),
berhubungan dengan berbagai penelitian dari bidang ilmu lainnya.
Interaksi antar user dan komputer terjadi pada user interface (biasa
disebut interface saja), yang termasuk perangkat keras (hardware) dan
perangkat lunak (software)
 Bidang Ilmu Interaksi Manusia dan Komputer

Interaksi Manusia dan Komputer merupakan suatu disiplin ilmu

yang berkaitan dengan desain, implementasi dan evaluasi dari
sistem komputasi yang interaktif untuk digunakan oleh manusia
dan studi tentang ruang lingkupnya.(Nidhom, 2019)

Definisi Interaksi Manusia dan Komputer :

Interaksi Manusia dan Komputer merupakan suatu jenis

tindakan atau aksi yang terjadi antara makhluk hidup yaitu
manusia dengan sebuah alat yang digunakan untuk mengolah
data atau disebut juga komputer yang mempengaruhi atau
memiliki efek satu sama lain. (Nidhom, 2019)
Bentuk interaksi antara manusia dan komputer memakai
antarmuka, pada awal generasi awal PC menggunakan
antarmuka Command Driven, pada sistem ini pemakai
diberikan tanda prompt shell dan pemakai mengetikan perintah
untuk mengatur komputer.
Sekarang dengan GUI, pemakai menggunakan mouse untuk memilih
menu pilihan yang dikemas dalam bentuk menu atau ikon. Pemakai
tinggal point and click untuk memakai komputer. Bahkan dengan
fasilitas touch screen, pemakai bisa menggunakan jarinya untuk
mengatur perintah dalam komputer (Kadir, Triwahyuni :2003).
 Faktor Interaksi Manusia dan Komputer
Dalam pembuatan IMK terdapat tiga faktor yang mempengaruhinya
yaitu:

Manusia Komputer Fungsi

 Antar Muka (User Interface)

Antar muka (User Interface) dapat diartikan gabungan dari

elemen elemen dari suatu sistem, pengguna dan komunikasi
dan interaksi keduannya. Pengguna hanya diperbolehkan
berinteraksi dengan produk melalui antarmuka pengguna.

Definisi Antarmuka Manusia dan Komputer

Media yang memungkinkan manusia berinteraksi dengan

komputer untuk memberikan suatu perintah kepada komputer.
 Kondisi Saat ini
Saat ini komputer sudah jauh lebih murah, digunakan
untuk hampir setiap sisi kehidupan, kita mempunyai
pengetahuan yang cukup bagaimana agar komputer
dapat menyesuaikan dengan kebutuhan kerja manusia.
 Perubahan Teknologi
Penurunan harga komputer yang sangat dramatis
dihasilkan oleh adanya perkembangan teknologi terutama
teknologi microelectronic dalam bentuk keping silicon (IC).
Kemampuan teknologi untuk memperkecil ukuran
rangkaian serta mengkemas sejumlah rangkaian dalam satu
keping tipis IC merupakan langkah menuju perkembangan
komputer yang powerful dengan kapasitas penyimpan yang
besar, namun dengan harga yang semakin murah.
 Perubahan Teknologi
Perubahan teknologi di atas telah membuka
kemungkinan penggunaan komputer yang lebih luas.
Saat ini kehadiran komputer sudah tidak dapat
dilepaskan dari dunia bisnis dan industri modern.
Komputer juga ditemukan dalam penggunaan aplikasi
rumah tangga
 Buat Kopi Via WiFi

• Para pecinta kopi pasti sangat terbantu dengan hadirnya coffee

maker yang terhubung dengan WiFi.
• Bangun tidur, jalan ke dapur, voila kopi pun sudah siap dan tinggal
dituangkan.
• Kamu hanya perlu menaruh biji kopi favorit dan mengklik menu
pilihan pada aplikasi yang terhubung pada smartphone via Wi-Fi.
https://www.99.co/blog/indonesia/peralatan-rumah-tangga-modern/
 Kebutuhan Perancangan yang Berbeda

Agar komputer dapat diterima secara luas dan

digunakan secara efektif, maka perlu dirancang secara
baik. Hal ini tidak berarti bahwa semua sistem harus
dirancang agar dapat mengakomodasi semua orang,
namun komputer perlu dirancang agar memenuhi dan
mempunyai kemampuan sesuai dengan kebutuhan
pengguna secara spesifik.
 Istilah Interaksi Manusia dan Komputer / HCI

Pada tahun 1970 mulai dikenal istilah antarmuka

pengguna (User Interface), yang juga dikenal dengan istilah
Man-machine Interface (MMI), dan mulai menjadi topik
perhatian bagi peneliti dan perancangan Sistem.
Istilah human-computer interaction (HCI) mulai
muncul pertengahan tahun 1980-an sebagai bidang studi
yang baru.
Istilah HCI mengisyaratkan bahwa bidang studi ini
mempunyai fokus yang lebih luas, tidak hanya sekedar
perancangan antarmuka secara fisik.
 Istilah IMK / HCI

HCI didefinisikan sebagai disiplin ilmu yang

berhubungan dengan perancangan, evaluasi, dan
implementasi sistem komputer interaktif untuk digunakan
oleh manusia dan studi tentang fenomena di sekitarnya.
HCI pada prinsipnya membuat agar sistem dapat
berdialog dengan penggunanya seramah mungkin.
https://medium.com/@einfach/human-computer-interaction-hci-methods-38d9a39cb1ef
 Tujuan HCI/IMK
Tujuan dasar HCI adalah meningkatkan interaksi antara manusia dan
komputer, dengan membuat komputer yang lebih user freindly dan
lebih mudah untuk digunakan.
HCI juga memperhatikan mengenai:
1. Metodologi dan proses dalam mendesain suatu antarmuka
2. Teknik dalam membandingkan dan mengevaluasi antarmuka.
3. Mengembangkan teknik baru mengenai interaksi dan antarmuka.

Tujuan jangka panjang dari HCI adalah untuk merancang komputer

yang dapat dimanfaatkan potensi sepenuhnya sebagai instrumen yang
meningkatkan kreativitas manusia, membebaskan pikiran manusia, dan
meningkatkan komunikasi serta kerja sama antara manusia.
Sebuah program aplikasi terdiri dari 2 bagian yaitu:
1. Bagian Antarmuka.
Contoh:
2. Bagian Aplikasi
 Media antarmuka manusia dan computer

Media antarmuka manusia dan computer

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 “Printf” dalam Bahasa Pemograman Borland C
++.
- Command Prompt
- Terminal pada Mac Os atau Linux
 Contoh listing program dengan Borland C++ :

#include <stdio.h>
#include <conio.h>
main()
{
clrscr();
printf("Selamat Belajar\n");
printf("Borland C++");
getch();
}
/------------------------------------/
OUTPUT :
www.suryaden.com
b. Media GUI (Graphical User 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 Studio, Visual Foxpro, Delphi dan
lain- lain), Sistem GUI, Web Programming, Mobile
Programming.
 Contoh Media GUI

GUI Visual Studio

GUI Delphi / RAD

 Contoh Media GUI

https://www.tutorialspoint.com/windows10/windows10_gui_basics.htm https://medium.com/ngulikid/python-1-belajar-membuat-desain-aplikasi-destkop-gui-menggunakan-
pyqt5-tools-5f0b894cba47

GUI Sistem Windows GUI dengan Program Phyton (Qt Designer)

materialdesignkit.com
GUI dengan Program Android
2. Bidang Studi
Untuk membuat media interaksi manusia dan komputer
yang lebih baik maka harus mempelajari dan memahami
bidang ilmu lain :
a. Ilmu komputer dan teknik
Berhubungan dengan perangkat keras untuk
merancang sistem interaksi manusia dan komputer.
b. Psikologi
Memahami bagaimana pengguna dapat menggunakan
sifat dan kebiasaan baiknya agar dapat menjodohkan
mesin dengan manusia sehingga dapat bekerjasama.
c. Desain grafis dan tipografi
Memanfaatkan gambar sebagai sarana dialog yang cukup
efektif antara manusia dan komputer.
d. Ergonomik (Faktor Kenyamanan Kerja)
Berhubungan dengan aspek fisik untuk mendapatkan
lingkungan kerja yang nyaman ketika berinteraksi dengan
komputer.
e. Antropologi
Pandangan mendalam tentang cara kerja berkelompok yang
masing-masing anggotanya diharapkan memberikan
kontribusi teknologi pengetahuan sesuai dengan bidangnya
masing-masing.
f. Linguistik
Bahasa merupakan sarana komunikasi yang akan
mengarahkan pengguna ketika ia berinteraksi
dengan komputer.
g. Sosiologi
Berkaitan dengan studi tentang pengaruh sistem
manusia dengan komputer dalam struktur sosial.
misal: Dampak komputerisasi terhadap
keberadaan seorang user di sebuah perusahaan.
3.Piranti (alat) Bantu Pengembang Sistem
Untuk mempercepat proses perancangan dan
pengembangan antarmuka (interface) diperlukan piranti
pengembangan sistem seperti pemrogaman visual
(Visual Basic, Visual Foxpro, Delphi, Visual C++ dan
lain-lain).
Keuntungan menggunakan piranti bantu adalah :

a. Antarmuka yang dihasilkan menjadi lebih baik

b. Program antarmukanya menjadi mudah ditulis dan
lebih ekonomis dalam pemeliharaannya.
4. Pengelompokan Piranti Bantu

Berdasarkan fungsinya piranti bantu terbagi menjadi

2 yaitu :
a. Piranti bantu Aplikasi (application software)
Program yang biasa dipakai oleh pemakai untuk
melakukan tugas-tugas, misalnya membuat
dokumen, manipulasi photo dan membuat laporan.
b.Piranti bantu Sistem (System Software)
Program yang digunakan untuk mengontrol
sumberdaya komputer seperti CPU dan hardware
masukan / keluaran.
5. Strategi Pengembangan Antarmuka / interface
Beberapa hal yang harus diperhatikan : Pengetahuan
tentang mekanisme fungsi manusia sebagai pengguna
komputer.
1. Pengetahuan tentang mekanisme fungsi manusia
sebagai pengguna komputer.
2. Informasi tentang ragam dialog, struktur,isi tekstual dan
grafis, tanggapan waktu, kecepatan tampilan
3. Penggunaan prototipe yang disusun secara
bersama- sama antara calon pengguna dan
perancang sistem.
4. Teknik evaluasi dengan menggunakan uji coba
sejumlah kasus, tanya jawab dan kuisioner.
 Latihan Mandiri
Pertemuan 1
1. Istilah human-computer interaction (HCI) mulai muncul pertengahan
tahun
a.1970
b.1990
c.1980
d.1960
e.2000
2. Media antarmuka manusia dan komputer terbagi menjadi 2 hal
penting, yaitu :
a.Media tekstual dan GUI
b.Mikrotik dan Technologi
c.LAN dan MAN
d.Network dan GUI
e.Language dan Programming
3. Kepanjangan dari GUI, adalah …..
a. Gridline User Interface
b. Google User Interface
c. Grapic User Interface
d. Graphical User Interface
e. Generation User Interface
4. Dibawah ini yang termasuk Aspek Perangkat Keras
(Hardware) pada system computer adalah:

a. CPU, Monitor, Keyboard, Harddisk, Disk drive

b. Sistem Software, Application Software, Package Software
c. Sistem Analis, Programmer, operator, Technical Support
d. CPU, Monitor, Technical Support
e. Sistem Software, Application Software, Keyboard, Harddisk
5. Sebuah disiplin ilmu yang mempelajari perancangan,
implementasi dan evaluasi system komputasi interaktif dan
berbagai aspek terkait, dikenal sebagai definisi dari:
a.Interaksi Manusia Teknologi;
b.Interaksi Manusia Komputer:
c.Kerja sama Manusia Komputer:
d.Interaksi Manusia Komputerisasi;
e.Paket Interaksi Manusia Komputer;
Terima Kasih