You are on page 1of 46

Aspek Teknologi

 Peralatan Interaksi  Teknik Interaksi  Function Keys dan Shortcut
19 August 2013 IMK BY ANGDY ERNA 1

Preview
Interaksi ManusiaKomputer dapat terjadi apabila manusia sebagai pengguna peralatan komputer memberikan aksi yang dimengerti oleh komputer tersebut. Komputer akan menjalankan suatu fungsi sesuai program yang sudah dimuat di dalamnya.
19 August 2013 IMK BY ANGDY ERNA

aksi

Fungsi

2

• Jadi, tujuan manusia tercapai dengan bantuan komputer yang sudah diprogram untuk menjalankan fungsi tertentu.

19 August 2013

IMK BY ANGDY ERNA

3

Peralatan Interaksi
• Komputer terdiri dari 4 jenis peralatan (device) yaitu :
– – – – Peralatan masukan (Input Device) Pemroses (CPU) Penyimpan (Memory) Peralatan Keluaran (Output Device)

• Alat masukan digunakan oleh manusia untuk memasukkan aksi kepada komputer. Komputer akan memproses aksi tersebut di alat pemroses dan mengeluarkan suatu fungsi melalui alat keluaran
19 August 2013 IMK BY ANGDY ERNA 4

Gambar Peralatan Interaksi Alat Masukan dan Keluaran Masukan Pemroses Keluaran Alat interaksi Manusia-Komputer Penyimpan Alat interaksi Komputer-Manusia 19 August 2013 IMK BY ANGDY ERNA 5 .

• signal input berupa data yang dimasukkan ke dalam sistem komputer. 19 August 2013 IMK BY ANGDY ERNA 6 . • Jadi. • dapat berupa signal input atau maintenance input. • maintenance input berupa program yang digunakan untuk mengolah data yang dimasukkan. alat input selain digunakan untuk memasukkan data juga untuk memasukkan program.Peralatan Masukan / Input Device • Input device adalah alat yang digunakan untuk menerima input dari luar sistem.

