• Tidak ada hasil yang ditemukan

Interaction Style. Kerangka Interaksi. Manusia - Komputer Dialog. Dialog. 9-Interaction Style. TI1143 Interaksi Manusia dan Komputer

N/A
N/A
Protected

Academic year: 2021

Membagikan "Interaction Style. Kerangka Interaksi. Manusia - Komputer Dialog. Dialog. 9-Interaction Style. TI1143 Interaksi Manusia dan Komputer"

Copied!
11
0
0

Teks penuh

(1)

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/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

(2)

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

(3)

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

(4)

ƒ

ƒ 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

(5)

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

(6)

„

„

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

(7)

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

(8)

ƒ

ƒ

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 inginkan

Jenis Interaksi

Jenis Interaksi

Menu Selection

ƒ ƒ KekuranganKekurangan::

:

tidak cocok untuk tampilan grafis kecil

:

cukup lambat bagi pengguna ahli

:

terlalu banyak menu menyebabkan overload informasi

Jenis 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

(9)

ƒ

ƒ 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 mudah

Jenis 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 lambat

Jenis 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

(10)

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

(11)

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

Referensi

Dokumen terkait