INTERAKSI MANUSIA DAN KOMPUTER

Ragam Dialog

Oleh :
Sri Herawati, S.Kom

Manajemen Informatika
Fakultas Teknik
Universitas Trunojoyo
2009
 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 prompt 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.
misal : pengguna ahli memberikan respon
positif thd perintah2 yg powerful
Beban informasi, penyajian informasi
hrs disesuaikan dgn aras pengguna.
 Beberapa sifat (cont)
Konsistensi, perintah hrs mempunyai
sintaksis yg terstandarisasi dan urutan
parameter hrs mempunyai tata letak yg
konsisten, format pemasukan data hrs
kompatibel.

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
highlighting
Commands
Penggunaan nama perintah/instruksi
standard key bindings
e.g. ESC selalu dipakai untuk cancel
F1 selalu dipakai untuk menampilkan help
syntax
Format data entry
 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
Informasi yang tepat sebagai feedback mutlak diperlukan
 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, seringkali dgn
menggunakan hasil teknologi baru.
 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 shortcuts
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
ringkas penggunaan yang
teratur
luwes
beban ingatan yang
inisiatif oleh pengguna tinggi
Jelek dalam
menangani kesalahan
Beberapa saran perlu dipertimbangkan u/
meminimalkan beban ingatan dan kesalahan
pengetikan, antara lain adalah :

Pilihlah kata kunci yang mudah diingat

Gunakan format perintah yang konsisten
Gunakan untaian kata yang pendek
Tambahkan fasilitas (help)
Gunakan nilai-nilai default untuk mengurangi
kesalahan ketik
Sediakan pesan-pesan yang jelas, dan jika
masih banyak kesalahan yang muncul
Gunakan ragam inisiatif oleh komputer
DIALOG BERBASIS BAHASA PEMROGRAMAN

Merupakan ragam dialog yang

memungkinkan pengguna untuk
mengemas sejumlah perintah kedalam
suatu berkas yang sering disebut batch
file.
Perintah yang dituliskan tidak harus
menggunakan salah satu bhs
pemrograman baik aras rendah maupun
aras tinggi seperti assembler, Pascal, C,
FORTRAN atau BASIC, tetapi tetap harus
mengikuti aturan-aturan tertentu.
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
 Bahasa diatas kemudian diterjemahkan ke
dalam instruksi yang ekuivalen dengan dbase
atau foxpro, sebagai :
DISPLAY ALL FOR IPSEM > 3.0
Atau dalam dialek Turbo Pascal
while not eof (T) do
begin
readln(T,S) ;
if S.IpSem > 3.0 then
writeln(S.NamaMahasiswa);
end;
Keuntungan dan kerugian penggunaan antarmuka berbasis
bahasa alami

Keuntungan Kerugian
tidak memerlukan mempunyai dualisme
sintaksis khusus bertele-tele
luwes dan powerful opaque (tidak jelas)
alamiah 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 :
- Status
- 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
- Tidak cocok untuk dialog terinisasi pengguna
- Tidak cocok untuk dialog terinisasi campuran
 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.
Hal yg perlu diperhatikan dalam perancangan tampilan

1. Proteksi tampilan, pembatasan tampilan yg

tidak dapat diakses pengguna.
2. Batasan medan tampilan, penentuan
panjang yang tetap atau berubah,
menggunakan format bebas atau tertentu.
3. Isi medan, petunjuk pengisian tampilan.
4. Medan opsional, dinyatakan secara tekstual
atau menggunakan aturan tertentu, seperti
penggunaan warna berintensitas rendah,
warna tampilan yang berbeda, dan lain-lain.
 Hal yg perlu diperhatikan (cont..)

Default. tentukan tempatnya, apakah pada

bagian yang tidak dapat diakses pengguna
ataukah pada bagian pemasukan data.
Bantuan, bantuan (help) cara pengisian borang.
Medan penghentian. Masukan data dapat
diakhiri dengan menekan tombol Enter atau
Return atau mengisi karakter terakhir dengan
karakter tertentu atau dengan cara berpindah ke
medan lain.
Navigasi. menggunakan tombol Tab untuk
urutan yang tetap, atau dapat pula digerakkan
secara bebas menggunakan mouse.
Hal yg perlu diperhatikan (cont..)

Pembetulan kesalahan.
menggunakan tombol BackSpace
dengan menindihi (overwrite) isian
lama, dengan jalan membersihkan dan
mengisi kembali medan tersebut, dan
lain-lain.
Penyelesaian. memberitahu
pengguna bahwa seluruh proses
pengisian telah selesai.
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
memerlukan suatu bentuk
pelatihan
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), 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
 Pemanfaatan Sistem Penjendelaan

Penampilan lebih banyak informasi

Pengaksesan lebih banyak sumber
informasi
Pengkombinasian berbagai sumber
informasi
Pengontrolan bebas atas sejumlah
program
Pengingatan
Command context/active form
Penyajian jamak
 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
- Kontrol lalu lintas penerbangan
Dunia 3 dimensi tempat sebuah pesawat sedang
menjelajahi dunia akan diterjemahkan ke dalam
layar 2 dimensi yang ada di hadapan seorang
operator.
Lewat tampilan 2 dimensi yang merefleksikan
dunia 3 dimensi itulah seorang operator dapat
mengontrol lalu lintas penerbangan
- Perancangan berbantuan komputer
Atau (Computer Aided Design)
contoh : penggunaan program AutoCAD,
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.
 TUGAS
Cari contoh studi kasus di dunia nyata!
Buat interface untuk studi kasus tersebut!
Keterangan :
Dialog Berbasis Bahasa Pemrograman (1-10)(1-5)
Dialog Berbasis Pengisian Borang (11-20)(6-10)
Manipulasi Langsung (21-30)(11-15)

Dikumpulkan tgl 5 Oktober 2009 dalam bentuk

hardcopy
Contoh :
Ragam dialog pengisian borang
Keterangan :
Dialog ini digunakan untuk memasukkan data pemohon
beasiswa di universitas trunojoyo.
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