SlideShare a Scribd company logo
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

More Related Content

What's hot

Interaksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanInteraksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanAwang Ramadhani
 
Pengujian Perangkat Lunak
Pengujian Perangkat LunakPengujian Perangkat Lunak
Pengujian Perangkat Lunak
Adam Mukharil Bachtiar
 
Prinsip usability
Prinsip usabilityPrinsip usability
Prinsip usability
Shary Armonitha
 
Metode pencarian heuristik
Metode pencarian heuristikMetode pencarian heuristik
Metode pencarian heuristikBaguss Chandrass
 
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
Uofa_Unsada
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
Miftahul Muttaqin
 
materi imk Menu
materi imk Menumateri imk Menu
materi imk Menu
Kukuh Aji
 
Proposal pembuatan aplikasi
Proposal pembuatan aplikasiProposal pembuatan aplikasi
Proposal pembuatan aplikasi
HIMATIF UIN SGD
 
Data Base Tiket Pesawat
Data Base Tiket PesawatData Base Tiket Pesawat
Data Base Tiket Pesawat
naufals11
 
Konteks, Data Flow Diagram dan Kamus Data
Konteks, Data Flow Diagram dan Kamus DataKonteks, Data Flow Diagram dan Kamus Data
Konteks, Data Flow Diagram dan Kamus Data
Fraiza Geraldi
 
Modul 4 representasi pengetahuan
Modul 4   representasi pengetahuanModul 4   representasi pengetahuan
Modul 4 representasi pengetahuan
ahmad haidaroh
 
UML Aplikasi Rental Mobil
UML Aplikasi Rental MobilUML Aplikasi Rental Mobil
UML Aplikasi Rental Mobil
Dwi Mardianti
 
Incremental development (pengembangan incremental)
Incremental development (pengembangan incremental)Incremental development (pengembangan incremental)
Incremental development (pengembangan incremental)
Fitria Hati
 
Diagram Konteks dan DFD Sistem Informasi Penjualan
Diagram Konteks dan DFD Sistem Informasi PenjualanDiagram Konteks dan DFD Sistem Informasi Penjualan
Diagram Konteks dan DFD Sistem Informasi Penjualan
Ricky Kusriana Subagja
 
SLIDE KE:5 NFA
SLIDE KE:5 NFASLIDE KE:5 NFA
SLIDE KE:5 NFA
Rahmatdi Black
 
Makalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
Makalah Peranan Semaphore Sistem Operasi - Universitas WidyatamaMakalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
Makalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
DEDE IRYAWAN
 
Analisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem InformasiAnalisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem Informasi
Universitas Teknokrat Indonesia
 
Laporan Praktikum Algoritma
Laporan Praktikum AlgoritmaLaporan Praktikum Algoritma
Laporan Praktikum Algoritma
EnvaPya
 

What's hot (20)

Interaksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanInteraksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + Jawaban
 
Pengujian Perangkat Lunak
Pengujian Perangkat LunakPengujian Perangkat Lunak
Pengujian Perangkat Lunak
 
Prinsip usability
Prinsip usabilityPrinsip usability
Prinsip usability
 
Metode pencarian heuristik
Metode pencarian heuristikMetode pencarian heuristik
Metode pencarian heuristik
 
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
 
materi imk Menu
materi imk Menumateri imk Menu
materi imk Menu
 
Proposal pembuatan aplikasi
Proposal pembuatan aplikasiProposal pembuatan aplikasi
Proposal pembuatan aplikasi
 
Data Base Tiket Pesawat
Data Base Tiket PesawatData Base Tiket Pesawat
Data Base Tiket Pesawat
 
Konteks, Data Flow Diagram dan Kamus Data
Konteks, Data Flow Diagram dan Kamus DataKonteks, Data Flow Diagram dan Kamus Data
Konteks, Data Flow Diagram dan Kamus Data
 
Prinsip User Interface Design
Prinsip User Interface DesignPrinsip User Interface Design
Prinsip User Interface Design
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Modul 4 representasi pengetahuan
Modul 4   representasi pengetahuanModul 4   representasi pengetahuan
Modul 4 representasi pengetahuan
 
