SlideShare ist ein Scribd-Unternehmen logo
1 von 11
PendahuluanPendahuluan
Human Computer-Interface (HCI)Human Computer-Interface (HCI)
► Istilah lain: man-machine interaction (MMI), computerIstilah lain: man-machine interaction (MMI), computer
and human interaction (CHI), dan human-machineand human interaction (CHI), dan human-machine
interaction (HMI)interaction (HMI)
► Tujuan:Tujuan:
 User friendlyUser friendly (ramah dengan pengguna): kemampuan yang(ramah dengan pengguna): kemampuan yang
dimiliki olehdimiliki oleh softwaresoftware atau program aplikasi yang mudahatau program aplikasi yang mudah
dioperasikan, dan mempunyai sejumlah kemampuan laindioperasikan, dan mempunyai sejumlah kemampuan lain
sehingga pengguna merasasehingga pengguna merasa betahbetah dalam mengoperasikandalam mengoperasikan
program tersebut, bahkan bagi seorang pengguna pemulaprogram tersebut, bahkan bagi seorang pengguna pemula
 WYSIWYG (WYSIWYG (what you see is what you getwhat you see is what you get))
 Mengurangi frustasi, ketidakamanan, dan kebingungan padaMengurangi frustasi, ketidakamanan, dan kebingungan pada
penggunapengguna
 Implikasi: meningkatkan kepuasan kerja dan menurunkanImplikasi: meningkatkan kepuasan kerja dan menurunkan
tingkat absensi pekerjatingkat absensi pekerja
HCIHCI ((lanjutan)lanjutan)
► Permasalahan yang muncul:Permasalahan yang muncul:
 Programer tidak dapat memahami secaraProgramer tidak dapat memahami secara
tepat penggunanya, mis: tentang keinginantepat penggunanya, mis: tentang keinginan
dan lingkungan kerja penggunadan lingkungan kerja pengguna
 Sistem komputer mengharuskan penggunaSistem komputer mengharuskan pengguna
untuk mengingat terlalu banyak informasiuntuk mengingat terlalu banyak informasi
 Sistem komputer tidak memberikan ruangSistem komputer tidak memberikan ruang
untuk toleransi kesalahanuntuk toleransi kesalahan
 Para pengguna berbeda dari sebelumnyaPara pengguna berbeda dari sebelumnya
 Para pengguna berbeda satu denganPara pengguna berbeda satu dengan
lainnyalainnya
 Para pengguna berbeda dari kitaPara pengguna berbeda dari kita
