Dokumen tersebut membahas tentang interaksi antara manusia dan komputer. Topik utama yang dibahas adalah prinsip-prinsip desain antarmuka komputer, jenis-jenis peralatan masukan dan keluaran komputer, serta panduan merancang antarmuka yang baik.

1. INTERAKSI MANUSIA DAN KOMPUTER UNIVERSITAS ISLAM KALIMANTAN FAKULTAS TEKNIK INFORMATIKA

2. Bidangilmuinteraksimanusiadankomputer adalahilmu yangmempelajaritentangbagaimanamendesain, mengevaluasi, danmengimplementasikansistemkomputer yang interaktifsehinggadapatdigunakanolehmanusiadenganmudah atau bisa dikatakan dialog antara user dengankomputer.

3. jenisInteraksi dialog antara user & Komputer,antara lain : Command line interface (perintahbaristunggal) Contoh : unix, linux, dos Menu (menu datardan menu tarik) Contoh : semua software menggunakan menu 3) Natural language (bahasa alami) Contoh : bahasa pemrograman terstruktur

4. 4) Form-fills and spreadsheets contoh : excel, lotus, dll 5) WIMP - Windows Icon Menu Pointer - Windows Icon Mouse Pulldown Menu Komponen WIMP : button, dialogue boxes, pallettes, dll

5. PRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE) Cocokdengan User Produkygdihasilkankompatibeldengan user Cocokdenganpenyelesaiantugasygdiharapkan user Konsisten Familiar Mudah

6. PRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE) 7) Sederhana Fleksibel Responsip Keamanan Ease of Learning and Ease of Use

8. Pendengaran

11. Aspek Perceptual (persepsi)

13. Saluran Input padaManusia Mata Telinga Tangan (Sentuhan) Hidung (Mencium)

14. Mata Interaksimatamelalui : Penglihatan Pencahayaan Warna “Kemampuanmatabisamembacayaitu 250 kata/menit” ‘

15. Telinga Batasantelingamenerimasuara yang bisadidengaryaitu : 20 Hz (min) - 20KHz (maks)

16. Sentuhan Dengansentuhankitabisamerasakankontur yang kitasentuh(lembut,kasar,bergelombang,dsb)

18. Brightness & Kontras (Kecerahan)

19. Sharpness (KelembutanWarna)

21. KomputerSecaraUmum Terdiriatas : Monitor Keyboard Mouse Alat – alattersebutdiatasmendukunginteraksiuntukmenjalankansistemsertamenentukangayainteraksiygdidukungolehsistem

22. PeralatanInteraksipadaKomputerdipengaruhioleh : PeralatanMasukan ( Input ) PeralatanKeluaran ( Output)

23. Input – Output padaKomputer Input Device ( Keyboard,Mouse, touch paneL, Joy stick, scanner, Barcode, trackball ) Output Device ( Monitor, Printer ,speaker ) Prosessor Penyimpanan ( RAM, Harddisk )

24. PeralatanMasukkanTeks Keyboard (papanketik) Digunakanuntukmemasukkan data secara textual danperintah – perintahdengankombinasidaribeberapatombol.

25. Jenis – jenis Keyboard QWERTY Keyboard Layout ygstandar Polatidak optimal LebihCocokdigunakanuntukygKidal Dihubungkandengankabelatautanpakabel Kecepatanpengetikantergantungpdpengalaman

26. Alfabetik Keyboard Tomboldiaturberdasarkanurutanabjad Tidakmempercepatbagiygsudahmahirmengetikdengan 10 jari Cukuprumitbagipemula KalahpopulerdengAn Qwerty

28. 3. Dvorak Hurufygseringdipakaiditempatkanpadajari – jariygdominan Hurufyg lain diletakkandiantaranya Diperuntukkanuntukpenggunatangankanan Menambahkecepatanmengetiksekitar (10-15 %)

30. 4. Chord Keyboard Untukpenyingkatan kata Efektifuntukmencatatucapanseseorang Hanya 4 / 5 tombol yang digunakan Hurufdiketikkansebagaikombinasidaripenekanantombol Berukuran compact, portable Waktubelajarsingkat Cepatpengetikannya Pemakaiandenganwaktuyg lama menyebabkankelelahan Biasanyadigunakanpada piano

31. Menggunakanpaduantombolygditekanbersamaanutkmenghasilkansuatu kata/suku kata dan operator ygterlatihdptmencapai 200 kata /menit - lebih

32. Peralatanmasukanteksyg lain PengenalTulisanTangan Contohnya : Pena Komputerdan tablet digital Permasalahannyadalammemasukkan data : 1. Memisahkansuatutulisankedalamtulisandengankarakterygberbeda 2. Penguasaanatasgayapenulisantanganygberbeda

