Interaction Style

1. Interaction Style Restyandito, S.Kom, MSIS

2. Kerangka Interaksi

3. Manusia - Komputer Dialog • Dialog • Umum • Dialog adalah proses komunikasi antara dua atau lebih agen dalam dialog maknanya harus dipertimbangkan agar memenuhi kaidah semantis dan pragmatis. • IMK • Dialog adalah pertukaran instruksi dan informasi yang mengambil tempat antara user dan sistem komputer.

4. Manusia - Komputer Dialog • Ragam, struktur dan isi (Barnard &Hammond 1983) • Ragam/style • Sifat dan kendali pertukaran informasi seperti command language, menu selection, form fill dsb • Struktur • Deskripsi formal dari elemen-2 dialog dalam bekerja sama membangun suatu perintah. • Isi • Pertukaran informasi yang memiliki makna

5. Ragam Dialog/Interaksi User in control Mixed Initiative System System in Control Command Language Direct Manipulation Menu Form fil - in

6. Ragam Dialog/Interaksi Karakteristik Umum • Inisiatif • Inisiatif oleh komputer, pengguna memberikan tanggapan atas prompt yang diberikan oleh komputer. • Inisiatif oleh pengguna, pengguna mempunyai sifat keterbukaan yang luas dalam artian pengguna diharapkan aga 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 sisitem dapat menyesuaikan diri dengan keinginan pengguna dan bukan sebaliknya.

7. Ragam Dialog/Interaksi Karakteristik Umum 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 Didefiniskan sebagai jumlah kerja yang dapat dilakukan oleh sistem untuk setiap perintah yang diberikan oleh pengguna. Aspek ini dapat berbenturan dengan aspek keluwesan dan kompleksitas.

8. Ragam Dialog/Interaksi Karakteristik Umum Beban informasi Penyampaian informasi dalam dialog yang sesuai dengan kebutuhan pengguna. Konsistensi Suatu atribut yang dapat mendorong pengguna mengembangkan mentalitas dengan cara memberikan semacam petunjuk untuk mengeksplorasi pengetahuan tentang pemahaman perintah-2 baru dengan opsion yang sudah ada. Umpan Balik Kemampuan untuk memberikan informasi kepada pengguna tentang proses yang sedang berjalan akibat adanya masukan yang dilakukan oleh pengguna.

9. Ragam Dialog/Interaksi Karakteristik Umum Observabilitas Sistem dapat berfungsi secara benar namun nampak sederhana bagi pengguna. Kontrolabilitas Sistem yang selalu dalam kontrol pengguna. Dialog yang memiliki sifat ini harus memungkinkan pengguna agar dapat menentukan: • dimana sebelumnya ia berada • dimana sekarang ia berada • kemana ia dapat pergi • apakah pekerjaan yang sudah dilakukan dapat dibatalkan

10. Ragam Dialog/Interaksi Karakteristik Umum Keseimbangan Dalam merancang antarmuka hendaknya dipertimbangkan kemampuan manusia dan kemampuan komputer supaya pembagian pekerjaannya dapat dilakukan secara optimum. • Kecakapan manusia • estimasi • intuisi • kreatifitas • adaptasi • pengenalan pola • pengambilan keputusan bersifat non diterministik • pengolahan abnormal • pengetahuan dunia • Kecakapan komputer • kalkulasi akurat • deduksi logika • aktifitas perulangan • konsistensi • pengolahan data • pengambilan keputusan bersifat diterministik • pengolahan rutin • pengetahuan domain

11. Jenis Interaksi Command entry • Semantik: Serangkaian fungsi yang lengkap • Lexikon: nama-nama dan singkatan perintah (command) • Syntaks: format bagi parameter perintah dan tanda baca • Interaksi: struktur dialog antara pengguna dan komputer

12. Jenis Interaksi Command entry • Command entry merupakan suatu cara untuk memberi perintah ke komputer secara langsung. • Memiliki bentuk function keys, karakter tunggal, singkatan pendek, kata atau kombinasi dari beberapa bentuk tersebut Contoh: C:\>copy *.doc A:\LETTER C:\> tar zgvf yourfile.tar.gz