papan ketik (keyboard) 2. optical data reader atau optical character recognition reader) 4. pointing device (misalnya mouse. joysticks ) 3. touch screen.Alat input dapat berupa : 1. trackballs. sensor (misalnya digitizing camera). 5. light pen. voice recognizer (misalnya microphone). scanner (misalnya magnetic ink character recognition. digitizer graphics tablet. 19 August 2013 IMK BY ANGDY ERNA 7 .

Keyboard • Merupakan piranti masukan tekstual yang paling standar • Penciptaan keyboard komputer di ilhami oleh penciptaan mesin ketik yang dasar rancangannya di buat dan di patenkan oleh Christopher Latham pada tahun 1868 dan banyak dipasarkan pada tahun 1877 oleh Perusahaan Remington. • Tata letak papan ketik yang lazim digunakan adalah tata letak QWERTY 19 August 2013 IMK BY ANGDY ERNA 8 .

Tata Letak QWERTY 19 August 2013 IMK BY ANGDY ERNA 9 .

L Q W E N M SPACE • Beban pengetikan tangan kiri lebih besar • Jika mengetik kata yang banyak mengandung huruf “ a ”. 0 P . maka jari kelingking menanggung beban yang lebih berat 19 August 2013 IMK BY ANGDY ERNA 10 .1 2 A Z 3 S X 4 R D C 5 T F V 6 Y G B 7 U H 8 I J 9 O K .

Tata Letak DVORAK 7 A 5 3 P O E U Q J 1 Y I K 9 F D X 0 G H B 2 4 C R T N M 6 L S W V 8 Z SPA CE • Beban tangan kanan 70 % • Mengurangi kelelahan jari jemari • Lebih efisien 10 – 15% dibanding QWERTY 19 August 2013 IMK BY ANGDY ERNA 11 .

Tata Letak ALPHABETIK 1 A K U 2 3 C M V D N W X 4 E 5 F O P Y 6 G 7 H Q 8 I 9 J 0 T B L R S Z SPA C E • Banyak ditemui pada mainan anak-anak • Memperlambat kecepatan pengetikan • Tidak dapat menyaingi popularitas QWERTY 19 August 2013 IMK BY ANGDY ERNA 12 .

Tata Letak Klockenberg • Tata letak yang dikembangkan dengan memasukkan unsur ergonomik • Mengurangi beban otot pada jari jemari dan pergelangan tangan • Mengurangi beban otot pada tangan dan bahu 19 August 2013 IMK BY ANGDY ERNA 13 .

Chord Keyboards • Terdiri atas beberapa tombol yang akan dikombinasikan menjadi beberapa suku kata atau kata • Cocok untuk wartawan. penulis dan sekretaris yang membutuhkan penulisan secara cepat • Contoh dari chord Keyboards adalah : – Tata letak Palantype – Tata letak Stenotype 19 August 2013 IMK BY ANGDY ERNA 14 .

• Numeric keypads pada tata letak QWERTY mudah dijangkau dengan tangan • Tombol numerik pada ponsel menggunakan mode tone serupa dengan kalkulator 19 August 2013 IMK BY ANGDY ERNA 15 .Papan Tombol Numerik 1 4 2 5 3 6 7 8 9 4 1 5 2 6 3 = Kalkulator 7 8 0 9 # * Handphone 0 .

Pointing Device Mouse • Pada sebagian besar mouse terdapat tiga tombol. • Ada istilah dalam penggunaan mouse yaitu “Click “ dan “Drag” 19 August 2013 IMK BY ANGDY ERNA 16 . tetapi umumnya hanya dua tombol yang berfungsi. yaitu tombol paling kiri dan yang paling kanan.

mekanis . menggunakan bola karet B. menggunakan LED (Light Emitting Diode) • Di pasaran juga beredar mouse tak berkabel (cordless mouse) 19 August 2013 IMK BY ANGDY ERNA 17 . • Ujung kabel tersebut dimasukkan dalam port yang terdapat di CPU komputer. • Mouse tersedia dalam jenis : A.Mouse • Mouse terhubung dengan komputer dengan sebuah kabel yang terdapat pada mouse. optis.

Pointing Device Touch-sensitive screen • Adalah alat yang bekerja dengan cara mendeteksi ada tidaknya sentuhan tangan atau stylus ke layar komputer • Kelebihan : – Cocok untuk memilih menu – Cocok ditempatkan di lingkungan yang tidak ramah (swalayan. tempat-tempat umum) • Kekurangan – Layar tampilan akan kotor – Posisi tangan akan menutupi sebagian pandangan mata – Susah untuk menuding daerah-daerah layar yang kecil 19 August 2013 IMK BY ANGDY ERNA 18 .

memilih menu dan menggambar • Kelemahan : – Mata Light pen jika tertutup debu akan mengurangi kepekaannya – Mudah patah jika terjatuh.Pointing Device Light pen • Mendeteksi lokasi melalui cahaya pada layar tampilan • Keunggulan : – Merupakan alat yang sangat akurat – Cocok untuk mengedit teks. dll 19 August 2013 IMK BY ANGDY ERNA 19 .

y) yang menentukan gerakan pena atau puck pada meja digitasi. pena atau kursor – Berdasarkan pendeteksian titik kontak antara dua bidang resitif 19 August 2013 IMK BY ANGDY ERNA 20 . • Digunakan untuk terapan-terapan dalam bidang CAD (Computer Aided Design) • Mekanisme kerja dari digitizer : – Berdasarkan medan magnet dengan menggunakan piranti penunding berupa stylus.Pointing Device Digitizer graphics tablet • Merupakan piranti pengambil data dalam bentuk sederetn koordinat (x.

19 August 2013 IMK BY ANGDY ERNA 21 .Pointing Device Trackballs • Prinsip kerjanya mirip mouse • Perbedaannya badan mouse harus seluruhnya bergerak sehingga memerlukan ruang yang luas sedang trackball cukup menggerakkan bolanya saja.

Pointing Device Joysticks • Gerakan kursor dikendalikan oleh tuas (joystick absolut) atau dengan tekanan pada tuas (joystick isometrik) • Biasanya digunakan untuk program-program permainan komputer • Tidak mudah merusak tampilan yang muncul jika kita menggerakkan joystick 19 August 2013 IMK BY ANGDY ERNA 22 .

• Scanner hasilnya ditampilkan pada layar monitor komputer dahulu kemudian baru dapat dirubah dan dimodifikasi sehingga tampilan dan hasilnya menjadi bagus yang kemudian dapat disimpan sebagai file text. 19 August 2013 IMK BY ANGDY ERNA 23 .Scanner • Scanner adalah suatu alat elektronik yang fungsinya mirip dengan mesin fotokopi. dokumen dan gambar.

• Digital camera yang beredar di pasaran saat ini ada berbagai macam jenis.Sensor Digital Camera • Dengan alat ini. dengan ukuran yang relatif cukup besar. sampai dengan camera yang dapat merekam gambar dinamis seperti video. 19 August 2013 IMK BY ANGDY ERNA 24 . ke dalam komputer kita. kita dapat lebih mudah memasukan data berupa gambar apa saja. mulai dari jenis camera untuk mengambil gambar statis.

Voice Recognizer Microphone • Kalau camera digunakan untuk memasukkan input berupa gambar (dan suara). dan speaker untuk mendengarkan hasil rekaman suara. 19 August 2013 IMK BY ANGDY ERNA 25 . • Penggunaan mic tentu saja memerlukan perangkat keras tambahan untuk menerima input suara tersebut yaitu sound card. maka mic digunakan hanya untuk memasukkan input berupa suara.

– bentuk lain yang dapat dibaca oleh mesin (machine-readable form). – suara.angka. sedangkan golongan terakhir biasanya digunakan sebagai input untuk proses selanjutnya dari komputer.Peralatan Keluaran/Output Device • Output yang dihasilkan dari pemroses dapat digolongkan menjadi empat bentuk : – tulisan (huruf. 19 August 2013 IMK BY ANGDY ERNA 26 . simbol khusus). • Tiga golongan pertama adalah output yang dapat digunakan langsung oleh manusia. – image (dalam bentuk grafik atau gambar).

yaitu alat yang digunakan untuk mencetak tulisan dan image pada media keras seperti kertas atau film. Alat ini berfungsi ganda. 19 August 2013 IMK BY ANGDY ERNA 27 . yaitu alat yang digunakan untuk merekam simbol dalam bentuk yang hanya dapat dibaca oleh mesin pada media seperti magnetic disk atau magnetic tape. yaitu alat yang digunakan untuk menampilkan tulisan dan image pada media lunak yang berupa sinyal elektronik. – Drive device atau driver.• Peralatan output dapat berupa: – Hard-copy device. – Soft-copy device. sebagai alat output dan juga sebagai alat input.

Hard-Copy Device Printer dan plotter • Printer memiliki berbagai macam bentuk dan ukuran. untuk mencetak di atas kertas dengan ukuran yang sangat besar. digunakanlah plotter. serta ketajaman hasil cetak. • Tetapi. 19 August 2013 IMK BY ANGDY ERNA 28 . • Ukuran kertas yang dapat digunakan pun beragam.

Soft Copy Device Monitor • Aliran elektron dilepaskan oleh penembak elektron. kemudian difokuskan dan dibelokkan oleh medan listrik pada layar yang berlapiskan fosfor • Monitor memiliki berbagai ukuran layar seperti layaknya sebuah televisi. 19 August 2013 IMK BY ANGDY ERNA electron beam electron gun focussing and deflection phosphorcoated screen 29 . • Tiap merek dan ukuran monitor memiliki tingkat resolusi yang berbeda.

sampai dengan bentuk yang tipis dengan layar datar (flat). mulai dari bentuk yang besar dengan layar cembung.Monitor • Resolusi ini lah yang akan menentukan ketajaman gambar yang dapat ditampilkan pada layar monitor. 19 August 2013 IMK BY ANGDY ERNA 30 . • Jenis-jenis monitor saat ini sudah sangat beragam.

• Biasanya yang digunakan adalah dinding putih. • Fungsinya adalah untuk menampilkan gambar/visual hasil pemrosesan data. infocus memerlukan obyek lain sebagai media penerima pancaran singnal-signal gambar yang dipancarkan.Infocus • Infocus hampir sama dengan monitor. ataupun kain/layar putih yang dibentangkan. • Hanya saja. 19 August 2013 IMK BY ANGDY ERNA 31 . • Media penerima tersebut sebaiknya memiliki permukaan datar dan berwarna putih (terang). whiteboard.

Teknik Interaksi • Ada 3 kelompok teknik/gaya interaksi : – Linguistic Styles – Key-Modal Styles – Direct Manipulation Styles 19 August 2013 IMK BY ANGDY ERNA 32 .

Linguistic Styles • Linguistic Styles adalah penyampaian aksi melalui bahasa yang dimengerti oleh komputer. • Karakteristik teknik ini antara lain : – Masukan aksi melalui papan ketik alfabet (alphanumeric keyboard) yang ditulis/diketik – Bahasa yang dimengerti oleh komputer merupakan bagian kecil dari bahasa manusia – Adanya aturan penulisan (syntax) dan semantik untuk menyatakan aksi 19 August 2013 IMK BY ANGDY ERNA 33 .

0 atau lebih besar dari 3.5 3. Speech (misal : mengucapkan kata-kata/perintah lewat mikrofon pada perangkat lunak tertentu) 19 August 2013 IMK BY ANGDY ERNA 34 .• Contoh teknik ini adalah : 1.del. Command Line (misalnya dir. format c:) 2.0  Cetak daftar mahasiswa yang IP semesternya lebih besar dari 2.5 dan lebih kecil dari 3. Text Based Natural Language  (misalnya Cetak daftar semua mahasiswa yang mempunyai IP semester lebih dari 3 Display all for IP > 3.

Contoh Tampilan “Linguistic Styles” 19 August 2013 IMK BY ANGDY ERNA 35 .

Key-Modal Styles • Key-Modal Styles adalah penyampaian aksi melalui penekanan tombol-tombol yang diprogram sebelumnya untuk menjalankan fungsi-fungsi. • Karakteristik teknik ini antara lain : – Masukan aksi melalui tombol fungsi atau tombol alfabet – Instruksi langkah demi langkah – Digunakan dalam sistem berjalan (walkup system) 19 August 2013 IMK BY ANGDY ERNA 36 .

• Contoh teknik ini adalah : – Question and Answer (Misal : apakah data dicetak ? <Y/T>) – Function Key Interaction (Misal : Tekan F1Menu Bantuan) – Menu Based Interaction (Misal : Menu datar. menu tarik) 19 August 2013 IMK BY ANGDY ERNA 37 .

adalah sistem menu yang menampilkan semua pilihan secara lengkap – Menu Tarik (Pull down menu). yang biasanya berupa kalimat / kumpulan beberapa kata • Ada dua sistem menu – Menu Datar (Pop up menu. adalah sistem menu yang akan menampilkan pilihan dalam kelompok-kelompok tertentu 19 August 2013 IMK BY ANGDY ERNA 38 .• Menu adalah sejumlah daftar pilihan dalam jumlah terbatas.

Contoh : Sistem Menu Datar 19 August 2013 IMK BY ANGDY ERNA 39 .

Contoh : Sistem Menu Tarik 19 August 2013 IMK BY ANGDY ERNA 40 .

Direct Manipulation Styles • Direct manipulation styles adalah penyampaian “aksi” melalui manipulasi terhadap objek tertentu • Karakteristik teknik ini antara lain : – Ditampilkannya objek untuk interaksi pengguna – Ditampilkannya penunjuk untuk memanipulasi objek (misal pointer) – Aksi diterapkan langsung terhadap objek – Respon seketika fungsi objek (immediate feedback) 19 August 2013 IMK BY ANGDY ERNA 41 .

working area.• Contoh : – Form fill-in (misal pengisian formulir/borang langganan) merupakan suatu dialog yang terdiri atas formulir(borang) yang tertampil pada layar dan menampilkan field-field yang berisi item-item data atau parameter yang perlu dikomunikasikan dengan pengguna. status bar) 19 August 2013 IMK BY ANGDY ERNA 42 . memutar objek) – Graphical User Interface (Misal : menu bar. – Graphical direct manipulation (misal memperbesar objek. tool bar. memindahkan objek.

Contoh : 19 August 2013 IMK BY ANGDY ERNA 43 .

sehingga tujuan yang akan dicapai oleh pengguna tercapai dinamakan perangkat lunak 19 August 2013 IMK BY ANGDY ERNA 44 .• Perangkat lunak yang berhasil memadukan teknik-teknik di atas untuk kemudahan pemakaian perangkat lunak .

dan juga berguna sebagai shortcut tanpa harus menggunakan mouse setiap ingin menjalankan perintah pada umumnya. Biasanya shorcut key merupakan gabungan dari beberapa tombol yang deitekan bersamaan. misalnya Ctrl+S digunakan untuk menyimpan file 19 August 2013 IMK BY ANGDY ERNA 45 . Atau bisa juga langsung mengerjakan perintah spesifik ketika tombol tesebut ditekan. • Selain itu. function keys yang ada dapat diubah atau dimodifikasi oleh pengguna • Shortcut Key dikenal dengan nama tombol cepat yang berfungsi sama seperti function key. Selain itu.Function Keys dan Shortcut • Function keys adalah tombol pada keyboard yang memberikan masukan tanpa berhubungan dengan setiap karakter yang terdapat pada keyboard tersebut. tombol-tombol yang terdapat pada bagian atas keyboard yang memiliki label F1 sampai F12 berhubungan dengan tugas-tugas spesifik yang dapat dijalankan pada suatu program.

• Tuliskan contoh-contoh shortcut key dan function key minimal 7 item masingmasing 19 August 2013 IMK BY ANGDY ERNA 46 .TUGAS 2 • Cari satu contoh alat interaksi (input atau output) lengkap dengan gambar dan penjelasannya.