INTERAKSI MANUSIA
KOMPUTER
Ragam DialogAulia Oktariani
Dialog Manusia dan Komputer
Pengertian Dialog?
 Umum, dialog adalah proses komunikasi antara 2 atau lebih
agen, dalam dialog makna harus dipertimbangkan agar
memenuhi kaidah semantis dan pragmatis
 IMK, dialog adalah pertukaran instruksi dan informasi yang
mengambil tempat antara user dan sistem komputer
Apa itu Ragam Dialog?
Ragam Dialog adalah cara pengorganisasian berbagai teknik
dialog interaktif yang memungkinkan terjadinya komunikasi
antara manusia dengan komputer.
Tujuan Ragam Dialog
 untuk mendapatkan satu kriteria yang sangat penting dalam
pengoperasian sebuah program aplikasi, yakni aspek ramah
dengan pengguna (user friendly).
Sifat Ragam Dialog
 Inisiatif
Pengguna memberikan tanggapan atas prompt yang berikan
oleh komputer untuk memasukkan perintah atau parameter
perintah
 Keluwesan
Pengguna mempunyai kesempatan melakukan customizing dan
memperluas antarmuka dari sebuah sistem untuk memenuhi
kebutuhan.
Sifat Ragam Dialog (2)
 Kompleksitas
Pengelompokan dalam menerapkan model yang diinginkan
pengguna ke dalam sistem, dan hal ini dapat diperoleh dengan
menggunakan hirarkhi atau ortogonalitas atau keduanya.
 Kekuatan
Kekuatan didefinisikan sebagai jumlah kerja yang dapat
dilakukan oleh sistem untuk setiap perintah yang diberikan oleh
pengguna.
Sifat Ragam Dialog (3)
 Beban Informasi
Dalam hal ini menitik beratkan pada penyajian informasi yang
dihasilkan komputer kepada pengguna. Agar penyampaian
informasi itu dapat berdaya guna dan beban informasi yang
terkandung di dalam suatu ragam dialog seharusnya disesuaikan
dengan aras pengguna.
Karakteristik Ragam Dialog
 Konsistensi : perintah memiliki sintaksis standar dan urutan
parameter memiliki tata letak yg konsisten
 Umpan balik : tersedianya mekanisme untuk memberitahu
pengguna proses yg sedang berlangsung
 Observabilitas : sistem berfungsi dg benar dan tampak
sederhana bagi pengguna
 Kontrolabilitas : sistem selalu berada di bawah kontrol
pengguna, shg pengguna mengetahui posisi proses yg
dilakukannya
 Efisiensi : unjuk kerja manusia dan komputer secara bersama
Karakteristik Ragam Dialog (2)
 Keseimbangan : pembagian tugas antara manusia dan
komputer seoptimal mungkin
Kecakapan Manusia Kecakapan Komputer
Estimasi Kalkulasi Akurat
Intuisi Dedukasi Logika
Kreatifitas Perulangan
Adaptasi Konsistensi
Pengolahan perkecualian Pengolahan Rutin
Pengenalan Pola Pengolahan Data
Kesalahan Manusiawi Bebas dari Kesalahan
Kesadaran Serempak Multitasking
Aturan Percanangan Ragam Dialog
 Pegang Teguh Konsistensi
Informasi disusun dalam formulir-formulir, nama-nama dan
susunan menu, ukuran dan bentuk dari ikon, dll, semuanya harus
konsisten diseluruh system.
Konsisten mengijinkan banyak aksi menjadi otomatis. Jika ada
aplikasi baru hadir dengan fungsi yang berbeda akan
menyebabkan user harus mempelajari kembali operasi-operasi
yang dilakukan. Mis: konsistensi di dalam menu bar untuk File,
Edit dan Format
Aturan Percanangan Ragam Dialog (2)
 Sediakan Short Cut Bagi Pengguna Aktif
