Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

Ragam Dialog - IMK by adiputra

VIEWS: 3,800 PAGES: 36

									Ragam Dialog




                Ergonomic Factor in HCI
    ghlghlhgl                             1
                    Interaksi
• Model interaksi membantu kita untuk mengerti apa
  yang terjadi di antara pengguna dan sistem,
  menerjemakan tujuan dan apa yang dinginkan user dan
  apa yang harus dikerjakan sistem
• Dengan memahami bagaimana manusia berprilaku
  dalam sistem kerja komputer, maka akan terjadi
  interaksi yang baik antara manusia dan komputer
  sehingga akan didapatkan hasil yang baik pula.


                                                        2
                Ragam Dialog
• Terjadinya komunikasi antara manusia dan
  komputer dimungkinkan oleh adanya berbagai
  teknik dialog interaktif yang cukup bervariasi, di
  mulai dari yang sederhana sampai yang cukup
  canggih.




                                                       3
                 Ragam Dialog
• Antarmuka yang menggunakan berbagai teknik dialog
  pada dasarnya adalah untuk mendapatkan satu kriteria
  yang sangat penting dalam pengoperasian sebuah
  program aplikasi, yakni aspek ramah dengan pengguna.
• Kata “ramah dengan pengguna” nampaknya mudah
  diucapkan, tetapi merupakan persoalan tersendiri bagi
  para perancang dan pemrogram suatu program aplikasi.




                                                          4
            Ragam Dialog

Cara yang digunakan untuk mengorganisasikan
     berbagai teknik dialog disebut dengan
        ragam dialog (dialogue style).




                                              5
          Ragam Dialog Interaktif
• Secara umum, ragam dialog interaktif dapat
  dikelompokkan menjadi 9 kategori, yaitu:
  – Dialog berbasis perintah tunggal (command line dialogue)
  – Dialog berbasis bahasa pemrograman (programming language
    dialogue)
  – Antarmuka berbasis bahasa alami (natural language interface)
  – Sistem menu




                                                                   6
Kategori Ragam Dialog Interaktif
– Dialog berbasis pengisian borang (form filling
  dialogue)
– Antarmuka berbasis ikon
– Sistem penjendelaan (windowing system)
– Manipulasi langsung
– Antarmuka berbasis interaksi grafis.




                                                   7
   Kategori Ragam Dialog Interaktif -
    Dialog berbasis perintah tunggal
• Merupakan ragam yang paling konvensional.
• Perintah-perintah tunggal yang dapat dioperasikan
  biasanya tergantung dari sistem komputer yang
  dipakai, dan berada dalam suatu domain yang
  disebut bahasa perintah (command language).
• Bahasa perintah harus dirancang sedemikian rupa
  sehingga mereka mempunyai sifat alamiah, yakni
  mudah dipelajari dan diingat oleh kebanyakan
  pengguna. Meskipun bersifat buatan, bahasa buatan
  ini tetap mempunyai struktur leksikal, sintaksis, dan
  semantik tertentu.
                                                          8
    Kategori Ragam Dialog Interaktif -
     Dialog berbasis perintah tunggal
• Beberapa contoh sederhana yang bisa kita lihat antara
  lain adalah perintah-perintah yang dimiliki oleh DOS
  (Disk Operating System).
• Terbagi atas perintah dalam (internal command) yang
  tidak memerlukan suatu berkas .EXE atau .COM
  tertentu (ex:DIR, CLS) dan perintah luar (external
  command) yang memerlukan suatu berkas .EXE atau
  .COM tertentu (ex.FORMAT, DELTREE).


                                                          9
   Kategori Ragam Dialog Interaktif -
    Dialog berbasis perintah tunggal
• Keuntungan dan kerugian penggunaan dialog
  berbasis perintah tunggal




                                              10
    Kategori Ragam Dialog Interaktif -
    Dialog berbasis bahasa pemrogaman
•    Dalam keadaan tertentu, penggunaan dialog berbasis
     perintah tunggal sering tidak memadai, khususnya ketika
     pengguna harus memberikan sederetan perintah-perintah
     yang sama setiap kali ia menjalankan program aplikasi
     tersebut.
•    Dialog berbasis bahasa pemrograman merupakan ragam
     dialog yang memungkinkan pengguna untuk mengemas
     sejumlah perintah ke dalam suatu berkas yan sering disebut
     dengan batch file.
