https://www.slideshare.net/upload?download_id=278251818&original_file=true&_gl=1*iyi67m*_gcl_au*MTE2NzU3MDkzOS4xNzU4Nzg2MjA2

https://www.slideshare.net/upload?download_id=278251818&original_file=true&_gl=1*iyi67m*_gcl_au*MTE2NzU3MDkzOS4xNzU4Nzg2MjA2https://www.slideshare.net/upload?download_id=278251818&original_file=true&_gl=1*iyi67m*_gcl_au*MTE2NzU3MDkzOS4xNzU4Nzg2MjA2

1. INTERAKSI MANUSIA
DAN KOMPUTER
Dosen Pengampu
Rifqi Abdillah, S.Tr.T., M.Kom.
Univeristas Negeri
Surabaya

2. Ada yang ingat kita membahas apa di
pertemuan sebelumnya?
Univeristas Negeri Surabaya

3. Piranti Input
Univeristas Negeri Surabaya
Piranti Masukan Tekstual > Keyboard1.
Piranti Penunjuk dan Pengambil > Mouse2.
Piranti Pengambilan Gambar Terformat > Barcode Scanner3.
Piranti Pengambilan Gambar Tidak Terformat > Camera4.
Piranti Gerakan > Motion Capture5.

4. Ragam
Dialog
Univeristas Negeri Surabaya

5. Agenda
Ragam Dialog
Univeristas Negeri Surabaya
Command Line Interface
Natural Language
Direct Manipulation
WIMP

6. Ragam
Dialog?
Univeristas Negeri Surabaya

7. Dialog Manusia dan Komputer
Pengertian Dialog:
Umum, dialog adalah proses komunikasi
antara 2 atau lebih agen.
IMK, dialog adalah pertukaran instruksi dan
informasi yang mengambil tempat antara
user dan sistem computer.
Univeristas Negeri Surabaya

8. Ragam Dialog
Secara sederhana, ragam dialog dalam
konteks Interaksi Manusia dan Komputer
(IMK) adalah berbagai cara atau metode di
mana pengguna dapat berkomunikasi
dengan komputer. Ragam dialog ini
mencakup bagaimana input diberikan oleh
pengguna dan bagaimana output atau
respon diberikan oleh sistem.
Univeristas Negeri Surabaya

9. Karakteristik Umum Ragam Dialog
Inisiatif
Keluwesan
Kompleksitas
Kekuatan
Beban informasi
Konsistensi
Umpan balik
Observabilitas
Kontrolabilitas
Efisiensi
Keseimbangan
Univeristas Negeri Surabaya

10. Ragam Dialog/Gaya Interaksi
Command Line Interface
Natural Language
Direct Manipulation
WIMP
Univeristas Negeri Surabaya

11. Command Line
Interface
Univeristas Negeri Surabaya

12. Cara untuk mengekspresikan instruksi ke komputer secara langsung.
Perintah dilakukan melalui keyboard dengan sebuah key atau beberapa
karakter yang membentuk kata kunci
Menawarkan akses langsung ke fungsi system.
Beban ingatan pengguna tinggi
Command Line Interface
Univeristas Negeri Surabaya

13. Command Prompt (cmd di Windows): adalah alat command-line pada sistem
operasi Windows yang memungkinkan pengguna untuk menjalankan perintah
berbasis teks, mengelola file, menjalankan program, dan mengonfigurasi sistem.
Terminal (di macOS dan Linux): Ini adalah aplikasi yang mirip dengan Command
Prompt di Windows. Terminal digunakan untuk menjalankan perintah berbasis teks
pada macOS dan berbagai distro Linux (seperti Ubuntu, Fedora, atau Debian).
Console (di beberapa distribusi Linux): Seperti Terminal, Console juga digunakan
untuk menjalankan perintah teks dan umumnya terdapat pada sistem Linux yang
berbeda.
PowerShell (di Windows): Ini adalah versi lebih canggih dari CMD pada Windows.
PowerShell memungkinkan pengguna untuk menjalankan perintah dan skrip yang
lebih kompleks.
Command Line Interface
Univeristas Negeri Surabaya

14. Command Line Interface
Univeristas Negeri Surabaya

15. Bahasa
Alami
Univeristas Negeri Surabaya

16. Sistem harus tunduk dan merespon kalimat-kalimat dan frase-frase pada
bahasa alami/sehari-hari manusia.
Keuntungan:
Mengurangi beban mempelajari sintaks
Lebih Interaktif
Cocok untuk berbagai skenario
Kerugian:
Memerlukan dialog klarifikasi
Memerlukan lebih banyak pengetikan
Sulit diprediksi
Bahasa Alami
Univeristas Negeri Surabaya

17. Bahasa Alami
Univeristas Negeri Surabaya

18. Bahasa Alami
Univeristas Negeri Surabaya

19. Bahasa Alami
Univeristas Negeri Surabaya

20. Form
Fill
Univeristas Negeri Surabaya

21. Ragam dialog yang digunakan terutama untuk entri data atau pengambilan
data.
Layar seperti kertas formulir.
Data dimasukkan ke dalam tempat yang relevan.
Memerlukan
Desain yang baik
Fasilitas koreksi jelas
Form Fill
Univeristas Negeri Surabaya

22. Keuntungan
Proses pemasukan datanya relatif mudah
Perlu sedikit pelatihan
Beban memori rendah
Strukturnya jelas
Tersedia berbagai piranti bantu desain tampilan
Perancangannya mudah
Form Fill
Univeristas Negeri Surabaya