UML Aplikasi Rental Mobil
UML Aplikasi Rental MobilUML Aplikasi Rental Mobil
UML Aplikasi Rental Mobil
 
Incremental development (pengembangan incremental)
Incremental development (pengembangan incremental)Incremental development (pengembangan incremental)
Incremental development (pengembangan incremental)
 
Diagram Konteks dan DFD Sistem Informasi Penjualan
Diagram Konteks dan DFD Sistem Informasi PenjualanDiagram Konteks dan DFD Sistem Informasi Penjualan
Diagram Konteks dan DFD Sistem Informasi Penjualan
 
SLIDE KE:5 NFA
SLIDE KE:5 NFASLIDE KE:5 NFA
SLIDE KE:5 NFA
 
Makalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
Makalah Peranan Semaphore Sistem Operasi - Universitas WidyatamaMakalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
Makalah Peranan Semaphore Sistem Operasi - Universitas Widyatama
 
Analisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem InformasiAnalisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem Informasi
 
Laporan Praktikum Algoritma
Laporan Praktikum AlgoritmaLaporan Praktikum Algoritma
Laporan Praktikum Algoritma
 

Similar to Ragam Dialog :: Interaksi Manusia dan Komputer

Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
Septio Rahman
 
Antarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi GrafisAntarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi Grafis
SMK MUhammadiyah Singkut
 
INTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTERINTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTER
Angling_seto
 
Bab iv ragam dialog
Bab iv ragam dialogBab iv ragam dialog
Bab iv ragam dialog
Sevice Center Pomosda
 
Pendahuluan IMK.pptx
Pendahuluan IMK.pptxPendahuluan IMK.pptx
Pendahuluan IMK.pptx
SantosSantos94
 
Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4
Hide Maru
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialogpanji_cg
 
Interaksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptxInteraksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptx
iisistriyah23
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputer
Imaduddin Amrullah
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desainf' yagami
 
6.ppt
6.ppt6.ppt
BAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).pptBAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).ppt
AksaRey
 
T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkArtaya Honest
 
Hci pert52
Hci pert52Hci pert52
Hci pert52
rumahtuaharini
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
MirnaNia
 

Similar to Ragam Dialog :: Interaksi Manusia dan Komputer (20)

Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Antarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi GrafisAntarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi Grafis
 
INTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTERINTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTER
 
Bab iv ragam dialog
Bab iv ragam dialogBab iv ragam dialog
Bab iv ragam dialog
 
Pendahuluan IMK.pptx
Pendahuluan IMK.pptxPendahuluan IMK.pptx
Pendahuluan IMK.pptx
 
Ragam Dialog
Ragam DialogRagam Dialog
Ragam Dialog
 
Ragam dialog
Ragam dialog Ragam dialog
Ragam dialog
 
Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Interaksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptxInteraksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptx
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputer
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
3. ragam dialog
3. ragam dialog3. ragam dialog
3. ragam dialog
 
6.ppt
6.ppt6.ppt
6.ppt
 
BAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).pptBAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).ppt
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imk
 
Hci pert52
Hci pert52Hci pert52
Hci pert52
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 

Recently uploaded

Koneksi Antar Materi Modul 1.4.ppt x
Koneksi Antar Materi Modul 1.4.ppt           xKoneksi Antar Materi Modul 1.4.ppt           x
Koneksi Antar Materi Modul 1.4.ppt x
johan199969
 
PPT Aksi Nyata Diseminasi Modul 1.4.pptx
PPT Aksi Nyata Diseminasi Modul 1.4.pptxPPT Aksi Nyata Diseminasi Modul 1.4.pptx
PPT Aksi Nyata Diseminasi Modul 1.4.pptx
Kurnia Fajar
 
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagjaPi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
agusmulyadi08
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
ferrydmn1999
 
tugas modul 1.4 Koneksi Antar Materi (1).pptx
tugas  modul 1.4 Koneksi Antar Materi (1).pptxtugas  modul 1.4 Koneksi Antar Materi (1).pptx
tugas modul 1.4 Koneksi Antar Materi (1).pptx
d2spdpnd9185
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
UmyHasna1
 
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
widyakusuma99
 
