INTERAKSI MANUSIA DAN KOMPUTER

Ragam Dialog

Oleh :
ADHIKA PRAMITA WIDYASSARI, S.KOM, M.KOM

TEKNIK ELEKTRO
STTR CEPU
2017
 PENDAHULUAN
• RAGAM DIALOG (DIALOQUE STYLE)
adalah cara pengorganisasian berbagai
teknik dialog interaktif yang
memungkinkan terjadinya komunikasi
antara manusia dengan komputer.
• Tujuan perancangan antarmuka dengan
berbagai dialog pada dasarnya adalah
untuk mendapatkan satu kriteria yang
sangat penting dalam pengoperasian
sebuah program aplikasi, yakni aspek
ramah dengan pengguna (user friendly).
Beberapa sifat penting ragam dialog
• Inisiatif
• Keluwesan
• Kompleksitas
• Kekuatan
• Beban informasi
• Konsistensi
• Umpan balik
• Observabilitas
• Kontrolabilitas
• Efisiensi
• Keseimbangan
 Beberapa sifat (cont…)
• Inisiatif, dpt menentukan tipe-tipe pengguna yg
dituju oleh sistem yg dibangun. Ada 2 :
- inisiatif oleh komputer, pengguna memberikan
tanggapan atas perintah yg diberikan komputer
- inisiatif oleh pengguna, pengguna diharapkan
memahami sekumpulan perintah dgn sintaks
tertentu
• Keluwesan, sistem hrs menyesuaikan diri dgn
keinginan pengguna. Keluwesan juga memberi
kesempatan pada pengguna utk costumizing
sistem
 Beberapa sifat (cont…)
• Kompleksitas, kita tdk perlu
menggunakan atau membuat antarmuka
lebih dari apa yg diperlukan.
• Kekuatan, jml kerja yg dpt dilakukan
oleh sistem utk setiap perintah yg
diberikan pengguna.
Beban informasi, penyajian informasi
hrs disesuaikan dgn pengguna.
 Beberapa sifat (cont…)
• Konsistensi, perintah hrs mempunyai
sintaksis yg terstandarisasi dan urutan
parameter hrs mempunyai tata letak yg
konsisten, format pemasukan data hrs
sesuai.
Konsistensi bukan berarti semua interface
harus terlihat sama
Konsistensi (cont..)
• Layout
– Konsisten menggunakan tampilan sehingga user tahu dimana
harus melihat instruksi, pesan error dan status suatu informasi.
• Information coding
– warna
• Commands
– Penggunaan nama perintah/instruksi
– standard key
e.g. ESC selalu dipakai untuk cancel
F1 selalu dipakai untuk menampilkan help
– syntax
 Beberapa sifat (cont…)
• Umpan Balik, Setiap aksi dari user harus menghasilkan
suatu respon yang dapat diterima dengan baik oleh user.
Tujuannya adalah untuk mengurangi ketidakpastian
/keraguan user bahwa sistem:
– menerima input yang terakhir,
– sedang mengerjakan sesuatu yang diinginkan user,
– sedang menunggu input berikutnya.
• Instruksi atau perintah harus menghasilkan suatu
perubahan yang nampak pada interface
– Misal: ‘mail has been sent’ saat merespon ‘Send’
– Menunjukkan suatu perubahan status objek yang
merupakan refleksi perintah user
 Beberapa sifat (cont…)
• Observabilitas, berfungsi secara
benar dan nampak sederhana meskipun
sebenarnya pengolahan internalnya
sangat rumit
• Kontrolabilitas, sistem selalu berada
di bawah kontrol pengguna.
• Efisiensi, sangat penting jika
berpengaruh pada waktu tanggap atau
laju penampilan sistem
 Beberapa sifat (cont…)
• Keseimbangan, perbedaan antara manusia dan
komputer :
- manusia ;dpt menangani berbagai persoalan yg
berurusan dgn perubahan lingkungan,
pengetahuan tdk pasti dan tdk lengkap.
- komputer dpt melakukan pekerjaan yg berulang
dan rutin, penyimpanan dan pencarian data yg
handal dan memberikan hasil komputasi yg
sangat akurat
RAGAM DIALOG INTERAKTIF

• Dialog Berbasis Perintah Tunggal

• Dialog Berbasis Bahasa Pemrograman
• Antarmuka Berbasis Bahasa Alami
• Sistem Menu
• Dialog Berbasis Pengisian Borang
• Antarmuka Berbasis Ikon
• Sistem Windows
• Manipulasi Langsung
• Antarmuka Berbasis Interaksi Grafis
 Karakteristik Ragam Dialog yg Baik
(Neilsen)
• Menggunakan urutan dialog yang simple
dan alami
• Menggunakan bahasa user
• Meminimalkan user memory load
• Konsisten
• Menyediakan Feedback
• Menyediakan pesan error yang baik
• Mencegah errors
 DIALOG BERBASIS PERINTAH TUNGGAL

