Ppt imk akbar
-
Upload
akbarkurniawaaan -
Category
Education
-
view
839 -
download
8
description
Transcript of Ppt imk akbar
![Page 1: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/1.jpg)
HUMAN COMPUTER INTERACTION
2 SKS
Akbar kurniawan
![Page 2: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/2.jpg)
REFERENSI BUKU
• Interaksi manusia & kompter
• Karangan : Ir. Insap Santosa, M.Sc.
• Penerbit : Andi yogyakarta
• Interaksi manusia & kompter
• Karangan : Teddy Marcus Z
• Penerbit : Informatika bandung
![Page 3: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/3.jpg)
INTERAKSI MANUSIA DAN KOMPUTER
(HUMAN COMPUTER INTERACTION)
Hendri Sopryadi,S.Kom.(HUMAN-COMPUTER
INTERACTION)
![Page 4: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/4.jpg)
PERTEMUAN 1 Faktor Manusia pada Software Interaktif
![Page 5: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/5.jpg)
DEFINITION OF HCI
• Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.
![Page 6: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/6.jpg)
PENGERTIAN
Interaksi manusia dan komputer• Adalah disiplin ilmu yang berhubungan
dengan perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia, serta studi fenomena-fenomena besar yang berhubungan dengannya
![Page 7: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/7.jpg)
• Titik berat• Perancangan dan evaluasi antarmuka pemakai (user
interface)
• Fungsi dari IMK• Mengoptimasikan performansi antara manusia dengan
komputer sebagai suatu sistem
Desain Evaluasidesain
Implementasi
![Page 8: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/8.jpg)
AKAR IMKIMK adalah bagian dari ilmu komputer
Ilmu-ilmu lain yang mendasari IMK :
• Desain grafis
• Teknik industri
• Psikologi kognitif
• Antropometri
• Ergonomi (human engineering)
![Page 9: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/9.jpg)
DASAR ILMU IMK
HCI
TeknikIndustri
DesainGrafis
PsikologiKognitif
Ergonomi Antropometri
![Page 10: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/10.jpg)
PENGERTIAN USER-INTERFACEAntarmuka pemakai :
bagian sistem komputer yang memungkinkan manusia berinteraksi dengan komputer
Tujuan antarmuka pemakai :
• Agar sistem komputer dapat digunakan oleh pemakaiHuman User Interface Computer
System
![Page 11: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/11.jpg)
PEMETAAN TUJUAN, AKSI DAN HASIL
Tujuanpemakai
AksiPemakai Hasil
Umpan Balik
antarmuka Fungsi Sistem
Pemetaan dilakukan untuk menghasilkan suatu sistem dgn user interface yang baik
![Page 12: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/12.jpg)
Kemampuan penggunaan (Usability)
LearnabilityKemampuan pembelajaran
ThroughputTolak ukur keluaran
(outcome)Flexibility
Kecocokan sistem dgn end user
AttitudePerilaku user terhadap
kepuasan dan manfaat
![Page 13: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/13.jpg)
TUJUAN REKAYASA SISTEM IMK
Fungsionalitas yang sesuai
(Proper Functionality)
• Tugas-tugas apa saja yang diperlukan?
• Sistem dengan fungsionalitas yang kurang memadai mengecewakan pemakai dan sering ditolak atau tidak digunakan
• Sistem dengan fungsionalitas berlebihan berbahaya : implementasi, pemeliharaan, proses belajar, dan penggunaan sulit
![Page 14: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/14.jpg)
Kehandalan, ketersediaan, keamanan, dan integritas data
• Kehandalan (reliability): berfungsi seperti yang diinginkan, tampilan akurat
• Ketersediaan (availability): tersedia ketika hendak digunakan, jarang mengalami masalah
![Page 15: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/15.jpg)
• Keamanan (security) : terlindung dari akses yang tidak diinginkan dan kerusakan yang disengaja
• Integritas data (data integrity): keutuhan data terjamin, tidak mudah dirusak atau diubah oleh orang yang tidak berhak
![Page 16: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/16.jpg)
• Standarisasi : keseragaman sifat-sifat antarmuka pemakai pada aplikasi yang berbeda
• Integrasi : kesatuan dari berbagai paket aplikasi dan software tools
Standarisasi, integrasi, konsistensi,dan portabilitas
![Page 17: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/17.jpg)
• Konsistensi : keseragaman dalam suatu program aplikasi : urutan perintah, istilah, satuan, warna, tipografi, dsb
• Portabilitas : dimungkinkannya data dikonversi dan dipindahkan, dan dimungkinkannya antarmuka pemakai dipakai di berbagai lingkungan perangkat lunak dan perangkat keras
![Page 18: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/18.jpg)
PENJADWALAN DAN ANGGARAN
• Sistem perlu siap tepat pada waktunya
• Sistem yang mahal sulit diterima
• Adanya persaingan dengan vendor lain
![Page 19: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/19.jpg)
EVALUASI FAKTOR-FAKTOR MANUSIA
YANG TERUKUR• Waktu belajar
• Kecepatan kinerja
• Tingkat kesalahan pemakai
• Retensi
• Kepuasan subjektif
![Page 20: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/20.jpg)
MOTIVASI BAGI FAKTOR MANUSIA DALAM
PERANCANGAN
• Sistem yang kritis bagi kehidupan
• Pemakaian industri dan komersial
• Aplikasi kantor, rumah dan hiburan
• Sistem eksplorasi, kreatif dan kerjasama
![Page 21: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/21.jpg)
MOTIVASI BAGI FAKTOR MANUSIA DALAM
PERANCANGAN
•Sistem yang kritis bagi kehidupan( Life Critical Systems )
• Biaya tinggi tidak masalah,asalkan kehandalan dan keefektifan tinggi
• Waktu pelatihan lama tidak masalah, asalkan bebas kesalahan
• Retensi diperoleh dari seringnya latihan dan penggunaan
• Contoh :
![Page 22: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/22.jpg)
•Pemakaian industri dan komersial
(Industrial and Commercial Uses)
• Biaya rendah lebih disukai, meskipun kehandalan dikorbankan
• Proses dan kemudahan belajar penting• Retensi dari seringnya penggunaan• Kepuasan subjektif diutamakan• Contoh :
![Page 23: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/23.jpg)
•Aplikasi kantor, rumah dan hiburan(office, home and entertainment applications)
• Kemudahan belajar, tingkat kesalahan rendah dan kepuasan subjektif diutamakan
• Pembelajaran berlapis (berevolusi)• Biaya rendah penting karena persaingan• Retensi mungkin kurang, perlu online help
• Contoh :word processor, video game, program pendidikan, e-mail
![Page 24: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/24.jpg)
• Sistem eksplorasi, kreatif dan kerjasama(exploratory, creative, and cooperative systems)
• Motivasi dan ekspektasi pemakai tinggi • Perancangan sistem sulit• Pengukuran faktor manusia sulit• Contoh : Encyclopedias, databases,
graphical presentation, design systems, music composing system, medical diagnostic
![Page 25: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/25.jpg)
LIFE CRITICAL SYSTEMS
• Motivation very high, even with long training periods
![Page 26: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/26.jpg)
INDUSTRIAL AND COMMERCIAL USES
• Banking, insurances, airline and hotel reservations, car rentals, credit card management
• Overall cost over lifetime will judge the decision
![Page 27: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/27.jpg)
OFFICE, HOME AND ENTERTAINMENT
APPLICATIONS• Ease of learning, low error rates, subjective
satisfaction
• Online assistance because of non frequent use
• Very wide user spectrum
• Price must be low, but amortization by large number of users
![Page 28: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/28.jpg)
EXPLORATORY, CREATIVE, AND
COOPERATIVE SYSTEMS• Encyclopedias, databases, graphical presentation,
design systems, music composing system, medical diagnostic
![Page 29: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/29.jpg)
TUJUAN PENELITIAN IMK
• Mempengaruhi peneliti akademis dan industri
• Kerangka reductionist scientific method
• Sumbangan pemikiran terhadap studi IMK dari disiplin-disiplin yang berhubungan
• Memberikan tools, teknik, dan pengetahuan untuk implementor sistem
• Meningkatkan kesadaran akan komputer kepada masyarakat awam
![Page 30: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/30.jpg)
PERTEMUAN 2Teori, prinsip dan pedoman
![Page 31: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/31.jpg)
TEORI-TEORI ARAS TINGGI
Pendekatan empat aras (four-level approach) atau language model dari Foley dan Van Dam :
• Conceptual level• Semantic level• Syntactic level• Lexical level
![Page 32: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/32.jpg)
•Conceptual level • Pembelajaran secara konsep thp sistem
•Semantic level• Menggambarkan arti yang disampaikan oleh perintah masukan pemakai dan keluaran komputer
![Page 33: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/33.jpg)
•Syntactic level• Mendefinisikan bagaimana satuan (kata-kata) yang menyampaikan semantik dirakit menjadi kalimat lengkap yang memerintahkan komputer melakukan tugas tertentu
•Lexical level • Berhubungan dengan ketergantungan terhadap piranti dan dengan mekanisme presisi yang digunakan untuk menyebutkan sintaksis
![Page 34: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/34.jpg)
•Conceptual level : pemakai menciptakan, menghapus dan mengubah bangun geometrik pada kertas menggunakan bantuan kisi-kisi (grids) dan penggaris (rulers)
•Semantic level : uraian rinci objek-objek dan operasinya. Misalnya, persegipanjang dapat dibuat, diubah, dan dihapus
![Page 35: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/35.jpg)
• Syntactic level : bentuk interaksi. Misalnya : untuk menghapus persegi panjang yang ada di layar, pemakai perlu memilihnya terlebih dahulu kemudian memilih salah satu cara untuk menghapus
• Lexical level : menghapus persegipanjang yang ada di layar dilakukan dengan mengklik persegipanjang kemudian men-drag-nya ke tempat sampah atau memilih “Delete” dari menu “Edit” atau dengan menekan tombol Delete
![Page 36: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/36.jpg)
GOMS MODEL DAN KEYSTROKE-LEVEL MODEL
• Goals, Operators, Methods, and Selection Rules
• Model diusulkan oleh Card, Moran dan Newell(1980, 1983)
• Postulat • Keystroke level Model
![Page 37: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/37.jpg)
POSTULAT
Pemakai memformulasikan goals (edit document) dan subgoals (insert word) yang mereka peroleh dengan menggunakan metode atau prosedur untuk melaksanakan setiap goal (pindahkan kursor ke lokasi yang diinginkan menggunakan serentetan penekanan tombol panah)
![Page 38: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/38.jpg)
Operator : “perseptual dasar, motor, kegiatan kognitif, yang pelaksanaannya diperlukan untuk mengubah aspek keadaan mental pemakai atau untuk mempengaruhi lingkungan tugas” (tekan tombol panah atas, pindahkan tangan ke mouse, ingat nama file, pastikan kursor ada di akhir baris)
![Page 39: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/39.jpg)
Selection rules : struktur kontrol untuk memilih salah satu dari metode (methods) yang tersedia untuk mencapai goal (menghapus dengan menekan tombol backspace berkali-kali vs memblok dengan menentukan posisi awal dan akhir lalu menekan tombol delete)
![Page 40: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/40.jpg)
CONTOH : GOMS• Goals
goal edit dokumen, subgoal insert word• Operators
Tekan tombol panah atasPindahkan tangan ke mouse Ingat nama filePastikan kursor ada di akhir baris
• Method Pindahkan kursor ke lokasi yg diinginkan dgn serentetan penekanan tombol panah
• Selection RulesMenghapus dengan backspace berkali-kali vs. memblok dan menekan tombol delete
![Page 41: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/41.jpg)
GOMS
• Goals• User formulates goals(edit document) and
subgoals(insert word)
• Operators• Elementary, motor or cognitive acts whose execution
is necessary to change any aspect of the user’s mental state or to affect the task environment”
• (press key, move hand, recall filename, verify cursor position)
![Page 42: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/42.jpg)
• Methods • Used to achieve the goals(moving cursor by repeated
keystroking)
• Selection • Among different methods to accomplish the goal• Production rules to describe conditions and actions in
interactive text editing• Transition diagrams to model interactive systems
![Page 43: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/43.jpg)
Keystroke –Level Model• Usaha untuk memperkirakan waktu kinerja bagi pelaksanaan tugas oleh ahli yang bebas kesalahan dengan menjumlahkan waktu penekanan tombol, menunjuk, menempatkan tangan di keyboard, menggambar, berfikir, dan menunggu sistem merespon.
![Page 44: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/44.jpg)
• Berkonsentrasi pada pemakai ahli dan kinerja bebas kesalahan
• Kurang penekanan pada belajar, pemecahan masalah, penanganan kesalahan, kepuasan subjektif, dan retensi
![Page 45: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/45.jpg)
TRANSITION DIAGRAM• Diperkenalkan oleh Kieras dan Polson (1985) didasari
pada pendekatan GOMS
• Contoh : Generalized Transition Network untuk Displaywriter
• Gambar !!
![Page 46: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/46.jpg)
GAMBAR TRANSITION DIAGRAM
“ILEGAL ACTION”
EDIT(KEY-WAIT)
POPEND
SAVE DOC
CANCEL
(CURSOR-CONTROL)
(DELETE)
(FIND)
(MOVE)
(BACKSPACE)
(ENTRY)
OTHER“ILLEGAL ACTION”
INPUT IS NULLMOVE TO OLD PATTERN
NON-NULL INPUTPATTERN <- INPUTMOVE TO PATTERN
INPUT = CANCEL
FIND KEY“FIND WHAT?”
ADD CHAR
BKSP KEY REMOVE CHAR
CC KEYMOVECURSOR
CURSORCONTROL
POP
BACKSPACE POP
ENTRY POP
FIND (INPUT) POP
![Page 47: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/47.jpg)
SEVEN STAGES OF ACTION (NORMAN 1988):
• Membentuk goal
• Membentuk maksud
• Menyebutkan aksi
• Melaksanakan aksi
• Memahami keadaan sistem
• Menginterpretasikan keadaan sistem
• Mengevaluasi keluarannya
![Page 48: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/48.jpg)
CONSISTENCY THROUGH GRAMMAR
• Goal yang penting bagi desainer adalah antarmuka pemakai yang konsisten
• Konsistensi sulit dicapai
• Kadang-kadang tidak konsisten ada gunanya, misalnya untuk menarik perhatian terhadap operasi yang berbahaya
• Untuk menggambarkan antarmuka, digunakan action grammar
![Page 49: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/49.jpg)
COMPUTER KNOWLEDGE
![Page 50: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/50.jpg)
SYNTACTIC KNOWLEDGE • Pengetahuan rincian device-dependent ketika
menggunakan sistem komputer
• Contoh :
• Aksi untuk menghapus karakter : tombol delete, backspace, control + H, klik tombol tanda silang
• Aksi untuk menyisipkan baris : tombol enter di akhir baris, control + M
![Page 51: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/51.jpg)
SIFAT-SIFAT SYNTACTIC KNOWLEDGE :
• Berkaitan dengan hal-hal device-dependent
• Diperoleh dari penghafalan berulang-ulang• Mudah dilupakan• Tidak tentu, tidak dapat diramalkan,
berbeda diantara sistem• Masalah dikurangi dengan menggunakan
menu, mnemonik, konsistensi
![Page 52: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/52.jpg)
•Semantic knowledge • pengetahuan mengenai konsep
komputer (computer concepts) dan tugas (task concepts)
![Page 53: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/53.jpg)
•Sifat-sifat semantic knowledge :
• Diperoleh dari pelajaran yang berarti• Stabil dalam memori• Lebih teratur, lebih logis, bertumpu pada
konsep-konsep yang sudah dikenal• Dapat ditransfer di antara sistem
![Page 54: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/54.jpg)
CONTOH COMPUTER CONCEPTS :
• Computer objects :
• High-level : data• Lower-level : direktori, file, char
• Computer actions:
• High-level : create file text• Lower-level : open,save ,edit file
![Page 55: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/55.jpg)
CONTOH TASK CONCEPTS :• Task objects :
• High-level : surat• Lower-level : alamat, nama, tanggal, badan surat, tanda tangan
• Task actions :
• High-level : menulis surat• Lower-level : menulis bagian surat,
misalnya menyusun badan surat. Perlu mengetahui ejaan yang benar
![Page 56: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/56.jpg)
SEMANTIC KNOWLEDGE DIBEDAKAN MENJADI :
1. Computer concepts
Computer ObjectsHigh level : Storage
informationLower Level : File Directory
Computer ActionsHigh Level : file text editLower Level : open file, input
text, save file
![Page 57: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/57.jpg)
2. Task ConceptsTask Objects :
High Level : mailLower Lever : date, address,
signatureTask Actions :
High Level : writing mail Lower Level : Spelling
![Page 58: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/58.jpg)
PRINSIP-PRINSIP ARAS TENGAH
• Kenali keanekaragaman pemakai dan situasi
• Tidak ada satu pun desain yang dapat memuaskan semua pemakai dan situasi
• Sebelum memulai desain, harus dilakukan pemahaman terhadap pemakai dan situasi seteliti dan selengkap mungkin
![Page 59: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/59.jpg)
USER PROFILE• Novice user
• No syntactic knowledge• Little semantic knowledge of computer• Small knowledge about the task
• Knowledgable Intermittent User • Problems in syntactic knowledge• Semantic knowledge will be maintained
• Expert frequent user• No problem in semantic and syntactic knowledge• Inpatient, lazy for activities necessary to carry
out an action
![Page 60: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/60.jpg)
TIGA JENIS PEMAKAI• Novice atau first-time users (pemula)• Knowledgeable intermittent users • Expert frequent users ( mahir)
![Page 61: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/61.jpg)
NOVICE ATAU FIRST-TIME USERS (PEMULA)
• Tidak punya syntactic knowledge• Semantic knowledge atas computer
concepts sedikit atau dangkal• Desain menjaga sedikit kemungkinan• Memungkinkan pemakai melakukan sedikit
task sederhana agar percaya diri• Umpan balik harus informatif• Pesan kesalahan harus membangun dan
spesifik
![Page 62: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/62.jpg)
KNOWLEDGEABLE INTERMITTENT USERS
• Memilki semantic knowledge atas task concepts dan computer concepts
• Kesulitan dengan syntactic knowledge• Desain harus sederhana dan konsisten• Perlu sering ditanya dan diberi pesan-
pesan yang berarti• Perlu dilindungi dari kemungkinan
kesalahan karena coba-coba menjelajah
![Page 63: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/63.jpg)
EXPERT FREQUENT USERS ( MAHIR)
• Mengenal betul aspek sintaktik dan semantik dari sistem
• Ingin pekerjaan cepat selesai
• Ingin umpan balik yang singkat
• Desain perlu menyediakan shortcuts
![Page 64: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/64.jpg)
1. Berusaha keras u/ konsisten2. Memungkinkan frequent user
menggunakan shortcut3. Umpan balik informatif4. Merancang dialog u/ menghasilkan
keadaan akhir (sukses, selesai)5. Penanganan kesalahan sederhana6. Mengizinkan pembalikan aksi (undo)7. Mendukung internal locus of control8. Mengurangi beban ingatan jangka
pendek
Delapan aturan emas perancangan dialog(the eight golden rule of dialog design)
![Page 65: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/65.jpg)
DELAPAN ATURAN EMAS PERANCANGAN DIALOG
(THE EIGHT GOLDEN RULE OF DIALOG DESIGN)
• Berusaha keras untuk konsisten
• Memungkinkan frequent users menggunakan shortcuts
• Memberikan umpan balik yang informatif
• Merancang dialog untuk menghasilkan keadaan akhir (sukses, selesai)
![Page 66: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/66.jpg)
• Memberikan penanganan kesalahan yang sederhana
• Mengizinkan pembalikan aksi (undo) dengan mudah
• Mendukung internal locus of control ( pemakai menguasai sistem atau inisiator, bukan responden)
• Mengurangi beban ingatan jangka pendek(rule of thumb: manusia mengingat 7 ± 2 satuan informasi)
![Page 67: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/67.jpg)
MENCEGAH KESALAHAN
• Correct matching pairs (membetulkan pasangan yang bersesuaian ) :
• Menempatkan kedua pasangan tanda pembuka dan penutup dalam satu aksi
• Jika satu dari karakter berpasangan dihapus maka pasangannya juga terhapus
• Memberi tanda khusus• Menghilangkan keharusan tanda penutup• Contoh :
![Page 68: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/68.jpg)
• Correct commands (membetulkan perintah) :
• Menggabungkan urutan aksi sebagai satu aksi
• Mengubah objek-objek sejenis secara automatis
• Contoh : autocorrect pada Ms.Word komputer computer sistem system
![Page 69: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/69.jpg)
• Complete sequences (melengkapi urutan aksi) :
• Mengenali kekurangan dan melengkapi sendiri
• Memungkinkan pemakai memilih perintah atau pilihan lainnya dan menghindari mengetik
• contoh : autocomplete pada MSIE
![Page 70: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/70.jpg)
PEDOMAN PRAKTIS
Tujuan aras tinggi bagi tampilan data :• Konsistensi tampilan data
• peristilahan, singkatan, format, dsb harus standar
• Asimilasi informasi secara efisien oleh pemakai
• format harus dikenal operator dan harus berhubungan dengan tasks yang perlu dilakukan dengan data
![Page 71: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/71.jpg)
• Beban ingatan yang sedikit mungkin bagi pamakai
• pemakai tidak perlu mengingat informasi dari layar yang satu ke layar yang lain
• Kompatibilitas tampilan data dengan pemasukan data
• format tampilan informasi perlu berhubungan erat dengan tampilan pemasukan data
![Page 72: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/72.jpg)
• Fleksibilitas kendali pemakai terhadap tampilan data
• pemakai harus dapat memperoleh informasi dari tampilan dalam bentuk yang paling memudahkan
![Page 73: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/73.jpg)
ADAPTIVE AGENTS AND USER MODELS VS CONTROL PANELS
• Adaptive agents :
• Mencari apa yang dibutuhkan pemakai• Mengetahui apa yang disukai dan tidak• Membuat inferensi yang cocok• Bekerja kompeten dengan sedikit
petunjuk
![Page 74: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/74.jpg)
• User models :
• Membuat adaptasi secara automatis tergantung dari pola kerja pamakai
• Control panels
• Digunakan untuk mengatur berbagai hal dalam sistem komputer
• Menyampaikan sense of control
![Page 75: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/75.jpg)
LEGAL ISSUES
• Empat hal yang perlu diperhatikan :
• Privasi (kerahasiaan pribadi)• Keamanan dan kehandalan• Perlindungan hak cipta atas perangkat
lunak dan informasi• Kebebasan berbicara pada lingkungan
elektronik
![Page 76: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/76.jpg)
KONTROVERSI DALAM HAL INI :
• Materi apa yang sesuai untuk hak cipta?
• Ide (gagasan) tidak dapat dilindungi hak cipta, sementara ekspresi dapat dilindungi hak cipta kecuali jika hanya satu cara
![Page 77: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/77.jpg)
APAKAH HAK CIPTA ATAU PATEN LEBIH COCOK BAGI
ANTARMUKA PEMAKAI?• Hak cipta mudah diperoleh, cepat, dan
tidak diperiksa. Paten lebih rumit, lambat, mahal, dan harus diperiksa terlebih dahulu
• Hak cipta berlaku 75 tahun untuk perusahaan dan masa hidup + 50 tahun untuk individu.
• Sedangkan hak paten berlaku 17 tahun tetapi lebih kuat hukumnya
![Page 78: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/78.jpg)
APA YANG MERUPAKAN PELANGGARAN HAK
CIPTA ?• Jika pengembang lain menyalin antarmuka pemakai
kita dengan tepat sama, itu merupakan pelanggaran
• Jika antarmuka pemakai dapat dinyatakan “serupa secara mendasar” dengan milik kita, itu merupakan pelanggaran
![Page 79: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/79.jpg)
HARUSKAH ANTARMUKA PEMAKAI DILINDUNGI HAK
CIPTA?• Beberapa pakar menganggap tidak perlu, karena :
• Beberapa pakar menganggap perlu, karena :
• Sehingga • Beberapa ekspresi perlu dilisensi dari pembuatnya
sementara beberapa lagi tidak
![Page 80: Ppt imk akbar](https://reader038.fdocuments.net/reader038/viewer/2022102520/5492c258b47959604d8b46a9/html5/thumbnails/80.jpg)
FAKTOR PRO (PENDUKUNG)• Hak cipta menghargai prestasi kreatif• Hak cipta mendorong adanya inovasi• Hak cipta memastikan desainer
memperoleh imbalan berupa royalti
Faktor kontra (penentang)• Hak cipta berkaitan dengan kebutuhan
banyak orang• Hak cipta menghalangi kemajuan• Hak cipta menghambat standarisasi