tugas pai kelas 10 rangkuman bab 10 smk madani bogor
tugas pai kelas 10 rangkuman bab 10 smk madani bogortugas pai kelas 10 rangkuman bab 10 smk madani bogor
tugas pai kelas 10 rangkuman bab 10 smk madani bogor
WILDANREYkun
 
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdfTugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
muhammadRifai732845
 
Sapawarga - Manual Guide PPDB Tahun 2024.pdf
Sapawarga - Manual Guide PPDB Tahun 2024.pdfSapawarga - Manual Guide PPDB Tahun 2024.pdf
Sapawarga - Manual Guide PPDB Tahun 2024.pdf
TarkaTarka
 
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docxForm B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
EkoPutuKromo
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
lastri261
 
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawas
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawasPrensentasi Visi Misi Sekolah dalam rangka observasi pengawas
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawas
suprihatin1885
 
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdfLK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
UditGheozi2
 
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
haryonospdsd011
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
kinayaptr30
 
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
AgusRahmat39
 
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdfPETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
Hernowo Subiantoro
 
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docx
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docxForm B1 Rubrik Observasi Presentasi Visi Misi -1.docx
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docx
EkoPutuKromo
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 

Recently uploaded (20)

Koneksi Antar Materi Modul 1.4.ppt x
Koneksi Antar Materi Modul 1.4.ppt           xKoneksi Antar Materi Modul 1.4.ppt           x
Koneksi Antar Materi Modul 1.4.ppt x
 
PPT Aksi Nyata Diseminasi Modul 1.4.pptx
PPT Aksi Nyata Diseminasi Modul 1.4.pptxPPT Aksi Nyata Diseminasi Modul 1.4.pptx
PPT Aksi Nyata Diseminasi Modul 1.4.pptx
 
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagjaPi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
Pi-2 AGUS MULYADI. S.Pd (3).pptx visi giru penggerak dan prakrsa perubahan bagja
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
 
tugas modul 1.4 Koneksi Antar Materi (1).pptx
tugas  modul 1.4 Koneksi Antar Materi (1).pptxtugas  modul 1.4 Koneksi Antar Materi (1).pptx
tugas modul 1.4 Koneksi Antar Materi (1).pptx
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
 
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
 
tugas pai kelas 10 rangkuman bab 10 smk madani bogor
tugas pai kelas 10 rangkuman bab 10 smk madani bogortugas pai kelas 10 rangkuman bab 10 smk madani bogor
tugas pai kelas 10 rangkuman bab 10 smk madani bogor
 
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdfTugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
Tugas Mandiri 1.4.a.4.3 Keyakinan Kelas.pdf
 
Sapawarga - Manual Guide PPDB Tahun 2024.pdf
Sapawarga - Manual Guide PPDB Tahun 2024.pdfSapawarga - Manual Guide PPDB Tahun 2024.pdf
Sapawarga - Manual Guide PPDB Tahun 2024.pdf
 
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docxForm B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
Form B8 Rubrik Refleksi Program Pengembangan Kompetensi Guru -1.docx
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
 
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawas
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawasPrensentasi Visi Misi Sekolah dalam rangka observasi pengawas
Prensentasi Visi Misi Sekolah dalam rangka observasi pengawas
 
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdfLK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
LK 1 - 5T Keputusan Berdampak PERMATA BUNDA.pdf
 
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
Dokumen Rangkuman Kehadiran Guru ini dipergunakan sebagai bukti dukung yang w...
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
 
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
ppt-menghindari-marah-ghadab-membiasakan-kontrol-diri-dan-berani-membela-kebe...
 
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdfPETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
PETUNJUK TEKNIS PPDB JATIM 2024-sign.pdf
 
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docx
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docxForm B1 Rubrik Observasi Presentasi Visi Misi -1.docx
Form B1 Rubrik Observasi Presentasi Visi Misi -1.docx
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 

Ragam Dialog :: Interaksi Manusia dan Komputer

  • 2. 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
  • 3. Apa itu Ragam Dialog? 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 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
  • 11. 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
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. 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
  • 16. 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
  • 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 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)
  • 22. 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
  • 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 (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
  • 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-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
  • 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