Faktor Manusia

Faktor Manusia

Manusia dipandang sebagai sistem pemroses informasi

Model sederhana
Informasi diterima dan ditanggapi melalui saluran input dan output
Informasi disimpan dalam ingatan
Informasi diproses dan diaplikasikan dalam berbagai cara
Kemampuan dari manusia yang berbeda dalam mendesain
Penglihatan (Vision)
Tahapan Vision

Penerimaan fisik dari suatu stimulus

Pengolahan dan interpretasi dari stimulus
Alat Fisik : mata

Mekanisme untuk menerima cahaya dan mentransformasikan ke

energy elektrik
Cahaya memantul dari object, lalu difokuskan terbalik pada retina
Retina memiliki rods (organ berbentuk bantang) untuk pandangan
cahaya lemah dan cones (organ berbentuk kerucut) untuk
padangan warna
Sel ganglion (simpul / pusat syaraf) mendeteksi pola dan
pergerakan
Interpretasi sinyal

Size and depth

Brightness
Color
Proses Membaca

Pola visual terpersepsikan

Decode menggunakan representasi internal bahasa
Analysis secara syntactic dan semantic utntuk mengetahui arti dari
sebuah kata atau kalimat
Membaca

Saccades
Regressions
Bentuk dan tampilan Huruf
membaca
Pendengaran (sound)
Sound

Informasi : jarak, arah, object, dll

Alat fisik:
Telinga bagian luar
Telinga bagian tengah
Telinga bagia dalam
Suara
Pitch
Loudness
Timbre
Sound

Manusia dapat mendengarkan frekuensi 20 hz 15 khz

Pemfliteran suara pada sistem pendengaran
Sentuhan
Sentuhan

Menyediakan umpanbalik penting mengenai lingkungan

Indra kunci bagi orang yang memiliki kekurangan pada
pandangan
Stimulus diterima melalui penerima (receptors) dalam kulit:
Thermoreceptors
Nociceptors
Mechanoreceptors
Kinethesis : kesadaran akan posisi tubuh dapat menjadikan nyaman
dan berpengaruh biak pad kinerja
Gerakan

Waktu yang diperlukan untuk menanggapi stimulus : waktu raksi +

waktu gerak
Waktu gerak tergantung pada usia, kebugaran, dan lain-lain
Waktu reaksi tergantung pada jenis stimulus :
Visual (pandangan) 200 ms
Auditory (suara) 150 ms
Pain (sakit) 700 ms
Gerakan

Bertambahnya waktu reaksi mengurangi akurasi pada operator

yang tidak terampil tapi hal tak berpengaruh pada operator yang
terampil
Hukum Fitt (Fitts Law) merumuskan waktu yang dibutuhkan untuk
menekan/menyentuh target di layar :
Mt = a + b log2 (D / S + 1)
Dimana a dan b secara empiris adalah kostanta yang telah
ditentukan, Mt adalah waktu gerak, D adalah jarak dan S adalah
ukuran
Target secara umum haruslah sebesar yang paling mungkin dan
jarak adalah sekecil yang paling mungkin
Memori
Memori

3 jenis fungsi memory

Sensory memory
Short-term memory / working memory
Long-term memory
Sensory memori

Buffers (penyangga) untuk stimuli (rangsangan)

Iconic visual stimulli (rangsangan)
Echonic aural stimuli (rangsangan suara)
Haptic touch stimuli (rangsangan sentuhan)

Secara terus menerus akan terus diperbarui/ditumpuki

Informasi berlalu/lewat dari alat sensor (sensory) ke memory jangka
pendek dengan atensi/perhatian
Pemilihan rangsangan diatur oleh selera/gairah
Short-term Memory
Lapisan scractch (scratch-pad) untuk pengingatan kembali (recall)
semenetara
Akses cepat 70ms
Penghilangan cepat (rapid decay) 200ms
Kapasitas terbatas - 7+/-2 digit atau kumpulan informasi

Efek kekinian (recency effect) pengingatan kemabali (recall) seseuatu yang