► Mulai diterapkannya GUI (GraphicalMulai diterapkannya GUI (Graphical
User Interface)User Interface)
Prinsip Kerja Sistem KomputerPrinsip Kerja Sistem Komputer
Input:
Angka, karakter,
gambar, dll
Output:
Angka, karakter,
gambar, suara, dll
Proses
Interaksi manusia dan komputer
Kriteria User FriendlyKriteria User Friendly
►Memiliki tampilan yangMemiliki tampilan yang
bagusbagus
►Mudah dioperasikanMudah dioperasikan
►Mudah dipelajariMudah dipelajari
►Pengguna selaluPengguna selalu
merasa senang setiapmerasa senang setiap
kali menggunakankali menggunakan
softwaresoftware tersebuttersebut
Definisi IMKDefinisi IMK
► Sekumpulan proses, dialog, dan kegiatanSekumpulan proses, dialog, dan kegiatan
di mana melaluinya pengguna memanfaatkandi mana melaluinya pengguna memanfaatkan
dan berinteraksi dengan komputerdan berinteraksi dengan komputer
► Suatu disiplin ilmu yang menekankan padaSuatu disiplin ilmu yang menekankan pada
aspek desain, evaluasi, dan implementasi dariaspek desain, evaluasi, dan implementasi dari
sistem komputer interaktif untuk kegunaansistem komputer interaktif untuk kegunaan
manusia dengan mempertimbangkan fenomena-manusia dengan mempertimbangkan fenomena-
fenomena di sekitar manusia itu sendirifenomena di sekitar manusia itu sendiri
► Suatu studi ilmiah tentang masyarakat di dalamSuatu studi ilmiah tentang masyarakat di dalam
lingkungan kerjanyalingkungan kerjanya
Sistem IMKSistem IMK
HCIS =HCIS = ƒ (h,m,e,i,t)ƒ (h,m,e,i,t)
Dimana:Dimana:
HCIS = sistem manusia dan komputerHCIS = sistem manusia dan komputer
h = subsistem manusiah = subsistem manusia
m = subsistem mesinm = subsistem mesin
e = subsistem lingkungane = subsistem lingkungan
i = interaksi manusia dengan sub-sub sistemi = interaksi manusia dengan sub-sub sistem
t = waktu, lamanya interaksi terjadit = waktu, lamanya interaksi terjadi
Aplikasi IMKAplikasi IMK
► PerkantoranPerkantoran
► Kendali prosesKendali proses
► PenerbanganPenerbangan
► KomunikasiKomunikasi
► Desain pekerjaanDesain pekerjaan
► Pelatihan/seleksiPelatihan/seleksi
► dlldll
Bidang Studi yang MempengaruhiBidang Studi yang Mempengaruhi
Perkembangan IMKPerkembangan IMK
HCI
Computational
linguistics
Artificial
intelligence
Cognitive
science
Sociology
Ergonomics
Organizational
psychology
Mathematics
Cognitive
psychology
Social
psychology
Software
engineering
Anthropology
Piranti Bantu PengembanganPiranti Bantu Pengembangan
SistemSistem
► Pertama kali dikembangkan oleh MacAppPertama kali dikembangkan oleh MacApp
oleh Apple pada pertengahan tahun 1980-oleh Apple pada pertengahan tahun 1980-
anan
► Contoh piranti bantu lainnya: VisualContoh piranti bantu lainnya: Visual
dBase, Visual BASIC, Visual J++, VisualdBase, Visual BASIC, Visual J++, Visual
C/C++, Borland Delphi, dllC/C++, Borland Delphi, dll
► Keuntungan:Keuntungan:
 Tampilan/antarmuka yang dihasilkan menjadiTampilan/antarmuka yang dihasilkan menjadi
lebih baiklebih baik
 Program antarmuka menjadi mudah ditulis danProgram antarmuka menjadi mudah ditulis dan
lebih ekonomis untuk dipeliharalebih ekonomis untuk dipelihara
Kesalahan Mendasar ProgrammerKesalahan Mendasar Programmer
► Desain ini memuaskan saya, berarti juga akan memuaskanDesain ini memuaskan saya, berarti juga akan memuaskan
setiap orangsetiap orang
► Desain ini memuaskan rata-rata orang, berarti juga akanDesain ini memuaskan rata-rata orang, berarti juga akan
memuaskan setiap orangmemuaskan setiap orang
► Manusia begitu amat beragam oleh karenanya tidak adaManusia begitu amat beragam oleh karenanya tidak ada
kemungkinan antar muka yang dapat memuaskan pengguna,kemungkinan antar muka yang dapat memuaskan pengguna,
tetapi karena sifat manusia yang adaptif sejak awalnya, makatetapi karena sifat manusia yang adaptif sejak awalnya, maka
itu tidak akan menjadi masalahitu tidak akan menjadi masalah
► Faktor ergonomi cukup mahal namun demikian produk-Faktor ergonomi cukup mahal namun demikian produk-
produk aplikasi komputer tetap terjual hanya denganproduk aplikasi komputer tetap terjual hanya dengan
berdasarkan penampilan dan corak. Jadi pertimbanganberdasarkan penampilan dan corak. Jadi pertimbangan
ergonomi boleh diabaikanergonomi boleh diabaikan
► Ergonomi merupakan gagasan yang baik. Dalam mendesainErgonomi merupakan gagasan yang baik. Dalam mendesain
sesuatu saya menggunakan pertimbangan ergonomi namunsesuatu saya menggunakan pertimbangan ergonomi namun
dilakukan berdasarkan intuisi dan menyandarkannya padadilakukan berdasarkan intuisi dan menyandarkannya pada
selera umum, jadi kita tidak memerlukan tabel dataselera umum, jadi kita tidak memerlukan tabel data