• Perintah-perintah tunggal yang dapat

dioperasikan biasanya tergantung dari sistem
komputer yang dipakai, dan berada dalam
domain yang disebut bahasa perintah (command
language)
• Bahasa perintah harus dirancang sedemikian
rupa shg mudah dipelajari dan diingat oleh
kebanyakan pengguna
• Contoh : Perintah-perintah yang dimiliki oleh
DOS dan UNIX
 DOS

• Perintah DOS dibagi 2 :

1. Internal Command (tidak memerlukan berkas
.EXE dan .COM)
CONTOH :
C : \>DIR  menampilkan nama berkas yang
terdapat pada hardisk
C : \>COPY *.DOC A: \NASKAH  perintah
membuat salinan semua berkas berpengenal
.DOC dari hardisk C ke disket pada pemutar A
dan ditempatkan dalam direktori NASKAH.
2. External Command (memerlukan berkas .EXE
dan .COM)
CONTOH :
C : \DOS>FORMAT A: /S  perintah untuk
memformat disket pada pemutar A sekaligus
menyalin sistem ke dalam disket tsb.
Perintah ini memerlukan berkas FORMAT.COM
C : \DOS>DELTREE C : \NASKAH\SOAL 
perintah yang digunakan untuk menghapus
direktori SOAL yang berada di dalam direktori
NASKAH di dalam hardisk C
Perintah ini memerlukan berkas DELTREE.EXE
Contoh
 KEUNTUNGAN DAN KERUGIAN PENGGUNAAN
DIALOG BERBASIS PERINTAH TUNGGAL

Keuntungan Kerugian
 cepat  memerlukan pelatihan
 akurat yang lama
 efisien  membutuhkan
luwes penggunaan yang
teratur
 inisiatif oleh pengguna
 beban ingatan yang
tinggi
 Jelek dalam
menangani kesalahan
DIALOG BERBASIS BAHASA PEMROGRAMAN

• Merupakan ragam dialog yang

memungkinkan pengguna untuk
mengemas sejumlah perintah kedalam
suatu berkas yang sering disebut batch
file.
DIALOG BERBASIS ALAMI

• Pada dialog berbasis bahasa alami

pengguna menggunakan instruksi-
instruksi dalam bahasa alami yang lebih
umum sifatnya, pengguna dapat secara
bebas memberikan instruksinya dengan
kalimat-kalimat yang lebih “manusiawi”.
• Contoh instruksi bahasa alami :

Cetak daftar semua mahasiswa yang

mempunyai IP semester lebih besar dari 3,0
Keuntungan dan kerugian penggunaan antarmuka berbasis
bahasa alami

Keuntungan Kerugian
 tidak memerlukan bertele-tele
sintaksis khusus  opaque (tidak jelas)
 luwes dan powerful  perancangan
 merupakan inisiatif perangkat lunak yang
campuran rumit
 tidak efisien
 SISTEM MENU

• Menu adalah daftar sejumlh pilihan dlm

jml terbatas.
• Berdasarkan teknik penampilan pilihan-
pilihan, dikenal 2 sistem menu : Menu
datar dan Menu tarik (pulldown).
• Sistem menu datar adalah sistem menu
yang menampilkan semua pilihan secara
lengkap.
• Sistem menu tarik adalah sistem menu
yang akan menampilkan pilihan dalam
kelompok-kelompok tertentu.
 Sistem Menu (cont..)

• ragam interaksi pada sistem menu

datar dapat berupa:
– Selektor pilihan, dpt berupa angka, huruf
atau campuran angka dan huruf.
– Penggunaan tanda terang, dgn bantuan
tombol khusus ;
, , atau bantuan mouse
– Kombinasi dari kedua ragam di atas.
 Sistem Menu (cont..)

Utk menu yg mempunyai banyak pilihan,

biasanya menggunakan menu tarik.
Beberapa pilihan menu tarik :
- Shortcut, kombinasi tombol2 khusus
misal :Ctrl + N
Struktur Pohon Sistem Menu
Tarik
Menu utama

File Edit Table

Draw table Insert Delete

Table Column to right Column to left

Contoh :
Keuntungan dan kerugian sistem menu

• Keuntungan :
- Memerlukan sedikit pengetikan
- Beban memori rendah
- Struktur terdefinisi dengan baik
- Perancangan yang mudah
• Kerugian
- Seringkali lambat
- Memakan ruang layar
- Tidak cocok untuk aktifitas Pemasukan data
 DIALOG BERBASIS PENGISIAN BORANG
