Interaksi Manusia dan Komputer

Part 11
 Notasi-notasi Dialog dan Desain
• Apa itu Dialog ?
Merupakan pertukaran instruksi dan informasi
yang mengambil tempat antara user dan sistem
komputer.

• Notasi Dialog pada IMK terdiri :

- 1. Diagramatik
- 2. Tekstual
 Diagramatik
• Dengan menggunakan teknik State Transtition
Network (jaringan transisi kondisi dan status),
flowchart (diagram alir) dan diagram JSD
(Jackson Structured Design)
  Tekstual
• Dengan menggunakan teknik Formal
Grammar (tata bahasa formal), Production
Rules (aturan produksi) dan CSP
(communicating sequential processes)
 Model dialog pada sistem
• Pada dasarnya gaya interaksi dan dialog
menggunakan menggunakan sistem tanya
jawab. Sistem memerlukan input dari user
dan sistem akan menjawab apa kebutuhan
dari user. Agar user mengerti cara
berkomunikasi maka user perlu memahami
bahasa komputer
 Lanjut.

Bahasa komputer mempunyai tingkatan sebagai berikut :

• 1. Leksikal
Merupakan tingkat yang paling rendah, misalnya bentuk
ikon pada layar atau tombol ditekan. Pada bahasa
manusia ekuivalen dengan bunyi atau ejaan suatu kata
• 2. Sintaktik
Urutan dan struktur input output. Pada bahasa manusia
ekuivalen dengan tatabahasa dari suatu kalimat
• 3. Semantik
Makna dari percakapan yang berhubungan dengan
pengaruhnya pada struktur data internal komputer.
Kondisi internal berasal dari dialog user dan sistem.
Karakteristik pada manusia dan komputer
Beberapa karakteristik yang ditemukan pada sebuah dialog
manusia dengan komputer diantaranya adalah :
1. Partisipan harus menyebutkan dialognya dalam urutan tertentu
2. Beberapa dialog diantaranya telah ditetapkan sebelumnya
3. Beberapa bagian tertentu dari dialog dilakukan secara bersamaan
(concurrently)
4. Dialog berikutnya pada umumnya tergantung pada respon dari
partisipan
5. Dialog dengan komputer mungkin saja tidak mengakomodasi
semua kejadian yang mungkin
6. Deskripsi dialog biasanya tidak langsung menuju pada arti kata-
katanya (semantik) tetapi pada level sintaksis
 PERANCANGAN DIALOG
• Ada beberapa hal yang perlu diperhatikan
dalam perancangan dialog, yaitu :
1. Rangkaian dialog menggambarkan struktur
tugas
2. Beberapa rangkaian dialog tambahan
digunakan untuk user support misal help
system atau tutorial sub-system
3. Rangkaian dialog diurutkan sesuai struktur
tugas 
 PRINSIP DALAM DESAIN DIALOG
• Prinsip yang digunakan dalam desain dialog
adalah membagi sistem menjadi beberapa
bagian yang disebut dengan modul, misalnya
pembagian modul dalam sebuah sistem
pemesanan buku di perpustakaan seperti
gambar berikut 
Lanjut.
Empat alasan utama penggunaan deskripsi
pemisahan dialog
Ada empat alasan utama penggunaan deskripsi
pemisahan dialog, yaitu :
• 1. Mudah dianalisis
• 2. Pemisahan elemen interface dari semantik
• 3. Dapat dilakukan sebelum program ditulis
dan memberi dampak pada desain program
• 4. Kadang menggunakan prototipe tool
 NOTASI DIAGRAMATIK
• Merupakan bentuk yang sering digunakan
dalam notasi dialog. Kelebihannya adalah
memungkinkan desainer untuk melihat
secara sekilas struktur dialog. Kelemahannya
adalah sulit untuk menjelaskan struktur dialog
yang lebih luas dan kompleks.
 Lanjut.

• Metode yang digunakan dalam notasi ini

adalah :
1. State Transition Network (STN)
2. Petri Net
3. Heral’s State Chart
4. Flowchart
5. Jackson Structured Design (JSD) Diagram
 State Transition Network (STN)
• STATE TRANSITION NETWORK (STN)
STN atau kondisi transisi jaringan digunakan
sejak tahun 1940-an. Metode ini
menggunakan circle atau state yang
dihubungkan satu dengan yang lain dengan
anak panah yang menandakan suatu aksi
atau kejadian.
Lanjut.

• Aturan dalam STN adalah :

1. Dimulai dari START state
2. State tengah berhubungan dengan arah
panah
3. State kadang berputar (iterasi)
4. State mungkin meliputi pilihan user
5. Diakhiri dengan FINISH state
Contoh STN :
 Lanjut.
• Dari gambar di atas dapat disimpulkan bahwa STN dapat
merepresentasikan beberapa hal yang terkait dengan dialog,
yaitu :
1. Urutan (sequence) dari aksi yang dilakukan user dan respon
yang diberikan oleh sistem
2. Pilihan bagi user (choice)
Dari kondisi menu, user dapat memilih circle sehingga sistem
berpindah ke circle-1 dan pilihan circle pada menu di-highlight.
Alternatif lain, user dapat memilih line sehingga sistem
berpindah ke kondisi line-1
3. Iterasi (iteration)
Pada kondisi line-2, transisi dapat kembali ke line-2 jika user
menambahkan titik baru pada polyline dan akan berpindah ke
kondisi finish hingga user melakukan double-click
Lanjut.
• Setiap lingkaran menandakan kondisi dari sistem,
misalnya menu adalah kondisi sistem yang
menunggu user untuk memilih circle atau line.
Circle-2 adalah kondisi setelah user memilih
sebuah titik sebagai pusat lingkaran dan
menunggu user menentukan titik akhir lingkaran.
Diantara kondisi tersebut terdapat tanda panah
yang disebut transisi. Tanda panah diberi label
yang menjelaskan tentang tindakan user yag
menyebabkan transisi perpindahan kondisi dan
respon dari sistem.
 Model-model Sistem
