Ir. P.Insap Santosa, M.Sc Penerbit Andi Yogyakarta

Transkripsi

1 INTERAKSI MANUSIA dan KOMPUTER Ir. P.Insap Santosa, M.Sc Penerbit Andi Yogyakarta Page 1 / 174

2 IMK : Bidang ilmu interaksi manusia dan komputer adalah ilmu yang mempelajari tentang bagaimana mendesain, mengevaluasi, dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan mudah. Sebuah program aplikasi terdiri dari 2 bagian yaitu: - Bagian antar muka - Bagian aplikasi Page 2 / 174

3 Definisi antarmuka/interface manusia dan komputer adalah media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer. HCI is about designing computer systems that suport people so that, they can carry out their activities, productively & safety jenny preese. Interaksi manusia dan Komputer adalah suatu rancangan sistem komputer yang mendukung/membantu manusia. Page 3 / 174

4 KOMPONEN I.M.K USER Pengguna secara individu, suatu group dari pengguna yang bekerja sama, atau sekelompok pengguna dalam organisasi; dimana masing-masing berhubungan dengan bagian sama dari suatu kerjaan atau proses. Pengguna berusaha menyelesaikan pekerjaannya dengan menggunakan bantuan teknologi (komputer) KOMPUTER Teknologi yang mengontrol suatu proses atau sebuah sistem; mulai komputer berskala kecil /desktop sampai keskala besar seperti komputer super. Ataupun suatu teknologi yang dapat ditempelkan/dicangkokkan (embedded system) ke benda. INTERAKSI Setiap komunikasi antara pengguna (user) dengan komputer, secara langsung maupun tidak langsung; Interaksi tersebut melibatkan suatu dialog dengan suatu umpan-balik (feedback) dan kontrol hasil kinerja dari suatu kerja; secara tidak langsung interaksi melibatkan background atau batch prosesing. Page 4 / 174

5 HUMAN - MANUSIA Pengguna/ User Salah satu yang membuat rancangan sistem komputer itu ada Pengguna yang seharusnya menjadi prioritas Utama Brainware: orang yang menggunakan kemampuan logikanya untuk bekerja dengan komputer Untuk merancang sesuatu bagi seseorang, kita perlu mengetahui kapasitas dan keterbatasan dari seseorang tersebut. Kita perlu tahu apakah ada sesuatu(pekerjaan) yang membuat orang mendapatkan kesukaran atau kelebihan. Page 5 / 174

6 Media antarmuka manusia dan komputer 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 readln dan writeln dalam Pascal. Page 6 / 174

7 b. Media GUI (Graphical ser 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 Basic, Visual Foxpro, Delphi dan lain-lain). Page 7 / 174

8 Ada 2 Bidang Studi Untuk membuat media interaksi manusia dan komputer yang lebih baik maka harus mempelajari dan memahami bidang ilmu lain : a. Teknik Elektronika dan ilmu komputer 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. Page 8 / 174

9 c. Perancangan grafis dan tipografi Memanfaatkan gambar sebagai sarana dialog yang cukup efektif antara manusia dan komputer. d. Ergonomik 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. Page 9 / 174

10 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. Page 10 / 174

11 Pendahuluan Faktor Manusia Aspek dalam sistem komputer Aspek hardware Aspek software Aspek brainware Kegiatan memodelkan manusia adalah kegiatan yang cukup sulit karena manusia menggunakan panca indera Panca indera: Mata: benda, ukuran, warna, bentuk, kepadatan, dan tekstur Telinga: nada, warna nada, pola titik nada, intensitas, frekuensi Hidung: membedakan bau Lidah: membedakan rasa manis, kecut, pahit, asin Kulit: merasakan tekanan dan suhu Page 11 / 174

12 Kecapakan Manusia dan Komputer Estimasi Intuisi Kreatifitas Adaptasi Kecakapan Manusia Kesadaran serempak Pengolahan abnormal/perkecualian Memori asosiatif Pengambilan keputusan nondeterministik Pengenalan pola Pengetahuan duniawi Kesalahan manusiawi Kecakapan Komputer Kalkulasi akurat Deduksi logika Aktifitas perulangan Konsistensi Multitasking Pengolahan rutin Page 12 / 174 Penyimpanan dan pemanggilan kembali data Pengambilan keputusan deterministik Pengolahan data Pengetahuan domain Bebas dari kesalahan

13 Istilah dalam Penglihatan/Visual Luminans Banyaknya cahaya yang dipantulkan oleh permukaan obyek Semakin besar luminans sebuah obyek, rincian obyek yang dapat dilihat oleh mata akan semakin bertambah Kontras Selisih antara luminans obyek dengan luminans latar belakang Nilai kontras dapat positif atau negatif Nilai kontras negatif akan membuat obyek tidak nampak Page 13 / 174

14 Istilah dalam Penglihatan/Visual Kecerahan Tanggapan subyektif pada cahaya Tidak ada kaitan dengan luminans dan kontras, namun luminans dapat berimplikasi pada kecerahan Sudut dan ketajaman penglihatan Sudut penglihatan (visual angle): sudut yang dibentuk antara obyek dengan mata Ketajaman penglihatan (visual acuity): sudut penglihatan minimum ketika mata masih dapat melihat sebuah obyek dengan jelas Page 14 / 174

15 Istilah dalam Penglihatan/Visual Medan penglihatan: sudut yang dibentuk ketika mata bergerak ke kiri terjauh dan ke kanan terjauh Daerah I, penglihatan binokuler Daerah II, penglihatan monokuler kiri Daerah III, penglihatan monokuler kanan Daerah IV, daerah buta I II III IV Page 15 / 174

16 Penggunaan Warna yang Efektif Aspek psikologis Hindarkan penggunaan warna berikut secara bersama-sama seperti cyan, magenta, dan kuning karena dapat menimbulkan kelelahan mata Hindarkan warna biru untuk garis tipis, teks dan bentuk kecil, sebab sistem penglihatan kita tidak disiapkan untuk rangsangan yang tajam, terinci dan bergelombang pendek Pertimbangkan warna tajam untuk pengguna usia tua Warna akan berubah jika aras cahaya sekeliling berubah dan juga akibat penambahan dan penurunan kontras Perubahan warna yang dapat dideteksi bervariasi untuk warna yang berbeda. Merah dan ungu sukar dideteksi dibandingkan dengan kuning, hijau atau biru Hindarkan warna merah dan hijau dalam skala besar pada tempat berseberangan. Warna yang cocok adalah biru-kuning Page 16 / 174

17 Penggunaan Warna. (lanjutan) Aspek psikologis (lanj.) Warna berlawanan yang dapat digunakan bersama-sama mis: merah-hijau dan biru-kuning. Kombinasi hijau-biru memberikan citra jelek Hindarkan perubahan warna tunggal untuk menolong pengguna dengan keterbatasan dalam melihat warna Aspek kognitif Jangan menggunakan warna secara berlebihan. Penggunaan warna ditujukan untuk menarik perhatian, atau untuk pengelompokkan informasi. Manfaat itu akan hilang jika warna yang digunakan terlalu banyak Waspadalah terhadap manipulasi warna secara tidak linier Kelompokkanlah elemen-elemen yang saling berkaitan dengan warna latar belakang yang sama Page 17 / 174

18 Penggunaan Warna. (lanjutan) Aspek kognitif (lanj.) Warna yang sama membawa pesan yang serupa Kecerahan dan saturasi akan menarik perhatian Urutkan warna sesuai dengan posisi spektralnya Warna hangat (panjang gelombang besar) dapat digunakan untuk menunjukkan aras tindakan. Biasanya warna yang hangat digunakan untuk menunjukkan adanya tindakan atau tanggapan yang diperlukan. Warna yang dingin dapat dipakai untuk menunjukkan status atau informasi latar belakang Page 18 / 174

19 Memori Manusia External environment Sensor Information store Visual: sec Auditory: 2-4 sec without processing Short-term memory Long-term memory sec? forever Page 19 / 174

20 Memori Manusia Sensory stores Dapat dipandang sebagai sekumpulan register penyangga temporer Informasi yang masuk akan dinyatakan dalam bentuk tak terproses atau tak terkodekan Informasi disimpan dalam bentuk fisik dan bukan dalam bentuk simbolik Short-term memory Dapat dipandang sebagai penyimpan temporer Informasi yang masuk akan dinyatakan dalam bentuk terkodekan bukan dalam bentuk fisik Sering disebut sebagai working memory Long-term memory Informasi yang masuk melalui kesadaran penuh yang disebut proses belajar atau lewat proses bawah sadar yang terjadi berulang-ulang Berbasis semantik dan diakses secara asosiatif Sifat penyimpanannya sukar dilupakan Page 20 / 174