• Teknik dialog berbasis pengisian borang (form
filling dialogue) merupakan suatu penerapan
langsung dari aktifitas pengisian borang dalam
kehidupan sehari-hari dimana pengguna akan
dihadapkan suatu bentuk borang yang ada di
layar komputer yang mereka gunakan.
• Kualitas antarmuka berbasis pengisian borang
tergantung pada tiga aspek:
– Tampilan pada layar monitor yang mencerminkan struktur data
masukan yang diperlukan oleh sistem.
– Kejelasan perancangan dan penyajiannya secara visual pada
layar monitor.
– Derajat kebenaran dan kehandalan penerimaan data masukan
oleh program lewat berbagai fasilitas pemasukan data yang ada
di dalam borang tersebut.
Keuntungan dan kerugian Dialog Berbasis
Pengisian Borang
Keuntungan Kerugian
 pengguna sudah terbiasa  seringkali lambat
dengan pengisian borang  memakan ruang layar
 isian data yang (khususnya untuk menu
disederhanakan datar)
 diperlukan sedikit pelatihan  tidak cocok untuk
 beban memori rendah pemilihan perintah/instruksi
 strukturnya jelas  memerlukan pengontrol
 perancangan mudah kursor
 tersedia berbagai piranti  mekanisme navigasinya
bantu perancangan tampilan tidak terlihat secara eksplisit
DIALOG BERBASIS IKON (icon-based
user interface)
• Adalah ragam dialog yang banyak menggunakan
simbol-simbol dan tanda-tanda untuk
menunjukkan suatu aktifitas tertentu.
• Keuntungannya gambar bersifat umum, mudah
diingat,mudah dipelajari shg mempertinggi
kinerja pengguna, tidak bergantung pada suatu
bahasa.
• Kerugian : cenderung membingungkan, boros
tempat, dan sangat tidak efektif, tidak adanya
standarisasi bentuk-bentuk ikon seringkali
menimbulkan persoalan tersendiri.
Contoh :
 SISTEM PENJENDELAAN

• Jendela (window) adalah bagian dari layar yang

digunakan untuk menampilkan informasi.
• 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.
• Jenis-jenis jendela
 Jendela TTY
 Time-Multiplexed Windows
 Space-Multiplexed Windows
 Jendela non Homogen
• Jendela TTY : jendela paling sederhana,
contohnya adalah ketika anda berada pada dot
prompt.
• Time-Multiplexed Windows : jendela yang dapat
digeser (scrollable 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
 Pemanfaatan Sistem Penjendelaan

• Penampilan lebih banyak informasi

• Pengaksesan lebih banyak sumber
informasi
• Pengkombinasian berbagai sumber
informasi
• Pengontrolan bebas atas sejumlah
program
 MANIPULASI LANGSUNG

• Ragam dialog yang menyajikan langsung suatu aktifitas

oleh sistem kepada pengguna sehingga aktifitas itu akan
dikerjakan oleh sistem komputer ketika pengguna
memberikan langsung instruksi lewat manipulasi
langsung dari semacam kenyataan maya (virtual reality)
yang terpampang lewat tampilan yang muncul di layar.
• Penerapan manipulasi langsung :
- kontrol proses
contoh : sistem pembangkitan dan penyaluran listrik
yang terhubung dengan sistem secara online
- Simulator
Adalah sistem miniatur yang mencoba menirukan kerja
suatu sistem yang berskala sangat besar atau sangat
kecil jika dilihat dari kacamata orang awam.
contoh : Simulator penerbangan
Keuntungan dan kerugian Penggunaan
Dialog Berbasis Manipulasi Langsung
Keuntungan Kerugian
 mempunyai analogi yang jelas  memerlukan program yang
dengan suatu pekerjaan nyata rumit dan berukuran besar
 mengurangi waktu  memerlukan tampilan grafis
pembelajaran berkinerja tinggi
 memberikan tantangan untuk  memerlukan piranti masukan
eksplorasi pekerjaan yang nyata seperti mouse, trackball
 penampilan visual yang bagus  memerlukan perancangan
 mudah dioperasikan tampilan dengan kualifikasi
 tersedianya berbagai tertentu
perangkat bantu u/ merancang
ragam dialog manipulasi
langsung
DIALOG BERBASIS INTERAKSI GRAFIS

• Agak susah dibedakan dengan antarmuka

berbasis manipulasi langsung.
• Secara umum, keuntungan dan kerugian teknik
antarmuka berbasis interaksi grafis sama dengan
keuntungan dan kerugian menggunakan
manipulasi langsung
• Contoh : Pada Microsoft Word ketika kursor
mendekati suatu ikon akan muncul pesan yang
menunjukkan arti ikon tsb.
REFERENSI
• Andy Downtown, Graham Leedham, “Human
Aspect of Human Computer Interaction” in
Engineering the Human Computer Interface, Mc
Graw Hill International Edition, 2003
• Shneiderman, Ben, “Designing the user interface :
strategies for effective human-compver
interaction, third edition”, Addison Wesley, 1996
• Santosa, Insap Interaksi Manusia dan Komputer,
Teori & Praktek, Andi Yogyakarta
• Surbakti, Irfan; Santosa, Insap; Interaksi Manusia
Dan Komputer, Edisi Jurusan Teknik Informatika-
ITS, 2006
• Modul interaksi manusia dan komputer