INTERAKSI MANUSIA & KOMPUTER -...
-
Upload
hoangkhanh -
Category
Documents
-
view
244 -
download
0
Transcript of INTERAKSI MANUSIA & KOMPUTER -...
![Page 1: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/1.jpg)
INTERAKSI MANUSIA & KOMPUTER
![Page 2: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/2.jpg)
MATERI DAN REFERENSI
Mata Kuliah Interaksi Manusia dan Komputer ini menerangkan tentang dasar-dasar interaksi manusia dengan komputer, sehingga mahasiswa nantinya akan mampu mengevaluasi perangkat lunak dari user interface yang ergonomis dan berorientasi pada user.
MATERI UTAMA
1. Paradigma IMK
2. Faktor manusia
3. Faktor komputer
4. Interaksi
5. Ragam Dialog
6. Ragam Dialog II
7. Daya Guna
Sumber Referensi: Interaksi Manusia dan Komputer edisi 2, P. Insap Santosa, 2010, Andi Offset;Yogyakarta.
MATERI UTAMA
8. Prinsip dasar Desain Interaksi
9. Presentasi dan Properti Leksikal
10.Desain dan notasi dialog
11.Model Pengguna
12.Model Pengguna II
13.Teknik Evaluasi
14.Groupware
![Page 3: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/3.jpg)
Pertemuan 11:
Notasi dan Perancangan Dialog
![Page 4: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/4.jpg)
1. Konsep Dialog
2. Notasi desain dialog
3. Notasi diagramatik
4. Notasi dialog tekstual
5. Semantik dialog
6. Desain dan analisis dialog
Outline Materi 11
![Page 5: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/5.jpg)
Konsep Dialog
11.1
![Page 6: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/6.jpg)
Ruang lingkup
Merupakan level sintaksis dari interaksi manusia dan komputer.
Berupa :
• Diagramatik, mudah dibaca
• Tekstual, mudah dianalisa
Berkaitan dengan
• Semantik sistem, apa yang dilakukan oleh sistem
• Presentasi, bagaimana tampilan sistem
Deskripsi formal terhadap
• Aksi yang tidak konsisten
• Aksi yg sulit dikembalikan
• Item yang hilang
• Kesalahan miskeying potensial
![Page 7: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/7.jpg)
Pengertian Dialog
Percakapan antara 2/lebih pihak, mengimplikasikan kerjasama atau keinginan untuk menyelesaikan konflik.
Pada UI, dialog adalah struktur percakapan antara user dan komputer.
Bahasa komputer :
• Leksikal : icon, tombol. Pada manusia sama dengan bunyi ejaan suatu kata
• Sintaksis : urutan/struktur I/O. Pada manusia sama dengan tata bahasa suatu kalimat
• Semantik : arti dari percakapan yang mempengaruhi struktur data internal dan eksternal. Pada manusia sama dengan arti dari partisipan dalam percakapan
![Page 8: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/8.jpg)
Karaktristik Dialog dg Komputer
Dialog dengan komputer biasanya terstruktur dan terbatas, dimana :
• User harus menyebutkan dialog dalam urutan tertentu
• Beberapa dialog telah ditetapkan sebelumnya
• Beberapa dialog dilakukan secara bersamaan
• Dialog bergantung pada respon user
• Tidak dapat mengakomodasi semua kejadian
![Page 9: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/9.jpg)
Perancangan Dialog
Yang perlu diperhatikan :
• Rangkaian dialog merupakan struktur tugas
• Dialog tambahan digunakan untuk support, misal, help system, tutorial, dll
• Tangkaian dialog diurutkan sesuai struktur tugas
Prinsipnya, membagi sistem menjadi beberapa modul.
![Page 10: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/10.jpg)
Contoh Modul
![Page 11: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/11.jpg)
Notasi Diagramatik
11.2
![Page 12: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/12.jpg)
Pengertian Notasi Diagramatik
Merupakan bentuk yang paling sering digunakan dalam desain dialog
Kelebihan : memungkinkan designer untuk melihat secara sekilas struktur dialog
Kekurangan : sulit untuk menjelaskan struktru dialog yang lebih luas dan kompleks
Bentuk Notasi Diagramatik :
• State Transition Networks (STN)
• Hierarchical State Transition Networks
• Flowchart
• JSD Diagrams
![Page 13: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/13.jpg)
STN
![Page 14: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/14.jpg)
Penjelasan STN
STN dapat merepresentasikan beberapa hal mengenai dialog, yaitu :
• Urutasn (Sequence) dari aksi yang dilakukan user dan respon yang diberikan oleh sistem
• Pilihan bagi user (choice)
• Iterasi (Iteration) : kondisi perulangan
![Page 15: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/15.jpg)
Hierarchical STN
![Page 16: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/16.jpg)
JSD Diagram
Jackson Structured Design digunakan untuk berbagai aspek, mulai adari analisis tugas sampai notasi dialog.
JSD Sistem Kepegawaian
![Page 17: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/17.jpg)
Notasi Dialog Tekstual
11.3
![Page 18: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/18.jpg)
Tata Bahasa (Grammar)
Diagram yang digunakan untuk menggambarkan dialog komputer juga mengandung sifat linguistik, maka penggunaan tata bahasa dalam desain dialog juga dibutuhkan.
Bentuk umum dari notasi tekstual yang fokus pada aksi yang dilakukan oleh user
![Page 19: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/19.jpg)
Semantik Dialog
11.4
![Page 20: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/20.jpg)
Konsep
Tujuan notasi/deskripsi dialog adalah untuk berkomunikasi, maka perlu penambahan catatan pada dialog mengenai arti dari suatu aksi tertentu, atau memberi kebebasan pada user untuk menginterpretasikan makna dialog secara bebas.
Aspek dalam semantik dialog :
• Internal terhadap aplikasi/sistem
• Eksternal terhadap presentasi
![Page 21: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/21.jpg)
3 pendekatan dalam Semantik Dialog
Notation-specific semantics
• Bentuk semantik sengan tujuan khusus yang dirancang sebagai bagian dari notasi dialog
Links to programming languages
• Penyertaan sebagian code bahasa pemrograman ke dalam notasi dialog
Links to formal specification
• Hampir sama dengan pendekatan sebelumnya, namun menggunakan notasi spesifikasi yang formal
![Page 22: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/22.jpg)
Desain dan Analisis Dialog
11.5
![Page 23: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/23.jpg)
Konsep
Dialog perlu untuk dianalisa guna mengetahui/menemukan masalah terhadap usability sebuah dialog.
3 isu yang berkaitan dengan analisa dialog :
• Fokus pada aksi yang dilakukan user (Action Properties)
• Fokus pada state dialog (state yang diinginkan dan dihilangkan) (State Properties)
• Fokus pada sisi presentasi dan leksikal (Presentation and Lexical properties)
![Page 24: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/24.jpg)
Action Properties
Karakteristik (properties) berkaitan dengan aksi yang dilakukan oleh user :
• Kelengkapan (completeness) : rangkaian aksi dijalankan sesuai prosedur
• Deterministik (determinism) : terdapat ketentuan mengenai aksi yang harus/akan dilakukan oleh user
• Konsistensi (consistency) : meskipun dihadapkan pada situasi/kondisi yang berbeda, aksi akan tetap sama
Selain aksi yang umum dilakukan user, sebuah dialog harus dirancang untuk melihat jauh ke depan dan mengantisipasi kira-kira bagaimana perilaku user saat dihadapkan pada kondisi yang khusus.
![Page 25: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/25.jpg)
State Properties
State pada dialog merepresentasikan titik saat user memperoleh informasi , atau sistem telah melakukan sesuatu. Sehingga user akan mencapai state yang diinginkan kondisi ini disebut reachability
• Cara menganalisa adalah dengan melakukan pemeriksaan dasar mengenai kelengkapan notasi, antara state pertama dan state selanjutnya
Kasus khusus dari reachability adalah reversibility kondisi/state dimana user ingin kembali kondisi/state semula adanya button “undo”
• Cara menganalisa adalah engan melihat setiap aksi yang mungkin, kemudian memberi label dengan jumlah edge/garis yang harus dikunjungi untuk mencapai keadaan semula
![Page 26: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/26.jpg)
State Properties
Terdapat 2 jenis state :
• Desired state : kondisi/state yang ingin dicapai oleh user
• Dangerous state : kondisi/state yang mungkin harus dihindari oleh user
Untuk mencegah user memasuki Dangerous State, sistem komputer dirancang dengan dialog inisiatif yang mengkonfirmasi tindakan user, jika hal tersebut akan berakibat fatal
![Page 27: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/27.jpg)
Presentation and Lexical Properties
Presentasi/tampilan dialog bergantung pada tipe interface yang digunakan dalam sebuah sistem komputer. Contoh,
• Pada interface yang berbasis command line, akan memiliki gaya sintaks verb-object “print essay”
• Pada interface yang berbasis mouse, memiliki gaya sintaks object-verb “select a file icon and then select ‘print’ from a menu”
Keterbatasan fisik perangkat, jangkauan output, visual dan aural juga akan mempengaruhi presentasi.tampilan dari sebuah dialog.
![Page 28: INTERAKSI MANUSIA & KOMPUTER - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pertemuan_11__Ragam_Notasi_Dialog.pdf · MATERI DAN REFERENSI Mata Kuliah Interaksi Manusia dan Komputer](https://reader031.fdocument.pub/reader031/viewer/2022013117/5c8fa48909d3f28e0f8ce5f9/html5/thumbnails/28.jpg)
😉 terima kasih 😉