21 Ragam Dialog Page 21 / 174

22 Macam-macam Ragam Dialog : Dialog Berbasis Perintah Tunggal Dialog Berbasis Bahasa Pemrograman Antarmuka Berbasis Bahasa Alami Sistem Menu Dialog Berbasis Pengisian Borang Antarmuka Berbasis Ikon Sistem Penjendelaan Manipulasi Langsung Antarmuka Berbasis Interaksi Grafis Page 22 / 174

23 Sifat Penting Ragam Dialog Inisiatif Keluwesan Kompleksitas Kekuatan Beban Informasi Konsistensi Umpan Balik Observabilitas Kontrolabilitas Efisiensi Keseimbangan Page 23 / 174

24 Dialog Berbasis Perintah Tunggal Ragam dialog ini merupakan ragam yang paling konvensional. Perintah-perintah tunggal yang dapat dioperasikan biasanya tergantung dari sistem komputer yang dipakai, dan berada dalam suatu domain yang disebut bahasa perintah (command language). Misal : DOS, Page 24 / 174

25 Ragam dialog (Dialogue Style) adalah cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog Beberapa sifat setiap ragam dialog: a. Inisiatif adalah sifat dasar dari sembarang dialog sehingga dapat ditentukan tipe-tipe pengguna yang dituju oleh sistem yang dibangun. b. Keluwesan adalah sistem yang mempunyai kemampuan untuk mencapai suatu tujuan lewat sejumlah cara yang berbeda Page 25 / 174

26 c. Kompleksitas adalah kemampuan sistem untuk memberi tanggapan terhadap keluwesan karena semakin kompleks suatu sistem semakin rumit implementasi sistem tersebut. d. Kekuatan adalah jumlah kerja yang dapat dilakukan oleh sistem untuk setiap perintah yang diberikan oleh pengguna. Page 26 / 174

27 e. Beban informasi adalah ragam dialog yang terjadi antara komputer dengan manusia yang lebih menitik beratkan pada penyajian informasi yang dihasilkan komputer kepada pengguna. Page 27 / 174

28 Karakteristik ragam dialog a. Konsistensi : Konsistensi merupakan atribut yang sangat penting untuk membantu pengguna dalam mengembangkan mentalitas yang diperlukan dalam pengoperasian sebuah sistem komputer b. Umpan balik : Ketika sebuah program aplikasi sedang dijalankan, pengguna seringkali harus menunggu sampai komputer menampilkan hasil yang ia inginkan Page 28 / 174

29 c. Observabilitas : Sistem dikatakan mempunyai sifat observabilitas apabila sistem itu berfungsi secara benar dan nampak sederhana bagi pengguna, meskipun sesungguhnya pengolahan secara internalnya sangat rumit d. Kontrolabilitas : Kontrolabilitas merupakan kebalikan dari observabilitas, dan hal ini berimplikasi bahwa sistem selalu berada di bawah kontrol pengguna Page 29 / 174

30 e. Efisiensi : Efisiensi dalam sistem komputer yang melibatkan unjuk kerja manusia dan komputer secara bersama-sama adalah throughput yang diperoleh dari kerjasama antara manusia dan komputer f. Keseimbangan : Strategi yang diambil dalam perancangan sembarang sistem manusia-komputer haruslah dapat membagi-bagi pekerjaan antara manusia dan komputer seoptimal mungkin Page 30 / 174

31 Kategori Ragam Dialog : 1. Ragam Dialog Interaktif a. Dialog berbasis perintah tunggal (Command line dialogue). Perintah-perintah tunggal yang dapat dioperasikan biasanya tergantung dari sistem komputer yang dipakai b. Dialog berbasis bahasa pemrograman (Programming language dialogue). Dalam keadaan tertentu, penggunaan dialog berbasis perintah tunggal sering tidak memadai, khususnya ketika pengguna harus memberikan sederetan perintah-perintah yang sama setiap kali ia menjalankan program aplikasi tersebut Page 31 / 174

32 c. Antarmuka berbasis bahasa alami (Natural language interface). Dalam film fiksi ilmiah kita seringkali melihat adanya komunikasi antara manusia dengan komputer lewat suatu bahasa ucapan yang secara jelas memanfaatkan bahasa alami (natural language) d. Sistem Menu : sistem menu merupakan pilihan yang tepat untuk menunjukkan kemampuan dan fasilitas yang dimiliki oleh sebuah program aplikasi kepada pengguna. Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa suatu kalimat atau kumpulan beberapa kata Page 32 / 174

33 e. Dialog berbasis pengisian formulir (Form filling dialogue) Teknik dialog pengisian borang (form-filling dialogue) merupakan suatu penerapan langsung dari aktifitas pengisia borang dalam kehidupan sehari-hari dimana pengguna akan dihadapkan pada suatu bentuk borang yang ada di layar komputer yang mereka gunakan f. Antarmuka Berbasis Ikon Ragam dialog yang banyak menggunakan simbol-simbol dan tanda-tanda untuk menunjukkan suatu aktifitas tertentu disebut dengan antarmuka berbasis ikon Page 33 / 174

34 g. Sistem Penjendelaan (windowing system) bagian dari layar yang digunakan untuk menampilkan suatu informasi. Informasi disini dapat berupa informasi tekstual maupun grafis h. Manipulasi Langsung Karakteristik yang sangat penting dari ragam dialog ini adalah adanya penyajian langsung suatu aktifitas oleh sistem kepada pengguna sehingga aktifitas itu akan dikerjakan oleh sistem komputer ketika pengguna memberikan instruksi lewat manipulasi langsung dari semacam kenyataan maya (virtual reality) yang terpampang lewat tampilan yang muncul di layar Page 34 / 174

35 i. Antarmuka Berbasis Interaksi Grafis Secara umum cukup sulit membedakan antarmuka berbasis manipulasi langsung dengan antarmuka berbasis interaksi grafis 2. Dialog berbasis perintah tunggal (Command line dialogue). Perintah-perintah tunggal yang dioperasikan tergantung dengan sistem operasi komputer yang dipakai. contoh : DOS (dir, delete, format, copy, dll) Unix / Linux (ls, vi, who, passwd, dll) Page 35 / 174

36 3. Dialog berbasis bahasa pemrograman (Programming language dialogue). Dialog yang dikemas sejumlah perintah ke dalam suatu bentuk berkas (file) berupa batch file. 4. Antarmuka berbasis bahasa alami (Natural language interface). Dialog yang berisikan instruksi-instruksi dalam bahasa alami (manusia) yang diterjemahkan oleh sistem penterjemah. Page 36 / 174

37 5. Sistem Menu Dialog yang menampilkan daftar sejumlah pilihan dalam jumlah terbatas Sistem Menu terbagi menjadi 2 yaitu : a. Sistem Menu Datar : sistem menu yang menampilkan semua pilihan secara lengkap. - Selektor pilihan - Penggunaan Tanda terang (highlight marker) b. Sistem Menu Tarik (Pulldown): sistem menu yang akan menampilkan pilihan dalam kelompok-kelompok tertentu Page 37 / 174

38 6. Dialog berbasis pengisian formulir (Form filling dialogue). Dialog dimana pengguna (user) dihadapkan ke suatu bentuk formulir dilayar komputer yang berisi sejumlah pengisian data dan opsi (option) yang telah ditentukan. 7. Antarmuka berbasis ikon (icon) Dialog yang menggunakan simbol atau tanda untuk menunjukan suatu pilihan aktifitas tertentu. Page 38 / 174

39 8. Sistem Penjendelaan Sistem antarmuka yang memungkinkan pengguna untuk menampilkan berbagai informasi pada satu atau lebih jendela (window). Jenis-jenis jendela (window) : a. Jendela TTY b. Time-Multiplexed Windows c. Space multiplex window d. Non Homogen Page 39 / 174

40 9. Manipulasi Langsung. Pengertian Penyajian langsung aktifitas kepada pengguna (user) sehingga aktifitas akan dikerjakan oleh komputer ketika pengguna memberikan instruksi langsung yang ada pada layar komputer. Page 40 / 174

41 Penerapannya : a. Kontrol Proses Dalam perkembangannya, panel-panel kontrol yang semula menempel pada dinding tembok, sehingga memerlukan ruangan yang cukup besar, kemudian diubah menjadi semacam tampilan yan dapat digambarkan pada layar komputer, sehingga operator akan lebih nyaman. Page 41 / 174