13. Jenis Interaksi Command entry • Kelebihan: • flexible • hanya membutuhkan 1-2 keystrokes untuk mengeksekusi perintah. • efisien (bagi pengguna ahli) • cocok untuk berinteraksi dengan komputer dalam jaringan (networked computer) • Kekurangan: • perlu mengingat semua perintah • tingkat kesalahan tinggi • pesan dan bantuan kesalahan sulit untuk didapat • tidak cocok untuk pengguuna yang tidak ahli

14. Jenis Interaksi Dialog Bahasa Alami • Menggunakan bahasa alam dalam berinteraksi • Tujuan: ▫ agar interaksi manusia-komputer semakin mirip dengan interaksi antar manusia ▫ memberi kesempatan bagi orang cacat fisik untuk berinteraksi dengan komputer

15. Jenis Interaksi Dialog Bahasa Alami • Komponen yang dibutuhkan dalam Antarmuka Bahasa Alam: ▫ pengenalan Ujaran (speech recognition) ▫ pemahaman bahasa (language understanding) ▫ managemen dialog ▫ komunikasi eksternal ▫ pembentukan jawaban (language generation) ▫ Text to Speech Synthesis

16. Jenis Interaksi Dialog Bahasa Alami • Kelebihan: • Mengurangi beban mempelajari sintaks • Kekurangan: • memerlukan dialog klarifikasi • memerlukan lebih banyak pengetikan • tidak dapat diprediksi

17. Jenis Interaksi Dialog Bahasa Alami SPEECH RECOGNITION Rencana Perjalanan KA (Phillip, Deutsche Bahn) Harga Saham di Bursa (bilingual – Krealog)

18. Jenis Interaksi Dialog Bahasa Alami SPEECH RECOGNITION • Pola kerja Pengenalan Ujaran (speech recognition) adalah mencocokkan sinyal akustik yang diterima dengan data yang tersimpan dalam template. • Proses pencocokan memiliki dua model utama: ▫ model akustik: setiap kata terdiri dari fonem, dan setiap fonem memiliki nilai tertentu yang diambil dari sinyal akustik ▫ model bahasa : metode yang mengestimasikan satu kata diikuti oleh serangkaian kata lainnya

19. Jenis Interaksi Dialog Bahasa Alami SPEECH RECOGNITION ▫ masalah non-linguistik  speaker dependent  inter-/intra speaker variablility  backgraound noise  channel background : penggunaan transmisi (telefon/speaker) ▫ masalah linguistik  koartikulasi : /t/  tebu, teteg  Asimilasi batas kata: I scream, ice cream  Tekanan dan kata yang mengikuti: the  /δi/, /δә/

20. Jenis Interaksi Dialog Bahasa Alami TEXT-TO-SPEECH SYNTHESIS • Suatu teknologi yang memungkinkan komputer mengubah tulisan (huruf) menjadi bunyi ujaran (fonem). • TTS terdiri dari dua tahap proses: ▫ analisa text ▫ pembentukan ujaran (speech generation) • Proses dalam analisa text: ▫ segmentasi dan normalisasi teks ▫ analisa morfologis ▫ tagging dan parsing ▫ pemodelan efek ujaran kontinyu

21. Jenis Interaksi Dialog Bahasa Alami TEXT-TO-SPEECH SYNTHESIS • Beberapa metode utama dalam menghasilkan ujaran (speech generation): ▫ concatenative synthesis ▫ articulatory synthesis ▫ formant synthesis ▫ Hidden Markov Model

22. Jenis Interaksi Menu Selection • Menu merupakan serangkaian pilihan (options) yang ditampilkan di layar, dimana seleksi dan eksekusi salah satu pilihan menyebakan perubahan kondisi interface (Paap & Roske-Hofstrand, 1988). • Seleksi bisa dilakukan dengan: ▫ cursor key, space bar ▫ kode seleksi, huruf atau angka ▫ mouse

23. *** UNIVERSITY OF BUCKINGHAM LIBRARY *** Menu Quick author/title search …………….….S In-depth search……………….…..……….D Subject index ……………….……..…….…I Help ……………………………………...….H Quit ………………………………………....Q Enter the appropriate letter: __ Jenis Interaksi Menu Selection TEXT MENU

24. Jenis Interaksi Menu Selection TOOL BAR

25. Jenis Interaksi Menu Selection LEFT HAND MENU

26. Jenis Interaksi Menu Selection PULL DOWN MENU