Weitere ähnliche Inhalte

Ähnlich wie Pendahuluan interaksi manusia komputer

Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxFauzanGustafi
 
9. past, present, and future of user
9. past, present, and future of user9. past, present, and future of user
9. past, present, and future of userNafiz Curtuby
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxRedyWinatha1
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarEpafraditus Memoriano
 
Slide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxSlide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxaidilafriansyah2
 
Pendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerPendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerDENDIKURNIADITIF
 
Pendahuluan imk
Pendahuluan imkPendahuluan imk
Pendahuluan imkfatahlity
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desainf' yagami
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Raga Gapilau Jatsuma
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputerkhoiril07
 
Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interfacef' yagami
 
Interaksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxInteraksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxssusere1afff
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxMirnaNia
 
Dampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDLuha Berdasiknalpot
 

Ähnlich wie Pendahuluan interaksi manusia komputer (20)

1. pendahuluan
1. pendahuluan1. pendahuluan
1. pendahuluan
 
Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptx
 
9. past, present, and future of user
9. past, present, and future of user9. past, present, and future of user
9. past, present, and future of user
 
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptx
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
 
Slide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxSlide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptx
 
1-PengantarIMK.pptx
1-PengantarIMK.pptx1-PengantarIMK.pptx
1-PengantarIMK.pptx
 
Pendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerPendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan Komputer
 
Pendahuluan imk
Pendahuluan imkPendahuluan imk
Pendahuluan imk
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3Interaksi Manusia & Komputer Part 2 & 3
Interaksi Manusia & Komputer Part 2 & 3
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputer
 
Imk
ImkImk
Imk
 
Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
 
Antarmuka_pengguna.pptx
Antarmuka_pengguna.pptxAntarmuka_pengguna.pptx
Antarmuka_pengguna.pptx
 
Interaksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxInteraksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptx
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
Imk 1 pendahuluan
Imk 1   pendahuluanImk 1   pendahuluan
Imk 1 pendahuluan
 
Dampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputer
 

Mehr von Abdul Fauzan

Pembahasan Kebijakan USBN Tahun 2018
Pembahasan Kebijakan USBN Tahun 2018Pembahasan Kebijakan USBN Tahun 2018
Pembahasan Kebijakan USBN Tahun 2018Abdul Fauzan
 
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)Abdul Fauzan
 
Soal Latihan UTN Pedagogik PLPG 2017
Soal Latihan UTN Pedagogik PLPG 2017Soal Latihan UTN Pedagogik PLPG 2017
Soal Latihan UTN Pedagogik PLPG 2017Abdul Fauzan
 
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)Abdul Fauzan
 
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)Abdul Fauzan
 
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)Abdul Fauzan
 
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)Abdul Fauzan
 
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017Abdul Fauzan
 
Contoh Soal UAS KKPI SMK
Contoh Soal UAS KKPI SMK Contoh Soal UAS KKPI SMK
Contoh Soal UAS KKPI SMK Abdul Fauzan
 
Contoh Surat Rekomendasi Beasiswa Unggulan Kemendikbud
Contoh Surat Rekomendasi Beasiswa Unggulan KemendikbudContoh Surat Rekomendasi Beasiswa Unggulan Kemendikbud
Contoh Surat Rekomendasi Beasiswa Unggulan KemendikbudAbdul Fauzan
 
E-Magazine Codepolitan : Perkembangan Internet of Things
E-Magazine Codepolitan : Perkembangan Internet of ThingsE-Magazine Codepolitan : Perkembangan Internet of Things
E-Magazine Codepolitan : Perkembangan Internet of ThingsAbdul Fauzan
 
