Desain dan notasi dialog
- 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