Please enable JavaScript.
Coggle requires JavaScript to display documents.
NOTASI DAN PERENCANGAN DIALOG (Notasi DIAGRAMATIK (STATE TRANSITION…
NOTASI DAN PERENCANGAN DIALOG
Hal utama dalam disain yang perlu diperhatikan oleh gui metaphor
Pemilihan dan representasi conceptual metaphor
Representasi obyek interaktif dalam metaphor
Perancangan manipulasi untuk mengimplementasikan aksi
user
Desain micro-metaphors untuk kendali aksi (control action)
dan representasi command
Dialog diperlukan deskripsi yang terpisah dari
keseluruhan,dengan alasan.
Agar mudah dianalisa
Pemisahan elemen-elemen interface dari logika program
(semantik)
.
Apabila notasi dialog ditulis sebelum program dibuat, maka
notasi tersebut bisa membantu desainer untuk menganalisis
struktur dialog yang diajukan.
Notasi dialog ini dapat digunakan sebagai salah satu cara
bagi anggota tim perancangan untuk mendiskusikan
rancangan dialog dan pada akhirnya diberikan kepada
programer aplikasi
Production Rules
State
Gabungan
Event
User events, yang diawali dengan huruf kapital. Pada contoh
diatas adalah Sel-line (user memilih ‘line’ pada menu), C-point
dan D-point (merepresentasikan single click dan double click
pada bidang gambar yang dilakukan user).
I
Internal events, yang dimulai dengan huruf kecil. Bagian ini
digunakan untuk mencatat sejarah state dialog, sebagai contoh
rest-line adalah state setelah titik pertama garis dipilih oleh user.
System response events, yang diapit oleh tanda kurung siku
seperti <draw line> merupakan efek sistem yang dapat dilihat
atau didengar.
CSP DAN EVENT ALGEBRAS
Process algebras adalah sebuah kelas notasi formal yang dibangun untuk menangani situasi yang kompleks. salah satu contoh CPS yang dapat menspesifikasikan consurrency dan sequence sama baiknya dan mudah dibaca
•Simbol (?) adalah event yang berupa aksi mouse yang dilakukan user. Event lain yang tidak diberi simbol merupakan event internal sistem.
• Simbol (=) digunakan untuk membangun
deskripsi yang berarti “didefinisikan sebagai”.
• Simbol (Î) berarti urutan (sequence) event
• Simbol ( ; ) menunjukkan urutan proses
• Simbol [] untuk menunjukkan pilihan (choice)
• Semua nama event pada dialog ditulis dalam huruf kecil, sedangkan nama proses diawali dengan huruf besar
ACTION PROPERTIES
kelengkapan (completeness)
deterministik (determinism)
konsistensi (consistency)
DIALOG
Struktur percakapan antara user dan sistem komputer
Bahasa Komputer
2.Sintaskis,yaitu urutan dan struktur dari input dan output.Pada
bahasa manusia ,ekuivalen dengan grammer/tata bahasa suatu
kalimat.
3.Sematik,yaitu arti dari percakapan yang berkaitan dengan
pengaruhnya pada struktur data internal komputer dan atau dunia eksternal .pada bahasa manusia,ekuivalen dengan arti yang berasal dari para partisipan dalam percakapan
1.Leksibel,tingkatan terendah:bentu icon pada layar,tombol yang ditekan.pada bahasa manusia ,ekivalen pada bunyi atau dan ejaan suatu kata.
PERANCANGAN DIALOG
Beberapa rangkaian dialog tambahan digunakan untuk user
support ,mis.help system,tutorial sub-system.
Rangkaian dialog diurutkan sesuai dengan struktur tugas
Rangkaian dialog menggambarkan struktur tugas
DESAIN DAN ANALISIS DIALOG
Memperhatikan state dialog, menyangkut state mana yang
diinginkan dan yang ingin dihilangkan.
.
Isu presentasi dan leksikal, bagaimana tampilan dan fungsi
sebuah tombol (key)
Berfokus pada aksi yang dilakukan user, apakah
dispesifikasikan dengan cukup dan konsisten.
SEMANTIK DIALOG
INTERNAL TERHADAP APLIKASI
EKSTERNAL TERHADAP PRESENTASI
Semantik dari dialog harus dapat menhubungkan kedua aspek
tersebut
Links to specification notations, hampir sama dengan di atas,
namun menggunakn notasi spesifikasi formal (formal
specification).
Notation-specific semantics merupakan bentuk semantik dengan tujuan khusus (special-purpose semantic forms) yang didesain sebagai bagian dari notasi dialog.
Links to programming languages, dengan menyertakan sebagian koding bahasa pemrograman ke dalam notasi dialog.
Notasi DIAGRAMATIK
Kelebihan dari bentuk ini adalah memungkinkan desainer untuk melihat secara sekilas struktur dialog
STATE TRANSITION NETWORKS (STN)
Pilihan bagi user (choice)
Urutan (sequence) dari aksi yang dilakukan user dan respon yang diberikan oleh sistem.
Iterasi (iteration)
HIERARCHICAL STATE TRANSITION NETWORKS (HSTN)
Struktur Hierarchical State Transition Networks mirip dengan STN Namun memiliki tambahan berupa gabungan state (composite
state) yang digambarkan dengan persegi panjang dengan
gambar struktur STN berukuran kecil di dalamnya.
HAREL'S STATE CHARTS (HSC)
Harel’s state chart dapat digolongkan sebagai kelompok STN.
Chart ini dibangun untuk menspesifikasikan secara visual sistem reaktif yang kompleks dan mampu mengakomodasi masalah seperti concurrency dan escape. Chart ini memiliki karakter struktur hirarki dalam satu diagram tunggal yang membagi elemen mana yang merepresentasikan state alternatif dan yang merepresentasikan aktifitas concurrent.
FLOWSCHART
Kotak pada Flow Chart merepresentasikan proses atau
keputusan sehingga tidak ekuivalen dengan state pada STN.
Flow Chart menggunakan berbagai jenis kotak untuk
merepresentasikan berbagai jenis aktifitas yang berbeda, namun lebih merefleksikan sudut pandang programer dibandingkan user.
Flow chart terdiri dari dua tipe kotak, yaitu persegi panjang adalah screen yang digunakan untuk berkomunikasi dengan user, dan segi enam adalah proses dan keputusan yang dibuat oleh sistem. Dengan tambahan elips "Finish" yang berarti
kembali ke menu utama dan simbol tape yang berarti membaca
atau mengubah database.
Perbedaan utama antara menggunakan flow chart untuk
perancangan dialog dengan pemrograman adalah tingkat detail
pada sisi program.
JSD Diagram
JSD (Jackson Structured Design) diagram telah digunakan untuk berbagai aspek dari analisis tugas dan notasi dialog. Seperti halnya flow chart, JSD memiliki kelebihan dalam hal model ini telah dikenal luas oleh para programer.
Tanda asterik ( * ) merepresentasikan iterasi atau pengulangan.
Tanda (o) merepresentasikan pilihan atau opsional.
NOTASI DIALOG TEKSTUAL
TATA BAHASA (GRAMMARS)
Semantik dari dialog harus dapat menhubungkan kedua aspek
tersebut
Regular Expression
BNF dan regular expression berfokus pada aksi yang dilakukan
user bertolak belakan dengan STN yang berkonsentrasi pada state (kondisi)
Salah satu kelebihan penggunaan BNF dan regular expression
adalah kedua notasi mudah diimplementasikan karena telah
tersedia tools yang memadai.