•    Perintah-perintah yang dituliskan dalam ragam dialog
     berbasis bahasa pemrograman tidak harus menggunakan
     salah satu bahasa pemrograman baik aras rendah maupun
     aras tinggi, seperti Assembler, Pascal, C, FORTRAN, atau
     BASIC, tetapi harus mengikuti aturan-aturan tertentu.
                                                                  11
    Kategori Ragam Dialog Interaktif -
    Antarmuka berbasis bahasa alami
•   Film fiksi ilmiah => komunikasi antara manusia
    dengan komputer lewat suatu bahasa ucapan
    yang secara jelas memanfaatkan bahasa alami
    (natural language).




                                                 12
   Kategori Ragam Dialog Interaktif -
   Antarmuka berbasis bahasa alami
• Dengan melihat pada perbedaan bahasa yang digunakan oleh
  manusia dan komputer, maka sebuah sistem yang
  mengimplementasikan dialog berbasis bahasa alami perlu
  mempunyai sebuah sistem penterjemah yang dapat
  menterjemahkan suatu kalimat pada dua arah.
   – Ketika manusia memberikan instruksi, sistem penterjemah harus
     menerjemahkan instruksi tersebut ke dalam format instruksi lain yang
     dapat dimengerti oleh komputer.
   – Sebaliknya, ketika komputer akan memberikan jawaban, sistem
     penterjemah harus mampu menterjemahkan format instruksi
     komputer menjadi pesan yang dimengerti oleh manusia.
   – Dari sisi pengguna, tentunya ia menginginkan keluwesan yang
     sebesar-besarnya dalam memberikan instruksi kepada komputer.
     Tetapi, dari sisi perancang sistem, semakin luwes bahasa alami yang
     dikehendaki oleh pengguna, semakin rumit pula sistem penterjemah
     yang harus disiapkan.
                                                                            13
       Kategori Ragam Dialog Interaktif -
       Antarmuka berbasis bahasa alami
•   Perhatikan contoh instruksi bahasa alami berikut ini:
     – Cetak daftar semua mahasiswa yang mempunyai IP Semester lebih besar dari 3.0
•   Instruksi di atas oleh penterjemah, yang akan menterjemahkan instruksi
    tersebut, misalnya ke dalam instruksi yang ekivalen dengan dialek dBASE atau
    FoxPro sebagai :
•        DISPLAY ALL FOR IPSEM > 3.0
•   Atau dalamdialek Turbo Pascal sebagai
•        While not eof(T) do
•                  Begin
•                           Readln(T, S);
•                           If S.IpSem < 3.0 then
•                                    Writeln(S.NamaMahasiswa);
•                  End;



                                                                                      14
   Kategori Ragam Dialog Interaktif -
   Antarmuka berbasis bahasa alami
• Keuntungan dan kerugian penggunaan
  antarmuka berbasis bahasa alami




                                        15
    Kategori Ragam Dialog Interaktif –
              Sistem Menu
• Sistem menu merupakan pilihan yang tepat untuk menunjukkan
  kemampuan dan fasilitas yang dimiliki oleh sebuah program
  aplikasi kepada pengguna.
• Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang
  biasanya berupa suatu kalimat atau kumpulan beberapa kata.
• Ditinjau dari teknik penampilan pilihan-pilihan pada sebuah
  sistem menu, dikenal dua jenis sistem menu:
   – sistem menu datar
   – sistem menu tarik (pulldown) yang berbasis pada struktur hirarki pilihan
     (struktur pohon pilihan).




                                                                                16
    Kategori Ragam Dialog Interaktif –
           Sistem Menu Datar
•   Dalam sistem menu datar, kemampuan dan
    fasilitas yang dimiliki oleh suatu program
    aplikasi akan ditampilkan secara lengkap, dan
    biasanya menggunakan kalimat-kalimat yang
    cukup panjang.




                                                    17
   Kategori Ragam Dialog Interaktif –
          Sistem Menu Datar
• Contoh Sistem Menu Datar




                                        18
    Kategori Ragam Dialog Interaktif –
           Sistem Menu Tarik
•   Sebuah menu tarik pada dasarnya adalah sistem menu yang
    pilihan-pilihannya dikelompokkan menurut menurut kategori
    tertentu atau menurut cara tertentu sehingga mereka
    membentuk semacam hirarki pilihan.
