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

Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interfacef' yagami
 
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
 
Teori bahasa-dan-otomata
Teori bahasa-dan-otomataTeori bahasa-dan-otomata
Teori bahasa-dan-otomataBanta Cut
 
Interaksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelInteraksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelEko Kurniawan Khannedy
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi PengetahuanSherly Uda
 
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineLucha Kamala Putri
 
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan AlgoritmaAlgoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan AlgoritmaAri Septiawan
 
Sistem informasi berdasarkan area fungsional
Sistem informasi berdasarkan area fungsionalSistem informasi berdasarkan area fungsional
Sistem informasi berdasarkan area fungsionalDianFitriAudina
 
Algoritma Apriori
Algoritma AprioriAlgoritma Apriori
Algoritma Aprioridedidarwis
 
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)Meda Aji Saputro
 
Kata pengantar, abstrak dan daftar isi
Kata pengantar, abstrak dan daftar isiKata pengantar, abstrak dan daftar isi
Kata pengantar, abstrak dan daftar isiNuri Andhika Pratama
 
INTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERINTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERsolikin6
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxMirnaNia
 
Tabel padanan bilangan Desimal, Biner, Oktal dan Heksadesimal
Tabel padanan bilangan Desimal, Biner, Oktal dan HeksadesimalTabel padanan bilangan Desimal, Biner, Oktal dan Heksadesimal
Tabel padanan bilangan Desimal, Biner, Oktal dan HeksadesimalMustahal SSi
 
Intermediate code kode antara
Intermediate code   kode antaraIntermediate code   kode antara
Intermediate code kode antaraGunawan Manalu
 
Penyederhanaan Karnaugh Map
Penyederhanaan Karnaugh MapPenyederhanaan Karnaugh Map
Penyederhanaan Karnaugh MapCheria Asyifa
 
Berpikir komputasional ppt @ramli jm
Berpikir komputasional ppt @ramli jm Berpikir komputasional ppt @ramli jm
Berpikir komputasional ppt @ramli jm WijayaKusumah4
 

What's hot (20)

Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
 
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...
 
Teori bahasa-dan-otomata
Teori bahasa-dan-otomataTeori bahasa-dan-otomata
Teori bahasa-dan-otomata
 
Interaksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelInteraksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual Model
 
Ragam Dialog
Ragam DialogRagam Dialog
Ragam Dialog
 
Representasi Pengetahuan
Representasi PengetahuanRepresentasi Pengetahuan
Representasi Pengetahuan
 
Sistem Operasi Komputer
Sistem Operasi KomputerSistem Operasi Komputer
Sistem Operasi Komputer
 
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
 
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan AlgoritmaAlgoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
 
Sistem informasi berdasarkan area fungsional
Sistem informasi berdasarkan area fungsionalSistem informasi berdasarkan area fungsional
Sistem informasi berdasarkan area fungsional
 
Algoritma Apriori
Algoritma AprioriAlgoritma Apriori
Algoritma Apriori
 
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
CONTOH PROPOSAL PKM-KARSA CIPTA (DIDANAI DIKTI 2018)
 
Kata pengantar, abstrak dan daftar isi
Kata pengantar, abstrak dan daftar isiKata pengantar, abstrak dan daftar isi
Kata pengantar, abstrak dan daftar isi
 
INTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTERINTERAKSI MANUSIA DAN KOMPUTER
INTERAKSI MANUSIA DAN KOMPUTER
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
Tabel padanan bilangan Desimal, Biner, Oktal dan Heksadesimal
Tabel padanan bilangan Desimal, Biner, Oktal dan HeksadesimalTabel padanan bilangan Desimal, Biner, Oktal dan Heksadesimal
Tabel padanan bilangan Desimal, Biner, Oktal dan Heksadesimal
 
Intermediate code kode antara
Intermediate code   kode antaraIntermediate code   kode antara
Intermediate code kode antara
 
Penyederhanaan Karnaugh Map
Penyederhanaan Karnaugh MapPenyederhanaan Karnaugh Map
Penyederhanaan Karnaugh Map
 
Berpikir komputasional ppt @ramli jm
Berpikir komputasional ppt @ramli jm Berpikir komputasional ppt @ramli jm
Berpikir komputasional ppt @ramli jm
 

Similar to DIALOG INTERAKSI MANUSIA KOMPUTER

INTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTERINTERAKSI MANUSIA & KOMPUTER
INTERAKSI MANUSIA & KOMPUTERAngling_seto
 
Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4Hide 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.pptxiisistriyah23
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerImaduddin Amrullah
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desainf' yagami
 
BAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).pptBAB 6-RagamInteraksi (1).ppt
BAB 6-RagamInteraksi (1).pptAksaRey
 
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
 
Makalah system operasi amir
Makalah system operasi amirMakalah system operasi amir
Makalah system operasi amirAmir Net
 

Similar to DIALOG INTERAKSI MANUSIA 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 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
 
Makalah system operasi amir
Makalah system operasi amirMakalah system operasi amir
Makalah system operasi amir
 
Artikel os rudy septiawan
Artikel os rudy septiawanArtikel os rudy septiawan
Artikel os rudy septiawan
 

Recently uploaded

IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxIPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxErikaPuspita10
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSyudi_alfian
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuHANHAN164733
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxHeruFebrianto3
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxsyafnasir
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxRioNahak1
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptxwongcp2
 
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdfMA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdfcicovendra
 
SILABUS MATEMATIKA SMP kurikulum K13.docx
SILABUS MATEMATIKA SMP kurikulum K13.docxSILABUS MATEMATIKA SMP kurikulum K13.docx
SILABUS MATEMATIKA SMP kurikulum K13.docxrahmaamaw03
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptx
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptxMATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptx
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptxrofikpriyanto2
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfTaqdirAlfiandi1
 
polinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptpolinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptGirl38
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmeunikekambe10
 
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptx
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptxPrakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptx
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptxSyaimarChandra1
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2noviamaiyanti
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxDwiYuniarti14
 

Recently uploaded (20)

IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxIPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus Perilaku
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptx
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
 
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdfMA Kelas XII  Bab 1 materi musik mkontemnporerFase F.pdf
MA Kelas XII Bab 1 materi musik mkontemnporerFase F.pdf
 
SILABUS MATEMATIKA SMP kurikulum K13.docx
SILABUS MATEMATIKA SMP kurikulum K13.docxSILABUS MATEMATIKA SMP kurikulum K13.docx
SILABUS MATEMATIKA SMP kurikulum K13.docx
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptx
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptxMATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptx
MATERI 1_ Modul 1 dan 2 Konsep Dasar IPA SD jadi.pptx
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
 
polinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..pptpolinomial dan suku banyak kelas 11..ppt
polinomial dan suku banyak kelas 11..ppt
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
 
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptx
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptxPrakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptx
Prakarsa Perubahan dengan Kanvas ATAP & BAGJA.pptx
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
 

DIALOG INTERAKSI MANUSIA 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