2. Interaksi Manusia dan Komputer Created
By Arfianti
Suatu dialog terkait dengan semantik atau apa yang dikerjakan
oleh sistem dan presentasi atau bagaimana sistem
ditampilkan. Pengertian dialog adalah sebagai berikut :
1. Umum : Dialog adalah proses komunikasi antara dua atau
lebih agen. Dalam dialog, makna harus dipertimbangkan
agar memenuhi kaaidah semantis dan pragmatis.
2. IMK : Dialog adalah pertukaran instruksi dan informasi
yang mengambil tempat antara user dan sistem komputer.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

3. Interaksi Manusia dan Komputer Created
By Arfianti
Notasi dialog pada IMK terdiri dari dua model, yaitu :
1. Dragmatik : state transition networks (jaringan transisi
kondisi atau status), flow chart (diagram alir) dan diagram
JSD.
2. Tekstual : Formal grammars (tata bahasa formal),
production rules (aturan produksi) dan CSP.
Pada dasarnya gaya interaksi pada dialog menggunakan
sistem tanya jawab. Sistem memerlukan input dari user dan
sistem akan menjawab apa kebutuhan dari user
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

4. Interaksi Manusia dan Komputer Created
By Arfianti
Agar user mengerti cara berkomunikasi dengan sistem maka
user perlu memahami bahasa komputer. Pada IMK dan
komputer, bahasa komputer mempunyai tiga tingkatan :
1. Leksikal : merupakan tingkat yang paling rendah: bentuk
ikon pada layar, tombol yang ditekan. Pada bahasa
manusia, ekuivalen dengan bunyi dan ejaan suatu kata.
2. Sintaktik : urutann dan struktur input dari output. Pada
bahasa manusia ekuivalen dengan tata bahasa dari suatu
kalimat.
3. Semantik : makna dari percakapan yang berhubungan
dengan pengaruhnya pada str uktur data internal
komputer.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

5. Interaksi Manusia dan Komputer Created
By Arfianti
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

6. Interaksi Manusia dan Komputer Created
By Arfianti
Struktur dialog manusia kadang dipengaruhi oleh emosi,
situasi, serta berbagai faktor lain. Oleh karena itu struktur
dialog manusia mengandung ketidak konsistenan. Berbeda
dengan dialog antar manusia pada umumnya, dialog dengan
komputer biasanya terstruktur dan terbatas. Ada beberapa hal
yang perlu diperhatikan dalam perancangan dialog, yaitu :
a. Rangakaian dialog menggambarakan struktur tugas.
b. Beberapa rangkaian dialog tambahan digunakan untuk
user support, seperti help system
c. Rangkaian dialog diurutkan sesuai struktur tugas.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

7. Interaksi Manusia dan Komputer Created
By Arfianti
Umumnya akses pengguna(user access) bukan merupakan
bagian dari deskripsi trugas (task description) tetapi harus
disertakan kedalam sistem yang baru. Ada empat hal utama
dalam desain yang harus diperhatikan dalam GUI methapor :
1. Pemilihan dan representasi conceptual methapor
2. Representasi objek interaktif dalam methapor
3. Perancangan manipulasi untuk mengimplementasikan aksi
user
4. Desain micro-metaphors untuk kendali aksi (control
action) dan representasi perintah (command)
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

8. Interaksi Manusia dan Komputer Created
By Arfianti
Gambar . Desain dialog
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

9. Interaksi Manusia dan Komputer Created
By Arfianti
Prinsip yang digunakan dalam desain dialog adalah membagi
sistem menjadi beberapa bagian yang disebut modul (module).
Dalam mendesain sebuah dialog diperlukan deskripsi yang
terpisah dari program secara keseluruhan. Ada empat alasan
utama penggunaan deskripsi pemisahan dialog :
1. Mudah dianalisis
2. Pemisahan elemen interface dari semantik
3. Bisa dilakukan sebelum program ditulis dan memberi
dampak pada desain program
4. Kadang menggunakan prototipe tool
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

10. Interaksi Manusia dan Komputer Created
By Arfianti
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

