Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Interaksi Manusia dan Komputer                                                CreatedBy Arfianti  Suatu dialog terkait den...
Interaksi Manusia dan Komputer                                                    CreatedBy Arfianti  Notasi dialog pada I...
Interaksi Manusia dan Komputer                                                   CreatedBy Arfianti  Agar user mengerti ca...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                 Pendidikan Teknik Informa...
Interaksi Manusia dan Komputer                                    CreatedBy Arfianti  Struktur dialog manusia kadang dipen...
Interaksi Manusia dan Komputer                                   CreatedBy Arfianti  Umumnya akses pengguna(user access) b...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                                 Gambar . ...
Interaksi Manusia dan Komputer                                  CreatedBy Arfianti  Prinsip yang digunakan dalam desain di...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                 Pendidikan Teknik Informa...
Interaksi Manusia dan Komputer                                  CreatedBy Arfianti     Notasi diagramatik merupakan bentuk...
Interaksi Manusia dan Komputer                                 CreatedBy Arfianti  STN ini digunakan sejak tahun 1940-an. ...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                          Gambar. State tr...
Interaksi Manusia dan Komputer                                     CreatedBy Arfianti Dari gambar tersebut kita dapat meny...
Interaksi Manusia dan Komputer                                 CreatedBy Arfianti Pada hierarki STN, pengaturan dialog yan...
Interaksi Manusia dan Komputer                                               CreatedBy Arfianti  Petri net merupakan salah...
Interaksi Manusia dan Komputer                                  CreatedBy Arfianti     Kartu kondisi heral dapat dogolongk...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                           Gambar. Heral`s...
Interaksi Manusia dan Komputer                                   CreatedBy Arfianti    Flowchart sama dengan STN dan juga ...
Interaksi Manusia dan Komputer                                             CreatedBy Arfianti Bentuk-bentuk dari flowchart...
Interaksi Manusia dan Komputer                                   CreatedBy Arfianti   Diagram JSD (Jackson Structured Desi...
Interaksi Manusia dan Komputer                                CreatedBy Arfianti                                 Gambar. D...
Desain dan notasi dialog
Desain dan notasi dialog
Upcoming SlideShare
Loading in …5
×

Desain dan notasi dialog

5,187 views

Published on

Published in: Technology, Business

Desain dan notasi dialog

  1. 1. Interaksi Manusia dan Komputer CreatedBy 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
  2. 2. Interaksi Manusia dan Komputer CreatedBy 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
  3. 3. Interaksi Manusia dan Komputer CreatedBy 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
  4. 4. Interaksi Manusia dan Komputer CreatedBy Arfianti Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar
  5. 5. Interaksi Manusia dan Komputer CreatedBy 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
  6. 6. Interaksi Manusia dan Komputer CreatedBy 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
  7. 7. Interaksi Manusia dan Komputer CreatedBy Arfianti Gambar . Desain dialog Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar
  8. 8. Interaksi Manusia dan Komputer CreatedBy 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
  9. 9. Interaksi Manusia dan Komputer CreatedBy Arfianti Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar
  10. 10. Interaksi Manusia dan Komputer CreatedBy 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
  11. 11. Interaksi Manusia dan Komputer CreatedBy 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
  12. 12. Interaksi Manusia dan Komputer CreatedBy Arfianti Gambar. State transition network Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar
  13. 13. Interaksi Manusia dan Komputer CreatedBy 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
  14. 14. Interaksi Manusia dan Komputer CreatedBy 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
  15. 15. Interaksi Manusia dan Komputer CreatedBy 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
  16. 16. Interaksi Manusia dan Komputer CreatedBy 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
  17. 17. Interaksi Manusia dan Komputer CreatedBy Arfianti Gambar. Heral`s state charts Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar
  18. 18. Interaksi Manusia dan Komputer CreatedBy 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
  19. 19. Interaksi Manusia dan Komputer CreatedBy 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
  20. 20. Interaksi Manusia dan Komputer CreatedBy 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
  21. 21. Interaksi Manusia dan Komputer CreatedBy Arfianti Gambar. Diagram JSD Pendidikan Teknik Informatika dan Komputer Universitas Negeri Makassar

×