terakhir dilihat lebih baik daripada pengingatan kembali (recall) item-item
yang lebih dulu
Beberapa bukti untuk berbagai elemen dari memory jangka pendek saluran
artikulasi/pengucapan, saluran visual, dan lain-lain campur tangan pada
saluran yang berbeda tak mengganggu pengingatan kembali (recall)
Long-term Memory

Tempat penyimpanan (repository) untuk semua pengetahuan kita

Akses pelan 1/10 detik
Decay (penghilangan) pelan, jika ada
Kapasitas yang besar atau tidak terbatas

Dua jenis
Episodik memory berurutan dari kejadian-kejadian
Semantik memory terstruktur dari fakta-fakta, konsep dan
keterampilan
Long-Term Memory

Informasi dalam memory jangka panjang semantik diturunkan dari

memory jangka panjang episodik
Struktur memory semantik
Menyediakan akses ke informasi
Merepresentasikan hubungan diantara bit-bit (bagian kecil)
informasi
Mendukung infrensia
Long-term Memory

Model : semantic network(jaringan semantik)

Inheritance node-node anak dituruni properti (sifat dan
kemampuan) dari node-node orang tuanya
Hubungan diantara bit-bit informasi dilakukan secara eksplisit
Mendukung inferensia melalui inheritance (penurunan sifat)
Peralatan masukan Teks
Keyboard

Umumnya peralatan text input

Memungkinkan memasukkan data cepat dari text oleh user yang
berpengalaman
Menekan tombol yang berhubungan dekat, menyebabkan code
karakter terkirim
Umumnya dihubungkan oleh kabel, tapi ada yang wireless
Jenis Jenis Tuts Keyboard
QWERTY
DVORAK
KLOCKENBERG
MALTRON
Chord
Alphabetik
Numeric
Handwriting Recognition

Text dapat diinput ke computer, menggunakan pen

dan digesting tablet
Technical problems:
Menangkap semua informasi yang berguna - stroke path,
pressure, etc. dalam suatu aturan yang alami
segmenting menggabungkan menulis dalam huruf-huruf
individual
Menterjemahkan huruf-huruf individual
Meng-copy dengan gaya berbeda dari handwriting
Speech Recognition

Memperbaiki secara cepat

Kebanyakan berhasil ketika:

single user training awal dan mempelajari sifat-sifat yang aneh
vocabulary systems yang terbatas

Problems with
pengaruh kebisingan dari luar
pengucapan yang tidak tepat
vocabulary yang besar
Speakers yang berbeda
Peralatan Penempatan Posisi dan
Petunjuk
Mouse

Menangani pointing device

Sangat umum
Mudah digunakan

Dua characteristics
Pemindahan bidang
Tombol tombol
Mouse

Mouse diletakkan pada desktop

memarlukan tempat fisik
tidak merusak lengan

Perpindahan relative hanya bisa

dideteksi.
Perpindahan mouse memindahkan
screen cursor
Screen cursor berorientasi pada bidang (x, y),
mouse berpindah pada bidang (x, z)

suatu alat indirect manipulation.

peralatannya sendiri tidak jelas dilayar, akurat dan cepat.
masalah koordinasi tangan-mata untuk user baru
How does mouse work ?

Ada 2 metode untuk mendeteksi gerakan

Mechanical
Bola dibawah mouse bergerak saat mouse digerakkan
Putaran orthogonal potentiometers
Bisa digunakan pada hampir permukaan datar

Optical
light emitting diode di bagian bawah mouse
Dapat menggunakan special grid-seperti pad atau hanya di meja
Mudah terkena debu dan kotoran
Mendeteksi fluktuasi penggantian yang diwakili intensitas cahaya
untuk menghitung perpindahan relatif pada bidang (x, z)
Touchpad
small touch sensitive tablets
gerakan untuk memindahkan mouse pointer
Umumnya digunakan di laptop computers

pengaturan percepatan yang baik penting