33. PengenalSuara Sistemkosakatanyaterbatas Masalahygdihadapi : Kebisingan Ketidaktepatanpengucapan Aksen, dialek

34. PANDUAN MERANCANG IMK Pertimbangandalammerancang IMK : 1. KemampuanNavigasi 2. Sederhana 3. Tekanan / Perhatian 4. Font Types

35. 1. KemampuanNavigasi Sebagaipenunjukarahuntukkembaliatauuntukmenujuke menu sebelumnya, contohnyapada web browser ada menu Home (untukkembalikelayarutama) Back (untukkembalike menu sebelumnya)

36. 2. Sederhana Layarseharusnyasederhana, teraturrapikomponennya, elemennya (tombol,icon) mudahdikenaldanmudahditemukan

37. 3. Tekanan / Perhatian Elemen yang pentingseharusnyadiposisikanpadaposisi yang mudahsertacepatditemukandanmelaluitekanansepertiteks yang tebalatauwarna

38. 4. Font Types Sebaiknyagunakantidaklebihdaritigatipe font dantigaukuran font didokumen interface yang berbeda

39. PANDUAN MEMBUAT MENU Hal – hal yang perludiperhatikan : 1. Pilihan yang dapatdiseleksi 2. Informasi Visual 3. Akhirdari proses seleksi

41. Akhirdari Proses Seleksi Hal yang biasaterjadipadasaatseleksisudahterjadi menu akanmenghilangdansebaiknyausahakansaateksekusi menu terjadiuntuk menu akantetaptampil

42. Jenis – Jenis Menu 1. Menu Tunggal 2. Menu Multiple 3. Menu denganstrukturPohon

43. 1. Menu Tunggal Delphi 7

44. Panduandalammembuat menu Disusunsecarasistematissebuahdaftar menu, maksimumada 10 menu padakotak interface Menu yang mendalamataumelebartapidisesuaikandengankotak interface yang dirancang

45. 2. Menu Multiple Contohnyapada menu wizard

46. 3. Menu strukturpohon Contohnyapada menu di windows explorer

47. Icon Icon merupakansimbolbergambar yang apabiladidesainsecaratepatakanmempermudahpenyampaianfungsikepada user

48. Contohdalam toolbar MS.Word Objek Printer : digunakanuntukmerepresentasikan proses pencetakan ObjekGunting : mewakilipemotongan / cut ObjekDisket : digunakanuntuk proses penyimpanan

49. Keuntunganpenggunaan icon © Mudahdiingat & dikenali © Efisiensitempat © Mudahdipahami © Mudahdidapat

50. Panduanuntukmerancang Icon Menampilkan object dalambentuk yang familiar Batasijumlah icon (biartidakterlalurumit) Pisahkan icon darilatarbelakangnya Pertimbangkan Icon 3 dimensisehinggamudahdilihatsehinggatidakmenyusahkan Pastikan Icon yang dipilihsangatjelas

51. Buatsetiap icon berbeda Buatkesesuaiandari icon yang masihterkait Rancangsuatuanimasiuntukgerakan Informasitambahan Caribentuk icon baruuntukoperasibaru

53. PENGATURAN TAMPILAN & WARNA 27 APRIL 2011 INTERAKSI MANUSIA & KOMPUTER

54. PengaturanTampilan & Warna 1. KejelasanTeks 2. Pengkodean Visual 3. Warna 4. TuntunanUmum

55. 1. KejelasanTeks Gunakanperaturanstandarthurufkecil & hurufbesar, “ JANGAN MENGGUNAKAN HURUF BESAR SEMUA KARENA MEMPERSULIT PEMBACAAN APABILA DENGAN TEKS YG PANJANG DAN MEMAKAN WAKTU LEBIH LAMA”

56. Jenis – jenishuruf yang lucumungkintampakdekoratiftapibelumtentujelasterbaca, Sejumlahhal yang menentukankejelasanteks Jenis – jenishuruf yang umumseperti : Times New Roman Courier Verdana

57. 2.Pengkodean Visual Elemen – elementertentudilayar yang digunakanuntukmenarikperhatiandanuntukmemusatkanperhatianantara lain : 1. Pemilihanbentuk yang unik 2. Warna & Shading Bayangan

58. 1. Pemilihanbentuk yang unik Sebagaicontohteksdiletakkandidalambentukawanataudalambentukkotak yang akanlebihmencolokdarisekelilingnya Next InteraksiManusiaKomputer Preview

61. 3. Warna Ada 3 (tiga) jeniswarna yang mempengaruhiselmata : merah, jingga, hijau , kuning, biru Kombinasiwarna yang paling mencolokdanmenghasilkanefek yang burukyaitu : Merah / Biru Hijau / Magenta “ Warnadiatasbisadikombinasikandenganmenambahkanwarnalembut ( warnaputih) ”

