imk pertemuan-3

48
Komputer Interaksi Manusia dan Komputer TAHUN AJARAN 2013/2014 | SEMESTER GANJIL Dosen : Denny Sagita R., S.Kom., M.Kom Asisten : Fahmi Indrajaya

Upload: welly-dian-astika

Post on 14-Dec-2014

283 views

Category:

Education


21 download

DESCRIPTION

Human Computer Interaction

TRANSCRIPT

Page 1: Imk pertemuan-3

KomputerInteraksi Manusia dan Komputer

TAHUN AJARAN 2013/2014 | SEMESTER GANJIL

Dosen :

Denny Sagita R., S.Kom., M.KomAsisten : Fahmi Indrajaya

Page 2: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Learning Outcomes

Page 3: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

KOMPUTER

Komputer merupakan suatu alat elektronik mampu melakukan berbagai tugas, seperti :• Menerima input• Memproses input sesuai perintah• Menyimpan perintah dan hasil dari pengolahan• Menyediakan output dalam bentuk informasi• Memberikan informasi• Otomatisasi Pekerjaan

Page 4: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Topik Bahasan Komputer

• Keyboard• Piranti penunjuk (pointing devices)• Pengenalan, digitisasi, dan

penghasilan ucapan• Tayangan gambar dan video• Printer

Page 5: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Keyboard

• Piranti masukan data tekstual utama.• Tata letak keyboard:

– QWERTY layout– Dvorak layout– ABCDE layout

• Beberapa pad tombol selain huruf:– Numeric keypad– Function keys– Tombol-tombol pergerakan kursor

Page 6: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

QWERTY Layout (Lanj.)• Diciptakan oleh Christopher Latham Sholes, 1870-

an.• Dirancang untuk memperlambat gerakan

pemakai sehingga tombol mesin tik tidak menyangkut.

• Pasangan huruf yang sering digunakan ditempatkan berjauhan untuk meningkatkan jarak pergerakan jari.

• Standar keyboard bahasa Inggris.• Kecepatan rata-rata: 150 kata per menit.

Page 7: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 8: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

QWERTY Layout

1 32 4 5 6 87 9 0 _-

+=

Q EW R T Y IU O P

A DS F G H KJ L :;

"'

Z CX V B N <,M >

.?/

Page 9: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Qwerty

Page 10: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 11: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 12: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 13: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Dvorak Layout (Lanj.)

• Diciptakan oleh August Dvorak dan Willian L. Dealey, 1936.

• Dirancang untuk mengurangi jarak pergerakan jari.

• Mempercepat ketikan hingga 200 ketikan per menit.

• Penerimaannya lambat karena pemakai tidak bersedia berusaha berpindah dari QWERTY.

Page 14: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Dvorak Layout

7 35 1 9 0 42 6 8 <>

+=

"'

., P Y F RG C L ?/

A EO U I D TH N S _-

:; JQ K X B WM V Z

Page 15: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

ABCDE Layout

• Tombol-tombol disusun menurut abjad.

• Tidak punya kelebihan dibanding tata letak lainnya, karena itu tidak banyak dipakai.

Page 16: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Numeric Keypad

1 2 3

4 5 6

7 8 9

* 0 #

Telepon

7 8 9

4 5 6

1 2 3

0 .

Kalkulator

Page 17: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tombol-tombol Keyboard yang Baik

• Ukuran: 12 mm; jarak antartombol 6 mm.• Agak cekung.• Dibuat dengan bahan yang bersifat dof.• Diaktifkan dengan gaya 40-125 gf.• Jika ditekan masuk 3-5 mm.• Tombol-tombol khusus lebih besar.• Tanda bagi Caps Lock, Num Lock.• Warna yang informatif.• Label harus cukup besar untuk dibaca.• Tombol F dan J pada tata letak QWERTY ditandai.

Page 18: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Function Keys

• Untuk fungsi-fungsi khusus.• Biasa diberi label F1• Positif: mengurangi ketukan dan

kesalahan.• Negatif: letaknya jauh dari home

position, fungsinya harus dihafal, beberapa sistem tidak konsisten.

Page 19: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tombol-tombol Pergerakan Kursor

(a) (b)(c) (d)

(e) (f)

(g)

(h)

Page 20: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Piranti Penunjuk

• Piranti penunjuk (pointing devices) digunakan untuk menunjuk dan memilih di layar pada sistem manipulasi langsung.

• Kelebihan:– Mengurangi kesalahan ketik pada keyboard.

– Dapat memusatkan perhatian pada tampilan.

• Ada dua kelompok piranti penunjuk:– Direct pointing devices: kendali langsung di permukaan layar.

– Indirect pointing devices: kendali tak langsung, terpisah dari permukaan layar.

Page 21: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tugas Interaksi Piranti Penunjuk• Select: memilih dari seperangkat item.• Position: memindahkan titik pada ruang

berdimensi satu, dua, tiga, atau lebih.• Orient: memilih arah pada ruang berdimensi

satu, dua, tiga, atau lebih.• Path: serangkaian operasi position dan orient

yang cepat untuk membentuk jalur atau kurva.• Quantify: menentukan nilai numerik.• Text: menandai lokasi penyisipan,

penghapusan, perubahan teks.

Page 22: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Macam-macam Direct Pointing Devices

• Light pen• Touch screen• Stylus

Page 23: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Light Pen• Menunjuk langsung

ke layar dengan pena yang mempunyai sel sensitif cahaya.

• Kelemahan:– Tangan menutupi layar;– Tangan jauh dari

keyboard;– Light pen harus

diangkat.

Page 24: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Touch Screen• Langsung

menyentuh layar dengan jari.

• Kelemahan:• Melelahkan;• Tangan menutupi