gerakan cepat
kumpulan pixels per inch dipindahkan
perpindahan awal ke target
gerakan lambat
sedikit
pixels per inch
untuk posisi yang accurate
Trackball & Thumbwheels

Trackball
bola diputar dibagian rumah static
seperti bagian bawah mouse!
gerakan relative memindahkan cursor
peralatan indirect, agak accurate
tombol terpisah untuk memilih
sangat cepat untuk game
Digunakan di beberapa portable and notebook computers.

Thumbwheels
Untuk accurate CAD two dials for X-Y cursor position
untuk scrolling cepat single dial pada mouse
Joystick & Keyboard Nipple

Joystick
indirect
tekanan tongkat = velocity (kecepatan) perpindahan
Tombol untuk pilihan
di atas atau didepan muncul
Sering digunakan untuk computer games
aircraft controls and 3D navigation

Keyboard nipple (tombol)

untuk komputer laptop
miniature joystick di tengah keyboard
Touch Sensitive Screen
Mendeteksi kehadiran jari atau stylus pada screen.
Bekerja dengan menginterupsi matrix dari soroton cahaya,
perubahan kekuatan atau refleksi ultrasonic
direct pointing device
Advantages:
Cepat, dan tidak memerlukan pointer khusus
Baik untuk pemilihan menu
Cocok untuk digunakan dalam lingkungan yang tidak bersahabat:
bersih dan aman dari kerusakan.
Disadvantages:
Jari dapat menandai screen
Tidak teliti/tepat (jari merupakan alat yang agak kasar!)
Sulit untuk memilih bagian yang kecil atau menunjuk gambar
dengan benar
Mengangkat tangan dapat melelahkan
Stylus & Light Pen
Stylus
Pen kecil seperti pointer untuk menggambar secara langsung di
layar
Memungkinkan menggunakan permukaan sensitive sentuh atau
deteksi magnetic
Digunakan pada PDA, tablets PCs and drawing tables

Light Pen
Sekarang jarang digunakan
Menggunakan cahaya dari screen untuk mendeteksi lokasi

BOTH
Sangat tepat dan jelas untuk digunakan
Tapi dapat mengaburkan screen
Digitizing Tablet

Alat seperti mouse dengan cross hairs

Digunakan pada permukaan khusus

- agak seperti stylus

Sangat accurate
- digunakan untuk digitizing maps
Eyegaze
Me-control interface dengan arahan tatapan mata
e.g. melihat menu item untuk memilihnya
Menggunakan sinar laser yang dipantulkan retina
kekuatan laser yang sangat rendah!
Umumnya digunakan untuk evaluasi (ch x)
potential untuk hands-free control
Ketepatan yang tinggi memerlukan headset
Alat yang ketepatannya lebih murah dan lebih
rendah ada
diletakkan dibawah screen seperti sebuah webcam
kecil
Eyegaze
Display Devices
bitmap displays

screen adalah sejumlah besar titik-tik warna (coloured dots)

resolution and colour depth
Resolution digunakan (inconsistently) untuk
sejumlah pixels pada screen (width x height)
e.g. SVGA 1024 x 768, PDA perhaps 240x400
kerapatan pixels (in pixels or dots per inch - dpi)
typically between 72 and 96 dpi
Aspect ratio
ration diantara width and height
4:3 for most screens, 16:9 for wide-screen TV
Colour depth:
Seberapa banyak beda warna untuk setiap pixel?
black/white or greys only
256 from a pallete
8 bits each for red/green/blue = millions of colours
Layar Tampilan/Monitor

Jenis-jenis layar tampilan :

Tampilan vektor(vector/calligraphic/stroke display) - tahun 60-an
Raster display tahun 70-an
Flat TV CRT tahun 90-an
LCD
Plasma TV
Organic Light Emitting Diode (OLED)
Vector Display

Prinsip kerja vector display :

