Interaksi Manusia dan Komputer - part 2
description
Transcript of Interaksi Manusia dan Komputer - part 2
![Page 1: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/1.jpg)
Interaksi Manusia dan Komputer -part 2Danny Kriestanto, S.Kom., M.Eng
![Page 2: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/2.jpg)
Saluran Input-Output Manusia• Input• Mata• Telinga • Hidung• Lidah• Kulit
• Output• Tangan/jari• Suara
![Page 3: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/3.jpg)
Model Pengolahan Informasi pada Manusia
• Faktor utama yang dominan dalam interaksi manusia dan komputer adalah faktor kognisi.• Pada awal tahun 1960 dan1970-an paradigma
utama dalam psikologi kognisi adalah mencari karakter manusia sebagai pengolah informasi. • Segala sesuatu yang diindera (penglihatan,
pendengaran, sentuhan, bau dan rasa) dianggap sebagai informasi yang akan diolah oleh otak.
![Page 4: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/4.jpg)
• Semua yang dilihat oleh mata diintrepretasikan oleh otak. Namun otak dapat ditipu oleh apa yang dilihatnya.• Ide dasarnya adalah bahwa informasi masuk dan
keluar dari pikiran manusia melalui sederet langkah proses yang urut.
![Page 5: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/5.jpg)
Model Pengolahan Manusia
• Dua hal penting yang dapat ditambahkan pada model dasar pengolahan pada manusia adalah pengolahan atas perhatian dan ingatan(memory).
• Pada model ini kognisi dapat dipandang berdasarkan:
![Page 6: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/6.jpg)
Kognisi
1. Bagaimana informasi dirasakan oleh pengolah persepsi
2. Bagaimana perhatian terhadap informasi
3. Bagaimana informasi diproses dan disimpan di dalam memori
![Page 7: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/7.jpg)
Model Kognisi pada Manusia
![Page 8: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/8.jpg)
Model Memori
• Register sensori, yang menerima informasi dari luar dan akan memegang informasi untuk waktu singkat(dalam sepersepuluhan detik)
• Memori jangka pendek, yang menyimpan informasi terbatas untuk periode pendek(beberapa detik)
• Memori jangka panjang, yang akan menyimpan informasi dalam jangka yang tidak dapat ditentukan
![Page 9: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/9.jpg)
Model Memori
![Page 10: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/10.jpg)
Persepsi Visual
• Mata manusia terutama digunakan untuk menghasilkan persepsi yang terorganisir akan:• gerakan • ukuran• Bentuk/pola• jarak• Posisi relatif• tekstur, dan• warna
![Page 11: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/11.jpg)
Persepsi Visual
![Page 12: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/12.jpg)
Efek Ilusi pada Mata
![Page 13: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/13.jpg)
Medan PenglihatanMedan penglihatan adalah sudut yang dibentuk ketika mata bergerak ke kiri terjauh dan ke kanan terjauh, yang dapat dibagi menjadi empat wilayah:1. Wilayah tempat kedua bola mata mampu melihat sebuah
obyek dalam keadaan sama, disebut juga penglihatan binokuler
2. Wilayah terjauh yang dapat dilihat oleh mata kiri ketika mata kiri digerakkan ke sudut paling kiri, disebut juga penglihatan monokuler kiri.
3. Wilayah terjauh yang dapat dilihat oleh mata kanan ketika mata kanan digerakkan ke sudut paling kanan, disebut juga penglihatan monokuler kanan.
4. Wilayah buta, yakni wilayah yang sama sekali tidak dapat dilihat oleh kedua mata kita
![Page 14: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/14.jpg)
Sudut Penglihatan• Sudut penglihatan (visual angle) didefinisikan sebagai sudut
yang terjadi saat mata melihat obyek di hadapannya secara vertikal.
• Ketajaman penglihatan (visual acuity) adalah sudut penglihatan minimum ketika mata masih dapat melihat obyek dengan jelas.
![Page 15: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/15.jpg)
Teori Persepsi Visual
Terdapat dua teori pendekatan yang menjelaskan tentang bagaimana cara manusia melihat suatu obyek:• Teori Konstruktif• Teori Ekologi
![Page 16: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/16.jpg)
Teori Konstruktif
• Sistem visual manusia akan menyusun suatu model dari dunia dengan mentransformasi, memperbaiki, mendistorsi, dan membuang informasi.
![Page 17: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/17.jpg)
Teori Ekologi
• Asumsi utama pendekatan ini adalah bahwa persepsi melibatkan intervensi dari representasi dan ingatan.• Efek dari konstruksi adalah untuk menyediakan
kepada kita gambaran yang lebih konstan dari dunia dibanding jika hanya mengandalkan citra yang dilihat dari retina mata kita.• Oleh karena itu kita melihat bangunan selalu
tidak berubah dan orang terlihat mempunyai ukuran dan bentuk yang sama, meskipun kita melihat dari berbagai posisi dan jarak.
![Page 18: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/18.jpg)
Warna
• Ketajaman Pandangan adalah kemampuan untuk mempersepsikan detail yang sangat baik , dengan keterbatasan pandang yang dapat dilakukan oleh mata untuk memberikan gambaran dari objek yang yang dipandang dengan jelas dan detail.
• Ketajaman pandangan dipengaruhi oleh brightness (kecerahan) dan luminance (kejelasan). Selain itu, ketajaman juga dipengaruhi oleh warna.
![Page 19: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/19.jpg)
Warna• Hue (corak): bentuk bermacam-macam warna dalam corak
yang berbeda. Semakin tinggi nilainya, semakin cerah dan jelas warnanya.
• Saturation (kejenuhan atau jumlah putih pada warna): semakin sedikit saturation, semakin gelap warnanya.
![Page 20: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/20.jpg)
Aspek Psikologis Warna
1. Hindari penggunaan warna yang tajam secara simultan.2. Hindari warna biru murni untuk teks, garis tipis, dan bentuk
yang sangat kecil.3. Hindari penggunaan warna biru yang berdekatan.4. Perlu pengaturan cahaya di dalam ruangan karena warna
akan berubah ketika cahaya berubah.5. Hindari penempatan warna merah dan hijau secara
berseberangan pada tampilan berskala besar. Gunakan biru dan kuning.
![Page 21: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/21.jpg)
Aspek Kognitif
1. Jangan menggunakan warna yang berlebihan.2. Warna yang sama membawa kesan yang berbeda untuk hal
yang berbeda3. Urutan warna sesuai dengan posisi spektralnya.4. Kecerahan dan saturasi akan menarik perhatian5. Waspada terhadap manipulasi warna secara tidak linear
pada layar tampilan dan bentuk cetakan.
![Page 22: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/22.jpg)
Lingkaran Warna
![Page 23: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/23.jpg)
Luminans
• Luminans adalah besar intensitas cahaya yang dipantulkan atau dihasilkan oleh permukaan obyek • Semakin besar luminans suatu obyek, rincian
(detail) obyek yang dapat dilihat oleh mata juga akan semakin bertambah, namun jika terlalu besar justru akan berlaku sebaliknya
![Page 24: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/24.jpg)
Luminans
• Semakin besar luminans, maka diameter anak-mata (pupil) akan semakin mengecil, sehingga intensitas cahaya yang diterima retina tidak terlalu besar, dan akan meningkatkan kedalaman fokusnya (deep of field)
• Hal yang sama terjadi pada kamera saat kita mengatur diafragma pada lensa, semakin kecil diafragma, maka besar intensitas cahaya yang masuk akan semakin kecil juga, namun kedalamannya(deep of field) semakin besar.
![Page 25: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/25.jpg)
Kontras• Kontras adalah hubungan antara intensitas cahaya yang
dikeluarkan atau dipantulkan oleh suatu obyek dengan intensitas cahaya dari latar belakang(background) obyek tersebut.
![Page 26: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/26.jpg)
Kecerahan (Brightness)
• Kecerahan (brightness) adalah tanggapan subyektif mata terhadap cahaya yang dipancarkan atau dipantulkan obyek
• Tidak ada arti khusus dari tingkat kecerahan seperti pada luminans, sehingga nilai kecerahan suatu obyek tidak dapat diukur(tidak mempunyai satuan), atau bersifat kualitatif subyektif.
• Secara umum luminans yang tinggi berimplikasi pada kecerahan yang tinggi pula.
![Page 27: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/27.jpg)
Persepsi Perseptual Cahaya
The Colors of Visible Light Spectrum
![Page 28: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/28.jpg)
Reg, Green, Blue
![Page 29: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/29.jpg)
Susunan Citra RGB dan Piksel pada LCD
![Page 30: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/30.jpg)
Representasi Bit Warna
• (0, 0, 0) is black• (255, 255, 255) is white• (255, 0, 0) is red• (0, 255, 0) is green• (0, 0, 255) is blue• (255, 255, 0) is yellow• (0, 255, 255) is cyan• (255, 0, 255) is magenta
![Page 31: Interaksi Manusia dan Komputer - part 2](https://reader035.fdokumen.com/reader035/viewer/2022062517/568139ae550346895da14b09/html5/thumbnails/31.jpg)
Model Sistem Pengolahan pada Manusia dan Komputer
Perseptual
Intelektual
Kontro l M otorik
Mem
ori
Perseptual
Intelektual
Kontro l M otorik
ResponderSensor
Piranti M asukan
Pengontro l M asukanPengontro l Keluaran
Piranti Keluaran
Prosesor
M em ori
Umpan Balik
Pen
go
lah
an O
tom
atis
Pen
go
lah
an S
adar
Man
usi
aK
om
pu
ter
Antarmuka