layar;• Tangan jauh dari

keyboard;• Penunjukan tidak

presisi;• Layar bisa kotor.

Page 25: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Stylus

• Alat yang digunakan untuk menyentuh touch screen pada pocketpc.

Page 26: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 27: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Macam-macam Indirect Pointing Devices

• Mouse• Trackball• Joystick• Trackpoint (pointing stick)• Graphics tablet• Touchpad

Page 28: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Mouse• Kelebihan:

– Posisi tangan nyaman; – Tombolnya mudah ditekan;– Pergerakan panjang cepat; – Penempatan presisi.

• Kelemahan: – Tangan harus pindah dari keyboard; – Memakan tempat di meja;– Kabelnya mengganggu;– Harus diangkat dan diletakkan

kembali untuk pergerakan panjang;– Harus berlatih untuk bisa

menguasainya.

Page 29: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 30: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Trackball

• “Mouse terbalik”.

• Tidak memakan banyak tempat.

• Banyak digunakan pada laptop.

Page 31: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Joystick

• Baik untuk tracking.

• Pergerakan sedikit, perpindahan arah mudah.

Page 32: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Trackpoint (Pointing Stick)• Joystick mini

isometrik dari bahan karet yang diletakkan di antara tombol-tombol keyboard dan digerakkan jari tangan.

Page 33: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Graphics Tablet

• Permukaan peka sentuh yang terpisah dari layar. Mendeteksi gerakan stylus atau puck.

• Keuntungan:– Posisi tangan nyaman.– Tidak perlu menunjuk layar.– Permukaan luas.

Page 34: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Touchpad• Permukaan peka

sentuh yang biasa digunakan pada laptop.

• Nyaman seperti touch screen namun tidak perlu langsung menyentuh layar.

Page 35: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Pengenalan, Digitisasi, dan Penghasilan Ucapan

• Pengenalan ucapan masih belum seperti yang digambarkan pada fiksi ilmiah:– Lebih menuntut ingatan kerja pemakai.– Derau latar belakang bermasalah.– Variasi kinerja ucapan pemakai

mempengaruhi keefektifan.

Page 36: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Pengenalan, Digitisasi, dan Penghasilan Ucapan (Lanj.)

• Macam-macamnya:– Discrete-word recognition– Speech recognition– Speech store and forward– Speech generation– Audio tones, audiolization, music

Page 37: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Discrete-Word Recognition• Mengenali kata yang diucapkan orang satu per

satu.• Kehandalan 90-98% untuk kosakata 20-200 kata.• Berguna jika:

– Tangan pembicara sibuk.– Mobilitas diperlukan.– Mata pembicara sibuk.– Kondisi yang keras (di bawah air, perang) atau

terkungkung (dalam kokpit) yang tidak memungkinkan pemakaian keyboard.

Page 38: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Speech Recognition

• Mengenali kata-kata yang diucapkan secara normal.

• Harapan: pendiktean dokumen, transkripsi rekaman suara.

• Contoh: Dragon NaturallySpeaking, IBM ViaVoice.

Page 39: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Page 40: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Speech Store and Forward

• Penyimpanan dan pengiriman kembali pesan yang diucapkan.

• Voice mail bekerja handal, berbiaya rendah, dan disukai pemakai.

Page 41: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Audio Tones, Audiolization, Music• Umpan balik berupa suara (bukan

ucapan).• Audio tone: nada sebagai output

komputer.• Audiolization: presentasi informasi

yang lebih kompleks dengan kombinasi suara.

Page 42: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tayangan Gambar dan Video• Visual Display Unit (VDU) adalah sumber

umpan balik utama bagi pemakai dari komputer.

• Bentuknya:– Monitor– Fotografi digital: Download ke komputer mudah.– Video digital: Videodisk, CD-ROM, DVD-ROM.– Proyektor– Heads-up displays: pada kaca mobil/pesawat.– Helmet-mounted displays

Page 43: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Teknologi Display• Raster-scan cathode ray tube (CRT)

– Senapan elektron menyapukan pixel.– Refresh rate yang lebih tinggi disukai.

• Liquid-crystal displays (LCD)– Perubahan tegangan mempengaruhi polarisasi

kapsul kristal cair.• Plasma panel

– Gas neon dipendarkan oleh arus listrik.• Light-emitting diodes (LED)

– Diode dinyalakan oleh arus listrik.

Page 44: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Printer• Dot-matrix printer

– Menggunakan pita bertinta.• Inkjet printer

– Tidak berisik, kualitas cetakan baik.• Thermal printer

– Tidak berisik, murah.– Menggunakan kertas khusus (berlilin) atau kertas

biasa.• Laser printer

– Hasil berkualitas tinggi.

Page 45: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Printer (Lanj.)

• Plotter– Menggunakan pena untuk menggambar di

atas gulungan kertas.

• Photographic printer– Menghasilkan slide dan cetakan foto.

• Newspaper/magazine-layout systems– Hasil berkualitas produksi.

Page 46: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Ada Pertanyaan ???Jika tidak pertanyaan, saya akhiri

Terima kasih

Page 47: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tugas (Individu)• Berikut Merupakan Faktor Pengembangan dan

Pendewasaan IMK

Page 48: Imk pertemuan-3

Interaksi Manusia dan KomputerMata Kuliah Wajib PTIIK

Tugas (Individu)

• Jelaskan peran masing-masing dan beri contoh untuk tiap bidang penerapannya didalam pengembangan suatu sistem berbasis UI. Contoh dalam 1 kelas tidak boleh sama untuk setiap mahasiswa (tanggung jawab koordinator kelas)

• Dikerjakan dengan format powerpoint (ppt)• 3-5 orang beruntung minggu depan presentasi