Seminar proposal skripsi teknik informatika
Seminar proposal skripsi teknik informatikaSeminar proposal skripsi teknik informatika
Seminar proposal skripsi teknik informatikaAbdul Fauzan
 
Sistem informasi prediksi harga kebutuhan bahan pokok
Sistem informasi prediksi harga kebutuhan bahan pokokSistem informasi prediksi harga kebutuhan bahan pokok
Sistem informasi prediksi harga kebutuhan bahan pokokAbdul Fauzan
 
Dasar-dasar google maps api
Dasar-dasar google maps apiDasar-dasar google maps api
Dasar-dasar google maps apiAbdul Fauzan
 
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...Abdul Fauzan
 
Negara Kewarganegaraan dan Bela Negara
Negara Kewarganegaraan dan Bela NegaraNegara Kewarganegaraan dan Bela Negara
Negara Kewarganegaraan dan Bela NegaraAbdul Fauzan
 
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan Kualitasnya
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan KualitasnyaKlasifikasi Hadist Ditinjau dari Aspek Kuantitas dan Kualitasnya
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan KualitasnyaAbdul Fauzan
 
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...Abdul Fauzan
 
Peranan wali songo membangun peradaban islam tanah jawa
Peranan wali songo membangun peradaban islam tanah jawaPeranan wali songo membangun peradaban islam tanah jawa
Peranan wali songo membangun peradaban islam tanah jawaAbdul Fauzan
 
Tasawuf amali dan falsafi
Tasawuf amali dan falsafiTasawuf amali dan falsafi
Tasawuf amali dan falsafiAbdul Fauzan
 

Mehr von Abdul Fauzan (20)

Pembahasan Kebijakan USBN Tahun 2018
Pembahasan Kebijakan USBN Tahun 2018Pembahasan Kebijakan USBN Tahun 2018
Pembahasan Kebijakan USBN Tahun 2018
 
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)
Contoh Soal UAS Simulasi dan Komunikasi Digital SMK Kelas X (Semester 1)
 
Soal Latihan UTN Pedagogik PLPG 2017
Soal Latihan UTN Pedagogik PLPG 2017Soal Latihan UTN Pedagogik PLPG 2017
Soal Latihan UTN Pedagogik PLPG 2017
 
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)
Contoh Soal UTS SIMKOMDIG SMK KELAS X (Semester 1)
 
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)
Bahan Ajar Fisika Untuk SMK/MAK Kelas X (Bagian 1)
 
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)
Bahan Ajar Biologi Untuk SMK/MAK Kelas XI (Bagian 1)
 
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)
Bahan Ajar Simulasi dan Komunikasi Digital SMK/MAK (Bagian 1)
 
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017
KOMPETENSI DASAR SIMULASI DAN KOMUNIKASI DIGITAL K13 REVISI 2017
 
Contoh Soal UAS KKPI SMK
Contoh Soal UAS KKPI SMK Contoh Soal UAS KKPI SMK
Contoh Soal UAS KKPI SMK
 
Contoh Surat Rekomendasi Beasiswa Unggulan Kemendikbud
Contoh Surat Rekomendasi Beasiswa Unggulan KemendikbudContoh Surat Rekomendasi Beasiswa Unggulan Kemendikbud
Contoh Surat Rekomendasi Beasiswa Unggulan Kemendikbud
 
E-Magazine Codepolitan : Perkembangan Internet of Things
E-Magazine Codepolitan : Perkembangan Internet of ThingsE-Magazine Codepolitan : Perkembangan Internet of Things
E-Magazine Codepolitan : Perkembangan Internet of Things
 
Seminar proposal skripsi teknik informatika
Seminar proposal skripsi teknik informatikaSeminar proposal skripsi teknik informatika
Seminar proposal skripsi teknik informatika
 
Sistem informasi prediksi harga kebutuhan bahan pokok
Sistem informasi prediksi harga kebutuhan bahan pokokSistem informasi prediksi harga kebutuhan bahan pokok
Sistem informasi prediksi harga kebutuhan bahan pokok
 
