NOTASI DIALOG DAN DESAIN

APAKAH DIALOG ITU?

Dialog dalam arti umum adalah:
percakapan antara dua kelompok atau lebih
Dialog dalam kontek !eran"angan uer inter#a"e
adalah:
struktur dari percakapan antara user dan sistem
komputer
$ahaa kom!uter da!at di%agi ata tiga tingkatan:
&' Lekikal
meru!akan tingkat (ang !aling rendah
(aitu %entuk i"on !ada la(ar
!ada %ahaa manuia) ekui*alen dengan %un(i dan
e+aan uatu kata
,' Sintaki
(aitu urutan dan truktur dari in!ut dan out!ut
!ada %ahaa manuia) ekui*alen dengan grammar
uatu kalimat
-' Semantik
(aitu arti dari !er"aka!an (ang %erkaitan dengan
!engaruhn(a !ada truktur data internal kom!uter
dan.atau dunia ekternal'
!ada %ahaa manuia) ekui*alen dengan arti (ang
%eraal dari !ara !artii!an dalam !er"aka!an
Dalam uer inter#a"e) itilah dialog ham!ir miri! dengan
tingat intaki) ta!i +uga meli!uti i#at/i#at lekikal'
IMK Notasi Dialog dan Desain 1/8
Dialog manuia/kom!uter
$er%eda dengan dialog antar manuia !ada
umumn(a) dialog dengan kom!uter %iaan(a
terstruktur dan terbatas
$e%era!a "iri/"iri dari dialog tertruktur (ang nantin(a
ditemukan dalam dialog kom!uter:
- men(e%utkan %e%era!a hal tertentu e"ara
%erurutan
- %e%era!a %agian dari dialog dilakukan e"ara
%eramaan 0"on"urrentl(1
- dialog %erikutn(a tergantung !ada re!on dari
!artii!an
- dialog tertruktur %iaan(a tidak langung menu+u
!ada arti kata/katan(a . emantik ta!i !ada le*el
intaki
P2OSES PE2AN3ANGAN DIALOG
Ad*i"e:
&' 2angkaian Dialog menggam%arkan truktur tuga) i'e'
& rangkaian dialog & goal
,' $e%era!a rangkaian dialog tam%ahan digunakan
untuk uer u!!ort) mi' hel! (tem) tutorial u%/
(tem
-' 2angkaian dialog diurutkan euai dengan truktur
tuga
IMK Notasi Dialog dan Desain 2/8
a"hie*e
D4D untuk deain dialog
Prini! (ang digunakan dalam deain dialog adalah
mem%agi item men+adi %e%era!a %agian (ang
die%ut module
IMK Notasi Dialog dan Desain 3/8
Design Metaphor
designs
UI program
specification
Checked design
GUI design
Standard designs
UI Specification
Task Specification
Task Design
Specify
Interface
Modules
Add User
Access &
Control
Design
Metaphor
& GUI
Interaction
Verify
Dialogue
Design
Dialogue
Detail
Code and
Implementation
rototype
Using UI
Design
component
Dialogue net!ork
"#aluation
3ontoh: Sitem Pemeanan $uku di Per!utakaan
$iaan(a uer a""e %ukan meru!akan %agian dari
tak de"ri!tion) ta!i haru dimaukkan dalam item
(ang %aru
Em!at hal utama dalam deain (ang haru
di!erhatikan dalam GUI meta!hor:
- Pemilihan dan re!reentai dari "on"e!tual
meta!hor
IMK Notasi Dialog dan Desain 4/8
$eser#ation
%orro!er details
%ook reser#ation
$eader
num&er
'input(
$eader
details
'display(
)irst title
More
reser#atio
n
Title
code
'input(
Title
details
'display(
Titles
Title
code
'input(
Title
details
'display
(
Module-1
Module-2
- 2e!reentai dari o%(ek interakti# dalam meta!hor
- Peran"angan mani!ulai untuk mengim!lemen/
taikan uer a"tion
- Deain mi"ro/meta!hor untuk "ontrol a"tion dan
re!reentai dari "ommand
Dalam mendeain dialog) di!erlukan dekri!i (ang
ter!iah dari !rogram e"ara keeluruhan'
Mengapa perlu digunakan notasi deskripsi dialog yang
terpisah?
Agar mudah dianalia
Pemiahan elemen/elemen inter#a"e dari logika
!rogram 0emantik1
A!a%ila notai dialog dituli e%elum !rogram di%uat)
maka notai tere%ut %ia mem%antu deainer untuk
menganalia truktur (ang dia+ukan'
NOTASI DIAG2A5ATIK
Notai diagramatik !aling ering digunakan dalam
deain dialog
Kele%ihan:
5emungkinkan deainer untuk melihat e"ara
ekila truktur dialog
Kekurangan:
Sulit untuk men+elakan truktur dialog (ang le%ih
lua dan kom!lek
3ontoh notai diagramatik adalah :
State tranition net6ork 0STN1
Harel7 tate "hart
IMK Notasi Dialog dan Desain 5/8
Traditional #lo6 diagram
8SD diagram
State transition networks (STN)
Kom!onen STN:
Lingkaran) menggam%arkan 9tate9 dari item
Tanda !anah) (ang terda!at antara tate: die%ut +uga
tranii'
Tanda !anah ini di%eri la%el (ang men+elakan
tentang tindakan uer (ang men(e%a%kan tranii dan
re!one dari item'
STN da!at menggam%arkan %e%era!a !ilihan dialog:
Urutan tindakan dan re!one dari item 0e;uen"e1
Pilihan %agi uer 0"hoi"e1
dari contoh: dari state Menu, user dapat memilih
"ircle" sehingga sistem berpindah ke state ircle!"
sehingga option "ircle" highlight# alternati$ lain, user
dapat memilih "%ine" sehingga sistem berpindah ke
state %ine!"&
Iterai 0iteration1
dari contoh: terdapat pilihan dari state %ine!': user
dapat melakukan double click pada suatu titik dan
menyelesaikan polyline, berpindah ke state (inish#
atau user dapat melakukan single click yang berarti
menambah titik baru pada polyline sehingga ter)adi
transisi kembali ke state %ine!'
STN Hirarki da!at digunakan untuk mendekri!ikan
uatu item lengka!'
(low hart
IMK Notasi Dialog dan Desain 6/8
4lo6 3hart digunakan untuk mendekri!ikan dialog
(ang ederhana
4lo6 3hart mudah dimengerti dan im!le
IMK Notasi Dialog dan Desain 7/8
3ontoh !enggunaan #lo6 "hart dalam deain dialog:
IMK Notasi Dialog dan Desain 8/8
Delete D*
lease enter
"mployee no+ ,
-------
.
Delete D/
0ame , Alan Di1
Dept , Computing
delete2 '.30( ,
--------
C*
read
record
Delete D4
0ame , Alan Di1
Dept , Computing
delete2 '.30( ,
--------
lease enter . or 0
C/
ans!er2
C4
delete
record
)inish
)inish
0
other
Keterangan:
Peregi !an+ang adalah "reen (ang digunakan untuk
%erkomunikai dengan uer
Segi/enam adalah !roe dan ke!utuan (ang di%uat oleh
item
Eli! 94inih9 %erarti kem%ali ke menu utama
Ta!e %erarti mem%a"a atau mengu%ah data%ae
LINK TO P2OG2A55ING LANGUAGE
Se;uen"e dalam notai dialog da!at langung
ditran#ormaikan ke %ahaa !emrograman dalam
%entuk Se;uen"e and Sele"tion
5odularit( dalam deain dialog e*ent handling
dalam %ahaa !emrograman 0mial <$1
S5A6 6ATI7A0
Suatu perusahaan minuman akan mengeluarkan mesin
pen8ual minuman yang nantinya akan diletakkan di &e&erapa
tempat umum9 seperti &andara9 stasiun :A+
Untuk itu di&entuk satu tim yang terdiri dari ahli elektronik
untuk menangani masalah hard!are dan ahli interface
designer untuk menangani masalah interface+
Dalam hal ini para interface designer &enar;&enar dituntut
untuk mendesain suatu interface yang &aik dan mudah
dimengerti karena hasil pen8ualan sangat tergantung dari hal
terse&ut+ :onsumen tidak akan mem&eli minuman le!at mesin
terse&ut apa&ila mereka mengalami kesulitan atau
ke&ingungan saat akan melakukan transaksi+
Sekarang anda diminta &ertindak se&agai interface designer
yang mendesain dialog antara konsumen dan mesin pen8ual
minuman+
IMK Notasi Dialog dan Desain 9/8