Frame buffer berisi daftar tampilan yang berisi
perintah pengambaran titik, garis & karakter,
selanjutnya oleh display processor data digital
diubah ke tegangan analog untuk
memancarkan elektron. Bila mengenai layar
tampilan yang dilapisi fosfor maka fosfor
berpendar dan terlihat gambar, elektron harus
ditembakkan 30 kali per detik untuk menghindari
flick, disebut penyegaran (refreshing)
Cathode ray tube (CRT)

Aliran elekotron dipancarkan dari senjata elektron, difokuskan

dan diarahkan pada bidang magnetik, mengenai layar berlapis
fosfor yang cahaya.
Digunakan pada TV dan computer monitors
electron beam

electron gun

focussing and
deflection

phosphor-
coated screen
Raster Display

Prinsip kerja raster display :

Garis, karakter dan bentuk lain digambarkan
berdasarkan titik/pixel(picture element). Status titik 1 =
nyala, 0 = mati, disimpan dalam frame buffer. Citra grafis
yang akan ditampilkan disimpan sebagai pola bit. Untuk
gambar hitam-putih, hitam = 1, putih = 0 diperlukan
sebuah penembak elektron. Untuk gambar colour
dibutukan 3 penembak elektron.
Raster Display

Pada teknik raster scan,

pancaran elektron
diarahkan ke layar langsung
dari kiri kanan, atas
bawah dan dibagi atas
scanline bernomor ganjil
dan genap. Proses
menscan baris baris scan
line, bernomor ganjil dari
atas ke bawah kemudian
diulangi lagi disebut
interlacing. Pengulangan
penembakan elektron
dengan kecepatan 30 kali
per detik untuk menghindari
flick.
anti-aliasing
Bergerigi (jaggies)
garis diagonal yang terputus-putus karena untuk
memproses raster scan horizontal.

Anti-aliasing
mengurangi pinggiran dengan menggunakan
bayangan warna garis
Juga digunakan untuk text
 Liquid crystal displays
Lebih kecil, lebih ringan, dan tidak ada masalah radiasi.
Ditemukan pada PDAs, portables and notebooks,
dan bertambah pada desktop dan bahkan untuk TV
rumah
Juga digunakan pada dedicted displays:
jam tangan digital, mobile phones, HiFi controls
Bagaimana caranya bekerja
Piringan atas transparent dan di-polarisasi, piringan
bawah dipantulkan.
Cahaya lewat melalui piringan atas dan kristal, dan
memantulkan kembali ke mata.
Voltage dipakai crystal merubah polarisasi dan
karenanya muncul warna
N.B. pantulan cahaya tidak dipancarkan =>
memperkecil ketegangan mata
special displays
Random Scan (Directed-beam refresh, vector display)
Menggambar garis untuk ditampilkan secara
langsung
no jaggies
Garis-garis diperlukan digambar ulang secara
constant
Jarang digunakan kecuali pada alat khusus

Direct view storage tube (DVST)

Sama dengan random scan tapi terus menerus => no
flicker
Dapat bertambah di-update tapi tidak memilih
dihapus
Digunakan pada analogue storage oscilloscopes
 large displays
Digunakan untuk meetings, kuliah, etc.
technology
plasma biasanya layar lebar

video walls sejumlah besar layar kecil dipasang bersama

projected RGB lights or LCD projector

hand/body obscures screen
Mungkin diselesaikan dengan 2 projectors + software
pintar
back-projected
frosted glass + projector behind
situated displays
Display di tempat umum
Besar atau kecil
Sangat umum atau untuk kelompok kecil
display only
Untuk informasi yang berhubungan dengan lokasi
or interactive
Menggunakan stylus, touch sensitive screen
Dalam semua kasus masalah lokasi
Berarti informasi atau interaksi dihubungkan ke lokasi
 Hermes a situated display

small displays
Displays beside office doors
kecil
dibalik notes left using stylus
handwritten
pintu kantor
office owner reads notes using web interface

Catatan tulisan Pemilik kantor

Tangan ditinggalkan membaca catatan
Menggunakan stylus menggunakan web
interface
Digital paper
what?
Lembar flexible yang tipis appearance

Di update secara electronic

