IMK-Pertemuan-3.pptx

download IMK-Pertemuan-3.pptx

of 48

Transcript of IMK-Pertemuan-3.pptx

  • 5/19/2018 IMK-Pertemuan-3.pptx

    1/48

    KomputerInteraksi Manusia dan Komputer

    TAHUN AJARAN 2013/2014 | SEMESTERGANJIL

    Dosen :

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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    2/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Learning Outcomes

  • 5/19/2018 IMK-Pertemuan-3.pptx

    3/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    KOMPUTER

    Komputer merupakan suatu alat elektronik mampumelakukan berbagai tugas, seperti :

    Menerima input

    Memproses input sesuai perintah

    Menyimpan perintah dan hasil dari pengolahan Menyediakan output dalam bentuk informasi

    Memberikan informasi

    Otomatisasi Pekerjaan

  • 5/19/2018 IMK-Pertemuan-3.pptx

    4/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Topik Bahasan Komputer

    Keyboard

    Piranti penunjuk (pointing devices)

    Pengenalan, digitisasi, dan penghasilan

    ucapan

    Tayangan gambar dan video

    Printer

  • 5/19/2018 IMK-Pertemuan-3.pptx

    5/48

    Interaksi Manusia danKomputer

    Mata 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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    6/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    QWERTY Layout (Lanj.)

    Diciptakan oleh Christopher Latham Sholes,1870-an.

    Dirancang untuk memperlambat gerakanpemakai sehingga tombol mesin tik tidakmenyangkut.

    Pasangan huruf yang sering digunakanditempatkan berjauhan untuk meningkatkan

    jarak pergerakan jari.

    Standar keyboard bahasa Inggris.

    Kecepatan rata-rata: 150 kata per menit.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    7/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    8/48

    Interaksi Manusia danKomputer

    Mata 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.

    ?/

  • 5/19/2018 IMK-Pertemuan-3.pptx

    9/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Qwerty

  • 5/19/2018 IMK-Pertemuan-3.pptx

    10/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    11/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    12/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    13/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Dvorak Layout (Lanj.)

    Diciptakan olehAugust Dvorak dan WillianL. Dealey, 1936.

    Dirancang untuk mengurangi jarakpergerakan jari.

    Mempercepat ketikan hingga 200 ketikanper menit.

    Penerimaannya lambat karena pemakai

    tidak bersedia berusaha berpindah dariQWERTY.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    14/48

    Interaksi Manusia danKomputer

    Mata 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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    15/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    ABCDE Layout

    Tombol-tombol disusun menurut abjad.

    Tidak punya kelebihan dibanding tata letak

    lainnya, karena itu tidak banyak dipakai.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    16/48

    Interaksi Manusia danKomputer

    Mata 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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    17/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    18/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    19/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Tombol-tombol Pergerakan

    Kursor

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

    (e) (f)

    (g)

    (h)

  • 5/19/2018 IMK-Pertemuan-3.pptx

    20/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Piranti Penunjuk

    Piranti penunjuk (pointing devices) digunakan untukmenunjuk 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 daripermukaan layar.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    21/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    22/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Macam-macam Direct Pointing

    Devices

    Light pen

    Touch screen

    Stylus

  • 5/19/2018 IMK-Pertemuan-3.pptx

    23/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Light Pen

    Menunjuk langsung

    ke layar dengan

    pena yang

    mempunyai selsensitif cahaya.

    Kelemahan: Tangan menutupi layar;

    Tangan jauh darikeyboard;

    Light pen harus diangkat.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    24/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Touch Screen

    Langsungmenyentuh layar

    dengan jari.

    Kelemahan: Melelahkan;

    Tangan menutupi

    layar;

    Tangan jauh dari

    keyboard; Penunjukan tidak

    presisi;

    Layar bisa kotor.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    25/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Stylus

    Alat yang digunakan untuk menyentuh

    touch screen padapocketpc.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    26/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    27/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Macam-macam Indirect Pointing

    Devices

    Mouse

    Trackball

    Joystick

    Trackpoint (pointing stick)

    Graphics tablet

    Touchpad

  • 5/19/2018 IMK-Pertemuan-3.pptx

    28/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    29/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    30/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Trackball

    Mouse terbalik.

    Tidak memakan

    banyak tempat.

    Banyak digunakan

    pada laptop.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    31/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Joystick

    Baik untuk

    tracking.

    Pergerakan

    sedikit,

    perpindahan arah

    mudah.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    32/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Trackpoint (Pointing Stick)

    Joystick miniisometrik dari bahan

    karet yang

    diletakkan di antara

    tombol-tombol

    keyboard dan

    digerakkan jari

    tangan.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    33/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Graphics Tablet

    Permukaan peka sentuh yang

    terpisah dari layar. Mendeteksi

    gerakan stylus ataupuck.

    Keuntungan:

    Posisi tangan nyaman.

    Tidak perlu menunjuk layar.

    Permukaan luas.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    34/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Touchpad

    Permukaan pekasentuh yang biasadigunakan padalaptop.

    Nyaman sepertitouch screennamun tidak perlulangsungmenyentuh layar.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    35/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Pengenalan, Digitisasi, dan Penghasilan

    Ucapan

    Pengenalan ucapan masih belum sepertiyang digambarkan pada fiksi ilmiah:

    Lebih menuntut ingatan kerja pemakai.

    Derau latar belakang bermasalah.

    Variasi kinerja ucapan pemakai

    mempengaruhi keefektifan.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    36/48

    Interaksi Manusia danKomputer

    Mata 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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    37/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Discrete-Word Recognition

    Mengenali kata yang diucapkan orang satu persatu.

    Kehandalan 90-98% untuk kosakata 20-200kata.

    Berguna jika: Tangan pembicara sibuk.

    Mobilitas diperlukan.

    Mata pembicara sibuk.

    Kondisi yang keras (di bawah air, perang) atauterkungkung (dalam kokpit) yang tidakmemungkinkan pemakaian keyboard.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    38/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Speech Recognition

    Mengenali kata-katayang diucapkan secaranormal.

    Harapan: pendiktean

    dokumen, transkripsirekaman suara.

    Contoh: DragonNaturallySpeaking, IBM

    ViaVoice.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    39/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    40/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Speech Store and Forward

    Penyimpanan danpengiriman kembali pesan

    yang diucapkan.

    Voice mail bekerja handal,berbiaya rendah, dan

    disukai pemakai.

    A di T A di li ti

  • 5/19/2018 IMK-Pertemuan-3.pptx

    41/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Audio Tones, Audiolization,

    Music Umpan balik berupa suara (bukan

    ucapan).

    Aud io tone: nada sebagai output

    komputer.

    Aud iol izat ion: presentasi informasi yang

    lebih kompleks dengan kombinasi suara.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    42/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    Tayangan Gambar dan Video

    Visual Display Unit(VDU) adalah sumberumpan 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

  • 5/19/2018 IMK-Pertemuan-3.pptx

    43/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    44/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    45/48

    Interaksi Manusia danKomputer

    Mata 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.

  • 5/19/2018 IMK-Pertemuan-3.pptx

    46/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    47/48

    Interaksi Manusia danKomputer

    Mata Kuliah Wajib PTIIK

    HCI

    Computer Science &Software Engineering

    Linguistic ArtificialIntelligence CognitiveScience

    Ergonomics

    Anthropology

    Sociology

    Multimedia

    (Graphic Desain)

    Technical

    Writing

    Organization

    Technology

    Business

    Mathematics

    CognitivePsychology

    SocialPsychology

    Tugas (Individu) Berikut Merupakan Faktor Pengembangan dan Pendewasaan IMK

  • 5/19/2018 IMK-Pertemuan-3.pptx

    48/48

    Interaksi Manusia danKomputer

    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 untuksetiap mahasiswa

    Dikerjakan dengan format powerpoint (ppt)

    3-5 orang beruntung minggu depan