User yang bekerja dengan satu aplikasi dalam seluruh waktunya
akan menginginkan penghematan waktu dengan memanfaatkan
short cut. User mulai hilang kesabaran dengan urutan menu
panjang ketika mereka sudah tahu pasti apa yang mereka
kerjakan. Short cut keys dapat mereduksi jumlah interaksi untuk
tugas yang diberikan. Designer dapat menyediakan fasilitas
makro bagi user untuk membuat short cuts bagi dirinya sendiri.
Dengan short cut membuat user lebih produktif
Aturan Percanangan Ragam Dialog (3)
 Sediakan Feedback yang Informatif
Setiap aksi dari user harus ada feedback dari komputer untuk
menunjukkan hasil dari aksi tersebut
 Sediakan Error Handling yang Mudah
Error dapat menjadi masalah yang serius, sehingga designer
harus mencoba mencegah user membuat error. Ketika errors
terjadi perlu cara mengatasinya:
1. Pesan error harus dinyatakan secara jelas apa
kesalahannya dan menerangkan bagaimana kesalahan
tersebut terjadi
Aturan Percanangan Ragam Dialog (4)
 Ijinkan Pembatalan Aksi
User memerlukan bahwa ketika mereka sudah memilih opsi dan
membuat aksi, aktivitas itu dapat dibatalkan atau kembali ke
kondisi sebelumnya dengan mudah. Mengijinkan user untuk
belajar tentang sistem dengan melakukan eksplorasi. Jika
mereka melakukan kesalahan, mereka dapat membatalkan
aksinya. Jika user akan menghapus sesuatu yang substansial
(mis: sebuah file), sistem harus meminta konformasi terhadap
aksi tersebut
Aturan Percanangan Ragam Dialog (5)
 Sediakan Fasilitas Bantuan (Help)
User yang berpengalaman menginginkan bahwa mereka yang
mengendalikan sistem dan sistem merespon mereka. Segala
sesuatu yang mereka tidak tahu rasanya ingin segera mendapat
jawabannya, oleh sebab itu fasilitas “help” penting untuk
menolongnya agar segera mendapatkan solusi. User yang tidak
berpengalaman ketika mengalami kesulitan dalam
mengeksplorasi sistem juga perlu mendapat pertolongan yang
mudah dan sederhana, fasilitas “help” yang lengkap, mudah
dioperasikan akan menolong mereka mengatasi kesulitannya
Aturan Percanangan Ragam Dialog (6)
 Kurangi Muatan Short-Term Memory
Orang mempunyai keterbatasan pada short-term memory-nya.
Orang hanya mengingat sekitar 7 chunk informasi pada satu saat
Macam-Macam Ragam Dialog
Ragam Dialog Interaktif
Terbagi :
 Dialog Berbasis Perintah Tunggal/Command Line Language
Pengoperasian perintah bergantung pada sistem komputer yg
dipakai dan berada pada domain / bahasa perintah.
Contoh : DOS(dir, delete, format, copy, dll) , UNIX, Linux (ls, vi,
who, passwd, dll) .
Bahasa perintah harus memiliki struktur, sintaks dan semantik
tertentu
Macam-Macam Ragam Dialog (2)
 Dialog berbasis bahasa pemrograman (Programming
Language Dialogue )
Merupakan ragam dialog yang memungkinkan pengguna untuk
mengemas sejumlah perintah kedalam suatu berkas yang sering
disebut batch file.
Menggunakan salah satu bahasa pemrograman baik dari aras
rendah maupun aras tinggi . Perintah yg sama dan rutin
dijalankan dapat dilakukan secara otomatis
Macam-Macam Ragam Dialog (3)
 Antarmuka berbasis bahasa alami
Dialog yang berisikan instruksi-instruksi dalam bahasa alami
(manusia) yang diterjemahkan oleh sistem penterjemah.
Contoh :
Cetak semua daftar mahasiswa yg mempunyai IPK > 3.0
Select * from data where IPK > 3.0
Macam-Macam Ragam Dialog (4)
 Dialog yang menampilkan