64. GarisBawahtidakdianjurkanpadateksygdicetakkarenahalinimenggangguujung –ujungbawahhuruf Awalnyamenariktetapijugadapatmengganggusetelahbeberapawaktu, kecualijikatujuannyauntukmemperingatitindakan yang salahdanefekituakanhilangsaatkesalahansudahdibetulkan

65. PeralatanPenempatanPosisi & Penunjuk Mouse Joystick Tracball LayarSentuh Light Pen Tablet Digital Cursor Keys RodaJempol

66. Keymouse SarungTangan ( Data Glove) PenangkapPandangan (Eye Gaze)

67. Mouse Alatpenunjuk yang dipegang Bentuksudahdikenal Mudahdigunakan Cara kerjaada 2 (dua) metode : 1. Mekanik 2. Optical ( cahaya )

69. Bola menggerakanpotensiometer orthogonal

71. Karakteristik mouse Bergerak di bidangdatar Diletakkandiataspermukaan / meja Tidakmelelahkan Gerak mouse sesuaidengangerakkursor di layar Tidakmengganggulayar Mampumenunjuksecaraakurat, cepatkarenakursornyaterlihat

72. Ada mouse kaki, digrakkandengan kaki tapijarangdigunakan

75. 2. Joystick Hanyamembutuhkantempatsedikit Dikontrololeh : Gerakan : posisidari joystick berhubungandenganposisikursor Tekanan : tekananpadastik / batangnyaberhubungandengankecepatankursor

77. Biasanyadilengkapidengantombol – tomboluntukmemilih Tidakmengaburkan / mengganggulayar Murah Seringdigunakanuntukpermainanpadakomputer

78. 3. Trackball Bekerjaseperti mouse dalamposisiterbalik Peralatanpenunjuktidaklangsung Cukupakurat Ukuran & perasaandalammenggerakan bola sangatpenting Memerlukanruang yang sedikit Cocokuntuk notebook

80. 4. LayarSentuh Layar yang sensitifterhadapsentuhan Mendeteksiadanyajari di layar Bekerjadengancaramendeteksiperubahanintensitascahayaygmemantul Termasukperalatanpenunjuklangsung Sekarangsudahhampirsepopuler mouse

81. Keuntungan Cepatdantidakmembutuhkan pointer khusus Baikuntukpemilihankhusus Cocokdigunakandilingkunganygsempitkarenatidakperlutempat

82. Kerugian Jari – jaridapatmengotorilayar Sulituntukmemilih area yang kecildengantepatdanakurat Selalumengangkattangansehinggacepatlelah

83. 5. Light Pen kabel spiral dihubungkanantarapenadenganlayar Merupakanalatpenunjuklangsung Akuratsehinggadapatdigunakanuntukmenggambardanmemilihygbaik Belumsepopuler mouse

86. Masalah : Kepekaanpenaseringberubah : Mudahrusak, patah, pecah : Mudahhilangdiareamejakerjaygpenuhbarang : Lelahdilengankarenahampirsamadengan pen biasanya Cara Kerja : Pena disentuhkankelayar

87. 6. Tablet Digital Resolusitinggi, denganjangkauanukuransampai A5 sampai 60 x 60 inch Ukuranpenarikanantara 50 & 200 Herz Dapatdigunakanuntukmendeteksigerakrelatif / absolut Dapatdigunakanuntukmasukanteksdengandukungan s/w pengenal char Membutuhkanruangkerjaygbesar

90. 7. TombolKursor Empattombolanakpanahpada keyboard Sangatmurahtapilambat Bergunahanyauntukpergerakanpengolahan kata Takada layout yang standar

92. 8. RodaJempol Dualempengpengaturortogonaluntukmengaturposisikursor Murahtapilambat

94. 9. Mouse Tombol Tombol Tunggal Kecil, portable, danmempunyaiumpanbaliksangatkecil & tidakhandal

95. 10. SarungTangan Sarungtangankhususdengan sensor seratoptik Mendeteksisuduttemudanposisitangansecara 3D

98. Keuntungan Mudahdigunakan Secarapotensiamatkuat & ekspresif

99. Potensi -. Pengenalgeraktubuh -. Interpretasibahasasimbol / syarat

100. Kerugian Sulitdigunakandengan keyboard Mahal

101. 11. Eye Gaze Headset mendeteksigerakanmatapenggunauntukmengontrolkursor Sangatcepat & akurat Mahal

102. PERALATAN OUTPUT LayarKomputer CRT LCD

104. Cukupcepatuntukanimasiygbutuhkecepatan

105. Mampumenampilkanwarnaygbanyak

107. Jangangunakan font ygterlalukecilukurannya

108. Janganmemandangilayardalamwaktu lama tanpaistirahat

109. Jangantempatkanlayarsecaralangsungdidepanjendela yang terangcahaya