DIALOG DESAIN

DIALOG DESAIN

Dialog dalam arti umum adalah percakapan antara dua kelompok atau lebih. Sedangkan dialog dalam konteks perencanaan user interface adalah struktur dari percakapan antara user dan sistem komputer.

Bahasa Komputer dapat dibagi atas tiga tingkatan:

1. Leksikal

- Merupakan tingkatan yang paling rendah.

- Yaitu bentuk icon pada layar.

- Pada bahasa manusia, ekuivalen dengan bunyi dan ejaan suatu kata.

2. Sintaksis

- Yaitu urutan dan struktur dari input dan output.

- Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.

3. Semantik

- 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 partisipan dalam percakapan. Dalam user interface, istilah dialog hampir mirip dengan tingkat sintaksis, tetapi juga meliputi sifat-sifat leksikal.

Dialog Manusia – Komputer:

• Berbeda dengan dialog antar manusia pada umumnya, dialog dengan komputer biasanya terstruktur dan terbatas.

• Beberapa ciri-ciri dari dialog terstruktur yang nantinya ditemukan dalam dialog komputer:

- Menyebutkan beberapa hal tertentu secara berurutan.

- Beberapa bagian dari dialog dilakukan secara bersamaan.

- Dialog berikutnya tergantung pada respon dari partisipan.

- Dialog terstruktur biasanya tidak langsung menuju pada arti katakatanya / semantik tapi pada level sintaksis.

Proses Perancangan Dialog

Advice:

1. Rangkaian dialog menggambarkan struktur tugas.

2. Beberapa rangkaian dialog tambahan digunakan untuk user support, misalnya: help system, tutorial sub-sistem.

3. Rangkaian dialog diurutkan sesuai dengan struktur tugas.

• Prinsip yang digunakan dalam desain dialog adalah membagi sistem menjadi beberapa bagian yang disebut module.

• Biasanya user access bukan merupakan bagian dari task desription, tapi harus dimasukan dalam sistem yang baru.

• Empat hal utama dalam desain yang harus diperhatikan dalam GUI metaphor:

- Pemilihan dan representasi dari conceptual metaphor.

- Representasi dari obyek interaktif dalam metaphor.

- Perancangan manipulasi untuk mengimplementasikan user action.

- Desain micro-metaphor untuk control action dan representasi dari commands.

Dalam mendesain dialog, diperlukan deskripsi yang terpisah dari program secara keseluruhan.

Mengapa perlu digunakan notasi deskripsi dialog yang terpisah?

- Agar mudah di analisa.

- Pemisahan elemen-elemen interface dari logika program (semantik).

- Apabila notasi dialog ditulis sebelum program dibuat, maka notasi tersebut bisa membantu desainer untuk menganalisa struktur yang diajukan.

Notasi Diagramatik

- Notasi Diagramatik paling sering digunakan dalam desain dialog.

- Kelebihan: memungkinkan desainer untuk melihat secara sekilas struktur dialog.

- Kekurangan: sulit untuk menjelaskan struktur dialog yang lebih luas dan kompleks.

Contoh Notasi Diagramatik:

- State Transition Networks (STN)

- Hierarchical STN

- Harel’s State Charts

- Traditional Flow Diagrams (Flow Charts)

- JSD Diagrams

State Transition Network (STN)

Komponen STN:

- Lingkaran

Menggambarkan “state” dari sistem.

- Tanda Panah

Yang terdapat antara state disebut juga transisi. Tanda panah ini diberi label yang menjelaskan tentang tindakan user yang menyebabkan transisi dan respon dari sistem.

STN dapat menggambarkan beberapa pilihan dialog:

- Urutan tindakan dan respon dari sistem

- Pilihan bagi user

- Iterasi

Hierarchical State Transition Networks

Struktur Hierarchical STN mirip dengan STN, namun memiliki tambahan berupa gabungan state. Penggunaan hirarki STN ini, seperti menggabungkan beberapa STN ke dalam satu diagram besar, sehingga

model ini dapat digabungkan untuk sistem-sistem yang besar. STN Hirarki dapat digunakan untuk mendeskripsikan suatu sistem yang lengkap.

Harel’s State Charts

Dapat digolongkan sebagai kelompok STN. Dibangun untuk  enspesifikasikan secara visual sistem reaktif yang kompleks dan mampu mengakomodasi masalah seperti concurrency dan escape.

Flowchart

- Flowchart digunakan untuk mendeskripsikan dialog yang sederhana.

- Flowchart mudah dimengerti dan simple.

Jackson Diagram

JSD (Jackson Structured Design) diagram digunakan untuk berbagai aspek dari analisis tugas dan notasi dialog.

Link to Programming Language

- Sequence dalam notasi dialog dapat langsung ditransformasikan ke bahasa pemrograman dalam bentuk sequence dan selection.

- Modulary dalam desain dialog.