Desain Dialog

Interaksi Manusia
Komputer
Interaction Framework
Dialog

Contents :
• Command line interface
• Menus
• Natural language
• Question/answer and query
dialog
• Form-fills and spreadsheets
• Point and click
• Three-dimensional interfaces.
• WIMP
 Command Line Interface

• Gaya dialog interaktif

pertama yang digunakan
+ Menyediakan akses
langsung ke fungsi sistem
- Sulit digunakan & dipelajari
 Command Line Interface

• Kelebihan
– Menyediakan akses langsung
ke fungsi sistem
– Fleksibilitas tinggi : melalui
opsi / parameter yang
mengubah perilaku perintah
– Berguna untuk tugas yang
berulang
– Baik untuk pengguna ahli
• Kekurangan
– Sintaks sulit bagi pemula
– Opsi sulit untuk diingat
Command Line Interface
 Menu

• Serangkaian pilihan bagi

pengguna, dipilih dengan
mouse, tombol numeric,
atau abjad
• Dapat murni berbasis teks
atau komponen grafis
• Harus bermakna dan
dikelompokkan secara
logis
 Menu

• Karakteristik
– Pilihan yang tersedia ditampilkan pada layar
– Digunakan pada sistem berbasis teks dan GUI
– Pada sistem berbasis teks, pilihan mungkin diberi
nomor
– Shortcut mungkin dalam bentuk :
• Cukup ketik huruf pertama atau huruf unik dari command
• Gunakan TAB atau tanda panah untuk menavigasi pilihan
– Pilihan menu harus bermakna dan dikelompokkan
secara logis untuk membantu recognition
 Natural Language

• Mungkin cara yang

paling menarik untuk
berkomunikasi dengan
komputer
• Pemahaman bahasa
alami (speech /
tertulis) merupakan
topik dari banyak
penelitian
 Question/answer and
Query Dialog

• Question/answer :
Disajikan serangkaian
pertanyaan (misal
dengan ya/tidak dan
pilihan tunggal/ganda)
• Query Dialog digunakan
untuk menulis query
untuk mengambil
informasi dari database
 Query Languages

• Digunakan untuk membangun query untuk database

• Muncul seperti menggunakan frase bahasa alami
– Tapi pada kenyataannya, diperlukan sintaks khusus
(serta pengetahuan tentang database)
– Contoh SQL
SELECT Students.LastName, Students.FirstName, Students.Faculty
FROM Students
WHERE (((Students.Faculty)="arts"));

• Diperlukan pengetahuan operator boolean

• Tidak cocok untuk pemula
 Query vs. Natural Language

• Perbedaan antara keduanya terkadang tidak jelas

• Apa yang tampak sebagai antarmuka bahasa alami mungkin
hanya sebuah antarmuka query system
• Misalnya, MSWord answer wizard
• Pertanyaan dipecah menjadi kata-kata untuk membentuk
query
 Form-fills & Spreadsheets

• Interface form-fills selain

digunakan untuk entri data,
juga dapat berguna dalam
aplikasi pengambilan data
(advance search google)
• Spreadsheet terdiri dari
susunan cell, yang masing-
masing dapat berisi nilai atau
rumus
 Point-and-click Interfaces

• Filosofinya bermula
dan erat dengan
hypertext
• Navigasi pada point-
and-klik : text
maupun tombol
 Features

• Dalam sistem multimedia

(misalnya web browser), interaksi
membutuhkan hanya satu klik
tombol mouse
• Memiliki kesamaan dengan
WIMP (yaitu, tombol juga
digunakan dalam WIMP)
• Point-and-klik lebih sederhana
• Tidak tergantung pada mouse 
pada layar sentuh
• Dipopulerkan oleh WWW
 Three-dimensional Interfaces

• Contoh : virtual reality

• Teknik yang paling
sederhana adalah di mana
WIMP biasa diberikan
penampilan 3D
• Teknik yang lebih kompleks
menggunakan antarmuka
dengan lingkungan 3D.
 The WIMP interface

• WIMP adalah singkatan :

windows, icon, menu,
pointer
• Ada penyebutan lain :
windows, icons, mice,
pull-down menus
• Contoh : Microsoft
Windows, Apple MacOS,
X-Windows (for unix)
 Elemen Interface WIMP

 windows,  Button,
 icons,  Toolbar,
 menus,  Pallete,
 pointers  Dialog box
 Windows

• Area layar yang seakan independen dari sistem

– Dapat berisi teks atau grafis
– Dapat dipindahkan atau diubah ukurannya
– Dapat menumpuk dan mengaburkan satu sama lain, atau
dapat diletakkan di samping satu sama lain
• Scrollbars
– Memungkinkan pengguna untuk memindah tampilan isi
windows dari atas ke bawah atau dari sisi ke sisi
• Title bars
– Mendeskripsikan nama dari window
 Windows

Scrollbars Title bars

 Icons

• Gambar berukuran kecil

• Mewakili beberapa objek dalam antarmuka
– Sering objek berupa window atau action
• Ikon dapat berbagai jenis
– Sangat memperhatikan style
– Representasi yang realistis
 Pointers

• Untuk menunjuk dan memilih pada WIMP

• Menggunakan mouse, trackpad, joystick,
trackball
• Berbagai jenis gambar grafis
 Menus

• Pilihan operasi atau service yang ditawarkan pada layar

• Pilihan perlu dipilih dengan pointer

Fi l e Edi t Opt i o ns Fo nt
Ty p e wr i t e r
Sc re e n
Times

• Dapat muncul masalah : dibutuhkan banyak ruang layar

• Solusi : pop-up  menu muncul bila diperlukan
 Jenis-jenis Menu

1. Pull-down menu : mouse hold and drag down menu

2. Drop-down menu : mouse click reveals menu
3. Fall-down menus : mouse just moves over bar!

1
 Jenis-jenis Menu

• Cascading menu
– hierarchical menu
structure
– menu selection
opens new menu
 Jenis-jenis Menu

• Contextual menu 1
appears where you are
1. pop-up menus  actions
for selected object
2. pie menus  arranged in
a circle
• easier to select item
(larger target area)
2
• quicker (same distance
to any option)
 Jenis-jenis Menu

• Keyboard accelerators
– key combinations  same
effect as menu item
– two kinds
• active when menu open
 usually first letter
• active when menu closed
 usually Ctrl + letter
usually different !!!
 Buttons

• Individual and isolated regions within a display that can

be selected to invoke an action

• Special kinds
– radio buttons
– set of mutually exclusive choices
– check boxes
– set of non-exclusive choices
 Toolbar

• long lines of icons …

• fast access to common
actions
• often customizable:
– choose which
toolbars to see
– choose what
options are on it
 Palettes

• Problem  menu not

there when you want
it
• Solution  palettes :
little windows of
actions
– shown/hidden via
menu option
e.g. available
shapes in drawing
package
 Dialog Box

• Information windows that pop up to inform of an

important event or request information.
e.g: when saving a file, a dialogue box is displayed to
allow the user to specify the filename and location.
Once the file is saved, the box disappears.
MINGGU DEPAN QUIZ