11. Interaksi Manusia dan Komputer Created
By Arfianti
Notasi diagramatik merupakan bentuk yang paling sering
digunakan dalam desain dialog. Kelebihan dari bentuk ini
adalah memungkinkan desainer untuk melihat secara sekilas
struktur dialog. Namun kadangkala sulit untuk menjelaskan
struktur dialog yang lebih luas dan kompleks. Ada 5 metode
yang digunakan untuk notasi dragmatik, yaitu :
1. State transition network
2. Petri nets
3. Herel`s state charts
4. Flow diagrams
5. Jackson structured design diagrams
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

12. Interaksi Manusia dan Komputer Created
By Arfianti
STN ini digunakan sejak tahun 1940-an. Metode ini biasanya
menggunakan circle atau state yang dihubungkan satu
dengan yang lain dengan anak panah yang menandakan
suatu aksi atau kejadian. Aturan yang mungkin untuk STN
adalah :
1. Dimulai dari START state
2. State tengah berhubungan dengan arah panah
3. State kadang iterate
4. State mungkin meliputi pilihan user
5. FINISH state
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

13. Interaksi Manusia dan Komputer Created
By Arfianti
Gambar. State transition network
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

14. Interaksi Manusia dan Komputer Created
By Arfianti
Dari gambar tersebut kita dapat menyim[ulkan bahwa STN
dapat merepresentasikan beberapa hal yang terkait dengan
dialog :
1. Urutan (sequence) dari aksi yang dilakukan user dan
respons yang diberikan oleh sistem.
2. Pilihan bagi user (choice) : contoh, dari kondisi menu, user
dapat memilih circle sehingga sistem berpindah ke kondisi
circle 1 dan pilihan circle pada menu di highlight.
3. Iterasi (iteration): contoh, pada kondisi line-2, transisi
dapat kembali kekondisi line-2 jika user menambahkan titik
baru pada polyline dan akan berpindah kekondisi finish
hingga user melakukan double klik.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

15. Interaksi Manusia dan Komputer Created
By Arfianti
Pada hierarki STN, pengaturan dialog yang lebih kompleks
dan penamaan sub-dialog adalah seperti contoh dibawah ini :
Gambar. Permasalahan pada STN 1
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

16. Interaksi Manusia dan Komputer Created
By Arfianti
Petri net merupakan salah satu formulasi lama pada ilmu
komputer, merupakan suatu penalaran tentang kesamaan
aktivitas. Sistem bisa mempunyai lebih dari satu kondisi pada
waktu yang sama dan sering digunakan untuk
menggambarkan interaksi berbasis web client.
Petri net menggambarkan suatu interaksi dengan diahram alir
yang berhubungan dengan :
1. Place : suatu bit seperti state STN
2. Transition : suatu biy seperti panah
3. Counters : berada pada place (state tertentu)
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

17. Interaksi Manusia dan Komputer Created
By Arfianti
Kartu kondisi heral dapat dogolongkan sebagai kelompo
STN. Diagram ini dibangun untuk menspesifikasikan secara
visual sistem reaktif yang kompleks dan mampu
mengakomodasi masalah seperti konkurensi dan escape.
Diagram ini memiliki struktur hierarki dengan karakter
diagram tunggal yang membagi elemen yang
merepresentasikan kondisi alternatif dan yang
merepresentasikan aktivitas konkuren.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

18. Interaksi Manusia dan Komputer Created
By Arfianti
Gambar. Heral`s state charts
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

19. Interaksi Manusia dan Komputer Created
By Arfianti
Flowchart sama dengan STN dan juga mempunyai masalah
yang sama. Flowchart sangat baik untuk menjelaskan dialog
yang sederhana. Kotak-kotak merepresentasikan suatu
keputusan atau proses dari setiap kondisi. Pada flowchart,
proses atau pengambilan keputusan sangat sedikit dibanding
program diagram flow. Bentuk-bentuk flowchart
merepresentasikan proses atau keputusan sehingga tidak
ekuivalen dengan kondisi pada STN.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

20. Interaksi Manusia dan Komputer Created
By Arfianti
Bentuk-bentuk dari flowchart adalah sebagai berikut :
Proses Decision Stored Manual
data Input
Document Predefinec
Data Display
process
Interna Direct Paper tape
data Card
storage
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

21. Interaksi Manusia dan Komputer Created
By Arfianti
Diagram JSD (Jackson Structured Design) telah digunakan
untuk berbagai aspek dari analisis tugas dan notasi dialog.
Seperti halnya flowchart, JSD memiliki kelebihan, yaitu
bahwa model ini telah dikenal luas oleh para pemrogram.
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar

22. Interaksi Manusia dan Komputer Created
By Arfianti
Gambar. Diagram JSD
Pendidikan Teknik Informatika dan Komputer
Universitas Negeri Makassar