1 / 37

Ragam Dialog Interaksi

Ragam Dialog Interaksi. Ir. P. Insap Santosa, M.Sc., Ph.D. insap@mti.ugm.ac.id http://mti.ugm.ac.id/~insap/MyWeb. Ragam Interaksi. Ragam interaksi merujuk kepada semua cara yang digunakan untuk pengguna untuk dapat berinteraksi dengan sistem komputer.

peony
Download Presentation

Ragam Dialog Interaksi

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Ragam Dialog Interaksi Ir. P. Insap Santosa, M.Sc., Ph.D. insap@mti.ugm.ac.id http://mti.ugm.ac.id/~insap/MyWeb Minggu 4/PIS/TKI

  2. Ragam Interaksi • Ragam interaksi merujuk kepada semua cara yang digunakan untuk pengguna untuk dapat berinteraksi dengan sistem komputer. • Ragam interaksi didasarkan pada pola perilaku seseorang • Bersifat kontekstual dan innate • Ragam interaksi merujuk ke ‘bagaimana’ perilaku pengguna ketika berinteraksi dengan sistem Minggu 4/PIS/TKI

  3. Tipe Ragam Interaksi • Interaksi berbasis bahasa perintah (command language) • Sistem menu • Antarmuka berbasis ikon • Manipulasi langsung • Antarmuka berbasis pengisian borang (form-filling style) Minggu 4/PIS/TKI

  4. Command Language • Merupakan ragam dialog paling konvensional, meskipun untuk sementara orang mereka masing senang menggunakan ragam dialog ini • Contoh, perintah-perintah pada: • DOS • UNIX Minggu 4/PIS/TKI

  5. Keuntungan dan Kerugian Minggu 4/PIS/TKI

  6. Contoh Minggu 4/PIS/TKI

  7. Dialog Berbasis Bahasa Alami • Dialog perintah tunggal atau kombinasinya tidak bersifat “manusiawi” karena pengguna harus mengingat format kalimat dengan betul • Sebagai alternatif, dialog berbasis bahasa alami bersifat lebih “manusiawi” karena menggunakan kosakata yang sering digunakan dalam percakapan sehari-hari. • Perlu penterjemah • Susah mengatasi kerancuan perintah Minggu 4/PIS/TKI

  8. Antarmuka Berbasis Menu • Menu adalah sekumpulan pilihan yang ditampilkan pada layar, setiap menu mewakili sebuah perintah • Pengguna memilih sebuah perintah dari sejumlah perintah yang disusun ke dalam sejumlah menu dan melihat pengaruhnya. • Eksekusi dari menu yang dipilih akan menghasilkan perubahan status dari suatu antarmuka. Minggu 4/PIS/TKI

  9. Jenis Menu(1) • Menu tunggal: • Menu biner • Menu tunggal banyak pilihan • Menu datar • Menu tarik • Menu berbasis ikon dan toolbar • Menu dengan pilihan yang panjang • Menu dan hotlink tertanam • Menu breadcrumb Minggu 4/PIS/TKI

  10. Jenis Menu(2) • Kombinasi Banyak Menu: • Menu linear • Menu serempak • Menu berstruktur pohon • Peta situs • Jaring menu tak berputar dan berputar Minggu 4/PIS/TKI

  11. Menu Biner • Menu biner digunakan untuk memilih salah satu dari dua pilihan yang tersedia • Contoh: Minggu 4/PIS/TKI

  12. Menu Tunggal Banyak Pilihan • Menu tunggal banyak pilihan merupakan variasi dari menu biner --> lebih dari dua pilihan • Contoh: Minggu 4/PIS/TKI

  13. Menu Datar (1) • Menu datar merupakan menu berbasis teks konvensional dengan semua menu yang tersedia ditampilkan pada layar. • Contoh: Minggu 4/PIS/TKI

  14. Menu Datar (2) • Pilihan pada menu datar dioperasikan dengan memilih selektor • Selektor: • Huruf • Kompatibel: sama dengan huruf pertama pilihan • Tak Kompatibel: tidak harus sama • Angka • Kompatibel: sama dengan nomor urut huruf pertama pilihan • Tak kompatibel: tidak harus sama Minggu 4/PIS/TKI

  15. Menu Datar (3) Minggu 4/PIS/TKI

  16. Menu Tarik (1) • Menu datar tidak lagi disukai karena terlalu memakan kapling pada layar monitor • Untuk menampilkan daftar pilihan yang banyak sekarang banyak digunakan menu tarik (pulldown menu), dan hampir semua program aplikasi menggunakannya. Minggu 4/PIS/TKI

  17. Menu Tarik (2) Minggu 4/PIS/TKI

  18. Menu Berbasis Ikon dan Toolbar • Pada menu berbasis ikon dan toolbar, pilihan dinyatakan sebagai suatu ikon atau toolbar tertentu. • Contoh: Minggu 4/PIS/TKI

  19. Variasi Lain Menu gulung Kotak kombo Menu mata ikan Penggeser Menu dua dimensi Minggu 4/PIS/TKI

  20. Menu Tertanam & Hotlink (1) • Menu tertanam adalah menu yang dapat ditambahkan sendiri oleh pengguna suatu aplikasi, misalnya Google Earth. • Menu hotlink banyak dijumpai di situs Website yang tujuannya untuk membawa pengguna ke informasi tertentu. Minggu 4/PIS/TKI

  21. Menu Tertanam & Hotlink (2) • Contoh: Minggu 4/PIS/TKI

  22. Menu Breadcrumb • Untuk membantu pengguna menavigasi dirinya ke ruang informasi yang tersedia, seringkali digunakan menu breadcrumb • Contoh: Minggu 4/PIS/TKI

  23. Kombinasi Banyak Menu(1) • Pada sejumlah aplikasi, khususnya yang berbasis Web, biasanya dijumpai sejumlah ragam menu yang berbeda • Menu yang ada ditampilkan satu persatu atau secara serempak (bersamaan): • Contoh kombinasi banyak menu yang ditampilkan satu per satu misalnya pada pemesanan tiket pesawat terbang atau kamar hotel: • www.airasia.com Minggu 4/PIS/TKI

  24. Kombinasi Banyak Menu(2) • Contoh menu serempak: Minggu 4/PIS/TKI

  25. Kombinasi Banyak Menu(3) • Menu berstruktur pohon dan jaring: Jaring tak berputar Jaring berputar Pohon Minggu 4/PIS/TKI

  26. Kombinasi Banyak Menu(4) • Peta situs: digunakan untuk membantu pengguna mengetahui secara keseluruhan ruang informasi yang tersedia www.ebay.com Minggu 4/PIS/TKI

  27. Manipulasi langsung (1) • Shneiderman (1983): • Manipulasi langsung adalah ragam dialog yang mempunyai karakteristik: • penyajian visual dari obyek yang akan dimanipulasi • tindakan fisik sebagai pengganti teks masukan • reaksi langsung yang dapat dilihat. Minggu 4/PIS/TKI

  28. Manipulasi langsung (2) • Preece, 1994: • kenampakan obyek dan tindakan yang dilakukan pengguna • cepat, dapat dibalik/dibatalkan, tindakan meningkat • penggantian perintah yang diketik dengan tindakan menunjuk ke obyek yang diinginkan Minggu 4/PIS/TKI

  29. Manipulasi langsung (3) • Definisi lain yang lebih umum: • Mengklik dan menggeser obyek pada layar tampilan • Definisi di atas hanya menekankan pada tindakan fisik oleh pengguna • Istilah ini sering disebut dengan manipulasi visual (Cooper dan Reimann, 2003) Minggu 4/PIS/TKI

  30. Manipulasi langsung (4) • Aspek kognitif: • Directness: • gagasan tentang arah • perasaan yang timbul sebagai hasil dari interaksi dengan antarmuka • Aspek dari directness: • Jarak antara yang dipikirkan pengguna dengan kebutuhan sistem • Keterlibatan secara kualitatif Minggu 4/PIS/TKI

  31. Manipulasi langsung (5) • Manipulasi Program vs Manipulasi Isi • Manipulasi program: • cara pengguna menggunakan program aplikasi untuk menyelesaikan satu tugas • Tidak perlu keahlian khusus • Manipulasi isi: • lebih merujuk ke data yang diolah oleh program aplikasi tersebut • Perlu keahlian khusus atau pelatihan dalam jangka waktu agak lama Minggu 4/PIS/TKI

  32. Manipulasi langsung (6) • Dix et al. (2004): • kenampakan obyek yang menjadi perhatian, • penggantian bahasa perintah yang rumit dengan suatu tindakan yang memanipulasi obyek yang nampak secara langsung (sehingga disebut dengan manipulasi langsung) • tindakan bertahap pada antarmuka dengan umpan balik segera untuk semua tindakan yang diambil, • kebenaran sintaksis untuk semua tindakan, sehingga semua tindakan pengguna merupakan langkah yang sah • semua tindakan dapat dibatalkan Minggu 4/PIS/TKI

  33. Interaksi Berbasis Pengisian Borang (1) • Pengisian borang hampir dilakukan oleh setiap orang sepanjang hidup mereka • Antarmuka berbasis pengisian borang adalah jenis antarmuka yang menggunakan metafor borang untuk mengisi data ke komputer Minggu 4/PIS/TKI

  34. Interaksi Berbasis Pengisian Borang (2) • Aspek-aspek IBPB (1): • Proteksi tampilan - adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada di layar. • Batasan medan tampilan - medan data dapat ditentukan untuk mempunyai panjang yang tetap atau berubah, menggunakan format bebas atau tertentu. • Isi medan - pengguna biasanya mempunyai sejumlah gambar-an tentang isi medan yang diperbolehkan; petunjuk pengisian dapat juga ditampilkan sebagai bagian dari tampilan Minggu 4/PIS/TKI

  35. Interaksi Berbasis Pengisian Borang (3) • Aspek-aspek IBPB (2): • Medan opsional - beberapa medan isian dapat bersifat opsional; medan opsional dapat dinyatakan secara tekstual atau menggunakan aturan tertentu seperti penggunaan warna berintensitas rendah, warna tampilan yang berbeda dan lain-lain • Default- apakah dalam medan isian dimungkinkan adanya nilai default. Jika ya, tentukan tempatnya, apakah pada bagian yang tidak dapat diakses pengguna ataukah pada bagian masukan data. Minggu 4/PIS/TKI

  36. Interaksi Berbasis Pengisian Borang (4) • Aspek-aspek IBPB (3): • Bantuan - adanya bantuan (help) yang menunjukkan cara pengisian borang dapat pula, atau malah sebaliknya, ditambahkan, tetapi harus terpisah dari bentuk dasar borang. Jika terdapat fasilitas bantuan, pengguna perlu dineritahu cara mengakses bantuan tersebut. • Medan penghentian - masukan data dalam medan dapat diakhiri dengan jalan menekan tombol Enter atau Return atau mengisi karakter terakhir dengan karakter tertentu, atau de-ngan cara berpindah ke medan lain. • Navigasi - kursor dapat digerakkan di sekeliling layar yang menggunakan tombol Tab untuk urutan yang tetap, atau dapat pula digerakkan secara bebas menggunakan piranti seperti mouse. Minggu 4/PIS/TKI

  37. Interaksi Berbasis Pengisian Borang (5) • Aspek-aspek IBPB (4): • Pembetulan kesalahan - pengguna dapat membetulkan kesalahan menggunakan tombol BackSpace, dengan menumpang-tindihi isian lama, dengan jelan membersihkan dan mengisi kembali medan tersebut dan lain-lain. • Penyelesaian - perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai. Minggu 4/PIS/TKI

More Related