Dasar-dasar google maps api
Dasar-dasar google maps apiDasar-dasar google maps api
Dasar-dasar google maps api
 
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...
Rancang Bangun Robot Terbang Model Quadcopter Sebagai Sarana Pemantau Jarak J...
 
Negara Kewarganegaraan dan Bela Negara
Negara Kewarganegaraan dan Bela NegaraNegara Kewarganegaraan dan Bela Negara
Negara Kewarganegaraan dan Bela Negara
 
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan Kualitasnya
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan KualitasnyaKlasifikasi Hadist Ditinjau dari Aspek Kuantitas dan Kualitasnya
Klasifikasi Hadist Ditinjau dari Aspek Kuantitas dan Kualitasnya
 
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...
Perkembangan peradaban islam di indonesia pada masa penjajahan barat dan penj...
 
Peranan wali songo membangun peradaban islam tanah jawa
Peranan wali songo membangun peradaban islam tanah jawaPeranan wali songo membangun peradaban islam tanah jawa
Peranan wali songo membangun peradaban islam tanah jawa
 
Tasawuf amali dan falsafi
Tasawuf amali dan falsafiTasawuf amali dan falsafi
Tasawuf amali dan falsafi
 

Kürzlich hochgeladen

Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman MadyaPelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madyadedekhendro370
 
Gambar kerja TUREN KETAWANG malang jawa timur.pdf
Gambar kerja TUREN KETAWANG malang jawa timur.pdfGambar kerja TUREN KETAWANG malang jawa timur.pdf
Gambar kerja TUREN KETAWANG malang jawa timur.pdfYoyokSuwiknyo
 
Kalor dan Perpindahan Kalor presentasi.ppt
Kalor dan Perpindahan Kalor presentasi.pptKalor dan Perpindahan Kalor presentasi.ppt
Kalor dan Perpindahan Kalor presentasi.pptAchmadDwitamaKarisma
 
perbedaan jalan raya dan rel bahasa Indonesia.pptx
perbedaan jalan raya dan rel bahasa Indonesia.pptxperbedaan jalan raya dan rel bahasa Indonesia.pptx
perbedaan jalan raya dan rel bahasa Indonesia.pptxMuhamadIrfan190120
 
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptx
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptxUTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptx
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptxAndimarini2
 
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptx
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptxPPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptx
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptxHeruHadiSaputro
 
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptx
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptxPPT AHLI MADYA BANGUNAN GEDUNGggggg.pptx
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptxssuserdfcb68
 
Pengolahan Kelapa Sawit 1 pabrik pks.pdf
Pengolahan Kelapa Sawit 1 pabrik pks.pdfPengolahan Kelapa Sawit 1 pabrik pks.pdf
Pengolahan Kelapa Sawit 1 pabrik pks.pdffitriAnnisa54
 
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptxVinaAmelia23
 
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdf
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdfPengeloaan Limbah NonB3 KLHK-Upik-090921.pdf
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdfPusatKeteknikanKehut
 
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasi
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan KonsultasiJual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasi
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasissupi412
 
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptx
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptxppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptx
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptxArisatrianingsih
 
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptx
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptxPresentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptx
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptxyoodika046
 
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistikaPengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika3334230074
 
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...rororasiputra
 
Bahan kuliah elemen mesin semester 2 rekayasa manufaktur
Bahan kuliah elemen mesin semester 2 rekayasa manufakturBahan kuliah elemen mesin semester 2 rekayasa manufaktur
Bahan kuliah elemen mesin semester 2 rekayasa manufakturAhmadAffandi36
 
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdf
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdfGambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdf
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdfYoyokSuwiknyo
 
Contoh PPT Pelaksanaan Pekerjaan Gedung Konstruksi
Contoh PPT Pelaksanaan Pekerjaan Gedung KonstruksiContoh PPT Pelaksanaan Pekerjaan Gedung Konstruksi
Contoh PPT Pelaksanaan Pekerjaan Gedung KonstruksiIhsanGaffar3
 