23. Kelemahan
Menghabiskan ruang layar
Memerlukan pengontrol kursor
Mekanis menavigasi tidak jelas
Sering kali cukup lambat
Form Fill
Univeristas Negeri Surabaya

24. Form Fill
Univeristas Negeri Surabaya

25. Form Fill
Univeristas Negeri Surabaya

26. Manipulasi
Langsung
Univeristas Negeri Surabaya

27. User berinteraksi secara langsung dengan obyek pada layar grafis, sementara
sistem menyediakan umpan balik yang cepat pada user.
Manipulasi Langsung
Univeristas Negeri Surabaya

28. Feedback Instant
Efisien
Visualisasi yang lebih baik
Keterbatasan untuk tugas yang kompleks
Kurangnya akurasi
Keterbatasan fungsionalitas
Manipulasi Langsung
Univeristas Negeri Surabaya

29. Manipulasi Langsung
Univeristas Negeri Surabaya

30. WIMP
Univeristas Negeri Surabaya

31. Window
Icon
Menu
Pointer
Style standar untuk sebagian besar sistem komputer interaktif, terutama PC dan
desktop
WIMP?
Univeristas Negeri Surabaya

32. 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.
Area layar yang bebas
dapat berisi teks atau grafis
dapat dipindah atau diubah ukurannya
dapat tumpang tindih dan tidak jelas satu sama lain, atau
dapat diletakkan di samping satu sama lain
Windows terdiri dari scrollbars dan title bar.
Element WIMP: Windows
Univeristas Negeri Surabaya

33. 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.
Area layar yang bebas
dapat berisi teks atau grafis
dapat dipindah atau diubah ukurannya
dapat tumpang tindih dan tidak jelas satu sama lain, atau
dapat diletakkan di samping satu sama lain
Windows terdiri dari scrollbars dan title bar.
Element WIMP: Windows
Univeristas Negeri Surabaya

34. Element WIMP: Windows
Univeristas Negeri Surabaya
Title Bar

35. Element WIMP: Windows
Univeristas Negeri Surabaya
Scroll Bar

36. Gambar atau logo kecil yang mewakili beberapa objek dalam antarmuka
Ikon dapat menjadi banyak dan beragam
Lebih elegan
Representasi yang realistis
Element WIMP: Icon
Univeristas Negeri Surabaya

37. Element WIMP: Icon
Univeristas Negeri Surabaya

38. Pilihan yang terlihat harus
mengurangi ingatan -> mudah digunakan
nama harus bermakna
Pilihan sering dikelompokkan secara hierarkis
Pengelompokan yang mudah dipahami sangat diperlukan
Element WIMP: Menu
Univeristas Negeri Surabaya

39. Jenis Menu
Bar Menu : Menu di bagian atas layar yang menunjukkan pilihan saat mouse
diarahkan ke menu tersebut.
Pull-Down Menu : Menu yang muncul saat Anda mengklik dan menarik mouse
ke bawah.
Drop Down Menu : Menu yang muncul setelah Anda mengklik sebuah menu.
Fall-Down Menu : Menu yang muncul hanya dengan menggerakkan mouse ke
bar menu tanpa mengklik.
Pop-Up Menu : Menu yang muncul dengan mengklik kanan pada objek yang
dipilih.
Pie Menu : Menu berbentuk lingkaran yang memudahkan pemilihan item
dengan area target yang lebih besar.
Element WIMP: Menu
Univeristas Negeri Surabaya

40. Element WIMP: Menu
Univeristas Negeri Surabaya

41. Element WIMP: Menu
Univeristas Negeri Surabaya

42. Gaya WIMP yang menunjuk dan memilih
Menggunakan mouse, trackpad, joystick, trackball, tombol kursor atau cara
pintas keyboard
Element WIMP: Pointer
Univeristas Negeri Surabaya

43. Jenis khusus
tombol radio
set pilihan eksklusif
kotak centang
set pilihan non-eksklusif
Buttons
Univeristas Negeri Surabaya

44. Komponen GUI yang mengijinkan user memilih satu atau lebih item dari
sebuah list, dengan tombol Shift atau Control.
List Box
Univeristas Negeri Surabaya

45. Kombinasi antara drop-down list atau list box dengan sebuah single-line
textbox, sehingga user bisa memilih.
Combo Box
Univeristas Negeri Surabaya

46. Garis panjang ikon.
Akses cepat ke tindakan common
Customizable
Toolbars
Univeristas Negeri Surabaya

47. Informasi jendela yang pop up untuk menginformasikan suatu acara penting
atau meminta informasi.
Misalnya:
Saat menyimpan sebuah file, kotak dialog akan ditampilkan untuk
memungkinkan pengguna menentukan nama file dan lokasi. Setelah file
disimpan, kotak menghilang.
Dialogue Boxes
Univeristas Negeri Surabaya

48. Carilah 3 aplikasi, boleh dekstop atau berbasis web.
Lakukan identifikasi elemen-elemen WIMP sampai dialogue box dari ketiga
aplikasi tersebut
Berikan screenshooot dan penjelasan untuk masing-masing elemen.
Kumpulkan tugas pada LMS sesuai dengan waktu yang tertera
Tugas
Univeristas Negeri Surabaya

49. THANK YOU!
Rifqi Abdillah, S.Tr.T., M.Kom.
Lecturer | Researcher