daftar sejumlah pilihan dalam
jumlah terbatas.
Terbagi 2 :
Sistem menu datar
• Penggunaan selektor pilihan
• Penggunaan tanda terang
Sistem menu tarik (pulldown)
• Pengelompokan pilihan
menurut kategori tertentu
Macam-Macam Ragam Dialog (5)
 Dialog berbasis pengisian formulir (Form Filling Dialogue )
Dialog dimana pengguna (user) dihadapkan ke suatu bentuk
formulir dilayar komputer yang berisi sejumlah pengisian data
dan opsi (option) yang telah ditentukan.
 Kualitas tergantung pada :
1. Tampilan pada layar yg mencerminkan struktur data input
2. Kejelasan perancangan dan penyajian secara visual pada
layer
3. Derajat kebenaran dan kehandalan penerimaan input
Dialog berbasis pengisian formulir (Form Filling
Dialogue )
 Faktor Penentu Rancangan
1. Proteksi tampilan : adanya pembatasan agar pengguna
tidak dapat mengakses semua tampilan yg ada di layar
2. Batasan medan tampilan : medan data ditentukan memiliki
panjang dan format tetap atau tertentu
3. Isi medan : disediakan petunjuk pengisian
4. Medan optional : medan yg bersifat optional dinyatakan
secara tekstual atau dengan aturan tertentu
5. Default : tentukan tempat dimana ditetapkan suatu nilai
default (pada input atau bagian yg tidak dapat diakses
pengguna)
Dialog berbasis pengisian formulir (Form Filling
Dialogue ) (2)
 Faktor Penentu Rancangan
1. Bantuan : dsediakan layar bantuan dan cara
pengaksesannya
2. Medan penghentian : cara penghentian pengisian data
dalam medan
3. navigasi : penggerakan kursor dengan TAB atau mouse
4. Pembetulan kesalahan : melalui Backspace atau cara
lainnya
5. penyelesaian : ada pemberitahuan pada user bahwa
seluruh proses selesai
Macam-Macam Ragam Dialog (6)
 Antarmuka berbasis ikon (icon)
Dialog yang menggunakan simbol atau tanda untuk
menunjukan suatu pilihan aktifitas tertentu.
 Sistem Penjendelaan (Windowing System )
Sistem antarmuka yang memungkinkan pengguna untuk
menampilkan berbagai informasi pada satu atau lebih
jendela (window).
Sistem Penjendelaan (Windowing System
)
Jenis-jenis jendela (window) :
 Jendela TTY : jendela paling sederhana, contohnya adalah
ketika anda berada pada dot prompt.
 Time-Multiplexed Windows : jendela yang dapat digeser
(scrollable windows), dan frame-at-a-time windows. Contoh :
text editor atau menu tarik
 Space-Multiplexed Windows : lebar layar dibagi menjadi
beberapa jendela dengan ukuran yang bervariasi. Contoh :
Microsoft Windows XP
 Jendela non Homogen : jenis jendela yang tidak dapat
dikelompokkan dalam jendela-jendela diatas. Contoh : ikon dan
zooming window
Macam-Macam Ragam Dialog (7)
 Manipulasi Langsung
Penyajian langsung aktifitas kepada pengguna (user) sehingga
aktifitas akan dikerjakan oleh komputer ketika pengguna
memberikan instruksi langsung yang ada pada layar computer.
 Penerapan :
1. Kontrol Proses
2. Editor Teks
3. Simulator
4. Kontrol Lalu lintas penerbangan
5. Perancangan Bentuk/model
Manipulasi Langsung
 Contoh-contoh Sistem Manipulasi Langsung
1. Command-line vs display editor vs word processors
2. Spreadsheet
3. Spatial data management
4. Video games
5. Computer-aided design (CAD)
6. Office automation
Macam-Macam Ragam Dialog (8)
 Antarmuka Berbasis Interaksi Grafis.
Dialog berbentuk pesan atau informasi pada suatu gambar atau
link yang tampil ketika pengguna melakukan suatu aktifitas.
Contoh :
• icon dan tool tips
• hypertext dg bentuk kursor yg berubah ketika mouse diarahkan
ke hypertext