Kürzlich hochgeladen (19)

Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman MadyaPelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
Pelaksana Lapangan Pekerjaan Bangun air Limbah Permukiman Madya
 
Gambar kerja TUREN KETAWANG malang jawa timur.pdf
Gambar kerja TUREN KETAWANG malang jawa timur.pdfGambar kerja TUREN KETAWANG malang jawa timur.pdf
Gambar kerja TUREN KETAWANG malang jawa timur.pdf
 
Kalor dan Perpindahan Kalor presentasi.ppt
Kalor dan Perpindahan Kalor presentasi.pptKalor dan Perpindahan Kalor presentasi.ppt
Kalor dan Perpindahan Kalor presentasi.ppt
 
perbedaan jalan raya dan rel bahasa Indonesia.pptx
perbedaan jalan raya dan rel bahasa Indonesia.pptxperbedaan jalan raya dan rel bahasa Indonesia.pptx
perbedaan jalan raya dan rel bahasa Indonesia.pptx
 
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptx
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptxUTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptx
UTILITAS BANGUNAN BERUPA PENANGKAL PETIR.pptx
 
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptx
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptxPPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptx
PPT PELAKSANA LAPANGAN PERPIPAAN MADYA - IWAN SYAHRONI.pptx
 
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptx
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptxPPT AHLI MADYA BANGUNAN GEDUNGggggg.pptx
PPT AHLI MADYA BANGUNAN GEDUNGggggg.pptx
 
Pengolahan Kelapa Sawit 1 pabrik pks.pdf
Pengolahan Kelapa Sawit 1 pabrik pks.pdfPengolahan Kelapa Sawit 1 pabrik pks.pdf
Pengolahan Kelapa Sawit 1 pabrik pks.pdf
 
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx
397187784-Contoh-Kasus-Analisis-Regresi-Linear-Sederhana.pptx
 
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdf
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdfPengeloaan Limbah NonB3 KLHK-Upik-090921.pdf
Pengeloaan Limbah NonB3 KLHK-Upik-090921.pdf
 
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasi
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan KonsultasiJual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasi
Jual Cytotec Di Batam Ori 👙082122229359👙Pusat Peluntur Kandungan Konsultasi
 
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptx
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptxppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptx
ppt hidrolika_ARI SATRIA NINGSIH_E1A120026.pptx
 
Abortion Pills In Doha // QATAR (+966572737505 ) Get Cytotec
Abortion Pills In Doha // QATAR (+966572737505 ) Get CytotecAbortion Pills In Doha // QATAR (+966572737505 ) Get Cytotec
Abortion Pills In Doha // QATAR (+966572737505 ) Get Cytotec
 
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptx
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptxPresentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptx
Presentation Bisnis Teknologi Modern Biru & Ungu_20240429_074226_0000.pptx
 
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistikaPengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika
Pengujian (hipotesis) pak aulia ikhsan dalam ilmu statistika
 
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...
Lecture 02 - Kondisi Geologi dan Eksplorasi Batubara untuk Tambang Terbuka - ...
 
Bahan kuliah elemen mesin semester 2 rekayasa manufaktur
Bahan kuliah elemen mesin semester 2 rekayasa manufakturBahan kuliah elemen mesin semester 2 rekayasa manufaktur
Bahan kuliah elemen mesin semester 2 rekayasa manufaktur
 
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdf
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdfGambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdf
Gambar Rencana TOYOMARTO KETINDAN Malang jawa timur.pdf
 
Contoh PPT Pelaksanaan Pekerjaan Gedung Konstruksi
Contoh PPT Pelaksanaan Pekerjaan Gedung KonstruksiContoh PPT Pelaksanaan Pekerjaan Gedung Konstruksi
Contoh PPT Pelaksanaan Pekerjaan Gedung Konstruksi
 

