PendahuluanPendahuluan

Human Computer-Interface Human Computer-Interface (HCI)(HCI)

► Istilah lain: man-machine interaction (MMI), Istilah lain: man-machine interaction (MMI), computer and human interaction (CHI), dan computer and human interaction (CHI), dan human-machine interaction (HMI)human-machine interaction (HMI)

► Tujuan: Tujuan: User friendlyUser friendly (ramah dengan pengguna): kemampuan (ramah dengan pengguna): kemampuan

yang dimiliki oleh yang dimiliki oleh softwaresoftware atau program aplikasi yang atau program aplikasi yang mudah dioperasikan, dan mempunyai sejumlah mudah dioperasikan, dan mempunyai sejumlah kemampuan lain sehingga pengguna merasa kemampuan lain sehingga pengguna merasa betahbetah dalam mengoperasikan program tersebut, bahkan bagi dalam mengoperasikan program tersebut, bahkan bagi seorang pengguna pemulaseorang pengguna pemula

WYSIWYG (WYSIWYG (what you see is what you getwhat you see is what you get)) Mengurangi frustasi, ketidakamanan, dan kebingungan Mengurangi frustasi, ketidakamanan, dan kebingungan

pada penggunapada pengguna Implikasi: meningkatkan kepuasan kerja dan Implikasi: meningkatkan kepuasan kerja dan

menurunkan tingkat absensi pekerjamenurunkan tingkat absensi pekerja

Contoh Program dalam bahasa pascalContoh Program dalam bahasa pascal

Var A, B, C : integer;Var A, B, C : integer;

BeginBegin

Write (‘Isilah bilangan pertama :’);Write (‘Isilah bilangan pertama :’);

readln(A);readln(A);

Write (‘Isikan bilangan kedua ;’);Write (‘Isikan bilangan kedua ;’);