•   Pada hirarki paling tinggi, pilihan-pilihan itu disebut dengan
    pilihan/menu utama. Sebagian atau semua pilihan/menu utama
    dapat mempunyai salah satu atau lebih subpilihan/submenu.
    Sebuah subpilihan/submenu dari suatu pilihan/menu utama
    dapat mempunyai satu atau labih sub-subpilihan, dan
    seterusnya. Struktur ini membentuk semacam struktur pohon.




                                                                 19
   Kategori Ragam Dialog Interaktif –
          Sistem Menu Tarik
• Contoh Sistem Menu Tarik




                                        20
   Kategori Ragam Dialog Interaktif –
             Sistem Menu
• Keuntungan dan Kerugian Penggunaan Sistem
  Menu




                                              21
        Kategori Ragam Dialog Interaktif –
         Dialog berbasis pengisian borang
•       Teknik dialog pengisian borang (form-filling dialogue)
        merupakan suatu penerapan langsung dari aktifitas pengisian
        borang dalam kehidupan sehari-hari dimana pengguna akan
        dihadapkan pada suatu bentuk borang yang ada di layar
        komputer yang mereka gunakan.
•       Perlman membuat perbedaan antara menu dan borang.
    –     menu adalah dialog yang menampilkan sejumlah alternatif pilihan yang
          pilihan-pilihan itu dapat dipilih pengguna dengan cara tertentu pada
          setiap daur aktifitas.
    –     borang adalah tampilan dari sejumlah persyaratan (requirement) yang
          menampilkan sejumlah opsion dan berbagai nilai para meter yang telah
          ditentukan dan dintegrasikan ke dalam sebuah tampilan pada layar.




                                                                             22
   Kategori Ragam Dialog Interaktif –
    Dialog berbasis pengisian borang
• Contoh dialog berbasis pengisian borang




                                            23
   Kategori Ragam Dialog Interaktif –
    Dialog berbasis pengisian borang
• Keuntungan dan Kerugian Penggunaann Dialog
  Berbasis Pengisian Borang




                                               24
    Kategori Ragam Dialog Interaktif –
        Antarmuka berbasis ikon
•   Antarmuka sering memanfaatkan simbol-simbol dan
    tanda-tanda ini untuk memberitahukan pengguna
    akan kemampuan dan fasilitas yang dimiliki oleh
    suatu program aplikasi.
•   Ragam dialog yang banyak menggunakan simbol-
    simbol dan tanda-tanda untuk menunjukkan suatu
    aktifitas tertentu disebut dengan antarmuka berbasis
    ikon (icon-based user interface) .



                                                           25
    Kategori Ragam Dialog Interaktif –
        Antarmuka berbasis ikon
• Secara teknis, antarmuka berbasis ikon boleh dikatakan
  merupakan variasi dari antarmuka berbasis menu.
  – setiap ikon menunjukkan satu aktifitas sementara pada system
    menu, sebuah menu juga menunjukkan satu aktifitas.
  – Perbedaannya terletak pada cara penyajian pilihan itu. Pada
    system menu, pilihan aktifitas dinyatakan secara tekstual,
    sementara pada antarmuka berbasis ikon, pilihan aktifitas
    dinyatakan dengan suatu tanda atau symbol yang disebut
    pictogram atau ikon.




                                                               26
     Kategori Ragam Dialog Interaktif –
         Antarmuka berbasis ikon
• Contoh dialog berbasis ikon pada fasilitas Control Panel yang ada
  di dalam Microsoft Windows XP Profesional.




                                                                  27
    Kategori Ragam Dialog Interaktif –
          Sistem Penjendelaan
•   Secara umum yang disebut dengan jendela (window) adalah
    bagian dari layar yang digunakan untuk menampilkan suatu
    informasi. Informasi disini dapat berupa informasi tekstual
    maupun grafis. Untuk menunjukkan daerah yang digunakan
    untuk menampilkan suatu informasi, biasanya daerah yang
    umumnya berupa persegi panjang dibatasi dengan semacam
    garis pembatas dengan ketebalan tertentu.
•   Sistem penjendelaan adalah sistem antarmuka yang
    memungkinkan pengguna untuk menampilkan berbagai
    informasi baik sendiri-sendiri maupun secara bersama-sama ke
    dalam bagian–bagian layar yang tidak saling mempengaruhi.




                                                               28
    Kategori Ragam Dialog Interaktif –
          Sistem Penjendelaan
• Contoh sistem penjendelaan pada Microsoft Windows XP
  Profesional




                                                         29
      Kategori Ragam Dialog Interaktif –
            Sistem Penjendelaan