42 b. Editor Teks Konsep WYSIWYG (what you see is what you get) Pengguna akan mendapatkan hasil cetakan seperti apa yang muncul pada layar tampilan. c. Simulator : Simulator merupakan sistem miniatur yan mencoba menirukan kerja suatu sistem yang berskala sangat besar atau sangat kecil jika dilihat dari kacamata orang awam. Contohnya misalnya pada simulator penerbangan. Page 42 / 174

43 d. Kontrol Lalu lintas penerbangan Sistem radar berpegang pada adanya kemampuan untuk mengenal pola bentuk-bentuk tertentu seperti yang dapat dikerjakan oleh manusia. e. Perancangan Bentuk/model ( computer aided design ) Contoh yang paling populer barangkali adalah sebuah program yang bernama dengan Auto CAD Page 43 / 174

44 10. Antarmuka Berbasis Interaksi Grafis. Dialog berbentuk pesan atau informasi pada suatu gambar atau link yang tampil ketika pengguna melakukan suatu aktifitas. Page 44 / 174

45 Dialog Manusia- Komputer Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan agar memenuhi kaidah semantis dan pragmatis IMK, dialog adalah pertukaran instruksi dan informasi yang mengambil tempat antara user dan sistem komputer Page 45 / 174

46 Aturan dalam Perancangan Dialog Pegang teguh konsistensi Sediakan shortcut bagi pengguna aktif Sediakan feedback yang informatif Sediakan error handling yang mudah Ijinkan pembatalan aksi Sediakan fasilitas bantuan (help) Kurangi beban ingatan jangka pendek Page 46 / 174

47 Pegang Teguh Konsistensi Informasi disusun dalam formulir-formulir, namanama dan susunan menu, ukuran dan bentuk dari ikon, dll, semuanya harus konsisten diseluruh sistem Konsisten mengijinkan banyak aksi menjadi otomatis Jika ada aplikasi baru hadir dengan fungsi yang berbeda akan menyebabkan user harus mempelajari kembali operasi-operasi yang dilakukan Mis: konsistensi di dalam menu bar untuk File, Edit dan Format Page 47 / 174

48 Sediakan Short Cut Bagi Pengguna Aktif User yang bekerja dengan satu aplikasi dalam seluruh waktunya akan menginginkan penghematan waktu dengan memanfaatkan short cut User mulai hilang kesabaran dengan urutan menu panjang ketika mereka sudah tahu pasti apa yang mereka kerjakan Short cut keys dapat mereduksi jumlah interaksi untuk tugas yang diberikan Designer dapat menyediakan fasilitas makro bagi user untuk membuat short cuts bagi dirinya sendiri Dengan short cut membuat user lebih produktif Page 48 / 174

49 Sediakan Feedback yang Informatif Setiap aksi dari user harus ada feedback dari komputer untuk menunjukkan hasil dari aksi tersebut Mis: jika user meng- click sebuah button harus secara visual ada perubahan bentuk atau bisa berupa bunyi yang mengindikasikan komputer telah meresponnya Informasi feedback sangat penting bagi user, mis: Jika komputer sedang melakukan proses tertentu, maka perlu ada informasi Page 49 / 174

50 Sediakan Error Handling yang Mudah Error dapat menjadi masalah yang serius, sehingga designer harus mencoba mencegah user membuat error Ketika errors terjadi perlu cara mengatasinya: Pesan error harus dinyatakan secara jelas apa kesalahannya dan menerangkan bagaimana kesalahan tersebut terjadi Hindari pesan yang menakutkan atau menyalahkan user seperti: FATAL ERROR 2005 Juga sediakan informasi yang memudahkan untuk mengoreksi error tersebut, mis: the date of birth entered is not valid. Check to be sure only numeric characters in appropriate ranges are entered in the date of birth fields. Page 50 / 174

51 Contoh Error Handling Page 51 / 174

52 Ijinkan Pembatalan Aksi User memerlukan bahwa ketika mereka sudah memilih opsi dan membuat aksi, aktivitas itu dapat dibatalkan atau kembali ke kondisi sebelumnya dengan mudah Mengijinkan user untuk belajar tentang sistem dengan melakukan eksplorasi Jika mereka melakukan kesalahan, mereka dapat membatalkan aksinya Jika user akan menghapus sesuatu yang substansial (mis: sebuah file), sistem harus meminta konformasi terhadap aksi tersebut Page 52 / 174

53 Sediakan Fasilitas Bantuan (Help) User yang berpengalaman menginginkan bahwa mereka yang mengendalikan sistem dan sistem merespon mereka. Segala sesuatu yang mereka tidak tahu rasanya ingin segera mendapat jawabannya, oleh sebab itu fasilitas help penting untuk menolongnya agar segera mendapatkan solusi User yang tidak berpengalaman ketika mengalami kesulitan dalam mengeksplorasi sistem juga perlu mendapat pertolongan yang mudah dan sederhana, fasilitas help yang lengkap, mudah dioperasikan akan menolong mereka mengatasi kesulitannya Page 53 / 174

54 Kurangi Muatan Short-Term Memory Orang mempunyai keterbatasan pada shortterm memory-nya Orang hanya mengingat sekitar 7 chunk informasi pada satu saat Page 54 / 174

55 Karakteristik Umum Ragam Dialog Inisiatif Inisiatif oleh komputer; user memberikan tanggapan atas prompt yang diberikan oleh komputer Inisiatif oleh user; user mempunyai sifat keterbukaan yang luas dalam artian user diharapkan agar dapat memahami sekumpulan perintah yang harus ditulis menurut aturan (sintaks) tertentu Keluwesan Tidak hanya dilihat dari kemampuan sistem menyediakan sejumlah perintah-perintah yang memberikan hasil sama, tetapi bagaimana sistem dapat menyesuaikan diri dengan keinginan pengguna dan bukan sebaliknya Page 55 / 174

56 Karakteristik Umum Ragam Dialog (lanj) Kompleksitas Keluwesan harus dibayar dengan kompleksitas implementasi yang tinggi, oleh sebab itu perlu pembatasan kompleksitas dengan cara TIDAK membuat antarmuka lebih dari yang diperlukan karena tidak ada keuntungan darinya Kekuatan Didefinisikan sebagai jumlah kerja yang dapat dilakukan oleh sistem untuk setiap perintah yang diberikan oleh user. Aspek ini dapat berbenturan dengan aspek keluwesan dan kompleksitas Page 56 / 174

57 Karakteristik Umum Ragam Dialog (lanj) Beban informasi Penyampaian informasi dalam dialog yang sesuai dengan kebutuhan pengguna Konsistensi Suatu atribut yang dapat mendorong user mengembangkan mentalitas dengan cara memberikan semacam petunjuk untuk mengeksplorasi pengetahuan tentang pemahaman perintah-perintah baru dengan opsion yang sudah ada Umpan balik Kemampuan untuk memberikan informasi kepada user tentang proses yang sedang berjalan akibat adanya masukan yang dilakukan oleh user Page 57 / 174

58 Karakteristik Umum Ragam Dialog (lanj) Observabilitas Sistem dapat berfungsi secara benar namun nampak sederhana bagi user Kontrolabilitas Sistem yang selalu dalam kontrol user. Dialog yang memiliki sifat ini harus memungkinkan user agar dapat menentukan: Dimana sebelumnya ia berada Dimana sekarang ia berada Kemana ia dapat pergi Apakah pekerjaan yang sudah dilakukan dapat dibatalkan Page 58 / 174

59 Command Language Bahasa perintah biasanya diperlukan dalam sistem operasi DOS dan UNIX. User menulis suatu perintah dan menunggu respon dari sistem. Jika hasilnya benar, perintah berikutnya diterbitkan, jika salah tindakan selanjutnya ada ditangan user Contoh: C:\>DIR - C:\>copy *.doc A:\LETTER C:\>DIR *.DOC/s - C:\DOS>FORMAT A: /S Luwes Keuntungan Inisiatif pada pengguna Nyaman dalam penciptaannya Memberdayakan user Cepat Efisien Akurat Page 59 / 174 Kerugian Membutuhkan pelatihan yang lama Membutuhkan penggunaan yang teratur Beban ingatan yang tinggi Jelek dalam menangani kesalahan

60 Command Language (lanj) Beberapa pedoman: Buatlah model eksplisit dari obyek atau tindakan Pilihlah nama-nama yang penuh arti, spesifik dan jelas Gunakanlah struktur hirarki Usahakan struktur yang konsisten Aturan-aturan penyingkatan harus konsisten Pertimbangkan pemakaian menu-menu perintah pada tampilan berkecepatan tinggi Batasi jumlah perintah untuk menjalankan suatu tugas Page 60 / 174

