Please enable JavaScript.
Coggle requires JavaScript to display documents.
NOTASI DAN PERANCANGAN DIALOG (Notasi DIAGRAMATIK (State Transition…
NOTASI DAN PERANCANGAN DIALOG
DIALOG
struktur percakapan antara user dan sistem komputer
Bahasa Komputer
1.Leksibel,tingkatan terendah:bentu icon pada layar,tombol yang ditekan.pada bahasa manusia ,ekivalen pada bunyi atau dan ejaan suatu kata.
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.
Perancangan Dialog
Hal-Hal yang perlu diperhatikan
-Rangkaian dialog menggambarkan struktur tugas
Beberapa rangkaian dialog tambahan digunakan untuk user support ,mis.help system,tutorial sub-system.
Rangkaian dialog diurutkan sesuai dengan struktur tugas
hal utama dalam desain 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.
Notasi DIAGRAMATIK
Kelebihan dari bentuk ini adalah memungkinkan desainer untuk melihat secara sekilas struktur dialog
State Transition Networks (STN)
Urutan (sequence) dari aksi yang dilakukan user dan respon yang diberikan oleh sistem.
Pilihan bagi user (choice)
Iterasi (iteration)
HIERARCHICAL STATE TRANSITION NETWORK (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. Dengan
NOTASI DIALOG TEKSTUAL
TATA BAHASA (GRAMMARS)
BNF (Backus-Naur Form)
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.
Regular Expression.
Production Rules
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).
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.
State
Gabungan
CSP DAN EVENT ALGEBRAS
Process algebras adalah sebuah kelas notasi formal yang dibangun untuk menangani situasi yang kompleks. Salah satu contohnya adalah CSP (Communicating Sequential Processes) yang dapat menspesifikasikan concurrency dan sequence sama baiknya dan mudah untuk 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
SEMANTIK DIALOG
internal terhadap aplikasi
eksternal terhadap presentasi
Semantik dari dialog harus dapat menhubungkan kedua aspek tersebut
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.
Links to specification notations, hampir sama dengan di atas, namun menggunakn notasi spesifikasi formal (formal specification).
DESAIN DAN ANALISIS DIALOG
Berfokus pada aksi yang dilakukan user, apakah dispesifikasikan dengan cukup dan konsisten
Memperhatikan state dialog, menyangkut state mana yang diinginkan dan yang ingin dihilangkan.
Isu presentasi dan leksikal, bagaimana tampilan dan fungsi sebuah tombol (key).
ACTION PROPERTIES
kelengkapan (completeness)
deterministik (determinism)
konsistensi (consistency)