Tapi menahan display
cross
section
how?
Lingkaran kecil berganti
atau channels dengan cairan
berwarna dan lingkaran yang
contrast
Secara cepat mengembangkan
area
virtual reality and 3D interaction
positioning in 3D space
cockpit and virtual controls
steering wheels, tombol dan memutar seperti nyata!
the 3D mouse
Enam derajat perpindahan: x, y, z + roll (berputar), pitch,
yaw (menyimpang dari garis lurus)
data glove
fibre optics yang digunkan untuk mendeteksi jari
VR helmets
mendeteksi pergerakan kepala dan memungkinkan untuk
eye gaze
whole body tracking
mengurangi Accelerometers ke tangan/kaki atau titik
reflective dan pemrosesan video
pitch, yaw and roll

yaw

roll
pitch
3D displays

desktop VR
Screen biasa, mouse or keyboard control
perspective dan memberi gerakan efek 3D
seeing in 3D
use stereoscopic vision
VR helmets
screen plus shuttered (alat pengatur cahaya) specs, etc.

also see extra slides on 3D vision

VR headsets

Layar TV kecil untuk setiap mata

Sudut yang agak berbeda
3D effect
VR motion sickness
time delay
Kepala bergerak lag (terlambat) tampilan bergerak
conflict: gerakan kepala vs. mata
depth perception
headset memberikan jarak stereo yang berbeda
Tapi semua focus dalam bidang yang sama
conflict: sudut mata vs. focus
Isyarat conflic => sakit
Membantu memotivavi perbaikan dalam technology
simulators and VR caves
Pemandangan diproyeksikan pada dinding
Lingkungan nyata
Benturan hydraulic!
Control nyata
Orang lainnya
physical controls, sensors etc.
dedicated displays
analogue representations:
dials, gauges (ukuran), lights, etc.
(baca: gauge geij)
digital displays:
small LCD screens, LED lights, etc.

head-up displays
Ditemukan di aircraft cockpits
Menunjukkan kebanyakan control penting
tergantung pada context
Sounds

beeps, bongs, clonks, whistles (bersiul) and whirrs (desing)

Digunakan untuk menunjukkan kesalahan

confirmasi tindakan e.g. keyclick

also see chapter 10

Touch, feel, smell

touch and feeling penting

pada games vibration, force feedback
pada simulation dirasakan dari alat
bedah
disebut alat haptic

texture, smell, taste

teknologi sangat terbatas
BMW iDrive
Untuk mengontrol menu
Merasa benjolan kecil untuk setiap bagian
Membuatnya lebih mudah memilih pilihan
dengan merasa
Menggunakan haptic technology dari
Immersion Corp.
 physical controls
Memerlukan specialist controls
industrial controls, consumer products, etc.

easy-clean
smooth buttons

multi-function
large buttons clear dials control

tiny buttons
Environment and bio-sensing

Seluruh sensors disekitar kita

car courtesy (kebaikan) light switch kecil
pada pintu
ultrasound detectors security, tempat
cuci tangan
RFID security tags in shops
temperature, weight, location

dan bahkan badan kita sendiri

iris
scanners, body temperature, heart
rate, galvanic skin response, blink rate
paper: printing and scanning
Printing 75

Gambar dibuat dari titik-titik kecil

Mengizinkan berbagai susunan karakter
atau graphic dicetak,
critical features:
resolution
ukuran dan spacing dari titik-titik
Diukur dalam dots per inch (dpi)

speed
Biasanya diukur dalam halaman per menit
cost!!
 Types of dot-based printers 76

dot-matrix printers
Menggunakan pita tinta (seperti typewriter)
Baris pins(peniti) yang dapat menembus pita, memberiu titik-titik
di kertas.
typical resolution 80-120 dpi
ink-jet and bubble-jet printers
Gumpalan kecil tinta dikirim dari print head ke kertas
typically 300 dpi atau lebih baik.
laser printer
Seperti mesin photocopy: titik-titik electrostatic merubah
simpanan pada drum, yang diambil toner (bentuk tepung hitam
dari tinta) diputara pada kertas rolled yang kemudian
disesuaikan dengan panas
typically 600 dpi atau lebih baik.
Printing in the workplace 77
shop tills
dot matrix
print head yang sama digunakan untuk beberapa
gulungan kertas
Memungkinkan juga mencetak cheques

