Interaksi Manusia Komputer Dialog Manusia Komputer Pengertian dialog










































- Slides: 42

Interaksi Manusia & Komputer

Dialog Manusia - Komputer Pengertian dialog: • Umum, dialog adalah proses komunikasi antara 2 atau lebih agen • IMK, dialog adalah pertukaran instruksi dan informasi yang mengambil tempat antara user dan sistem komputer

Macam Ragam Dialog 1. 2. 3. 4. 5. 6. 7. 8. 9. Dialog berbasis Perintah Tunggal Dialog berbasis Bahasa Pemograman Interface berbasis Bahasa Alami Sistem Menu Dialog berbasis Pengisian Borang Interface berbasis Ikon Sistem Penjendelaan Manipulasi Langsung Interface berbasis Interaksi Grafis

Aturan Perancangan Dialog 1. 2. 3. 4. 5. 6. Pegang teguh konsistensi Sediakan shortcut bagi pengguna aktif Sediakan feedback yang informatif Sediakan error handling yang mudah Ijinkan pembatalan aksi Sediakan fasilitas bantuan (help)

Aturan Perancangan Dialog Pegang teguh konsistensi Informasi disusun dalam formulir-formulir, nama-nama 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

Aturan Perancangan Dialog Sediakan shortcut 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 § Short cut membuat user lebih produktif

Aturan Perancangan Dialog Sediakan shortcut bagi pengguna aktif

Aturan Perancangan Dialog Sediakan feedback yang informatif § Setiap aksi dari user harus ada feedback dari komputer untuk menunjukkan hasil dari aksi tersebut • Misal: 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

Aturan Perancangan Dialog Sediakan feedback yang informatif § Setiap aksi dari user harus ada feedback dari komputer untuk menunjukkan hasil dari aksi tersebut • Misal: 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

Aturan Perancangan Dialog Sediakan error handling yang mudah § 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 2016” § 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…. ”

Aturan Perancangan Dialog Sediakan error handling yang mudah

Aturan Perancangan Dialog 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 § Jika user akan menghapus sesuatu yang substansial (mis: sebuah file), sistem harus meminta konformasi terhadap aksi tersebut § Jika mereka melakukan kesalahan, § Mengijinkan user untuk belajar tentang mereka dapat membatalkan sistem dengan melakukan eksplorasi aksinya

Aturan Perancangan Dialog Ijinkan pembatalan aksi

Aturan Perancangan Dialog Sediakan fasilitas bantuan (help) § 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 § User yang berpengalaman , segala sesuatu yang mereka tidak tahu rasanya ingin segera mendapat jawabannya, oleh sebab itu fasilitas “help” penting untuk menolongnya agar segera mendapatkan solusi

Jenis Ragam Dialog • • • Command Line Instruksi Bahasa Alami Sistem Menu Form Filling WIMP (Window, Icon, Menu, Pointer)

Jenis Ragam Dialog Command Line • 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 *. DOC/s - C: >copy *. doc A: LETTER - C: DOS>FORMAT A: /S

Jenis Ragam Dialog Command Line Keuntungan • • Luwes Inisiatif pada pengguna Nyaman dalam penciptaannya Memberdayakan user Cepat Efisien Akurat Kerugian • Membutuhkan pelatihan yang lama • Membutuhkan penggunaan yang teratur • Beban ingatan yang tinggi • Jelek dalam menangani kesalahan

Jenis Ragam Dialog Bahasa Alami • Sistem harus tunduk dan merespon kalimat-kalimat dan frase-frase pada bahasa alami • Keuntungan: Ø Mengurangi beban mempelajari sintaks • Kerugian: Ø Memerlukan dialog klarifikasi Ø Memerlukan lebih banyak pengetikan Ø Tidak dapat diprediksi

Jenis Ragam Dialog Bahasa Alami • Contoh instruksi bahasa alami : “Cetak daftar semua mahasiswa IP semester lebih besar dari 3. 0” • Perintah script : While not eof (T) do begin readln(T, S); if S. Ip. Sem < 3. 0 then writeln(S. Nama. Mahaiswa); end;

Jenis Ragam Dialog Manipulasi Language • User berinteraksi secara langsung dengan obyek pada layar grafis sementara sistem menyediakan umpan balik yang cepat pada user Keuntungan Kerugian • 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 • 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

Jenis Ragam Dialog Sistem Menu § Dialog yang menampilkan daftar sejumlah pilihan dalam jumlah terbatas § Jika fasilitas yang tersedia cukup banyak, kemungkinan tidak cukup untuk ditampilkan semua ke layar monitor, juga akan menyulitkan pengguna untuk menghapalkan dan melakukan navigasi atas menu-menu yang tersedia pada program aplikasi tersebut. § Untuk mengatasi hal ini dikembangkan suatu cara penampilan daftar menu yang disebut dengan menu tarik (pulldown menu atan pop-up menu).

Jenis Ragam Dialog Sistem Menu • User 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

Jenis Ragam Dialog Sistem Menu Daftar § Sistem menu yang menampilkan semua pilihan secara lengkap § Penentuan pilihan pada menu datar, dapat dikerjakan dengan dua cara: 1. Sektor Pilihan: Dapat berupa angka, huruf § Kemampuan fasilitas yang dimiliki oleh atau campuran angka dan huruf suatu program aplikasi akan ditampilkan secara lengkap, dan 2. Penggunaan Tanda Terang: Menggerakan biasanya menggunakan kalimattanda terang (highlight maker) ke suatu kalimat yang cukup panjang. pilihan dan kemudian dikonfirmasikan dengan menekan tombol Enter.

