PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain &...
Transcript of PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain &...
![Page 1: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/1.jpg)
PENDAHULUANInteraksi Manusia & Komputer
![Page 2: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/2.jpg)
Course Overview● Kemampuan manusia● Evaluasi (tanpa pengguna)● Desain● Dialog & interaksi● Evaluasi (dengan pengguna)● Topik khusus● CSCW, InfoVis, Ubicomp, Agen
![Page 3: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/3.jpg)
HCI = Interaksi Manusia & Komputer● Apa itu?● Dapatkah kalian mendefinisikan / menggambarkannya?
○ Interaksi Manusia Komputer (HCI = IMK) merupakan studi menjabarkan TENTANG Interaksi ANTARA Manusia, Komputer dan Tugas.
○ Bagaimana Manusia dan Komputer beroperasi interaktif melaksanakan dan menyelesaikan tugas serta bagaimana sistem yang interaktif itu dibuat.
![Page 4: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/4.jpg)
Why We Are Here?● Melihat faktor-faktor manusia yang mempengaruhi desain perangkat
lunak dan pengembangan● Topik Utama → desain antarmuka pengguna
○ Tidak hanya interface perangkat lunak pada desktop monitor
● IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian
![Page 5: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/5.jpg)
Yang terlibat dalam IMK● Psikologi dan ilmu kognitif : persepsi user, kognitif,
kemampuan memecahkan masalah● Ergonomi : kemampuan fisik user● Sosiologi : kemampuan memahami konsep interaksi● Ilmu komputer dan teknik : membuat teknologi● Bisnis : pemasaran● Desain grafis : presentasi interface● Dan lain-lain.
![Page 6: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/6.jpg)
HCI● Apa yang terjadi ketika
manusia dan komputer bersama-sama melakukan tugas ?○ Tugas → menulis dokumen,
menghitung anggaran, menyelesaikan persamaan, belajar tentang dunia, melihat lalu lintas jalan, …..
Mengapa ini penting ?● Komputer (dalam satu atau lain
cara) sekarang mempengaruhi setiap orang di masyarakat○ Meningkatkan % pemanfaatan
komputer dalam pekerjaan
● Keberhasilan produk mungkin tergantung pada kemudahan penggunaan, belum tentu kekuatan
![Page 7: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/7.jpg)
Apa Interaksi Manusia dan Komputer ● IMK meliputi ergonomi dan faktor manusia.
○ Ergonomi → UK ○ Faktor manusia → USA
● Secara tradisional, ergonomi memfokuskan pada karakteristik fisik mesin dan sistem dan melihat unjuk kerja (performance) dari user.
● Faktor manusia merupakan studi tentang manusia dan tingkah lakunya dalam menggunakan mesin, alat-alat teknologi dalam menyelesaikan tugas.
● Interaksi manusia & mesin + informasi & teknologi = interaksi manusia &
komputer
![Page 8: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/8.jpg)
Course Aims and Goals● Meningkatkan kesadaran
○ Membuat kalian menyadari masalah ini
● Mengkritisi desain○ Mempertanyakan desain yang buruk
● Memungkinkan pengguna untuk melakukan tugas-tugas○ Aman○ Efektif○ Efisien○ Nyaman
![Page 9: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/9.jpg)
Usability & Crucial ErrorsUsability
1. Masalah penting2. Kombinasi dari
a. Kemudahan belajarb. Kecepatan tinggi kinerja tugas penggunac. Tingkat kesalahan rendah penggunad. Kepuasan pengguna yang Subjektife. Retensi Pengguna dari waktu ke waktu
Crucial Errors
1. Menganggap semua pengguna sama
2. Menganggap semua pengguna seperti desainer
![Page 10: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/10.jpg)
How do we improve interfaces?● Perubahan sikap pembuat software● Menerjemahkan dengan cepat pengetahuan tentang desain interface● Mengintegrasikan metode desain & teknik User Interface dalam
metodologi standar pengembangan perangkat lunak terbaru
![Page 11: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/11.jpg)
Improving Interfaces● Kenali pengguna
○ Kemampuan fisik○ Kemampuan kognitif○ Perbedaan kepribadian○ Perbedaan keterampilan○ Keragaman budaya○ Motivasi○ Kebutuhan khusus
![Page 12: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/12.jpg)
Paradigma● Kerangka teoritis dominan atau pandangan dunia ilmiah
○ Misalnya, Aristoteles, Newton, Einstein (relativistik) paradigma dalam fisika
● Memahami sejarah HCI adalah sebagian besar tentang pemahaman serangkaian pergeseran paradigma○ Tidak semua datang pada slide berikutnya benar-benar pergeseran "paradigma", tetapi
Anda mendapatkan ide
![Page 13: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/13.jpg)
Pergeseran Paradigma➢ Cards, tape → VDU➢ Mainframe → PC➢ Glass tty → WIMP interface➢ Commands → Direct
manipulation➢ Direct manipulation → Agents
➢ Visual → Multimedia➢ Linear → Web-like➢ Desktop → Ubiquitous, Mobile➢ Single user → CSCW➢ Purposeful use → Situated use
![Page 14: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/14.jpg)
History of HCI● Komputer digital didasarkan pada ide-ide dari 1700 & 1800-an● Teknologi menjadi tersedia di tahun 1940-an dan 1950-an
Vannevar Bush
● "As We May Think" - 1945 Atlantic Monthly○ "... Publikasi telah diperpanjang jauh melampaui kemampuan kita saat ini untuk
membuat penggunaan nyata dari catatan."● Mengemukakan MEMEX (Memory Extended) device
○ Dapat menyimpan semua catatan / artikel / komunikasi○ Memori yang besar○ Produk diambil oleh pengindeksan, kata kunci, referensi silang○ Dapat membuat jejak link melalui materi
● Dibayangkan sebagai mikrofilm, bukan komputer
![Page 15: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/15.jpg)
History of HCIJ.R. Licklider
● 1960 - mengemukakan "simbiosis manusia komputer"● Pasangan otak manusia dan mesin komputasi erat kaitannya untuk
merevolusi penanganan informasi
![Page 16: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/16.jpg)
History of HCI
![Page 17: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/17.jpg)
History of HCI
![Page 18: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/18.jpg)
History of HCI
![Page 19: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/19.jpg)
History of HCI
![Page 20: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/20.jpg)
Paradigma BaruVideo Display Unit (VDU)
● Media yang lebih cocok daripada kertas● Sutherland Sketchpad sebagai sistem
landmark● Komputer yang digunakan untuk
memvisualisasikan dan memanipulasi data
Personal Computing
● Sistem ini lebih kuat jika lebih mudah digunakan
● Kecil, mesin kuat yang didedikasikan untuk individu
● Pentingnya jaringan dan time-sharing● Kay Dynabook, IBM PC
Personal Computer
● '70an PC IBM● Berbasis Teks dan Command● Banyak Terjual● PC dengan GUI, Xerox Star - '81, Star, Apple
Lisa - '82, Apple Macintosh - '84
![Page 21: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/21.jpg)
Paradigma BaruWIMP
● Windows, Icons, Menus, Pointer● Dapat melakukan beberapa hal
simultan● Antarmuka GUI yang Familiar● Xerox Alto, Star; Apel awal
Metaphor
● Semua penggunaan adalah problem-solving atau belajar sampai batas tertentu
● Komputasi yang berkaitan dengan aktivitas dunia nyata adalah mekanisme pembelajaran yang efektif○ Manajemen file di desktop kantor○ Analisis keuangan sebagai
spreadsheet
![Page 22: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/22.jpg)
Paradigma BaruDirect Manipulation
● Koin dan mengeksplorasi gagasan manipulasi langsung dari antarmuka
● Direktur HCI Lab di Maryland '82 Shneiderman menjelaskan daya tarik interaksi berbasis grafis○ Visibilitas obyek○ Tindakan tambahan dan umpan balik
yang cepat○ Reversibilitas mendorong eksplorasi○ Ganti bahasa dengan tindakan○ Kebenaran sintaksis dari semua
tindakan● WYSIWYG, Apple Mac
Multimodality
● Mode adalah saluran komunikasi manusia○ Bukan hanya indra, misalnya, speech
dan audio non-speech dua mode● Penekanan pada penggunaan simultan dari
beberapa saluran untuk I / O
Hypertext - Ted Nelson
● Komputer dapat membantu orang, bukan hanya bisnis
● Coined term "hypertext"● Pikirkan informasi tidak mengalir seperti
linear tetapi sebagai node saling berhubungan
● Bush MEMEX, hypertext Nelson● Struktur penjelajahan Non-linear● '93 WWW
![Page 23: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/23.jpg)
Paradigma BaruLanguage (Agents)
● Tindakan tidak selalu berbicara lebih keras daripada kata-kata
● Antarmuka sebagai mediator atau agen
● Paradigma Bahasa
CSCW
● Computer-Supported Cooperative Work
● Tidak ada lagi single user / sistem tunggal
● Aspek Micro-sosial sangat penting
● E-mail sebagai keberhasilan menonjol tapi groupware lainnya masih tidak banyak digunakan
![Page 24: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/24.jpg)
Paradigma Baru● Manusia bukan lagi pengguna perangkat virtual tetapi penghuni virtual,
lingkungan yang kaya komputasi● Tidak bisa lagi mengabaikan aspek makro-sosial● 90-an Akhir - PDA, VES, ...
![Page 25: PENDAHULUANreza_chan.staff.gunadarma.ac.id/Downloads/files/52977/...Mengintegrasikan metode desain & teknik User Interface dalam metodologi standar pengembangan perangkat lunak terbaru](https://reader031.fdokumen.com/reader031/viewer/2022021915/5c96a2b509d3f2627b8cc70b/html5/thumbnails/25.jpg)
TERIMA KASIH