Top Banner
Piranti Interaksi
40

Interaksi Manusia & Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih...

Mar 17, 2018

Download

Documents

buidiep
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Interaksi Manusia & Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

Piranti Interaksi

Page 2: Interaksi Manusia & Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

2

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 3: Interaksi Manusia & Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

3

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 4: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

4

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 5: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

5

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 6: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

6

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 7: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

7

ABCDE Layout

Tombol-tombol disusun menurut abjad.

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

Page 8: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

8

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 9: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

9

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 10: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

10

Function Keys

Untuk fungsi-fungsi khusus. Biasa diberi label F1 … F12 atau PF1

… PF24. Positif: mengurangi ketukan dan

kesalahan. Negatif: letaknya jauh dari home

position, fungsinya harus dihafal, beberapa sistem tidak konsisten.

Page 11: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

11

Tombol-tombol Pergerakan Kursor

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

(e) (f)

(g)

(h)

Page 12: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

12

Tombol-tombol Pergerakan Kursor (Lanj.)

Tata letak yang terbaik adalah yang alami.

Populer: T-terbalik (a). Biasa mempunyai typematic (auto-

repeat). Pergerakan lainnya dengan tombol

TAB, HOME, END, dsb.

Page 13: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

13

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 14: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

14

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 15: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

15

Macam-macam Direct Pointing Devices

Light pen Touch screen Stylus

Page 16: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

16

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 17: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

17

Touch Screen

Langsung menyentuh layar dengan jari.

Kelemahan: Melelahkan; Tangan menutupi layar; Tangan jauh dari

keyboard; Penunjukan tidak

presisi; Layar bisa kotor.

Page 18: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

18

Stylus

Alat yang digunakan untuk menyentuh touch screen pada palmtop.

Page 19: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

19

Macam-macam Indirect Pointing Devices

Mouse Trackball Joystick Trackpoint (pointing stick) Graphics tablet Touchpad

Page 20: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

20

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 21: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

21

Trackball

“Mouse terbalik”. Tidak memakan

banyak tempat. Banyak

digunakan pada laptop.

Page 22: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

22

Joystick

Baik untuk tracking.

Pergerakan sedikit, perpindahan arah mudah.

Page 23: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

23

Trackpoint (Pointing Stick)

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

Page 24: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

24

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 25: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

25

Touchpad

Permukaan peka sentuh yang biasa digunakan pada laptop.

Nyaman seperti touch screen namun tidak perlu langsung menyentuh layar.

Page 26: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

26

Hukum Fitts untuk Piranti Penunjuk

Model pergerakan tangan dalam menggerakkan kursor di tampilan.

Ditemukan oleh Paul Fitts (1954). Digunakan untuk memperkirakan

waktu untuk memindahkan kursor dalam menunjuk target tertentu.

Page 27: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

27

Hukum Fitts (Lanj.)

Bila D = jarak dan W = lebar target: Index of difficulty = 2log (2D/W) Time to point = C1 + C2 (IOD) detik

C1 dan C2: konstanta tergantung piranti. Untuk presisi tinggi:

Time for precision pointing = C1 + C2 (IOD) + C3 2log (C4/W)

Page 28: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

28

Hukum Fitts (Lanj.)

Contoh: Target berukuran 1 cm, Jarak 8 cm IOD = 2log (2 × 8 / 1) = 4 Time to point = 0.2 + 0.1 (4) = 0.6

detik.

Page 29: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

29

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 30: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

30

Pengenalan, Digitisasi, dan Penghasilan Ucapan (Lanj.)

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

Page 31: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

31

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 32: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

32

Speech Recognition

Mengenali kata-kata yang diucapkan secara normal.

Harapan: pendiktean dokumen, transkripsi rekaman suara.

Contoh: Dragon NaturallySpeaking, IBM ViaVoice.

Page 33: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

33

Speech Store and Forward

Penyimpanan dan pengiriman kembali pesan yang diucapkan.

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

Page 34: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

34

Speech Generation

Komputer menghasilkan ucapan. Disukai untuk keadaan tertentu.

Page 35: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

35

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 36: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

36

Tayangan Gambar dan Video

Visual Display Unit (VDU) adalah sumber umpan balik utama bagi pemakai dari komputer.

Page 37: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

37

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 38: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

38

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 39: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

39

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 40: Interaksi Manusia &amp; Komputer · PPT file · Web view · 2010-07-26Piranti Interaksi Keyboard Piranti ... Jika ditekan masuk 3-5 mm. Tombol-tombol khusus lebih besar. Tanda bagi Caps

40

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.