Interaction Style
Interaction Style
Restyandito, S.Kom, MSIS
Kerangka Interaksi
Kerangka Interaksi
Manusia
Manusia
-
-
Komputer
Komputer
Dialog
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.
Manusia
Manusia
-
-
Komputer
Komputer
Dialog
Dialog
Ragam, struktur dan isi (Barnard &Hammond 1983) • Ragam/styleSifat 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
User in control Mixed Initiative System System in Control Command Language Direct Manipulation Menu Form fil - in
Ragam Dialog/Interaksi
Ragam Dialog/Interaksi
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.
Ragam Dialog/Interaksi
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.
Ragam Dialog/Interaksi
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.
Ragam Dialog/Interaksi
Ragam Dialog/Interaksi
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
Ragam Dialog/Interaksi
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
Ragam Dialog/Interaksi
Ragam Dialog/Interaksi
Karakteristik Umum
Jenis Interaksi
Jenis Interaksi
  SemantikSemantik::Serangkaian fungsi yang lengkap
Serangkaian fungsi yang lengkap
 LexikonLexikon:: nama
nama--nama dan singkatan perintah (command)nama dan singkatan perintah (command) 
 SyntaksSyntaks::
format bagi parameter perintah dan tanda baca
format bagi parameter perintah dan tanda baca
 InteraksiInteraksi::
struktur dialog antara pengguna dan komputer
struktur dialog antara pengguna dan komputer
Command entry
 Command entry merupakan suatu cara untuk memberi Command entry merupakan suatu cara untuk memberi perintah ke komputer secara langsung.
perintah ke komputer secara langsung.
 MemilikiMemilikibentukbentukfunction keys, function keys, karakterkaraktertunggaltunggal, , singkatan
singkatanpendekpendek, , katakataatauataukombinasikombinasidaridaribeberapabeberapa bentuk
bentuktersebuttersebut
Contoh:
Contoh:
C:\>copy *.doc A:\LETTER C:\> tar zgvf yourfile.tar.gz
Jenis Interaksi
Jenis Interaksi
 KelebihanKelebihan: :
;flexible
;hanya membutuhkan 1-2 keystrokesuntuk mengeksekusi perintah.
;efisien (bagi pengguna ahli)
;cocok untuk berinteraksi dengan komputer dalam jaringan(networked computer) (networked computer)
 KekuranganKekurangan::
:perlu mengingat semua perintah
:tingkat kesalahan tinggi
:pesan dan bantuan kesalahan sulit untuk didapat
:tidakcocokcocokuntukuntukpengguunapengguunayang yang tidaktidakahliahli
Jenis Interaksi
Jenis Interaksi
Command entry
Menggunakan
Menggunakan
bahasa
bahasa
alam
alam
dalam
dalam
berinteraksi
berinteraksi
Tujuan
Tujuan
:
:
▫
▫
agar
agar
interaksi
interaksi
manusia
manusia
-
-
komputer
komputer
semakin
semakin
mirip
mirip
dengan
dengan
interaksi
interaksi
antar
antar
manusia
manusia
▫
▫
memberi
memberi
kesempatan
kesempatan
bagi
bagi
orang
orang
cacat
cacat
fisik
fisik
untuk
untuk
berinteraksi
berinteraksi
dengan
dengan
komputer
komputer
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
Komponen
Komponen
yang
yang
dibutuhkan
dibutuhkan
dalam
dalam
Antarmuka
Antarmuka
Bahasa
Bahasa
Alam
Alam
:
:
▫
▫
pengenalan
pengenalan
Ujaran
Ujaran
(speech recognition)
(speech recognition)
▫
▫
pemahaman
pemahaman
bahasa
bahasa
(language understanding)
(language understanding)
▫
▫
managemen
managemen
dialog
dialog
▫
▫
komunikasi
komunikasi
eksternal
eksternal
▫
▫
pembentukan
pembentukan
jawaban
jawaban
(language generation)
(language generation)
▫
▫
Text to Speech Synthesis
Text to Speech Synthesis
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
KelebihanKelebihan: :
;Mengurangi beban mempelajari sintaks 
KekuranganKekurangan::
:memerlukan dialog klarifikasi
:memerlukan lebih banyak pengetikan
:tidak dapat diprediksi
Jenis Interaksi
Jenis Interaksi
Rencana Perjalanan KA (Phillip, Deutsche Bahn)
Harga Saham di Bursa (bilingual – Krealog)
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
SPEECH RECOGNITION
SPEECH RECOGNITION
 Pola kerja Pengenalan Ujaran (speech recognition) Pola kerja Pengenalan Ujaran (speech recognition) adalah mencocokkan sinyal akustik yang diterima
adalah mencocokkan sinyal akustik yang diterima
dengan data yang tersimpan dalam template.
dengan data yang tersimpan dalam template.
 Proses pencocokan memiliki dua model utama:Proses pencocokan memiliki dua model utama: ▫