• Model mengakomodasi apa yang diinginkan
pengguna (user) dan yang dilakukan sistem.
Terdapat beberapa model sistem interaksi yang
berpengaruh pada sistem interaksi manusia dan
komputer yang pada umumnya.
• Notasi formal untuk komunikasi
• Notasi Formal untuk analisa
• Notasi Berorientasi Model
• Simple Sets
 Notasi formal untuk komunikasi
• Spesifikasi dapat dibuat sebagai bahasa yang
‘umum’ antar tim desain, desainer dan
pembuat sistem. Ide-ide tentang tampilan
layar dapat dengan mudah divisualisasikan
dengan bantuan paket-paket untuk
menggambar (drawing tool), tetapi perilaku
sistem yang dinamis sulit dikomunikasikan.
 Notasi Formal untuk analisa
Spesifikasi formal dapat dianalisa dalam berbagai cara :
♦Periksa konsistensi internal,
Lihat jika setiap statement dibuat dalam satu bagian yang saling
berkontradiksi. Contoh : umumnya tidak memungkinkan membangun
system yang sesuai dengan properti antara teori dan praktek.
♦ Periksa konsistensi eksternal,
Yang berhubugan dengan program (bukan keuntungan dalam IMK). Tugas
verifikasi ini merupakan keuntungan dari spesifikasi formal dari sudut
pandang RPL.
♦ Periksa konsistensi eksternal
Yang berhubungan dengan kebutuhan-kebutuhan, beberapa diantaranya
seperti property keamanan, sistem khusus, dll. Kebutuhan lainnya tentang
system khusus misalnya fungsi yang dapat diakses hanya dengan penekanan
kurang dari 3 keystroke.
 Notasi Berorientasi Model
• Menyediakan software enginer
menggambarkan dan alasan tentang
komponen software yang menggunakan
konstruksi matematika seperti konstruksi
yang digunakan dalam bahasa pemrograman.
Notasi matematika ini menggambarkan
perilaku dari system software yang didekatkan
dengan bagaimana diprogramkan.
  Simple Sets
• Set yang paling sederhana (standard) : R =
bilangan real, Z = bilangan integer, N =
bilangan asli. Yang non standard didefinisikan
sebagai set baru dengan melisting angka-
angka finite dari nilai yang mungkin dari set
tersebut. Misal bentuk2 geometri dalam
grafik.
 Model-model Interaksi
• Model Ikonik
• Model Analog (Model Diagramatik)
• Model Simbolik (Model Matematik)
 Model Ikonik
• Model ikonik adalah perwakilan fisik dari
beberapa hal baik dalam bentuk ideal ataupun
dalam skala yang berbeda.Model ikonik
mempunyai karakteristik yang sama dengan
hal yang diwakili, dan terutama amat sesuai
untuk menerangkan kejadian pada waktu yang
spesifik. Model ikonik dapat berdimensi dua
(foto, peta, cetak biru) atau tiga dimensi
(prototipe mesin, alat).
 Model Analog (Model Diagramatik)
• Model analog, yaitu keadaan berubah menurut
waktu. model ini lebih sering dipakai daripada
model ikonik karena kemampuannya untuk
mengetengahkan karakteristik dari kejadian yang
dikaji. Model analog banyak berkesusuaian dengan
penjabaran hubungan kuantitatif antara sifat dan
klas-klas yang berbeda. Dengan melalui
transformasi sifat menjadi analognya, maka
kemampuan membuat perubahan dapat
ditingkatkan.
 Model Simbolik (Model Matematik)
• Format model simbolik dapat berupa bentuk
angka, simbol, dan rumus. Jenis model simbolik
yang umum dipakai adalah suatu persamaan
(equation). Bentuk persamaan adalah tepat,
singkat, dan mudah dimengerti. Simbol persamaan
tidak saja mudah dimanipulasi daripada kata-kata,
namun juga lebih cepat ditangkap maksudnya.
Suatu persamaan adalah bahasa universal pada
penelitian operasional dan ilmu sistem, dimana
dipakai suatu logika simbolis
 Model Rich Interaction
• A rich user interaction is an interface model of
a rich client. It is an interaction model that can
support several input methods and that
responds intuitively and in a timely fashion. As
a rule of thumb, to be a rich user interaction,
the model must perform in practice at least as
well as current desktop applications, such
as word processors and spreadsheets.
Sumber: https://en.wikipedia.org/wiki/Rich_user_interaction
 Lanjut.

• Rich interaction adalah model interaksi yang

dapat mendukung beberapa metode input
dan yang merespon secara intuitif dan secara
tepat waktu . Sebagai aturan praktis , menjadi
interaksi pengguna yang kaya , model harus
melakukan dalam praktek setidaknya serta
aplikasi desktop saat ini , seperti pengolah
kata dan spreadsheet
Contoh model rich interaction
Referensi :
• http://
blackantzz.blogspot.co.id/2010/03/pengertian
-dialog-di-komputer.html
• http://
auliareziaulia.blogspot.co.id/2014/12/makalah
-kelompok1-materi-8.html