Jenis Ragam Dialog Sistem Menu Daftar § Sistem menu yang menampilkan semua pilihan secara lengkap Sistem Informasi Akademik STMIK “AMIKOM” [A] Registrasi Mahasiswa Baru [B] Registrasi Mahasiswa Lama [C] Edit Data Mahasiswa § Kemampuan fasilitas yang dimiliki oleh [D] Edit Mata Kuliah suatu program aplikasi akan [E] Cetak KHS/KRS ditampilkan secara lengkap, dan [F] Cetak Presensi Kuliah biasanya menggunakan kalimat[G] Selesai kalimat yang cukup panjang. Pilih salah satu: _

Jenis Ragam Dialog Sistem Menu Tarik § Sistem menu yang pilihan-pilihannya dikelempokan menurut kategori tertentu atau menurut cara tertentu sehingga membentuk semacam hirarki pilihan. § Pada hirarki paling tinggi, pilihan-pilihan itu disebut dengan menu utama. § Sebagian atau semua menu utama dapat mempunyai satu atau lebih submenu, dan seterusnya.

Jenis Ragam Dialog Sistem Menu Tarik § Sistem menu yang pilihan-pilihannya dikelempokan menurut kategori tertentu atau menurut cara tertentu sehingga membentuk semacam hirarki pilihan. § Pada hirarki paling tinggi, pilihan-pilihan itu disebut dengan menu utama. § Sebagian atau semua menu utama dapat mempunyai satu atau lebih submenu, dan seterusnya.

Jenis Ragam Dialog Borang Isian • Dialog di mana user dihadapkan ke suatu bentuk formulir di layar komputer yang berisi sejumlah pengisian data dan opsi yang telah ditentukan 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

Jenis Ragam Dialog Borang Isian

Jenis Ragam Dialog WIMP (Window, Icon, Menu, Pointer) WIMP adalah ragam interaksi yang berbasis pada: • Window • Icon Merupakan ragam default dari • Menu sebagian besar aplikasi sistem • Pointer / Pull Up (Down) komputer saat ini.

Jenis Ragam Dialog Window § Sistem interface yang memungkinkan pengguna untuk menampilkan berbagai informasi pada satu atau lebih jendela (window) § Dapat terdiri dari teks atau grafis § Dapat saling overlap dan menutupi yang lain. § Fasilitas scrollbars memungkinkan pengguna untuk menggerakkan isi window ke atas-bawah atau menyamping. § Ada title bars yang menunjukkan nama window

Jenis Ragam Dialog Window : Jendela TTY § TTY: Tele. TYpe atau Tele Tywriter § Terdiri dari sebuah jendela yang mempunyai fasilitas pemindahan halaman (scrolling) secara otomatis pada satu arah. § User mengetikkan perintah pada bagian bawah layar tampilan dan komputer akan memberikan tanggapan yang juga ditunjukkan pada bagian bawah dari layar tampilan tersebut. § Ciri jendela jenis TTY adalah ketika kursor sudah berada pada suatu baris, maka kursor itu tidak dapat dipindah ke baris sebelumnya atau diatasnya (dengan menganggap bahwa arah pemindahan halaman adalah ke bawah).

Jenis Ragam Dialog Window : Jendela TTY

Jenis Ragam Dialog Window : Time Multiplexed Windows § Layar tampilan merupakan sumber daya yang bisa digunakan secara bergantian oleh sejumlah jendela pada waktu yang berlainan § Time-Multiplexed Windows berupa jendela yang dapat digeser (scrollable windows)


Jenis Ragam Dialog Window : Space Multiplex window § Layar tampilan merupakan sumber daya yang bisa digunakan secara bergantian oleh sejumlah jendela pada waktu yang berlainan § Time-Multiplexed Windows berupa jendela yang dapat digeser (scrollable windows)

Jenis Ragam Dialog Icon § Berupa lukisan atau gambar berukuran kecil. § Mewakili suatu obyek dalam antarmuka, dapat suatu window atau tindakan. § Window dapat ditutup menjadi semacam representasi kecil, sehingga dapat memuat/mengaktifkan banyak window. § Icon dapat bervariasi, mulai dari simbol yang abstrak sampai gambaran realitas.

Jenis Ragam Dialog Icon

Jenis Ragam Dialog Menu • Berupa pilihan operasi atau fungsi yang disediakan pada layar. • Pemilihan dilakukan dengan menggunakan pointer. • Kelemahan: menu dapat memakan ruang layar. • Solusi: menu hanya muncul saat dibutuhkan.

Jenis Ragam Dialog Pointer • Ragam WIMP bertumpu pada proses penunjukkan dan pemilihan sesuatu. • Biasanya dilakukan dengan menggunakan mouse. • Juga dapat menggunakan joystick, trackball, atau tombol panah pada keyboard.

Quis

Quis • Dialog yang menampilkan daftar sejumlah pilihan dalam jumlah terbatas disebut a. Form b. Menu c. Icon • Sebutkan 2 macam aturan perancangan dialog 1. . . 2. . . • Apa beda Icon dengan Window ?

Referensi • • • http: //4. bp. blogspot. com/-I 8 vr. Mq. Fao. IE/Vc. Fn. R-ZVIk. I/AAAADEI/6 LLVUGKP 7 Pk/s 1600/Picture 2. jpg http: //files. distrodoc. com/content/htmldoc/2015 -06 -02/379081/bg 2. png https: //yusriel. files. wordpress. com/2008/10/p 3 -dialog-berbasis-pengisian-borang. jpg http: //www. jelajahinternet. com/2014/07/sistem-menu-datar-dan-menu-tarik-imk. html http: //www. slideshare. net/ulliemaulidyafull/ragam-dialog-vrsi-2