▫model model akustikakustik: : setiapsetiapkatakataterdiriterdiridaridarifonemfonem, , dandan
setiap
setiapfonemfonemmemilikimemilikinilainilaitertentutertentuyang yang diambildiambildaridari sinyal
sinyalakustikakustik
▫
▫model model bahasabahasa: : metodemetodeyang yang mengestimasikanmengestimasikansatusatu
kata
katadiikutidiikutioleholehserangkaianserangkaiankatakatalainnyalainnya
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
SPEECH RECOGNITION
SPEECH RECOGNITION
▫
▫masalahmasalahnonnon--linguistiklinguistik
Ö
Öspeaker dependentspeaker dependent Ö
Öinterinter--/intra speaker variablility/intra speaker variablility Ö
Öbackgraound noisebackgraound noise Ö
Öchannel background : penggunaan transmisi channel background : penggunaan transmisi (telefon/speaker)
(telefon/speaker)
▫
▫masalahmasalahlinguistiklinguistik
Ö
Ökoartikulasi : /t/ koartikulasi : /t/ ÖÖtebu, tetegtebu, teteg
Ö
ÖAsimilasi batas kata: I scream, ice creamAsimilasi batas kata: I scream, ice cream Ö
ÖTekanan dan kata yang mengikuti: the Tekanan dan kata yang mengikuti: the ÖÖ//δδi/, /i/, /δδəə//
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
SPEECH RECOGNITION
SPEECH RECOGNITION
 Suatu teknologi yang memungkinkan komputer Suatu teknologi yang memungkinkan komputer
mengubah tulisan (huruf) menjadi bunyi ujaran (fonem).
mengubah tulisan (huruf) menjadi bunyi ujaran (fonem).
 TTS terdiri dari dua tahap proses:TTS terdiri dari dua tahap proses: ▫
▫analisaanalisatexttext
▫
▫pembentukanpembentukanujaranujaran(speech generation)(speech generation)
 Proses dalam analisa text:Proses dalam analisa text: ▫
▫segmentasisegmentasidandannormalisasinormalisasiteksteks
▫
▫analisaanalisamorfologismorfologis
▫
▫tagging tagging dandanparsingparsing ▫
▫pemodelanpemodelanefekefekujaranujarankontinyukontinyu
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
TEXT
Beberapa metode utama dalam menghasilkan
Beberapa metode utama dalam menghasilkan
ujaran (speech generation):
ujaran (speech generation):
▫
▫
concatenative
concatenative
synthesis
synthesis
▫
▫
articulatory
articulatory
synthesis
synthesis
▫
▫
formant synthesis
formant synthesis
▫
▫
Hidden Markov Model
Hidden Markov Model
TEXT
TEXT
-
-
TO
TO
-
-
SPEECH SYNTHESIS
SPEECH SYNTHESIS
Jenis Interaksi
Jenis Interaksi
Dialog Bahasa Alami
Menu
Menu
merupakan
merupakan
serangkaian
serangkaian
pilihan
pilihan
(options)
(options)
yang
yang
ditampilkan
ditampilkan
di
di
layar
layar
,
,
dimana
dimana
seleksi
seleksi
dan
dan
eksekusi
eksekusi
salah
salah
satu
satu
pilihan
pilihan
menyebakan
menyebakan
perubahan
perubahan
kondisi
kondisi
interface (
interface (
Paap
Paap
&
&
Roske
Roske
-
-Hofstrand
Hofstrand
, 1988).
, 1988).
Seleksi
Seleksi
bisa
bisa
dilakukan
dilakukan
dengan
dengan
:
:
▫
▫
cursor key, space bar
cursor key, space bar
▫
▫
kode
kode
seleksi
seleksi
,
,
huruf
huruf
atau
atau
angka
angka
▫
▫
mouse
mouse
Jenis Interaksi
Jenis Interaksi
Menu Selection
*** UNIVERSITY OF BUCKINGHAM LIBRARY ***
*** 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
Jenis Interaksi
Menu Selection
TEXT MENU
TEXT MENU
Jenis Interaksi
Jenis Interaksi
Menu Selection
TOOL BAR
TOOL BAR
Jenis Interaksi
Jenis Interaksi
Menu Selection
LEFT HAND MENU
LEFT HAND MENU
Jenis Interaksi
Jenis Interaksi
Menu Selection
PULL DOWN MENU
PULL DOWN MENU
Jenis Interaksi
Jenis Interaksi
Menu Selection
POP UP MENU
POP UP MENU
Jenis Interaksi
Jenis Interaksi
Menu Selection
Tabs Multiple Selection menus Extended menus Pull-down menus
Kelebihan
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 inginkanJenis Interaksi
Jenis Interaksi
Menu Selection
  KekuranganKekurangan:::