Ragam Dialog :: Interaksi Manusia dan Komputer

  • 1.
  • 2.
    Dialog Manusia danKomputer Pengertian Dialog?  Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan agar memenuhi kaidah semantis dan pragmatis  IMK, dialog adalah pertukaran instruksi dan informasi yang mengambil tempat antara user dan sistem komputer
  • 3.
    Apa itu RagamDialog? Ragam Dialog adalah cara pengorganisasian berbagai teknik dialog interaktif yang memungkinkan terjadinya komunikasi antara manusia dengan komputer.
  • 4.
    Tujuan Ragam Dialog untuk mendapatkan satu kriteria yang sangat penting dalam pengoperasian sebuah program aplikasi, yakni aspek ramah dengan pengguna (user friendly).
  • 5.
    Sifat Ragam Dialog Inisiatif Pengguna memberikan tanggapan atas prompt yang berikan oleh komputer untuk memasukkan perintah atau parameter perintah  Keluwesan Pengguna mempunyai kesempatan melakukan customizing dan memperluas antarmuka dari sebuah sistem untuk memenuhi kebutuhan.
  • 6.
    Sifat Ragam Dialog(2)  Kompleksitas Pengelompokan dalam menerapkan model yang diinginkan pengguna ke dalam sistem, dan hal ini dapat diperoleh dengan menggunakan hirarkhi atau ortogonalitas atau keduanya.  Kekuatan Kekuatan didefinisikan sebagai jumlah kerja yang dapat dilakukan oleh sistem untuk setiap perintah yang diberikan oleh pengguna.
  • 7.
    Sifat Ragam Dialog(3)  Beban Informasi Dalam hal ini menitik beratkan pada penyajian informasi yang dihasilkan komputer kepada pengguna. Agar penyampaian informasi itu dapat berdaya guna dan beban informasi yang terkandung di dalam suatu ragam dialog seharusnya disesuaikan dengan aras pengguna.
  • 8.
    Karakteristik Ragam Dialog Konsistensi : perintah memiliki sintaksis standar dan urutan parameter memiliki tata letak yg konsisten  Umpan balik : tersedianya mekanisme untuk memberitahu pengguna proses yg sedang berlangsung  Observabilitas : sistem berfungsi dg benar dan tampak sederhana bagi pengguna  Kontrolabilitas : sistem selalu berada di bawah kontrol pengguna, shg pengguna mengetahui posisi proses yg dilakukannya  Efisiensi : unjuk kerja manusia dan komputer secara bersama
  • 9.
    Karakteristik Ragam Dialog(2)  Keseimbangan : pembagian tugas antara manusia dan komputer seoptimal mungkin Kecakapan Manusia Kecakapan Komputer Estimasi Kalkulasi Akurat Intuisi Dedukasi Logika Kreatifitas Perulangan Adaptasi Konsistensi Pengolahan perkecualian Pengolahan Rutin Pengenalan Pola Pengolahan Data Kesalahan Manusiawi Bebas dari Kesalahan Kesadaran Serempak Multitasking
  • 10.
    Aturan Percanangan RagamDialog  Pegang Teguh Konsistensi Informasi disusun dalam formulir-formulir, nama-nama dan susunan menu, ukuran dan bentuk dari ikon, dll, semuanya harus konsisten diseluruh system. Konsisten mengijinkan banyak aksi menjadi otomatis. Jika ada aplikasi baru hadir dengan fungsi yang berbeda akan menyebabkan user harus mempelajari kembali operasi-operasi yang dilakukan. Mis: konsistensi di dalam menu bar untuk File, Edit dan Format
  • 11.
    Aturan Percanangan RagamDialog (2)  Sediakan Short Cut Bagi Pengguna Aktif User yang bekerja dengan satu aplikasi dalam seluruh waktunya akan menginginkan penghematan waktu dengan memanfaatkan short cut. User mulai hilang kesabaran dengan urutan menu panjang ketika mereka sudah tahu pasti apa yang mereka kerjakan. Short cut keys dapat mereduksi jumlah interaksi untuk tugas yang diberikan. Designer dapat menyediakan fasilitas makro bagi user untuk membuat short cuts bagi dirinya sendiri. Dengan short cut membuat user lebih produktif
  • 12.
    Aturan Percanangan RagamDialog (3)  Sediakan Feedback yang Informatif Setiap aksi dari user harus ada feedback dari komputer untuk menunjukkan hasil dari aksi tersebut  Sediakan Error Handling yang Mudah Error dapat menjadi masalah yang serius, sehingga designer harus mencoba mencegah user membuat error. Ketika errors terjadi perlu cara mengatasinya: 1. Pesan error harus dinyatakan secara jelas apa kesalahannya dan menerangkan bagaimana kesalahan tersebut terjadi
  • 13.
    Aturan Percanangan RagamDialog (4)  Ijinkan Pembatalan Aksi User memerlukan bahwa ketika mereka sudah memilih opsi dan membuat aksi, aktivitas itu dapat dibatalkan atau kembali ke kondisi sebelumnya dengan mudah. Mengijinkan user untuk belajar tentang sistem dengan melakukan eksplorasi. Jika mereka melakukan kesalahan, mereka dapat membatalkan aksinya. Jika user akan menghapus sesuatu yang substansial (mis: sebuah file), sistem harus meminta konformasi terhadap aksi tersebut
  • 14.
    Aturan Percanangan RagamDialog (5)  Sediakan Fasilitas Bantuan (Help) User yang berpengalaman menginginkan bahwa mereka yang mengendalikan sistem dan sistem merespon mereka. Segala sesuatu yang mereka tidak tahu rasanya ingin segera mendapat jawabannya, oleh sebab itu fasilitas “help” penting untuk menolongnya agar segera mendapatkan solusi. User yang tidak berpengalaman ketika mengalami kesulitan dalam mengeksplorasi sistem juga perlu mendapat pertolongan yang mudah dan sederhana, fasilitas “help” yang lengkap, mudah dioperasikan akan menolong mereka mengatasi kesulitannya
  • 15.
    Aturan Percanangan RagamDialog (6)  Kurangi Muatan Short-Term Memory Orang mempunyai keterbatasan pada short-term memory-nya. Orang hanya mengingat sekitar 7 chunk informasi pada satu saat
  • 16.
    Macam-Macam Ragam Dialog RagamDialog Interaktif Terbagi :  Dialog Berbasis Perintah Tunggal/Command Line Language Pengoperasian perintah bergantung pada sistem komputer yg dipakai dan berada pada domain / bahasa perintah. Contoh : DOS(dir, delete, format, copy, dll) , UNIX, Linux (ls, vi, who, passwd, dll) . Bahasa perintah harus memiliki struktur, sintaks dan semantik tertentu
  • 17.
    Macam-Macam Ragam Dialog(2)  Dialog berbasis bahasa pemrograman (Programming Language Dialogue ) Merupakan ragam dialog yang memungkinkan pengguna untuk mengemas sejumlah perintah kedalam suatu berkas yang sering disebut batch file. Menggunakan salah satu bahasa pemrograman baik dari aras rendah maupun aras tinggi . Perintah yg sama dan rutin dijalankan dapat dilakukan secara otomatis
  • 18.
    Macam-Macam Ragam Dialog(3)  Antarmuka berbasis bahasa alami Dialog yang berisikan instruksi-instruksi dalam bahasa alami (manusia) yang diterjemahkan oleh sistem penterjemah. Contoh : Cetak semua daftar mahasiswa yg mempunyai IPK > 3.0 Select * from data where IPK > 3.0
  • 19.
    Macam-Macam Ragam Dialog(4)  Dialog yang menampilkan daftar sejumlah pilihan dalam jumlah terbatas. Terbagi 2 : Sistem menu datar • Penggunaan selektor pilihan • Penggunaan tanda terang Sistem menu tarik (pulldown) • Pengelompokan pilihan menurut kategori tertentu
  • 20.
    Macam-Macam Ragam Dialog(5)  Dialog berbasis pengisian formulir (Form Filling Dialogue ) Dialog dimana pengguna (user) dihadapkan ke suatu bentuk formulir dilayar komputer yang berisi sejumlah pengisian data dan opsi (option) yang telah ditentukan.  Kualitas tergantung pada : 1. Tampilan pada layar yg mencerminkan struktur data input 2. Kejelasan perancangan dan penyajian secara visual pada layer 3. Derajat kebenaran dan kehandalan penerimaan input
  • 21.
    Dialog berbasis pengisianformulir (Form Filling Dialogue )  Faktor Penentu Rancangan 1. Proteksi tampilan : adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yg ada di layar 2. Batasan medan tampilan : medan data ditentukan memiliki panjang dan format tetap atau tertentu 3. Isi medan : disediakan petunjuk pengisian 4. Medan optional : medan yg bersifat optional dinyatakan secara tekstual atau dengan aturan tertentu 5. Default : tentukan tempat dimana ditetapkan suatu nilai default (pada input atau bagian yg tidak dapat diakses pengguna)
  • 22.
    Dialog berbasis pengisianformulir (Form Filling Dialogue ) (2)  Faktor Penentu Rancangan 1. Bantuan : dsediakan layar bantuan dan cara pengaksesannya 2. Medan penghentian : cara penghentian pengisian data dalam medan 3. navigasi : penggerakan kursor dengan TAB atau mouse 4. Pembetulan kesalahan : melalui Backspace atau cara lainnya 5. penyelesaian : ada pemberitahuan pada user bahwa seluruh proses selesai
  • 23.
    Macam-Macam Ragam Dialog(6)  Antarmuka berbasis ikon (icon) Dialog yang menggunakan simbol atau tanda untuk menunjukan suatu pilihan aktifitas tertentu.  Sistem Penjendelaan (Windowing System ) Sistem antarmuka yang memungkinkan pengguna untuk menampilkan berbagai informasi pada satu atau lebih jendela (window).
  • 24.
    Sistem Penjendelaan (WindowingSystem ) Jenis-jenis jendela (window) :  Jendela TTY : jendela paling sederhana, contohnya adalah ketika anda berada pada dot prompt.  Time-Multiplexed Windows : jendela yang dapat digeser (scrollable windows), dan frame-at-a-time windows. Contoh : text editor atau menu tarik  Space-Multiplexed Windows : lebar layar dibagi menjadi beberapa jendela dengan ukuran yang bervariasi. Contoh : Microsoft Windows XP  Jendela non Homogen : jenis jendela yang tidak dapat dikelompokkan dalam jendela-jendela diatas. Contoh : ikon dan zooming window
  • 25.
    Macam-Macam Ragam Dialog(7)  Manipulasi Langsung Penyajian langsung aktifitas kepada pengguna (user) sehingga aktifitas akan dikerjakan oleh komputer ketika pengguna memberikan instruksi langsung yang ada pada layar computer.  Penerapan : 1. Kontrol Proses 2. Editor Teks 3. Simulator 4. Kontrol Lalu lintas penerbangan 5. Perancangan Bentuk/model
  • 26.
    Manipulasi Langsung  Contoh-contohSistem Manipulasi Langsung 1. Command-line vs display editor vs word processors 2. Spreadsheet 3. Spatial data management 4. Video games 5. Computer-aided design (CAD) 6. Office automation
  • 27.
    Macam-Macam Ragam Dialog(8)  Antarmuka Berbasis Interaksi Grafis. Dialog berbentuk pesan atau informasi pada suatu gambar atau link yang tampil ketika pengguna melakukan suatu aktifitas. Contoh : • icon dan tool tips • hypertext dg bentuk kursor yg berubah ketika mouse diarahkan ke hypertext