27. Jenis Interaksi Menu Selection POP UP MENU

28. Jenis Interaksi Menu Selection Tabs Extended menus Pull-down menus Multiple Selection menus

29. Jenis Interaksi Menu Selection • Kelebihan: • ideal bagi pengguna baru/tidak ahli • memungkinkan explorasi (pengguna bisa melihat menu untuk perintah lainnya yang cocok) • menstrukturkan pengambilan keputusan • adanya penanganan kesalahan yang mudah (tidak perlu di-parsed seperti halnya command entry). • pengguna tidak perlu mengingat item yang mereka inginkan

30. Jenis Interaksi Menu Selection • Kekurangan: • tidak cocok untuk tampilan grafis kecil • cukup lambat bagi pengguna ahli • terlalu banyak menu menyebabkan overload informasi

31. Jenis Interaksi Form Fill-In • Form Fill-in Interface ditujukan untuk pengguna non-ahli. • Muncul pada waktu antarmuka berbasis formulir menjadi trend • Menggunakan tombol Tab untuk berpindah “field” dan Enter untuk mengumpulkan formulir • Sangat bermanfaat untuk pekerjaan kantor yang rutin dan dapat didefinisikan sebelumnya, atau pekerjaan yang memerlukan entry data yang cukup besar

32. Jenis Interaksi Form Fill-In

33. Jenis Interaksi Form Fill-In • Kelebihan : • menyederhanakan pemasukan data (data entry) • memudahkan memahami karena kolom isian didefinisikan sebelumnya • mengarahkan pengguna melalui aturan yang didefinisikan sebelumnya • Perlu sedikit pelatihan • beban memori rendah • strukturnya jelas • Perancagannya mudah

34. Jenis Interaksi Form Fill-In • Kekurangan: • menghabiskan tempat di layar • mengeset layar menjadi formal • tidak cocok untuk pemilihan instruksi • memerlukan pengontrol kursor • mekanisme navigasi tidak jelas • sering kali cukup lambat

35. Jenis Interaksi Direct Manipulation • Manipulasi langsung (direct manipulation) mengacu pada sistem yang mengunakan Ikon untuk merepresentasikan obyek, yang bisa digerakkan di layar lewat kursor yang dikontrol oleh mouse. • Karakteristik sistem manipulasi langsung: ▫ obyeknya nampak ▫ cepat, bisa dibalik-balik, aksi yang inkremental ▫ mengantikan syntaks sistem perintah (command entry) yang kompleks dengan manipulasi obyek secara langsung • Disebut juga WIMP (windows, icons, menus, pointers) • Pertama kali diperkenalkan oleh Apple-Macintosh • Menggunakan metafor meja kerja

36. Jenis Interaksi Direct Manipulation

37. Jenis Interaksi Direct Manipulation

38. Jenis Interaksi Direct Manipulation

39. Jenis Interaksi Dialog Tanya-Jawab • Dialog tanya-jawab mengacu pada sistem menu, dimana setiap interaksi hanya membutuhkan satu atau dua baris dalam tampilan. • Terdiri dari sebuah pertanyaan dan serangkaian pilihan jawaban dari pengguna • Digunakan hanya bila input yang diharapkan sangat terbatas seperti dalam otomatisasi teller bank, dan katalog perpustakaan.

40. Jenis Interaksi Dialog Tanya-Jawab C:\My Documents>del junk All files in directory will be deleted! Are you sure (Y/N)? Text Icon

41. 8 AturanDalam Perancangan Dialog 1. Pegang teguh konsistensi 2. Sediakan fasilitas shortcut bagi pengguna aktif 3. Sediakan umpan balik yang informatif 4. Rancanglah dialog yang bersifat tertutup 5. Sediakan penanganan error yang cukup mudah 6. Sediakan fasilitas redo sederhana 7. Sediakan fasilitas bantuan 8. Kurangi beban ingatanjangka pendek

42. Referensi • McTear, Michael F. 2004. Spoken Dialogue Technology: Toward the Conversational User Interface. London: Springer Verlag. H. 79-105 • Preece, J. 1997. Human Computer Interface. Harlow: Addison-Wesley. H261 – 284 • http://www.interaction-design.org/encyclopedia/interaction_styles.html • http://www.ims.uni-stuttgart.de/~moehler/synthspeech/examples.html

43. The End