MINGGU 10 Rancangan dan Notasi Dialog
Suzan Agustri
AGENDA Struktur Dialog Manusia Notasi Diagramatik Notasi Tekstual Dialog Semantik Rancangan dan Analisis Dialog
Suzan Agustri
STRUKTUR DIALOG MANUSIA
Merupakan struktur percakapan antara user dan sistem komputer.
Dialog dengan komputer terstruktur dan terbatas.
Suzan Agustri
TINGKATAN BAHASA KOMPUTER Leksikal bentuk icon pada layar, tombol yang ditekan. Sintaksis urutan dan struktur dari input dan output. Semantik arti dari percakapan yang berkaitan dengan pengaruhnya pada struktur data internal komputer dan/atau dunia eksternal.
Suzan Agustri
PERANCANGAN DIALOG Rangkaian dialog menggambarkan struktur tugas. Beberapa rangkaian dialog tambahan digunakan untuk user support. Rangkaian dialog diurutkan sesuai dengan struktur tugas.
Sistem harus dibagi menjadi beberapa bagian (module).
Suzan Agustri
NOTASI DIAGRAMATIK State Transition Networks (STN) Hierarchical State Transition Networks Harel’s State Charts Flow Charts Jackson Structured Design (JSD) Diagrams
Memungkinkan designer untuk melihat secara sekilas struktur dialog.
Suzan Agustri
STATE TRANSITION NETWORKS (STN)
Contoh Menu Drawing Tool
Suzan Agustri
STATE TRANSITION NETWORKS (STN) (CONT.) Lingkaran = State, keadaan sistem Tanda panah = Transisi, menjelaskan tentang tindakan user yang menyebabkan transisi perpindahan state dan respon dari sistem.
Suzan Agustri
REPRESENTASI DARI STN Urutan Pilihan bagi user Iterasi
Suzan Agustri
HIERARCHICAL STATE TRANSITION NETWORKS
Contoh Drawing Tool
Suzan Agustri
HIERARCHICAL STATE TRANSITION NETWORKS (CONT.)
Memiliki gabungan state yang digambarkan dengan persegi panjang dengan gambar struktur STN berukuran kecil didalamnya.
Suzan Agustri
HAREL’S STATE CHARTS
Contoh Remote Televisi
Suzan Agustri
HAREL’S STATE CHARTS (CONT.) Sub-dialog merupakan gabungan dari state gabungan (composite state) TV_ON. Garis putus-putus dan keyword, AND menyatakan sub dialog dapat dijalankan bersama-sama (concurrent) dan dalam urutan bebas. Lingkaran hitam dan garis lengkung, state awal dan nilai default dari state awal tersebut.
Men-spesifikasikan secara visual sistem reaktif yang kompleks dan mampu mengakomodasi masalah seperti concurrency dan escape. Suzan Agustri
FLOW CHARTS
Suzan Agustri
Contoh Fungsi Delete dari Sistem Database Karyawan
FLOW CHARTS (CONT.) Kotak persegi panjang, screen yang digunakan untuk berkomunikasi dengan user. Kotak segi enam, proses dan keputusan yang dibuat oleh sistem.
Mendeskripsikan dialog yang sederhana dan mudah dimengerti.
Suzan Agustri
JACKSON STRUCTURED DESIGN (JSD) DIAGRAMS
Contoh Update Record Sistem Kepegawaian
Suzan Agustri
JACKSON STRUCTURED DESIGN (JSD) DIAGRAMS (CONT.) Urutan pengoperasian dari kiri ke kanan Tanda asterik (*), perulangan Tanda o, pilihan
Suzan Agustri
NOTASI TEKSTUAL Grammars formal grammar yang dipakai sebagai notasi dialog (notasi dialog sequence). Production Rules berorientasi pada event, state, atau gabungan keduanya (notasi dialog concurrency). CSP dan Event Algebras notasi formal yang dibangun untuk menangani situasi yang kompleks (notasi dialog sequence & concurrency).
Suzan Agustri
DIALOG SEMANTIK Notation-Specification Semantics bentuk semantik dengan tujuan khusus yang dirancang sebagai bagian dari notasi dialog. Links to Programming Languages menyertakan sebagian coding bahasa pemrograman ke dalam notasi dialog. Links to Specification Notations menyertakan sebagian coding bahasa pemrograman ke dalam notasi dialog yang menggunakan notasi spesifikasi formal.
Suzan Agustri
DIALOG SEMANTIK (CONT.)
Jika notasi dialog berfungsi sebagai prototype atau bagian dari sebuah kontrak.
Suzan Agustri
RANCANGAN DAN ANALISIS DIALOG Action Properties fokus pada aksi user (spesifikasi yang cukup dan konsisten). State Properties memperhatikan state dialog (state yang diinginkan dan yang ingin dihilangkan). Presentation and Lexical Properties tampilan dan fungsi sebuah tombol (key).
Suzan Agustri
THANK YOU
green the world
Suzan Agustri