61 Bahasa Alami Sistem harus tunduk dan merespon kalimatkalimat dan frase-frase pada bahasa alami Keuntungan: Mengurangi beban mempelajari sintaks Kerugian: Memerlukan dialog klarifikasi Memerlukan lebih banyak pengetikan Tidak dapat diprediksi Page 61 / 174

62 Manipulasi Langsung User berinteraksi secara langsung dengan obyek pada layar grafis sementara sistem menyediakan umpan balik yang cepat pada user Keuntungan Mempunyai analogi yang jelas dengan suatu pekerjaan nyata Mengurangi waktu pembelajaran Memberikan tantangan untuk eksplorasi pekerjaan yang nyata Penampilan visual yang bagus Mudah dioperasikan Tersedianya berbagai perangkat bantu untuk merancang ragam dialog manipulasi langsung Page 62 / 174 Kerugian Memerlukan program yang rumit dan berukuran besar Memerlukan tampilan grafis berkinerja tinggi Memerlukan peranti masukan seperti mouse, trackball, dll Memerlukan perancangan tampilan dengan kualifikasi tertentu

63 Contoh Manipulasi Langsung Page 63 / 174

64 Sistem Menu Pengguna menentukan satu dari sejumlah pilihan pada daftar, kemudian menerapkan sintaks untuk mengindikasikan pilihan, menegaskan pilihan, memulai aksi dan mengamati hasilnya Keuntungan Proses belajar singkat Mengurangi pengetikan Kesalahan mudah diatasi Struktur terdefinisi dengan baik Beban memori rendah Perancangannya mudah Kerugian Proses sedikit lambat Menghabiskan ruang layar Kurang cocok untuk aktivitas pemasukan data Memerlukan kecepatan tampilan yang tinggi Page 64 / 174

65 Sistem Menu Datar Sistem Informasi Akademik STMIK AMIKOM [A] Registrasi Mahasiswa Baru [B] Registrasi Mahasiswa Lama [C] Edit Data Mahasiswa [D] Edit Mata Kuliah [E] Cetak KHS/KRS [F] Cetak Presensi Kuliah [G] Selesai Pilih salah satu: _ Page 65 / 174

66 Sistem Menu Tarik Page 66 / 174

67 Sistem Menu Tarik Page 67 / 174

68 Borang Isian (Form Fill-In) Pengguna melihat suatu tampilan medan yang berhubungan satu sama lainnya, kursor dipindahkan sepanjang medan-medan yang ada selanjutnya data diisikan pada medan yang dikehendaki Keuntungan Proses pemasukan datanya relatif mudah Perlu sedikit pelatihan Beban memori rendah Strukturnya jelas Tersedia berbagai piranti bantu desain tampilan Perancangannya mudah Kerugian Menghabiskan ruang layar Tidak cocok untuk pemilihan instruksi Memerlukan pengontrol kursor Mekanisme navigasi tidak jelas Sering kali cukup lambat Page 68 / 174

69 Contoh Borang Isian Page 69 / 174

70 Perancangan Tampilan Page 70 / 174

71 Pendahuluan Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik Yang harus dimiliki oleh perancang tampilan: Jiwa seni yang memadai Mengetahui selera user secara umum Seorang perancang tampilan HARUS mendokumentasikan semua pekerjaan yang telah dia kerjakan selama ini, sebagai bahan evaluasi pembuatan tampilan yang baru atau memperbaiki tampilan sebelumnya PROGRAM YANG DIBUAT BUKAN UNTUK ANDA, NAMUN UNTUK ORANG LAIN Page 71 / 174

72 Cara Pendekatan Jenis program aplikasi: Special purpose software General purpose software Page 72 / 174

73 Special Purpose Software Yaitu program aplikasi untuk keperluan khusus dengan user yang khusus pula (special purpose software) Kelompok user dapat dengan mudah diperkirakan, baik dari segi keahlian maupun ragam antarmuka yang akan digunakan Mis: program inventori gudang, pengelolaan data akademis mahasiswa, pelayanan reservasi hotel Pendekatan yang digunakan: User-centered design approach: perancang dan user bersama-sama membuat tampilan antarmuka User design approach: hanya user yang membuat tampilan antarmuka Page 73 / 174

74 General Purpose Software Yaitu program aplikasi yang akan digunakan oleh berbagai macam kalangan user Perancang dapat melakukan pemaksaan kepada user untuk menerima tampilan antarmukanya, walaupun dapat memberikan dampak program tersebut tidak laku Salah satu cara yang dapat dilakukan adalah user dapat melakukan perubahan tampilan sesuai dengan keinginannya sendiri (customization), mis: merubah warna dasar, pengaturan desktop, wallpaper, screensaver, dll Page 74 / 174

75 Komponen Antarmuka Pengguna 1. Model pengguna; memungkinkan user untuk mengembangkan pemahaman yang mendasar tentang apa yang dikerjakan oleh program, bahkan oleh user yang sama sekali tidak mengetahui teknologi komputer 2. Bahasa perintah; sedapat mungkin menggunakan bahasa alami 3. Umpanbalik; kemampuan sebuah program yang membantu user untuk mengoperasikan program itu sendiri 4. Tampilan informasi; digunakan untuk menunjukkan status informasi atau program ketika user melakukan suatu tindakan Page 75 / 174

76 Urutan Perancangan 1. Pemilihan ragam dialog 2. Perancangan struktur dialog; melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut 3. Perancangan format pesan; tata letak tampilan, keterangan tektual secara terinci, dan efisiensi inputing data harus mendapat perhatian lebih 4. Perancangan penanganan kesalahan 5. Perancangan struktur data Page 76 / 174

77 Penanganan Kesalahan Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif, namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut Proteksi user; program memberi peringatan ketika user melakukan suatu tindakan secara tidak sengaja, mis: penghapusan berkas Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu Page 77 / 174

78 Perancangan Tampilan Berbasis Teks Urutan penyajian; disesuiakan dengan model pengguna Kelonggaran; mis: dengan adanya jarak spasi antar perintah, atau penempatan yang khusus Pengelompokkan data yang saling berkaitan Relevansi; hanya pesan-pesan yang relevan saja yang ditampilkan di layar Konsistensi; menggunakan suku kata yang konsisten untuk menjelaskan sesuatu Kesederhanaan; menggunakan singkatan yang dipahami oleh umum Page 78 / 174

79 Perancangan Tampilan Berbasis Grafis Ilusi pada obyek-obyek yang dapat dimanipulasi, mis: gambar disket, printer, dll Urutan visual dan fokus pengguna, mis: tanda kedip untuk posisi kursor, penggunaan warna yang berbeda Struktur internal; berguna untuk menunjukkan bahwa obyek yang sedang dihadapi dapat dimodifikasi sesuai dengan keinginan user Kosakata grafis yang konsisten dan sesuai, mis: gambar disket, printer, dll Kesesuaian dengan media/informasi yang akan disampaikan Page 79 / 174

80 Piranti Interaktif- Ergonomi IMK. HendraNet Page 80 / 174

81 Komponen Komputer Hardware, peralatan fisik yg dpt kita lihat dan rasakan Software, program komputer yg beerguna utk melaksanakan suatu pekerjaan Brainware, pengguna yg terlibat langsung dlm pemakaian komputer. Page 81 / 174

82 Piranti Input/Output Didalam konteks IMK, suatu piranti memungkinkan komunikasi antara manusia dan komputer melalui beberapa saluran komunikasi fisik Diklasifikasikan sebagai: Piranti masukan (ke komputer), mis: keyboard Piranti keluaran (dari komputer), mis: speaker Page 82 / 174

83 Peralatan Input Keyboard Mouse Joystick Trackball Trackpoint Light Pen Touch Screen Page 83 / 174

84 Peralatan Input Keyboard Keyboard merupakan piranti terbaik untuk inputan berbentuk teks. Meskipun demikian, penelitian menunjukkan bahwa untuk melaksanakan pekerjaan berbentuk pilihan (mis: dari suatu menu), keyboard lebih lambat, kurang akurat, dan kurang disukai pengguna dibandingkan piranti masukan lainnya Page 84 / 174

85 Peralatan Input Keyboard Tombol pada papan ketik (keyboard) dikelompokkan menjadi 4 bagian : Tombol Fungsi (function key) Tombol Alphanumerik (alphanumeric key) Tombol Kontrol (control key) Tombol Numerik (numeric key) Page 85 / 174

