komputer (the computer · pdf fileperangkat output - layar (kecil & besar), kertas digital...

32
INTERAKSI MANUSIA & KOMPUTER Semester Genap 2016/2017 Komputer (The Computer)

Upload: vocong

Post on 18-Feb-2018

223 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

INTERAKSI MANUSIA & KOMPUTERSemester Genap 2016/2017

Komputer (The Computer)

Page 2: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Komputer

Computer

Interaksi Manusia & Komputer

Text Entry Device

Pointing & Drawing

ICH

Human

(user)

Computer

Interaction

Display Devices

Physical Control

Printing & Scanning

Memory

Page 3: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Komputer Komputer adalah alat yang dipakai untuk mengolah data

menurut prosedur yang telah dirumuskan.

Kata komputer pada awalnya dipergunakan untuk

menggambarkan orang yang perkerjaannya melakukan

perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi

arti kata ini kemudian dipindahkan kepada mesin itu sendiri.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 4: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Komputer Sistem komputer terdiri dari berbagai elemen

Masing-masing elemen mempengaruhi interaksi

Perangkat input - input teks dan pointing

Perangkat output - layar (kecil & besar), kertas digital

Virtual reality - interaksi dan tampilan perangkat khusus

interaksi fisik - misalnya suara, haptic, bio-sensing

kertas - sebagai output (cetak) dan input (scan)

memori - RAM & Media permanen, kapasitas & akses

pengolahan - kecepatan pemrosesan, jaringan

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 5: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Komponen Komputer Layar, atau monitor

Keyboard

Mouse/ trackpad

Variasi lain komputer: Komputer desktop

Laptop

PDA

Setiap perangkat memiliki gaya interaksi berbeda-beda.

Jika kita menggunakan perangkat yang berbeda, maka

antarmuka akan mendukung gaya kita dalam berinteraksi.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

window 1

window 2

12-37pmDisplay Devices

Physical Control

Printing & Scanning

Memory

Page 6: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Interaksi dengan Komputer Untuk mengerti tentang interaksi manusia dan komputer, kita

harus mengerti tentang komputer terlebih dahulu.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing what goes in and outdevices, paper,sensors, etc.

what can it do?memory, processing,

networks

Display Devices

Physical Control

Printing & Scanning

Memory

Page 7: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Interaksi dengan Komputer

Tidak ada? Satu? Dua? Tiga? Atau lebih?

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Ada berapa

komputer di rumah

kalian?Ada berapa

komputer di saku

kalian?Display Devices

Physical Control

Printing & Scanning

Memory

Page 8: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Interaksi dengan Komputer Di rumah:

PC

TV, DVD, TV satelit

Microwave, rice cooker,

mesin cuci

Pemanas air

Sistem keamanan

Ada lagi?

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Di saku:

PDA

Handphone

Kamera

Flashdisk

Kunci mobil

Ada lagi?

Display Devices

Physical Control

Printing & Scanning

Memory

Page 9: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Keyboard Kebanyakan perangkat input teks biasa

Memungkinkan masuknya sebuah teks dengan bantuan

pengguna

Biasanya dihubungkan dengan kabel, tetapi bisa nirkabel

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 10: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Layout - QWERTY QWERTY adalah salah satu jenis tata letak tombol-tombol

pada keyboard.

Sebuah tata letak yang standart digunakan.

Pengaturan QWERTY tidak optimal untuk mengetik?

Alternatif desain memungkinkan pengetikan lebih cepat, tetapi

rata-rata orang yang sudah biasa dengan keyboard QWERTY

enggan untuk berubah ke bentuk yang lain.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

2 3 4 5 6 7 8 9 0

Q W E R T Y U I

1

O P

S D F H J LA G K

Z X C V B N M , .

SPACE

Display Devices

Physical Control

Printing & Scanning

Memory

Page 11: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Special Keyboard Maltron Left-hand Keyboard

Didesain untuk mengurangi kelelahan

pengguna

Biasanya untuk penggunaan satu tangan

Chord Keyboard

Hanya ada beberapa tombol (sekitar 4 atau 5)

Ukuran yang compact

Menggunakan kombinasi tombol

untuk mengetik

Cocok untuk aplikasi yang bersifat

portable

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 12: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Special Keyboard Keypad Handphone

Cara menggunakannya dengan menekan tombol angka

1 2 - a b c 3 - d e f

4 - g h i 5 - j k l 6 - m n o

7 - p q r s 8 - t u v 9 - w x y z

Contoh mengetikkan kata hello =

4433555 [ jeda] 555666

Apakah lebih efektif?

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 13: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Special Keyboard Numeric Keyboard

Digunakan untuk memasukkan angka saja

Biasa digunakan untuk keperluan perbankan, atau sesuatu

yang membutuhkan menghitung dengan cepat.

Contoh:

o ATM

o Telepon

o Kalkulator

Telepon ≠ kalkulator

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

4 5 6

7 8 9

*0 #

1 2 3

4 5 6

1 2 3

0 . =

7 8 9

telephone calculator

Display Devices

Physical Control

Printing & Scanning

Memory

Page 14: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Mouse Adalah alat yang digunakan untuk memasukkan data dan

perintah ke dalam komputer selain keyboard.

Mouse sangat umum digunakan dan mudah dioperasikan.

Bentuk mouse yang umum mempunyai dua tombol utama,

masing-masing di sebelah kiri atas dan kanan atas yang dapat

ditekan.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 15: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Bagaimana Mouse Bekerja? Mouse mekanis

Mouse dengan sensor mekanik berupa bola karet/logam di

sisi bawah mouse yang dapat berputar ke semua arah.

Sensor mekanik tersebut mendeteksi arah putar bola dan

menggerakkan pointer/kursor pada layar sesuai arah

tersebut.

Mouse optik

Menggunakan sinar laser atau sinar LED sebagai pengganti

bola mouse. Cahaya LED akan dipantulkan oleh permukaan

meja/alas ke sensor, kemudian sensor mengirimkan

gambaran permukaan ke Digital Signal Processor (DSP).

DSP akan menganalisis gambaran tadi dan menentukan

jarak pergerakan mouse, yang kemudian dikirimkan ke

komputer.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 16: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Touchpad Adalah peranti penunjuk berupa permukaan khusus yang

dapat menerjemahkan gerakan dan posisi jari pengguna ke

suatu posisi relatif pada layar komputer.

Peranti ini umum ditemukan pada komputer laptop, PDA,

serta beberapa pemutar media portabel.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 17: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Joystick Adalah alat masukan komputer yang berwujud tuas yang

dapat bergerak ke segala arah.

Alat ini dapat mentransmisikan arah sebesar dua atau tiga

dimensi ke komputer.

Alat ini umumnya digunakan

sebagai pelengkap untuk

memainkan permainan video

yang dilengkapi lebih dari satu

tombol.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 18: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Stylus & Light Pen Adalah peranti masukan komputer dalam bentuk pena yang

digunakan bersamaan dengan perangkat komputer CRT TV

atau monitor.

Hal ini memungkinkan pengguna menunjuk objek yang

ditampilkan, atau menggambar pada layar, mirip dengan layar

sentuh tetapi dengan keakurasian posisi lebih tinggi.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 19: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Gambar Bitmap Dalam grafik komputer,

gambar bitmap adalah

sebuah struktur data yang

mewakili susunan piksel

warna yang ditampilkan

pada layar monitor, kertas

atau media tampilan

lainnya.

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 20: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Resolusi & Pixel DensityInteraksi Manusia & Komputer

Hal ini biasanya dinyatakan sebagai width × height, dengan

satuan pixel: misalnya, "1024×768" berarti lebarnya adalah

1024 pixel dan tingginya 768 pixel.

Pixel density adalah nilai yang menjelaskan bagaimana tingkat

ketajaman layar pada suatu perangkat komputer/ gadget.

Semakin tinggi sebuah pixel density, semakin tajam pula

kualitas gambar yang dihasilkan oleh layar. (dots per inch)

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 21: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Aspect RatioInteraksi Manusia & Komputer

Aspect ratio adalah satuan ukuran antara lebar dan tinggi

pada perangkat komputer.

Ukuran ratio yang umum adalah 4:3 untuk komputer, dan 16:9

untuk tv layar lebar.

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 22: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Liquid Crystal DisplaysInteraksi Manusia & Komputer

LCD adalah suatu jenis media tampilan yang menggunakan

kristal cair sebagai penampil utama.

LCD sudah digunakan di berbagai bidang misalnya dalam

alat-alat elektronik seperti televisi, kalkulator, jam digital,

handphone, ataupun layar komputer.

Lebih terang, lebih tipis (tv tabung), tidak berbahaya (radiasi).

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Page 23: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Suara, Sentuhan, RasaInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Digunakan untuk mengindikasikan sebuah error/ kesalahan,

misal suara:

beeps, bongs, clonks, whistles, dll

Suara juga bias sebagai penanda konfirmasi sebuah action,

contoh: keycliks

Pentingnya sentuhan dan rasa:

Di dalam games: stick PS vibration

Film 4D

Page 24: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Kontrol FisikInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Sebuah control fisik diperlukan dalam dunia industri,

khususnya mesin industri.

Misal mesin pengolah pabrik, mesin pemanas, dll.

Tidak bisa digantikan dengan kontrol suara, rasa, dll.

large buttonsclear dials

tiny buttons

multi-function

control

easy-clean

smooth buttons

Page 25: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

PrintingInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Gambar terdiri dari beberapa titik kecilo Dapat mencetak berbagai karakter atau gambar

Dalam mencetak, ada beberapa fitur yang perlu diperhatikan:o Resolusi

o Kecepatan printing

o Biaya

Page 26: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

FontsInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Fonts merupakan berkas data elektronik yang berisi

serangkaian ikon, karakter, ataupun symbol.

Ada tiga jenis dasar dari format data berkas huruf komputer:

o Font bitmap

o Font outline (font vektor)

o Font stroke

Page 27: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Screen & PageInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

WYSIWYG What you See is What you Get

WYGIWYS What you Get is What you See

Page 28: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

ScannerInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Merubah/ menyalin gambar atau tulisan pada kertas (lainnya)

untuk diubah menjadi gambar bitmap dan disimpan dalam

memory komputer.

Jenis scanner:

o OCR (Optical Character Recognition) untuk menyalin obyek

dalam bentuk teks.

o DMR (Digital Mark Reader) pada pemeriksaan hasil ujian, sudah

bisa menggunakan puplen, spidol (tidak perlu menggunakan

pensil 2B) seperti saat menggunakan scanner OCR

Page 29: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

ScannerInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Merubah/ menyalin gambar atau tulisan pada kertas (lainnya)

untuk diubah menjadi gambar bitmap dan disimpan dalam

memory komputer.

Selain untuk mengcopy teks menjadi bitmap, scanner juga

bias berfungsi kebalikannya:

o OCR (Optical Character Recognition) untuk menyalin obyek

bitmap kedalam bentuk teks (hasil ujian dengan kertas ujian

khusus).

o DMR (Digital Mark Reader) pada pemeriksaan hasil ujian, sudah

bisa menggunakan puplen, spidol (tidak perlu menggunakan

pensil 2B) seperti saat menggunakan scanner OCR

Page 30: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

RAMInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Random Access Memory adalah sebuah tipe penyimpanan

komputer yang isinya dapat diakses dalam waktu yang tetap

tidak memperdulikan letak data tersebut dalam memori.

RAM biasanya digunakan untuk penyimpanan primer (memori

utama) dalam komputer untuk digunakan dan mengubah informasi

secara aktif.

Bersifat jangka pendek.

Page 31: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

Memory Jangka PanjangInteraksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory

Magnetik: Floppy disk

Optical: Menggunakan laser untuk proses membaca

Contoh: CD-ROM, DVD, dll

Page 32: Komputer (The Computer · PDF filePerangkat output - layar (kecil & besar), kertas digital ... Cahaya LED akan dipantulkan oleh permukaan ... kalkulator, jam digital, handphone, ataupun

TERIMA KASIH

Interaksi Manusia & Komputer

Computer

Text Entry Device

Pointing & Drawing

Display Devices

Physical Control

Printing & Scanning

Memory