Pendahuluan interaksi manusia komputer

  • 2. Human Computer-Interface (HCI)Human Computer-Interface (HCI) ► Istilah lain: man-machine interaction (MMI), computerIstilah lain: man-machine interaction (MMI), computer and human interaction (CHI), dan human-machineand human interaction (CHI), dan human-machine interaction (HMI)interaction (HMI) ► Tujuan:Tujuan:  User friendlyUser friendly (ramah dengan pengguna): kemampuan yang(ramah dengan pengguna): kemampuan yang dimiliki olehdimiliki oleh softwaresoftware atau program aplikasi yang mudahatau program aplikasi yang mudah dioperasikan, dan mempunyai sejumlah kemampuan laindioperasikan, dan mempunyai sejumlah kemampuan lain sehingga pengguna merasasehingga pengguna merasa betahbetah dalam mengoperasikandalam mengoperasikan program tersebut, bahkan bagi seorang pengguna pemulaprogram tersebut, bahkan bagi seorang pengguna pemula  WYSIWYG (WYSIWYG (what you see is what you getwhat you see is what you get))  Mengurangi frustasi, ketidakamanan, dan kebingungan padaMengurangi frustasi, ketidakamanan, dan kebingungan pada penggunapengguna  Implikasi: meningkatkan kepuasan kerja dan menurunkanImplikasi: meningkatkan kepuasan kerja dan menurunkan tingkat absensi pekerjatingkat absensi pekerja
  • 3. HCIHCI ((lanjutan)lanjutan) ► Permasalahan yang muncul:Permasalahan yang muncul:  Programer tidak dapat memahami secaraProgramer tidak dapat memahami secara tepat penggunanya, mis: tentang keinginantepat penggunanya, mis: tentang keinginan dan lingkungan kerja penggunadan lingkungan kerja pengguna  Sistem komputer mengharuskan penggunaSistem komputer mengharuskan pengguna untuk mengingat terlalu banyak informasiuntuk mengingat terlalu banyak informasi  Sistem komputer tidak memberikan ruangSistem komputer tidak memberikan ruang untuk toleransi kesalahanuntuk toleransi kesalahan  Para pengguna berbeda dari sebelumnyaPara pengguna berbeda dari sebelumnya  Para pengguna berbeda satu denganPara pengguna berbeda satu dengan lainnyalainnya  Para pengguna berbeda dari kitaPara pengguna berbeda dari kita ► Mulai diterapkannya GUI (GraphicalMulai diterapkannya GUI (Graphical User Interface)User Interface)
  • 4. Prinsip Kerja Sistem KomputerPrinsip Kerja Sistem Komputer Input: Angka, karakter, gambar, dll Output: Angka, karakter, gambar, suara, dll Proses Interaksi manusia dan komputer
  • 5. Kriteria User FriendlyKriteria User Friendly ►Memiliki tampilan yangMemiliki tampilan yang bagusbagus ►Mudah dioperasikanMudah dioperasikan ►Mudah dipelajariMudah dipelajari ►Pengguna selaluPengguna selalu merasa senang setiapmerasa senang setiap kali menggunakankali menggunakan softwaresoftware tersebuttersebut
  • 6. Definisi IMKDefinisi IMK ► Sekumpulan proses, dialog, dan kegiatanSekumpulan proses, dialog, dan kegiatan di mana melaluinya pengguna memanfaatkandi mana melaluinya pengguna memanfaatkan dan berinteraksi dengan komputerdan berinteraksi dengan komputer ► Suatu disiplin ilmu yang menekankan padaSuatu disiplin ilmu yang menekankan pada aspek desain, evaluasi, dan implementasi dariaspek desain, evaluasi, dan implementasi dari sistem komputer interaktif untuk kegunaansistem komputer interaktif untuk kegunaan manusia dengan mempertimbangkan fenomena-manusia dengan mempertimbangkan fenomena- fenomena di sekitar manusia itu sendirifenomena di sekitar manusia itu sendiri ► Suatu studi ilmiah tentang masyarakat di dalamSuatu studi ilmiah tentang masyarakat di dalam lingkungan kerjanyalingkungan kerjanya
  • 7. Sistem IMKSistem IMK HCIS =HCIS = ƒ (h,m,e,i,t)ƒ (h,m,e,i,t) Dimana:Dimana: HCIS = sistem manusia dan komputerHCIS = sistem manusia dan komputer h = subsistem manusiah = subsistem manusia m = subsistem mesinm = subsistem mesin e = subsistem lingkungane = subsistem lingkungan i = interaksi manusia dengan sub-sub sistemi = interaksi manusia dengan sub-sub sistem t = waktu, lamanya interaksi terjadit = waktu, lamanya interaksi terjadi
  • 8. Aplikasi IMKAplikasi IMK ► PerkantoranPerkantoran ► Kendali prosesKendali proses ► PenerbanganPenerbangan ► KomunikasiKomunikasi ► Desain pekerjaanDesain pekerjaan ► Pelatihan/seleksiPelatihan/seleksi ► dlldll
  • 9. Bidang Studi yang MempengaruhiBidang Studi yang Mempengaruhi Perkembangan IMKPerkembangan IMK HCI Computational linguistics Artificial intelligence Cognitive science Sociology Ergonomics Organizational psychology Mathematics Cognitive psychology Social psychology Software engineering Anthropology
  • 10. Piranti Bantu PengembanganPiranti Bantu Pengembangan SistemSistem ► Pertama kali dikembangkan oleh MacAppPertama kali dikembangkan oleh MacApp oleh Apple pada pertengahan tahun 1980-oleh Apple pada pertengahan tahun 1980- anan ► Contoh piranti bantu lainnya: VisualContoh piranti bantu lainnya: Visual dBase, Visual BASIC, Visual J++, VisualdBase, Visual BASIC, Visual J++, Visual C/C++, Borland Delphi, dllC/C++, Borland Delphi, dll ► Keuntungan:Keuntungan:  Tampilan/antarmuka yang dihasilkan menjadiTampilan/antarmuka yang dihasilkan menjadi lebih baiklebih baik  Program antarmuka menjadi mudah ditulis danProgram antarmuka menjadi mudah ditulis dan lebih ekonomis untuk dipeliharalebih ekonomis untuk dipelihara
  • 11. Kesalahan Mendasar ProgrammerKesalahan Mendasar Programmer ► Desain ini memuaskan saya, berarti juga akan memuaskanDesain ini memuaskan saya, berarti juga akan memuaskan setiap orangsetiap orang ► Desain ini memuaskan rata-rata orang, berarti juga akanDesain ini memuaskan rata-rata orang, berarti juga akan memuaskan setiap orangmemuaskan setiap orang ► Manusia begitu amat beragam oleh karenanya tidak adaManusia begitu amat beragam oleh karenanya tidak ada kemungkinan antar muka yang dapat memuaskan pengguna,kemungkinan antar muka yang dapat memuaskan pengguna, tetapi karena sifat manusia yang adaptif sejak awalnya, makatetapi karena sifat manusia yang adaptif sejak awalnya, maka itu tidak akan menjadi masalahitu tidak akan menjadi masalah ► Faktor ergonomi cukup mahal namun demikian produk-Faktor ergonomi cukup mahal namun demikian produk- produk aplikasi komputer tetap terjual hanya denganproduk aplikasi komputer tetap terjual hanya dengan berdasarkan penampilan dan corak. Jadi pertimbanganberdasarkan penampilan dan corak. Jadi pertimbangan ergonomi boleh diabaikanergonomi boleh diabaikan ► Ergonomi merupakan gagasan yang baik. Dalam mendesainErgonomi merupakan gagasan yang baik. Dalam mendesain sesuatu saya menggunakan pertimbangan ergonomi namunsesuatu saya menggunakan pertimbangan ergonomi namun dilakukan berdasarkan intuisi dan menyandarkannya padadilakukan berdasarkan intuisi dan menyandarkannya pada selera umum, jadi kita tidak memerlukan tabel dataselera umum, jadi kita tidak memerlukan tabel data