86 Piranti Input - Keyboard Jenis-jenis Keyboard : Keyboard QWERTY Keyboard Alphabetik Keyboard Dvorak Keyboard Chord Page 86 / 174

87 Piranti Input - Keyboard Keyboard QWERTY, didesain sedemikian rupa sehingga key yang paling sering ditekan terpisah letaknya sejauh mungkin, sehingga bisa meminimalkan kemacetan pada saat mengetik. Kelemahan : 48% gerakan diantara huruf yang berurutan harus dilakukan dengan sebuah tangan, misal: kata sadar & teras Ketidakefisienan : penggunaan jari kelingking yg lemah utk huruf a yg sering cukup dipakai. Keyboard Alphabetic, digunakan utk negara-negara yg menggunakan alphabetic berbeda dgn alphabetic yg ada. Misal : Arab, Cina, Rusia Page 87 / 174

88 Piranti Input - Keyboard Keyboard DVORAK, dirancang sedemikian rupa untuk mengurangi pergerakan jari. Susunan keyboard akan menyebabkan tangan kanan memiliki beban yang lebih banyak dari tangan kiri. Keunggulan : - meningkatkan kecepatan 10-15% - mengurangi kelelahan kelemahan : - kurang tersedia di pasaran Page 88 / 174

89 Piranti Input - Keyboard Keyboard Chord, digunakan utk mencatat ucapan. Utk menghasilkan suatu kata dgn menekan tombol atau kombinasi tombol. Misal; tombol D kombinasi dari T & +. Biasanya digunakan oleh wartawan atau pada proses peradilan. Kelemahan : - butuh pelatihan khusus Page 89 / 174

90 Piranti Input: Mouse Sebuah mouse menggabungkan dua operasi penting berbasis layar: Kemampuan menggerakkan kursor, dan Kemampuan memilih suatu obyek pada layar ke dalam satu piranti Gerakan mouse pada permukaan datar menentukan gerakan kursor pada layar, mouse umumnya mempunyai 1 sampai 3 tombol pada bagian atas untuk pilihan obyek Page 90 / 174

91 Piranti Input: Joystick Gerakan kursor pada joystick dikendalikan sebuah tuas yang ditanamkan pada sebuah alas Sifat Joystick : - Membutuhkan tempat yang sedikit. - Tidak mengganggu layar - Harganya murah, sehingga banyak digunakan pada permainan komputer (game) seperti : permainan pesawat, mobil balap dan sebagainya. Page 91 / 174

92 Piranti Input: Trackball Trackball dapat dilukiskan sebagai gabungan fungsi dari joystick dan mouse. Terdiri atas dasar yang tetap, yang menyangga sebuah bola. User hanya menggerakkan bola utk memindahkan kursor. Sifat trackball: Mudah dipelajari Membutuhkan sedikit ruangan (seperti joystick) Dilaporkan oleh beberapa peneliti bahwa trackball adalah salah satu piranti penuding yang terefisin (dalam hal ketepatan dan kecepatan) Page 92 / 174

93 Piranti Input: Trackpoint Dikenal sebagai G-stick, accupoint adalah miniatur dari joystick yang diletakkan diantara kunci G dan H pada keyboard. Biasanya dipakai bersama dengan 2 buah tombol dan fungsinya sama dengan mouse Karena accupoint ditempelkan pada keyboard, maka tidak memerlukan tambahan ruang untuk operasinya Accupoint dioperasikan cukup dengan 1 jari saja dan tidak memerlukan ruang Page 93 / 174

94 Piranti Input: Light Pen Merupakan pena yang membangkitkan informasi ketika ditudingkan pada layar. Ketika light pen ditudingkan pada tampilan CRT (tabung sinar katoda), sebuah lensa memfokuskan setiap cahaya yang dipancarkan dari layar menuju sebuah detektor cahaya atau photocell Permasalahan pada light pen: - pena dpt mengganggu layar - gampang rusak atau patah - melelahkan tangan Page 94 / 174

95 Piranti Input: Touch Screen Dapat digolongkan dalam panel sensitif sentuhan Cara kerjanya adalah dengan mengintrupsi matriks berkas cahaya atau dengan mendeteksi adanya perubahan kapasitansi atau bahkan pantulan ultrasonik Keuntungan touch screen: Cepat & tdk membutuhkan pointer khusus Baik utk pemilihan menu Membutuhkan sedikit atau tanpa tambahan ruang kerja Kerugian : Jari-jari dapat mengotori layar Dapat menyebabkan kelelahan lengan cocok ditempatkan dalam lingkungan yang tidak ramah, mis: mesin pabrik, kabin pesawat, dll Jari tangan bukan alat penuding yang presisi, terutama untuk untuk menuding bagian-bagian daerah yang kecil Page 95 / 174

96 Pemilihan Piranti (cocok dengan pekerjaan) Jenis Pekerjaan Masukan numerik Masukan teks Seleksi obyek Manipulasi obyek Tracking (alur) Piranti Yang Cocok Tombol numerik Alphanumerik keyboard (QWERTY) Mouse, joystick, trackball, light pen Mouse, joystick, trackball, light pen Mouse, light pen Page 96 / 174

97 Pemilihan Piranti (cocok dengan user) Aspek penting dari piranti masukan adalah hubungan antara gerakan fisik dari piranti dan kegiatan yang khas pada antarmuka Langsung vs tidak langsung Apakah gerakan fisik dari piranti secara langsung berkaitan dengan aksi pada layar? Absolut vs relatif Apakah lokasi piranti secara langsung mengendalikan lokasi dari aksi pada layar? Page 97 / 174

98 Panduan Memilih Piranti Pertimbangkan karakteristik dari user sekarang dan masa datang Cocokkan karakteristik piranti masukan terhadap persyaratan yang diminta Pertimbangkan penelitian sebelumnya dan unjuk kerja user Ujilah piranti masukan didalam lingkungan kerja Optimumkan sifat-sifat piranti yang mudah dimodifikasi Page 98 / 174

99 Masukan Berbentuk Suara (Voice Input) Terdapat 2 kategori utama dari piranti masukan berbentuk suara: Piranti-piranti pengenalan kata (word recognition) yang mampu merespon ucapan-ucapan secara individu atau perintah-perintah yang menggunakan teknik yang dikenal sebagai speaker verification. Pertama kali sistem akan membangkitkan suatu template untuk mengenali suara user Piranti pengenalan kalimat (speech recognition) yang mampu mengenali hubungan antar kata terucap didalam kalimat atau frase. Teknik-teknik statistik dipakai dalam hal pola perekaman suara yang akan dicocokkan dengan kata-kata terucap Page 99 / 174

100 Piranti Keluaran Monitor Printer Page 100 / 174

101 Piranti Keluaran: Layar Tampilan (1) Layar tampilan adalah sumber utama informasi dan harus diakui memiliki keterbatasan dibandingkan kertas. Pada dasarnya semua layar tampilan memiliki 3 komponen utama, yaitu: Pengingat digital (frame buffer) Layar penampil Pengendali tampilan (display controller) Ada 2 macam cara penampilan gambar: Vector display; pengingat digitalnya berisi daftar tampilan dan program tampilan Raster display; garis, karakter, dan bentuk-bentuk lain digambar berdasarkan komponen terkecilnya yaitu titik yang sering disebut pixel Page 101 / 174

102 Piranti Keluaran: Layar Tampilan (2) Layar komputer, pada umumnya karakteristik sbb: Tidak stabil memiliki Timbul kedip pada saat gambar di refresh Upayakan gambar yang secara relatif memiliki kontras yang rendah warna hijau dan hijau tua paling sulit dioptimalkan Dipengaruhi faktor-faktor lingkungan (seperti refleksi, posisi user, cahaya ruangan, dll) Rentan terhadap naik turunnya tegangan listrik Dapat membuat mata cepat lelah Untuk layar CRT dapat menimbulkan radiasi gelombang elektromagnetik Page 102 / 174

103 Piranti Keluaran: Pedoman Warna Jumlah warna yang ideal maksimum 5-10 Retina mata manusia tidak sensitif terhadap warna merah dan hijau, oleh sebab itu informasi yang dimasukkan untuk mencari perhatian tidak menggunakan warna tersebut (walaupun ada stereotip bahwa merah berarti bahaya atau salah). Biru sebaiknya tidak dipakai untuk teks yang menyatakan pusat perhatian. Biru sangat cocok untuk warna latar belakang Pasangan warna yang saling berkomplemen adalah merah/hijau dan kuning/biru Hindari warna dengan tingkat luminansinya rendah untuk orang tua Page 103 / 174