• Tugas-tugas atau pekerjaan yang dapat dilakukan
  dengan memanfaatkan sistem penjendelaan antara lain
  adalah:
  –   Penampilan lebih banyak informasi
  –   Pengaksesan banyak sumber informasi
  –   Penkombinasian berbagai sumber informasi
  –   Pengontrolan bebas atas sejumlah program
  –   Pengingatan
  –   Command context/active form
  –   Penyajian jamak


                                                        30
    Kategori Ragam Dialog Interaktif –
             Manipulasi Langsung
• Karakteristik yang sangat penting dari ragam dialog ini
  adalah adanya penyajian langsung suatu aktifitas oleh
  sistem kepada pengguna sehingga aktifitas itu akan
  dikerjakan oleh sistem komputer ketika pengguna
  memberikan instruksi lewat manipulasi langsung dari
  semacam kenyataan maya (virtual reality) yang
  terpampang lewat tampilan yang muncul di layar.




                                                            31
      Kategori Ragam Dialog Interaktif –
            Manipulasi Langsung
•   penerapan manupulasi langsung pada berbagai bidang
     – Kontrol Proses
         • pada pembangkitan dan penyaluran listrik dan industri makanan berskala besar biasanya
           memanfaatkan tampilan visual yang berupa panel-panel kontrol yan dihubungkan ke
           suatu sistem pengontrol berbasis komputer.
     – Editor Teks
         • Konsep WYSIWYG (what you see is what you get) merupakan fenomena pengolah kata
           modern dimana pengguna akan mendapatkan hasil cetakan seperti apa yang muncul pada
           layar tampilan. Sehingga, ketika pengguna melakukan manipulasi atas suatu teks pada
           layar, maka sebenarnya ia juga melakukan manipulasi atas hasil cetakan yang ia
           harapkan.
     – Simulator
         • Contohnya pada simulator penerbangan. Di dalam simulator penerbangan, seorang calon
           pilot seolah-olah sedang berada didalam sebuah pesawat yang menjadi tanggung jawab
           secara penuh.
     – Kontrol lalu Lintas Penerbangan
     – Perancangan Berbantuan Komputer (computer-aided design)



                                                                                              32
Kategori Ragam Dialog Interaktif –
      Manipulasi Langsung
– Simulator
    • Contohnya pada simulator penerbangan. Di dalam simulator
      penerbangan, seorang calon pilot seolah-olah sedang berada didalam
      sebuah pesawat yang menjadi tanggung jawab secara penuh.
– Kontrol lalu Lintas Penerbangan
    • Sistem radar, Lewat tampilan dua dimensi, yang merefleksikan dunia tiga
      dimensi itulah seorang operator dapat mengontrol lalu lintas
      penerbangan.
– Perancangan Berbantuan Komputer (computer-aided design)
    • Contoh yang paling populer barangkali adalah sebuah program yang
      bernama AutoCAD. Dengan program ini kita dapat merancang suatu
      model pesawat terbang, baik dengan tampilan yang disebut dengan
      wireframe model maupun berwujud tampilan seperti sebuah pesawat
      yang sesungguhnya dengan memanfaatkan fasilitas rendering yang
      dimilikinya.
                                                                                33
    Kategori Ragam Dialog Interaktif –
          Manipulasi Langsung
• Contoh manipulasi langsung padapermainan Solitaire.




                                                        34
   Kategori Ragam Dialog Interaktif –
         Manipulasi Langsung
• Keuntungan dan Kerugian Dialog Berbasis
  Manipulasi Langsung




                                            35
    Kategori Ragam Dialog Interaktif –
    Antarmuka Berbasis Interaksi Grafis
•   Secara umum cukup sulit membedakan antarmuka berbasis
    manipulasi langsung dengan antarmuka berbasis interaksi
    grafis.
•   Pada program-program yang berkemampuan hypertext,
    program akan memberitahu pengguna bahwa pengguna dapat
    melakukan links ke teks atau dokumen yang lain. Ketika kursor
    mouse berada pada teks yang yang mempunyai link ke teks
    lain, maka bentuk kursor biasanya berubah (umumnya berubah
    menjadi bentuk tangan menunjuk).
•   Keuntungan dan kerugian teknik antarmuka berbasis interaksi
    grafis sama dengan keuntungan dan kerugian teknik antarmuka
    menggunakan manipulasi langsung



                                                               36

								
To top