readln(B0;readln(B0;

C := A*B-B Div A;C := A*B-B Div A;

Writeln; Writeln (‘Hasilnya adalah : ‘,C);Writeln; Writeln (‘Hasilnya adalah : ‘,C);

End.End.

Hasil Program setelah Hasil Program setelah dieksekusidieksekusi

Isikan bilangan pertama : 5Isikan bilangan pertama : 5

Isikan bilangan kedua : 45Isikan bilangan kedua : 45

Hasilnya adalah : 216 Hasilnya adalah : 216

HCI HCI ((lanjutan)lanjutan)

► Permasalahan yang muncul:Permasalahan yang muncul: Programer tidak dapat memahami secara Programer tidak dapat memahami secara

tepat penggunanya, mis: tentang tepat penggunanya, mis: tentang keinginan dan lingkungan kerja penggunakeinginan dan lingkungan kerja pengguna

Sistem komputer mengharuskan Sistem komputer mengharuskan pengguna untuk mengingat terlalu pengguna untuk mengingat terlalu banyak informasibanyak informasi

Sistem komputer tidak memberikan ruang Sistem komputer tidak memberikan ruang untuk toleransi kesalahanuntuk toleransi kesalahan

Para pengguna berbeda dari sebelumnyaPara pengguna berbeda dari sebelumnya Para pengguna berbeda satu dengan Para pengguna berbeda satu dengan

lainnyalainnya Para pengguna berbeda dari kitaPara pengguna berbeda dari kita

► Mulai diterapkannya GUI (Graphical Mulai diterapkannya GUI (Graphical User Interface)User Interface)

Prinsip Kerja Sistem Prinsip Kerja Sistem KomputerKomputer

Input:Angka, karakter,

gambar, dll

Output:Angka, karakter,

gambar, suara, dllProses

Interaksi manusia dan komputer

Kriteria User FriendlyKriteria User Friendly

►Memiliki tampilan Memiliki tampilan yang bagusyang bagus

►Mudah dioperasikanMudah dioperasikan►Mudah dipelajariMudah dipelajari►Pengguna selalu Pengguna selalu

merasa senang merasa senang setiap kali setiap kali menggunakan menggunakan softwaresoftware tersebut tersebut

Definisi IMKDefinisi IMK

► Sekumpulan proses, dialog, dan kegiatan Sekumpulan proses, dialog, dan kegiatan dimana melaluinya pengguna memanfaatkan dimana melaluinya pengguna memanfaatkan dan berinteraksi dengan komputer dan berinteraksi dengan komputer

► Suatu disiplin ilmu yang menekankan pada Suatu disiplin ilmu yang menekankan pada aspek desain, evaluasi, dan implementasi aspek desain, evaluasi, dan implementasi dari sistem komputer interaktif untuk dari sistem komputer interaktif untuk kegunaan manusia dengan kegunaan manusia dengan mempertimbangkan fenomena-fenomena mempertimbangkan fenomena-fenomena disekitar manusia itu sendiri disekitar manusia itu sendiri

► Suatu studi ilmiah tentang masyarakat Suatu studi ilmiah tentang masyarakat didalam lingkungan kerjanyadidalam lingkungan 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 i = interaksi manusia dengan sub-sub sistemsistem t = waktu, lamanya interaksi terjadit = waktu, lamanya interaksi terjadi

Aplikasi IMKAplikasi IMK► PerkantoranPerkantoran► Kendali prosesKendali proses► PenerbanganPenerbangan► KomunikasiKomunikasi► Desain Desain

pekerjaanpekerjaan► Pelatihan/seleksiPelatihan/seleksi► dlldll

Bidang Studi yang Bidang Studi yang Mempengaruhi Perkembangan Mempengaruhi Perkembangan

IMKIMK

HCI

Computational linguistics Artificial

intelligence

Cognitive science

Sociology

Ergonomics

Organizational psychology

Mathematics

Cognitive psychology

Social psychology

Software engineering

Anthropology

Software EngineeringSoftware Engineering

►Perangkat Keras (Hardware) Perangkat Keras (Hardware)

tidak terlepas dari teknik elektronika, dari tidak terlepas dari teknik elektronika, dari bidang inilah kita dapat mempelajari bidang inilah kita dapat mempelajari banyak aspek yang berhubungan dengan banyak aspek yang berhubungan dengan perangkat keras komputer.perangkat keras komputer.

Perangkat Lunak (Software)Perangkat Lunak (Software)

Bidang ini memberikan kerangka kerja Bidang ini memberikan kerangka kerja yang memungkinkan kita untuk dapat yang memungkinkan kita untuk dapat merancang sistem interaksi manusia-merancang sistem interaksi manusia-komputer komputer

PsikologiPsikologi

►Pengguna memiliki psikologi yang berbedaPengguna memiliki psikologi yang berbeda►Sebagai perancang kita harus mampu Sebagai perancang kita harus mampu

mempelajari aspek psikologi pengguna mempelajari aspek psikologi pengguna agar dapat memahami bagaimana agar dapat memahami bagaimana pengguna dapat menggunakan sifat dan pengguna dapat menggunakan sifat dan kebiasaan baiknyakebiasaan baiknya

►Menggunakan persepsi dan pengolahan Menggunakan persepsi dan pengolahan kognitif dan serta keterampilan motorik kognitif dan serta keterampilan motorik agar dapat menjodohkan nesin dengan agar dapat menjodohkan nesin dengan manusia untuk mendapatkan kerja sama manusia untuk mendapatkan kerja sama yang serasi. yang serasi.

Computational LinguisticsComputational Linguistics►Computational Linguistics adalah ilmu yang Computational Linguistics adalah ilmu yang

berupaya untuk memodelkan bahasa berupaya untuk memodelkan bahasa manusia di dalam representasi aturan yang manusia di dalam representasi aturan yang formal, atau grammar formalism.formal, atau grammar formalism.

►Sarana komunikasi berbentuk suatu bahasa Sarana komunikasi berbentuk suatu bahasa khusus misalnya grafis, bahasa alami, khusus misalnya grafis, bahasa alami, bahasa menu, ataupun bahasa perintah.bahasa menu, ataupun bahasa perintah.

►Sarana komunikasi inilah yang akan Sarana komunikasi inilah yang akan mengarahkan pengguna ketika berurusan mengarahkan pengguna ketika berurusan dengan komputerdengan komputer

ErgonomicErgonomic

►Ergonomik berhubungan dengan Ergonomik berhubungan dengan aspek fisik untuk mendapatkan aspek fisik untuk mendapatkan lingkungan kerja yang nyamanlingkungan kerja yang nyaman

►Misalnya, bentuk meja dan kursi, Misalnya, bentuk meja dan kursi, tampilan layar, bentuk papan ketik, tampilan layar, bentuk papan ketik, posisi duduk, pengaturan lampu, posisi duduk, pengaturan lampu, kebersihan tempat kerja, dan aspek kebersihan tempat kerja, dan aspek lainnya yang akan mempengaruhi lainnya yang akan mempengaruhi kenyamanan lingkungan kerjakenyamanan lingkungan kerja

AntropologiAntropologi

►Antropologi adalah suatu studi ilmu Antropologi adalah suatu studi ilmu yang mempelajari tentang manusia yang mempelajari tentang manusia baik dari segi budaya, perilaku, baik dari segi budaya, perilaku, keanekaragaman, dan lain sebagainya.keanekaragaman, dan lain sebagainya.

► Interaksi sangat dipengaruhi oleh Interaksi sangat dipengaruhi oleh teknologi yang digunakan (misalnya teknologi yang digunakan (misalnya dalam sebuah kantor)dalam sebuah kantor)

►Misal, tata kerja berkelompok Misal, tata kerja berkelompok

SosiologiSosiologi

►Sosiologi merupakan salah satu bidang Sosiologi merupakan salah satu bidang ilmu sosial yang mempelajari ilmu sosial yang mempelajari masyarakat.masyarakat.

►Contoh : hal yang paling menarik Contoh : hal yang paling menarik dibicarakan seperti kekhawatiran dibicarakan seperti kekhawatiran orang tentang akan di PHK-nya orang tentang akan di PHK-nya meraka dari kantor karena adanya meraka dari kantor karena adanya otomatisasi kantorotomatisasi kantor

Artificial IntelligenceArtificial Intelligence► Kecerdasan BuatanKecerdasan Buatan (bahasa Inggris: (bahasa Inggris:

Artificial IntelligenceArtificial Intelligence atau atau AIAI) didefinisikan ) didefinisikan sebagai kecerdasan yang ditunjukkan oleh sebagai kecerdasan yang ditunjukkan oleh suatu suatu entitasentitas buatan. Sistem seperti ini buatan. Sistem seperti ini umumnya dianggap komputer. Kecerdasan umumnya dianggap komputer. Kecerdasan diciptakan dan dimasukkan ke dalam suatu diciptakan dan dimasukkan ke dalam suatu mesin (komputer) agar dapat melakukan mesin (komputer) agar dapat melakukan pekerjaan seperti yang dapat dilakukan pekerjaan seperti yang dapat dilakukan manusia. Beberapa macam bidang yang manusia. Beberapa macam bidang yang menggunakan kecerdasan buatan antara lain menggunakan kecerdasan buatan antara lain sistem pakar, permainan komputer (sistem pakar, permainan komputer (gamesgames), ), logikalogika fuzzy fuzzy, jaringan syaraf tiruan dan , jaringan syaraf tiruan dan robotika.robotika.

Piranti Bantu Pengembangan Piranti Bantu Pengembangan SistemSistem► Pertama kali dikembangkan oleh Pertama kali dikembangkan oleh

MacApp oleh Apple pada pertengahan MacApp oleh Apple pada pertengahan tahun 1980-antahun 1980-an

► Contoh piranti bantu lainnya: Visual Contoh piranti bantu lainnya: Visual dBase, Visual BASIC, Visual J++, dBase, Visual BASIC, Visual J++, Visual C/C++, Borland Delphi, dllVisual C/C++, Borland Delphi, dll

► Keuntungan:Keuntungan: Tampilan/antarmuka yang dihasilkan Tampilan/antarmuka yang dihasilkan

menjadi lebih baikmenjadi lebih baik Program antarmuka menjadi mudah Program antarmuka menjadi mudah

ditulis dan lebih ekonomis untuk ditulis dan lebih ekonomis untuk dipeliharadipelihara

Strategi Pengembangan Strategi Pengembangan Antar MukaAntar Muka

Program Aplikasi :Program Aplikasi :►Antarmuka berfungsi sebagai sarana Antarmuka berfungsi sebagai sarana

dialog antara manusia dengan komputerdialog antara manusia dengan komputer►Aplikasi yang merupakan bagian yang Aplikasi yang merupakan bagian yang

berfungsi untuk menghasilkan informasi berfungsi untuk menghasilkan informasi berdasar olahan data yang sudah berdasar olahan data yang sudah dimasukkan oleh pengguna lewat dimasukkan oleh pengguna lewat algoritma yang disyaratkan oleh aplikasi.algoritma yang disyaratkan oleh aplikasi.

Beberapa hal yang harus Beberapa hal yang harus diperhatikan dalam pengembangan diperhatikan dalam pengembangan antarmukaantarmuka► Pengetahuan tentang mekanisme fungsi Pengetahuan tentang mekanisme fungsi

manusia sebagai pengguna komputer.manusia sebagai pengguna komputer.► Berbagai informasi yang berhubungan Berbagai informasi yang berhubungan

dengan karakteristik dialog yang cukup dengan karakteristik dialog yang cukup lebar seperti ragam dialog, struktur, isi lebar seperti ragam dialog, struktur, isi tekstual dan grafis, tanggapan waktu dan tekstual dan grafis, tanggapan waktu dan kecepatan tampilankecepatan tampilan

Beberapa hal yang harus Beberapa hal yang harus diperhatikan dalam pengembangan diperhatikan dalam pengembangan antarmukaantarmuka► Penggunaan Prototipe yang didasarkan pada Penggunaan Prototipe yang didasarkan pada

spesifikasi dialog formal yang disusun secara spesifikasi dialog formal yang disusun secara bersama-sama (calon) pengguna dan perancang bersama-sama (calon) pengguna dan perancang sistemsistem

► Teknik evaluasi yang digunakan untuk mengevaluasi Teknik evaluasi yang digunakan untuk mengevaluasi hasil proses prototipe yang telah dilakukan, yaitu hasil proses prototipe yang telah dilakukan, yaitu secara analitis berdasarkan analisisn atas transaksi secara analitis berdasarkan analisisn atas transaksi dialog, secara empirik menggunakan uji coba pada dialog, secara empirik menggunakan uji coba pada sejumlah kasus, umpan balik pengguna yang dapat sejumlah kasus, umpan balik pengguna yang dapat dikerjakan dengan tanya jawab maupun kuisioner dan dikerjakan dengan tanya jawab maupun kuisioner dan beberapa analisi yang dikerjakan oleh ahli antarmukabeberapa analisi yang dikerjakan oleh ahli antarmuka

Kesalahan Mendasar Kesalahan Mendasar ProgrammerProgrammer

► Desain ini memuaskan saya, berarti juga akan Desain ini memuaskan saya, berarti juga akan memuaskan setiap orangmemuaskan setiap orang

► Desain ini memuaskan rata-rata orang, berarti juga Desain ini memuaskan rata-rata orang, berarti juga akan memuaskan setiap orangakan memuaskan setiap orang

► Manusia begitu amat beragam oleh karenanya tidak Manusia begitu amat beragam oleh karenanya tidak ada kemungkinan antar muka yang dapat memuaskan ada kemungkinan antar muka yang dapat memuaskan pengguna, tetapi karena sifat manusia yang adaptif pengguna, tetapi karena sifat manusia yang adaptif sejak awalnya, maka itu tidak akan menjadi masalahsejak awalnya, maka itu tidak akan menjadi masalah

► Faktor ergonomi cukup mahal namun demikian Faktor ergonomi cukup mahal namun demikian produk-produk aplikasi komputer tetap terjual hanya produk-produk aplikasi komputer tetap terjual hanya dengan berdasarkan penampilan dan corak. Jadi dengan berdasarkan penampilan dan corak. Jadi pertimbangan ergonomi boleh diabaikanpertimbangan ergonomi boleh diabaikan

► Ergonomi merupakan gagasan yang baik. Dalam Ergonomi merupakan gagasan yang baik. Dalam mendesain sesuatu saya menggunakan pertimbangan mendesain sesuatu saya menggunakan pertimbangan ergonomi namun dilakukan berdasarkan intuisi dan ergonomi namun dilakukan berdasarkan intuisi dan menyandarkannya pada selera umum, jadi kita tidak menyandarkannya pada selera umum, jadi kita tidak memerlukan tabel datamemerlukan tabel data

Diskusikan !Diskusikan !

1.1. Bagaimana user berinteraksi dengan Bagaimana user berinteraksi dengan komputer untuk menyelesaikan komputer untuk menyelesaikan tugas-tugas tertentu.tugas-tugas tertentu.

2.2. Buat Kesimpulan dari materi yang Buat Kesimpulan dari materi yang telah disampaikan.telah disampaikan.

TERIMA KASIHTERIMA KASIH