thermal printers
special heat-sensitive paper
paper heated by pins makes a dot
quality-nya buruk, tapi sederhana dan
perawatannya mudah
Digunakan pada beberapa mesin fax
Fonts 78
Font gaya khusus dari text

Courier font
Helvetica font
Palatino font
Times Roman font
(special symbol)

Ukuran font diukur dalam points (1 pt sekitar

1/72)
(tidak jelas) berhubungan dengan tingginya
This is ten point Helvetica
This is twelve point
This is fourteen point
This is eighteen point
and this is twenty-four point
 Fonts (ctd)
79
Pitch
fixed-pitch setiap character mempunyai lebar yang
sama
e.g. Courier

variable-pitched beberapa characters lebih lebar

e.g. Times Roman compare the i and the m

Serif or Sans-serif
sans-serif kotak diakhiri coretan (ended strokes)
e.g. Helvetica

serif dengan akhir miring -splayed ends (seperti)

e.g. Times Roman or Palatino
 Readability of text 80
huruf kecil (lowercase)
memudahkan membaca bentuk kata
HURUF BESAR (UPPERCASE)
lebih baik untuk huruf individual dan bukan kata-kata
e.g. flight numbers: BA793 vs. ba793

serif fonts
membantu mata anda pada baris panjang (long
lines) dari text yang dicetak
tetapi sans serif sering lebih baik pada layar
Page Description Languages 81
Halaman sangat complex
membedakan fonts, bitmaps, lines, digitised photos,
etc.

Dapat merubah semuanya kedalam bitmap dan

mengirim ke printer
tapi sering besar !

Secara alternative menggunakan page description

language
mengirim description dari halaman dapat dikirim,
instrucsi untuk curves, lines, text pada gaya yang
berbeda, etc.
Seperti bahasa pemrograman untuk pencetakan!

PostScript sangat umum

Screen and page 82
WYSIWYG
what you see is what you get
tujuan dari word processing, etc.
tapi
screen: 72 dpi, landscape image
print: 600+ dpi, portrait
dapat mencoba membuatnya serupa
tapi tidak pernah benar-benar sama
sehingga perlu desain yang berbeda, graphics etc, untuk
screen and print
Scanners 83
Memerlukan kertas dan merubahnya kedalam bitmap

Dua urutan scanner

flat-bed: kertas diletakkan pada suatu piringan kaca,
seluruh halaman dirubah kedalam bitmap
hand-held: scanner melewati kertas, digitising strip
khususnya lebar 3-4

Cahaya menyinari kertas dan mencatat intensitas dari

refleksi
colour or greyscale

Resolution khusus dari 6002400 dpi

Scanners (ctd) 84

Digunakan pada

desktop publishing untuk memasukkan foto dan gambar lain

document storage and retrieval systems, membuang paper storage

+ special scanners untuk slides and photographic negatives

Optical character recognition 85

OCR merubah bitmap kembali kedalam text

fonts yang berbeda
membuat masalah untuk myederhanakan template matching
algorithms
Lebih rumit systems segment text, menguraikannya kedalam baris (lines)
dan memancarkan (arcs), dan menguraikan characters dengan cara
tersebut
page format
columns, pictures, headers and footers
 Paper-based interaction 86
Kertas biasanya dianggap sebagai output saja

Bisa menjadi input juga OCR, scanning, etc.

Kertas kerja Xerox

glyphs pola kecil dari /\\//\\\
digunakan untuk mengenali bentuk etc.
digunakan dengan scanner dan fax untuk aplikasi control

Yang terbaru
papers micro printed seperti cap air (wattermarks)
Mengenali lembar mana dan dimana
special pen dapat membaca lokasi
Mengetahui dimana mereka menulis