104 Piranti Keluaran - Printer Printer berfungsi untuk mencetak tulisan, gambar dan tampilan lain ke media kertas. Resolusi printer disebut dpi (dot per inchi), jumlah titik dalam area inchi. Semakin tinggi resolusinya maka semakin bagus cetakan yang dihasilkan. Semakin rendah resolusinya maka hasil cetakan akan buruk. Dot matrix printer ( dpi), Inkjet printer (600 dpi), laser printer (1200 dpi) Page 104 / 174

105 Aspek Ergonomi Dalam IMK Page 105 / 174

106 Pengertian Ergonomi Ergonomik berasal dari Bahasa Yunani, yaitu Ergon dan Nomos. Ergon memiliki arti kerja dan Nomos memiliki arti hukum; jadi pengertian Ergonomik itu sendiri secara garis besar adalah Studi tentang manusia untuk menciptakan sistem kerja yang lebih sehat, aman dan nyaman. Ergonomi harus bisa memahami seluruh keadaan manusia, baik dari segi anatomi, fisiologi, psikologi, engineering, manajemen, dan desain/perancangan untuk membuat desain tugas yang berguna Aturan atau kebijaksanaan dalam bekerja Ramah penggunaan di segala tempat dan bidang Bahwa seorang pekerja yang mengoperasikan banyak peralatan, namun dapat dijangkau dengan mudah Page 106 / 174

107 Keuntungan Penerapan Ergonomi Bagi Pekerja Lebih baik dalam mengerjakan tugasnya Lebih sehat Meningkatkan kepuasan kerja Lebih produktif Page 107 / 174

108 Aspek Ergonomi dari Stasiun Kerja Stasiun kerja: sistem komputer termasuk mebeler yang digunakan, mis: kursi, meja Permasalahan yang muncul jika seorang operator komputer terlalu lama bekerja di depan komputer: Serangan miopi (Cacat Mata )yang semakin besar Keluhan mata, mis: iritasi, ketegangan mata Ketegangan punggung, otot siku, dan otot pundak Page 108 / 174

109 Prinsip-prinsip Ergonomi Prinsip fisikal Prinsip kognitif Page 109 / 174

110 Prinsip Fisikal Jadikan segala sesuatu mudah untuk dijangkau Bekerja dengan tinggi yang sesuai/cocok Bekerja dengan postur yang sesuai Mengurangi pengeluaran tenaga yang berlebihan Meminimalkan kepenatan/keletihan Page 110 / 174

111 Prinsip Fisikal (lanj.) Mengurangi pengulangan yang berlebihan Memberikan jarak ruang dan akses Meminimalkan contact stress Memberikan mobilisasi dan merubah postur/posisi Menciptakan lingkungan yang menyenangkan Pencahayaan yang tepat Temperatur yang tepat Menahan getaran Page 111 / 174

112 Prinsip-prinsip Kognitive Adanya standardisasi Membuat stereotipe Menghubungkan aksi dengan persepsi Mempermudah pemaparan suatu informasi Menyajikan informasi pada level yang tepat secara detail Memberikan image/gambaran yang jelas Page 112 / 174

113 Prinsip-prinsip Kognitive (lanj.) Membuat redundansi, mis: warna yang berbeda, cetak tebal, miring, dll Membuat pola/patterns Memberikan stimulan yang bervariasi sesuai dengan keadaan Memberikan umpan balik secara cepat/seketika Page 113 / 174

114 Pencahayaan Tujuan perancangan pencahayaan: Menghindarkan user dari cahaya terang langsung atau pantulannya Memperoleh keseimbangan antara kecerahan (brightness) layar tampilan dan kecerahan yang ada di depan user Menghindari cahaya langsung atau pantulan yang langsung mengenai layar tampilan Memberikan keyakinan bahwa ada pencahayaan yang cukup untuk pekerjaan yang tidak menggunakan layar tampilan Page 114 / 174

115 Sumber Cahaya Cahaya langsung, yang berasal dari: Matahari yang menerobos masuk lewat jendela, atau Sumber cahaya buatan, mis: bolam lampu Cahaya tidak langsung, yang dipantulkan oleh: Tembok atau partisi Langit-langit rumah atau plafon Lantai rumah Bahan yang ada disekitar layar tampilan, mis: pemegang dokumen Bagian atas dari meja yang digunakan Pakaian yang digunakan oleh operator Page 115 / 174

116 Suhu dan Kualitas Udara Komputer yang dihidupkan dalam waktu yang lama akan menghasilkan panas sehingga akan mempengaruhi suhu ruangan dimana komputer tersebut ditempatkan Panas yang berlebih ini akan berpengaruh secara negatif pada kinerja operator dan komputer Untuk itu diperlukan peralatan lain untuk menetralisir suhu yang tinggi tersebut, diantaranya adalah penggunaan kipas angin, dan atau AC Page 116 / 174

117 Gangguan Suara Dapat berasal dari: suara AC, komputer, manusia, suara speaker, atau peralatan lainnya Gangguan ini akan nampak jika suara yang terjadi relatif besar bagi user Akibatnya: user akan merasa terganggu, stress dan konsentrasinya menurun Cara mengatasi: Menutup telinga dengan rapat ( tuli ) Memasang peredam suara Page 117 / 174

118 Page 118 / 174

119 Page 119 / 174

120 Page 120 / 174

121 Page 121 / 174

122 Page 122 / 174

123 Page 123 / 174

124 Page 124 / 174

125 Page 125 / 174

126 Page 126 / 174

127 Evaluasi IMK Page 127 / 174

128 Pendahuluan Adanya perdebatan tentang penilaian sebuah tampilan Ada yang mengatakan BAGUS, SEDANG, atau JELEK Adanya asumsi bahwa selama suatu software dapat digunakan, maka itu sudah cukup bagus Kegiatan evaluasi suatu software atau tampilan merupakan kegiatan yang dihindari karena akan menambah waktu pengembangan dan biaya Kegiatan evaluasi merupakan sesuatu yang sangat penting karena desainer dapat mengetahui apakah karyanya berguna dan diinginkan oleh user Page 128 / 174

129 Pendahuluan (lanj.) Evaluasi adalah sebuah proses yang secara sistematis mengumpulkan data yang menginformasikan kepada kita tentang pendapat seseorang atau sekelompok user mengenai pengalamannnya menggunakan sebuah produk untuk sebuah tugas tertentu dalam sebuah lingkungan tertentu Seorang user berkeinginan untuk menggunakan sebuah sistem yang mudah dipelajari, dan penggunaannya sedapat mungkin efektif, efisien, aman, dan memuaskan. Selain itu, sedapat mungkin menyenangkan, atraktif, menantang, dll Page 129 / 174

130 Mengapa Evaluasi Dibutuhkan Desainer tidak dapat berasumsi bahwa orang lain seperti dirinya, dan mengikuti design guidelines menjamin bahwa karyanya pasti bagus Evaluasi dibutuhkan untuk memeriksa apakah user dapat menggunakan produk tersebut dan menyukainya Evaluasi kepuasan penggunaan terhadap sebuah produk dapat dilakukan menggunakan kuesioner dan atau interview Page 130 / 174

131 Kapan Evaluasi Dilakukan Evaluasi dapat dilakukan pada: Selama proses pembuatan produk tersebut supaya selalu sama dengan yang diminta atau dibutuhkan oleh user. Proses ini biasa disebut formative evaluations Saat produk tersebut telah jadi yaitu melalui prototype Saat produk tersebut telah dipasarkan. Jika ada kekurangan atau perubahan kebutuhan user, maka produk tersebut bisa dibuatkan versi yang terbaru/upgrade, mis: program-program Windows, Winamp, dll. Evaluasi ini biasa disebut summative evaluations Evaluasi produk dapat dilakukan melalui riset pasar, baik melalui perorangan atau sekelompok user Page 131 / 174

132 Paradigma Evaluasi Quick and dirty evaluation Usability testing Field studies Predictive evaluation Page 132 / 174

133 Quick and Dirty Evaluation Adalah umpan balik berupa keinginan dan yang disukai dari user atau konsultan yang disampaikan secara informal kepada desainer tentang produk yang dibuatnya Evaluasi ini dapat dilakukan pada semua tahapan pembuatan produk dan penekanannya pada masukan yang cepat/sesingkat mungkin daripada temuan yang didokumentasikan secara hati-hati Page 133 / 174