tidak cocok untuk tampilan grafis kecil:
cukup lambat bagi pengguna ahli:
terlalu banyak menu menyebabkan overload informasiJenis Interaksi
Jenis Interaksi
Menu Selection
Form Fill
Form Fill
-
-
in Interface
in Interface
ditujukan
ditujukan
untuk
untuk
pengguna
pengguna
non
non
-
-
ahli
ahli
.
.
Muncul
Muncul
pada
pada
waktu
waktu
antarmuka
antarmuka
berbasis
berbasis
formulir
formulir
menjadi
menjadi
trend
trend
Menggunakan
Menggunakan
tombol
tombol
Tab
Tab
untuk
untuk
berpindah
berpindah
“
“
field
field
”
”
dan
dan
Enter
Enter
untuk
untuk
mengumpulkan
mengumpulkan
formulir
formulir
Sangat
Sangat
bermanfaat
bermanfaat
untuk
untuk
pekerjaan
pekerjaan
kantor
kantor
yang
yang
rutin
rutin
dan
dan
dapat
dapat
didefinisikan
didefinisikan
sebelumnya
sebelumnya
,
,
atau
atau
pekerjaan
pekerjaan
yang
yang
memerlukan
memerlukan
entry data yang
entry data yang
cukup
cukup
besar
besar
Jenis Interaksi
Jenis Interaksi
 KelebihanKelebihan::
;
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 mudahJenis Interaksi
Jenis Interaksi
Form Fill-In
  KekuranganKekurangan:::
menghabiskan tempat di layar:
mengeset layar menjadi formal:
tidak cocok untuk pemilihan instruksi:
memerlukan pengontrol kursor:
mekanisme navigasi tidak jelas:
sering kali cukup lambatJenis Interaksi
Jenis Interaksi
Form Fill-In
 Manipulasi langsung (direct manipulation) mengacu pada Manipulasi langsung (direct manipulation) mengacu pada sistem yang mengunakan Ikon untuk merepresentasikan
sistem yang mengunakan Ikon untuk merepresentasikan
obyek, yang bisa digerakkan di layar lewat kursor yang
obyek, yang bisa digerakkan di layar lewat kursor yang
dikontrol oleh mouse.
dikontrol oleh mouse.
 Karakteristik sistem manipulasi langsung:Karakteristik sistem manipulasi langsung: ▫
▫obyeknyaobyeknyanampaknampak ▫
▫cepatcepat, , bisabisadibalikdibalik--balikbalik, , aksiaksiyang yang inkrementalinkremental ▫
▫mengantikanmengantikansyntakssyntakssistemsistemperintahperintah(command entry)(command entry)
yang
yang komplekskompleksdengandenganmanipulasimanipulasiobyekobyeksecarasecara
langsung
langsung
 Disebut juga WIMP (windows, icons, menus, pointers)Disebut juga WIMP (windows, icons, menus, pointers)
 Pertama kali diperkenalkan oleh ApplePertama kali diperkenalkan oleh Apple--MacintoshMacintosh
 Menggunakan metafor meja kerjaMenggunakan metafor meja kerja
Jenis Interaksi
Jenis Interaksi
Jenis Interaksi
Jenis Interaksi
Direct Manipulation
Jenis Interaksi
Jenis Interaksi
Direct Manipulation
 Dialog tanyaDialog tanya--jawab mengacu pada sistem menu, dimana jawab mengacu pada sistem menu, dimana setiap interaksi hanya membutuhkan satu atau dua baris
setiap interaksi hanya membutuhkan satu atau dua baris
dalam tampilan.
dalam tampilan.
 Terdiri dari sebuah pertanyaan dan serangkaian pilihan Terdiri dari sebuah pertanyaan dan serangkaian pilihan jawaban dari pengguna
jawaban dari pengguna
 Digunakan hanya bila input yang diharapkan sangat Digunakan hanya bila input yang diharapkan sangat terbatas seperti dalam otomatisasi teller bank, dan katalog
terbatas seperti dalam otomatisasi teller bank, dan katalog
perpustakaan. perpustakaan.
Jenis Interaksi
Jenis Interaksi
Dialog Tanya-Jawab
Text
Text
Icon
Icon
C:\My Documents>del junk
All files in directory will be deleted! Are you sure (Y/N)?
Jenis Interaksi
Jenis Interaksi
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 ingatan jangka pendek
8 Aturan
8 Aturan
Dalam Perancangan Dialog
Dalam Perancangan Dialog
Referensi
Referensi
 McTear, Michael F. 2004. McTear, Michael F. 2004. Spoken Dialogue Technology: Spoken Dialogue Technology:
Toward the Conversational
Toward the Conversational User Interface. London: User Interface. London:
Springer Verlag. H.
Springer Verlag. H. 7979--105105 
 Preece, J. 1997. Preece, J. 1997. Human Computer InterfaceHuman Computer Interface. Harlow: . Harlow: Addison
Addison--Wesley. H261 Wesley. H261 ––284284   http://www.interactionhttp://www.interaction- -design.org/encyclopedia/interaction_styles.html design.org/encyclopedia/interaction_styles.html   http://www.ims.unihttp://www.ims.uni- -stuttgart.de/~moehler/synthspeech/examples.html stuttgart.de/~moehler/synthspeech/examples.html