134 Usability Testing Evaluasi ini cukup dominan digunakan pada tahun 1980-an Melibatkan pengukuran kinerja user dalam mempersiapkan tugasnya secara hati-hati, dari proses inilah maka dibuatkan desain sistemnya Kinerja user umumnya diukur dalam jumlah kesalahan yang dilakukan dan waktu yang dibutuhkan untuk menyelesaikan tugas Cara yang umumnya digunakan untuk membuat sistem ini yaitu dengan cara: Melihat secara langsung Merekamnya dalam video Evaluasi ini menggunakan kuesioner dan wawancara kepada user tentang kepuasannya menggunakan sistem tersebut Penelitian biasanya dilakukan di dalam sebuah laboratorium, dimana user diberi suatu treatment tertentu (mis: cahaya, suara, warna, dll) atau bisa juga tanpa treatment Page 134 / 174

135 Field Studies Berbeda dengan usability testing, evaluasi ini dilakukan di lingkungan asli dimana user bekerja, hal ini bertujuan untuk meningkatkan pemahaman tentang kerja user secara alami dan bagaimana teknologi tersebut berdampak padanya Evaluasi ini dapat digunakan untuk: Membantu mengidentifikasi kesempatan sebuah teknologi baru Menentukan kebutuhan-kebutuhan untuk melakukan desain Memfasilitasi pengenalan sebuah teknologi Evaluasi teknologi Teknik yang dapat digunakan: Interview Observasi (pengamatan yang hanya dilakukan oleh desainer) Partisipatori (user dilibatkan dalam pembuatan desain) Ethnography (penilaian berdasarkan budaya) Dari data yang didapatkan tersebut, maka desainer dapat melakukan evaluasi, baik secara kuantitatif maupun kualitatif, terhadap produknya Page 135 / 174

136 Predictive Evaluation Didasarkan pada pengalaman seorang ahli dalam menghadapi user, dan biasanya hal ini dijadikan patokan untuk memprediksi masalah-masalah penggunaan sebuah produk Keuntungan evaluasi ini: User yang diinginkan tidak perlu untuk dihadirkan Proses pembuatannya relatif cepat, murah, dan cukup disukai oleh perusahaan Tahun-tahun terakhir ini, evaluasi ini cukup populer Page 136 / 174

137 Teknik-Teknik Evaluasi Observing users Asking users their opinions Asking experts their opinions Testing user s performance Modeling users task performance to predict the efficacy of a user interface Page 137 / 174

138 Hubungan Antara Paradigma dan Observing users Asking users Asking experts Teknik Teknik Evaluasi Quick and Dirty Penting untuk melihat bagaimana user berperilaku dalam lingkungan aslinya Diskusi dengan user dan user yang potensial, dalam suatu group atau group yang khusus Untuk mendapatkan kritik tentang kegunaan sebuah prototipe User testing === Modeling users task performance === Page 138 / 174

139 Hubungan Antara Paradigma dan Teknik Evaluasi (lanj.) Teknik Observing users Asking users Usability Testing Melalui video dan catatan, dilakukan analisa untuk mengidentifikasi kesalahan, investigasi cara kerja software, atau menghitung kinerja waktu Dengan menggunakan kuesioner kepuasan, maka dilakukan pengumpulan opini user. Interview kadang digunakan untuk mendapatkan opini yang lebih detail Asking experts === User testing Modeling users task performance Dilakukan di laboratorium Page 139 / 174 ===

140 Hubungan Antara Paradigma dan Teknik Evaluasi (lanj.) Teknik Field Studies Observing users Asking users Dilakukan di lokasi manapun juga. Dalam studi etnografi, evaluator turut serta dalam lingkungan user Evaluator dapat melakukan interview atau mendiskusikan apa yang dilihatnya kepada peserta. Asking experts === User testing === Modeling users task performance === Page 140 / 174

141 Hubungan Antara Paradigma dan Teknik Evaluasi (lanj.) Teknik Predictive Observing users === Asking users === Asking experts Seorang menggunakan patokannya dalam pembuatan desain untuk memprediksi kemanjuran sebuah tatap muka User testing === Modeling users task performance Model yang digunakan untuk memprediksi kemanjuran sebuah tatap muka atau membandingkan kinerja waktu dengan versinya Page 141 / 174

142 Skala Likert Merupakan suatu skala yang cukup banyak digunakan untuk melakukan evaluasi Ukuran skala mulai dari 4 hingga 7 Ukuran 4 (1 = sangat buruk, 2 = buruk, 3 = bagus, 4 = sangat bagus) Ukuran 5 (1 = sangat buruk, 2 = buruk, 3 = netral, 4 = bagus, 5 = sangat bagus) Ukuran 7 (1 = sangat buruk, 2 = buruk, 3 = agak buruk, 4 = netral, 5 = agak bagus, 6 = bagus, 7 = sangat bagus) Penelitian umumnya menggunakan 5 skala Page 142 / 174

143 Contoh Evaluasi Bayangkan web site Amikom, kemudian berikan penilaiannya: Kriteria Evaluator Ratarata Layout Kecepatan akses Prosedur akses, mis: KHS, KRS Perpaduan warna Informasi yang selalu up to date Rata-rata 3.76 Dari hasil tersebut, maka secara keseluruhan pendapat para evaluator adalah netral karena nilainya 3.76 Kriteria yang paling bagus adalah informasi yang selalu up to date, sedangkan yang harus mendapat perhatian lebih baik adalah kriteria perpaduan warna Page 143 / 174

144 Tingkat Kedewasaan HCI Page 144 / 174

145 Pendahuluan HCI adalah sebuah disiplin yang dicurahkan untuk membantu manusia memenuhi kebutuhan dan tujuannya dengan menggunakan aksesibilitas, berarti, dan kepuasan terhadap teknologi komputer Paradigma HCI ini sedikit berubah pada awal abad milenium baru (tahun 2000) yaitu dibangun dengan sungguh-sungguh untuk melayani pengembangan kebutuhan manusia yang hidupnya lebih mobile dan gaya hidup saling terkoneksi dengan peningkatan harapan untuk mendukung gaya hidup mereka akibat dari munculnya teknologi komputer Dari kondisi inilah, maka HCI akan mencapai tingkat kedewasaannya Page 145 / 174

146 Cara Mengukur Tingkat Kedewasaan HCI Terdapat beberapa cara pandang yang berbeda untuk mengukur tingkat kedewasaan HCI: Technology-based perspective: dapat dinilai pada teknologi-teknologi interaksinya Model-based perspective: dapat dinilai pada modelmodel interaksinya melalui kekuatan prediktifnya Process-based perspective: dapat dinilai pada kekuatannya menghasilkan efisiensi dan efektivitas. Salah satu yang cukup terkenal adalah CMM (capability maturity model) yang dikembangkan oleh SEI (the software engineering institute) Page 146 / 174

147 Present Levels of HCI Maturity Level 1 HCI: basic usability Meliputi sebuah campuran dukungan untuk memenuhi kebutuhan seperti kemudahan penggunaan, kemudahan belajar, proteksi pada kesalahan, menemukan kesalahan, dan efisiensi kinerja user terhadap penggunaan teknologi komputer Contoh tahap ini: penggunaan graphical user interfaces (GUI), interaction metaphors, direct manipulation, point-and-click input devices, user interface management systems, GOMS (goals, operators, methods, and selection rules) model, dan standar desain HCI ditujukan pada level tertinggi kebutuhan dan tujuan penggunaannya Page 147 / 174

148 Present Levels of HCI Maturity (lanj.) Level 2 HCI: collaborative, organizational, and role-based interaction Pada level ini, komputer tidak hanya digunakan untuk kerja semata, namun digunakan untuk melakukan koneksi antar user dan komputer. Sehingga pekerjaan dapat dilakukan dimana saja dan kapan saja Contoh level ini: internet, enterprise computing systems, decision support systems, dan penelitian di bidang computer-supported cooperative work (CSCW) Skope HCI diperluas pada isu-isu struktur organisasi, lingkungan kerja, definisi aturan dalam organisasi, customization of processes, dan tim kerja Page 148 / 174

149 Future HCI: Level 3: Individualized and Holictic Interaction The future computer environment Individualized and holistic interaction design Moving toward holistic interaction Page 149 / 174

150 The Future Computer Environment Lingkungan komputer masa depan akan menjadi ambisius, tidak kelihatan, melekat, nyata, virtual, aktif, terintegrasi, interkoneksitas, interoperable, dan mobile Karakteristik lingkungan ini adalah: selalu hidup, selalu di tangan, meresap, dan campuran Pada lingkungan ini, tubuh manusia akan dicampur dengan peralatan melalui pemakaian atau pemasangan secara permanen, dan manusia akan berada pada populasi hybrid physical-virtual space Teknologi komputer akan bergeser dari general-purposes machines ke special-purpose tools untuk mendukung suatu tugas yang khusus dan penyebaran informasi Teknologi ini akan mendukung penggunaan smart cards, active whiteboards, home financial center, active badges, wearable devices, implanted health aids, sensory networks, integrated media, virtual environments, intelligent agents, dan highly mobile computing devices Page 150 / 174

151 Individualized and Holistic Interaction Design Manusia akan semakin individual karena teknologi akan terintegrasi secara ketat dalam setiap interaksi dengan pengalaman yang ada disekitar kita, atau singkatnya, teknologi akan memberikan semua kebutuhan kita tanpa harus berinteraksi dengan individu lain Interaksi holistik adalah sebuah konsep untuk sebuah pendekatan desain interaksi yang akan membantu pengembangan produktivitas, kinerja, keselamatan, kerjasama, kebiasaan efektif, dan pertumbuhan individual dengan menghormati kebutuhan pribadi seseorang, tujuan dan gaya hidupnya, atau singkatnya, holistik adalah mempertimbangkan semua hal yang ada disekitar manusia yaitu fisik dan batiniah Desain interaksi holistik juga dapat diarahkan pada isu-isu yang berhubungan dengan emosi dan motivasi seorang individu Bekerja pada lingkungan yang holistik akan meningkatkan overlapping antar bidang kerja, mis: desainer HCI, arsitek, desainer interior, desainer mode, spesialis organisasi dan proses bisnis, ahli terapi, dan sejenisnya akan bersama-sama bekerja untuk menciptakan pendekatan baru yang terintegrasi dan baru yang sifatnya holistik Page 151 / 174

152 Moving Toward Holistic Interaction Untuk mencapai level interaksi yang holistik, tidak dapat dilakukan secara mendadak namun harus melalui beberapa perubahan yang mendahuluinya, yaitu: Perubahan di bidang teknik/engineering Merangkai human interface The information-interaction counselor Page 152 / 174

153 Perubahan di Bidang Teknik/ Engineering Disini proses engineering memainkan peran penting dalam desain dan pengembangan sistem komputer-manusia Engineering menjadi salah satu alat untuk mencapai lingkungan komputer yang ambisius, dimana desain HCI akan semakin luas untuk menjawab isu-isu desain interaksi Page 153 / 174

154 Merangkai Human Interface Dideskripsikan dengan bagaimana hubungan antara HCI dan berbagai jenis engineering dengan level kebutuhan user yang akan dituju Suatu HCI dapat dikatakan mencapai tahap kedewasaan jika terjadi pemisahan yang semakin besar antara desain interaksi dan engineering, dan sebuah pertumbuhan desain HCI akan dilakukan diluar engineering Merangkai human interface adalah terdapatnya 2 unit software yang dapat didesain dan implementasikan secara sendiri-sendiri, maksudnya: Setiap unit memiliki kode yang dapat dipisahkan dalam beberapa tingkatan Setiap unit tidak dapat dikembangkan secara bersama Setiap unit tidak dapat didesain dan dikembangkan oleh individu atau tim yang sama Hal ini mencerminkan perbedaan manusia dari segi gaya interaksi, kapabilitas, dan keterbatasannya Page 154 / 174

155 The Information-Interaction Counselor Dalam sebuah lingkungan komputer yang ambisius, terintegrasi, komunikasi, media, komersial, hiburan yang terhubung dengan teknologi, membuat orang tidak mudah untuk memilih gabungan teknologi mana yang memberikan kepuasan yang maksimal sesuai dengan kebutuhannya Cara yang dapat membantu adalah penggunaan the information-interaction counselors (IICs) IICs merupakan sebuah software yang bersama-sama dengan user akan memilih gabungan teknologi mana yang sebaiknya dipakai IICs ibarat seorang ahli yang sangat pakar di bidangnya Contoh yang sekarang telah ada adalah CAD (computeraided design) Page 155 / 174

156 Past, Present, and Future of User Interface Software Tools Page 156 / 174

157 Pendahuluan Semua software aplikasi yang sekarang ada merupakan hasil penelitian yang dilakukan pada tahun an Hampir semua aplikasi yang ada di Windows, UNIX, atau Macintosh umumnya menggunakan 1 set bahan yang ditemukan sedikitnya 15 tahun yang lalu, mis: layar monitor, keyboard, dan mouse, Window managers, GUI, dll Penggunaan bahan ini supaya tercapai suatu kestabilan, maksudnya: Kestabilan bagi user: berguna untuk mengembangkan skill-nya di bidang komputer Kestabilan bagi pengembang peralatan atau software: berguna untuk menyempurnakan konsep pengembangan peralatan dan software Page 157 / 174

158 Historical Perspective Tema-tema dalam evaluasi peralatan Bagian-bagian dari antar muka user yang dituju: bahwa peralatan yang dianggap membantu yaitu pada saat mereka dibutuhkan Threshold and ceiling. Threshold adalah tingkat kesulitan dalam menggunakan suatu sistem. Ceiling adalah berapa banyak yang dapat dilakukan oleh sistem tersebut. Tujuan pembuatan sistem adalah pada saat yang bersamaan sistem tersebut memberikan threshold yang rendah dan ceiling yang tinggi Peralatan yang memberikan resistensi rendah Kemampuan peralatan yang memberikan prediksi tentang kemampuannya kepada programer Peralatan yang dapat membantu dengan mudah pembuatan software suatu tugas Page 158 / 174

159 Historical Perspective (lanj.) Peralatan yang digunakan untuk pembuatan IMK Windows managers and toolkits: memberikan sebuah model dasar pemrograman yaitu imaging model dan input model Event languages: penggunaannya dianggap sukses karena dapat secara langsung memanipulasi graphical user interface. Contohnya mis: Apple s HyperCard, Microsoft s Visual Basic, the Lingo scripting language dalam Macromedia s Director Interactive graphical tools: biasanya menggunakan mouse untuk membuat interface. Mis: Visual Basic, Visual C++, NeXT Interface Builder, Trillium dari Xerox PARC, dan MenuLay dari University of Toronto Component systems: setiap komponen dikontrol menggunakan kotak segi empat pada layar, dan komponen lainnya kemudian dimasukkan berikutnya, mis: untuk membuat garis maka dapat menggunakan komponen drawing yang ada di windows Scripting languages: mis: bahasa C dan C++ Hypertext: digunakan untuk pembuatan web site, mis: HTML, XML Object-oriented programming: mis: Visual Basic, Visual FoxPro,dll t e N a r d By n e H Page 159 / 174

160 Future Prospects and Visions Komputer akan menjadi komoditas Disebabkan oleh kemampuan komputer yang sangat cepat mengikuti hukum Moore Ubiquitous computing Yaitu penggunaan komputer akan melekat dalam bermacam jenis peralatan yang berbeda dalam berbagai skala yang berbeda, mis: HP, PDA, Notebook, sound systems, dll Kapabilitas input dan output yang berbeda-beda Mis: jumlah pixel yang semakin banyak, resolusi semakin tinggi, penggunaan touch-sensitive screen yang semakin umum, perubahan dari penggunaan mouse ke stylus Hardware untuk mempercepat pembuatan peralatan, dan bukan hanya dari software saja, mis: jaman sekarang ini untuk membuat sebuah prototipe produk maka dapat dipercepat dengan menggunakan software AutoCAD, namun untuk mendatang tidak hanya software saja namun juga dapat menggunakan hardware Peralatan untuk melakukan koordinasi berbagai macam peralatan komunikasi Fungsi komputer akan berubah menjadi alat komunikasi, mis: akses internet, HP, PDA,dll Page 160 / 174

161 Future Prospects and Visions (lanj.) Antar muka pengguna berbasis pengenalan (recognition-based user interfaces) t e Penggunaan teknologi 3 dimensi an Perubahan penggunaan dari keyboard dan mouse menuju gerakan isyarat, handwriting, dan speech input and output rdiganti dengan 3 dimensi d Teknologi 2 dimensi akan n e H End-user programming, customization, and y B scripting Disebabkan oleh karena setiap orang memiliki keinginan yang berbeda satu dengan lainnya, sehingga mereka ingin memiliki software yang berbeda sesuai dengan seleranya sendiri, dan pembuatan program yang semakin mudah sehingga mereka dapat membuat sendiri Page 161 / 174