Interaksi Manusia dan Komputer

Slides:



Advertisements
Presentasi serupa
BORLAND DELPHI 1. Pengenalan Borland Delphi merupakan program aplikasi database yang berbasis Object Pascal dari Borland. Delphi juga memberikan fasilitas.
Advertisements

KOMPONEN DALAM DELPHI Form
INTERAKSI Pertemuan ketiga – Kuliah Interaksi Manusia dan Komputer
Interaksi Manusia dan Komputer “Interaksi”
RAGAM DIALOG.
MICROSOFT EXCEL 1 30 Jan-5 Feb  Program aplikasi komputer Under DOS yang digunakan untuk aplikasi lembar kerja adalah …
PERANCANGAN ANTARMUKA - 2
Perancangan Sistem Ana Kurniawati.
Mata Pelajaran TIK Kelas X Semester 2
Dheni Setyawan ( ) Taufiq Yulyanto M ( ) Raka Januarsa ( )
Interaksi Manusia dan Komputer
SISTEM OPERASI WINDOWS
RAGAM DIALOG / GAYA INTERAKSI
Pertemuan 3 RAGAM DIALOG.
MEMAHAMI RAGAM DIALOG.
Komponen Antarmuka Grafis
Bina Sarana Informatika
1. Elemen pada Microsoft Excel
Menggunakan Menu dan kotak Dialog
Interaksi Manusia Dan Komputer (Interaksi)
Interaction Interaction:
Pendahuluan Microsoft Excel (MS-Excel) merupakan program aplikasi spreadsheet (lembar kerja elektronik) canggih yang paling populer dan paling banyak digunakan.
Interaksi Manusia dengan Komputer
BAB 5 Menggunakan Perangkat Lunak Pengolah Kata
Pert 4 Interaksi.
Interaksi Pertemuan 5.
Perancangan Sistem L. Erawan.
KONSEP USER INTERFACE.
Interaksi Manusia Dan Komputer
Interaksi Manusia & Komputer Pendahuluan
BAB 7 RAGAM DIALOG.
IMK: HELP&DOKUMENTASI
Nisn.data.kemdiknas.go.id 25/10/2017.
Pemrograman Visual Oleh : Erni Fatmawati.
PERANCANGAN INTERFACE USER
Interaksi Manusia & Komputer Ragam Dialog
Pertemuan 10 GUI (Graphical User Interface)
Interface Metaphors dan Model Konseptual
OLEH : SONIA RUKMARDI SARI KELAS : X2
KONSEP INTERFACE
B. Nebel, Univ. Freiburg, FAW
User interface Bagaimana user berinteraksi dengan komputer
Pertemuan 3 RAGAM DIALOG.
Desain Sistem Secara Terinci
Pengenalan konsep IMK(Human, Computer Interaction)
Interaksi manusia komputer
TEKNOLOGI INFORMASI DAN KOMUNIKASI
Microsoft Word 2007.
Membuat Dokumen dengan Software Pengolah Angka
INTERAKSI MANUSI DAN KOMPUTER
Pemilihan Tipe Windows
Kelas XII Semester Genap Tahun Pelajaran 2013 / 2014
Ragam Dialog.
Nama : RATNA KUSUMANING P NIM : A
Pengenalan Borland Delphi 7.0
Human-Computer Dialogue
Pertemuan 3 RAGAM DIALOG.
Ragam Dialog.
MODEL DAN TEKNIK INTERAKSI
RAGAM DIALOG.
Ragam Dialog.
Pertemuan 3 RAGAM DIALOG.
BEKERJA DENGAN EXCELL.
Interaksi.
PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B
This presentation uses a free template provided by FPPT.com Application of Anthropomorphism to Interaction Design.
Ragam Dialog.
INTERAKSI.
KONSEP USER INTERFACE PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B.
Dialogue Notation & Design Part-2
Transcript presentasi:

Interaksi Manusia dan Komputer Pertemuan 4 Interaksi dalam IMK

Interaksi? Interaksi = komunikasi di antara pengguna dan sistem Interaksi memiliki kerangka kerja Mengapa? mengijinkan konstektualisasi, menampilkan pandangan global.

Aspek Ergonomi dari Lingkungan Kerja Kerangka kerja interaksi menurut Donald Norman : Pengguna menentukan tujuannya Merumuskan keinginan Menspesifikasikan aksi pada antarmuka Mengeksekusi aksi Mempersepsi status sistem Menginterpretasikan status sistem Mengevaluasi status sistem yang berhubungan dengan tujuan

Aspek Ergonomi dari Lingkungan Kerja Model Norman hanya pada cara pandang pengguna antarmuka Kemudian dikembangkan oleh Abowd dan Beale - Kerangka kerja memiliki 4 bagian : 1. user 2. input 3. sistem 4. output

Aspek Ergonomi dari Lingkungan Kerja Masing-masing bagian memiliki bahasa sendiri yang unik Interaksi memerlukan translasi di antara bahasa Masalah dalam interaksi terjadi ketika translasi di antara satu bahasa dan yang selanjutnya sulit atau tidak mungkin dilakukan.

Aspek Ergonomi dari Lingkungan Kerja Keinginan pengguna ditranslasikan ke dalam aksi pada antarmuka, ditranslasikan ke dalam sistem, yang pada gilirannya nanti direfleksikan pada tampilan output, yang akan diinterpretasikan oleh pengguna.

Beberapa gaya umum interaksi Antarmuka baris perintah (command lines) Menu Bahasa sehari-hari (natural languages) Pertanyaan jawaban dan dialog pertanyaan (query) Formulir isian dan lembar kerja WIMP (windows, icons, pointers dan menus)

Antarmuka Baris Perintah Cara mengekspresikan instruksi ke komputer secara langsung Dapat berupa tombol-tombol fungsi, karakter tunggal, singkatan pendek, keseluruhan kata, atau kombinasi dari hal-hal ini. Sesuai untuk tugas-tugas yang berulang Lebih baik untuk pengguna yang sudah pakar daripada pengguna pemula Menawarkan akses langsung ke fungsionalitas sistem Nama perintah/singkatan haruslah bermakna (memiliki arti). Contoh umum : sistem UNIX

Menu Kumpulan option (opsi-pilihan) yang ditampilkan pada layar Pilihannya terlihat sehingga mengurangi recall-bergantung pada pengenalan sehingga nama haruslah bermakna Dipilih menggunakan mouse, tombol numerik atau alfabet Seringkali pilihan-pilihan tersebut dikelompokkan secara hirarki:perlu pengelompokan yang pantas

Empat aspek dasar ergonomik yang berhubungan dengan fungsi penggunaan lingkungan kerja Sistem menu dapat terdiri dari Murni berbasis teks, dengan pilihan-pilihan dipresentasikan sebagai pilihan bernomor, atau Dapat memiliki komponen grafis, dengan menu nampak di kotak dan pilihan dibuat baik dengan menuliskan huruf awal, atau menggerakannya dengan tombol-tombol anak panah.

Bahasa sehari-hari Opsi yang atraktif : familiar, sudah dikenali Dapat menggunakan pengenalan bicara atau menuliskan bahasa sehari-hari. Masalah : Ketidakjelasan (vague) Kerancuan (ambigu)

Antarmuka pertanyaan Antarmuka pertanyaan/jawaban – pengguna dipandu melalui interaksi menggunakan serangkaian pertanyaan. Sesuai untuk pengguna pemula tetapi fungsionalitasnya terbatas Sering digunakan dalam sistem informasi Bahasa pertanyaan – query language (contoh:SQL-Syntax Query Language) digunakan untuk membuat pertanyaan untuk mendapatkan informasi dari database Penggunaan yang efektif membutuhkan pemahaman struktur database dan sintaks bahasa, sehingga membutuhkan kepakaran.

Formulir Isian Umumnya digunakan untuk pemasukan data Layarnya berbentuk formulir kertas Data diletakkan pada tempat yang relevan Membutuhkan desain yang baik dan fasilitas pengoreksi yang jelas

Lembar Kerja (Worksheet) Pertama kali yang ada adalah VISICALC (awal 1980) Lalu muncul Lotus 1-2-3 Yang umum dipakai sekarang adalah Excel Variasi canggih dari formulir isian: Berbentuk grid dari sel-sel, setiap sel dapat mengandung nilai atau rumus. Rumus dapat melibatkan nilai dari sel-sel yang lain, contoh : penjumlahan dari semua sel pada kolom tersebut.

Bahaya komputer bagi pemakai komputer/user Pengguna dapat memasukkan dan mengubah data dan lembar kerja akan menjaga konsistensi dan memastikan bahwa rumus-rumus tersebut benar adanya.

Antarmuka WIMP Windows Icons Menus Pointers (atau windows, icons, mice, dan pull-down menus) Gaya default untuk sistem komputer interaktif sekarang, khususnya pada komputer pribadi dan mesin-mesin desktop

Antarmuka WIMP - Windows Daerah pada layar yang berlaku seperti halnya mereka itu merupakan terminal yang mandiri Dapat menganding teks atau grafik Dapat digerakkan atau diubah ukurannya Dapat saling menumpuk (overlapping) dan mengaburkan satu dan lainnya, atau dapat ditempatkan satu dan sebelahnya seperti penempatan ubin (tiled).

Antarmuka WIMP - Windows Scrollbars (balok penggulung) mengijinkan pengguna untuk menggerakkan isi dari windows ke atas dan ke bawah atau dari satu sisi ke sisi lainnya. Title bars (balok nama) menampilkan nama dari window.

Antarmuka WIMP - Icons Gambar atau citra kecil Digunakan untuk merepresentasikan beberapa objek dalam antarmuka, seringkali sebuah window. Windows dapat ditutup/dialihkan bentuknya ke representasi kecil (di-icon-kan) mengijinkan berbagai window untuk dapat diakses. Terdapat berbagai macam dan variasi dari icon – gaya kelas tinggi ataupun representasi realistik

Antarmuka WIMP – Pointer Komponen yang penting, karena gaya WIMP bergantung pada penunjukkan (pointing) dan pemilihan sesuatu (seperti ikon dan item-item tertentu). Biasanya menggunakan mouse Joystick, trackball, tombol kursor ataupun keyboard shortcut juga menggunakannya. Memiliki variasi yang bermacam-macam.

Antarmuka WIMP - Menu Tawaran di layar mengenai pemilihan operasi atau layanan yang dapat dilakukan sistem Membutuhkan opsi yang dipilih dengan pointer Masalah  menu dapat mengambil sebagian besar dari ruangan layar Solusi  menggunakan menu pull-down (tarik ulur) atau pop-up (let up) Menu pull-down adalah menu yang menyeret turun dari judul tunggal pada bagian atas layar Menu pop-up nampak jika daerah tertentu di layar (mungkin ditandai oleh suatu ikon) diklik

Antarmuka WIMP - Menu Beberapa menu adalah menu pin-up – akan tetap tinggal di layar sampai secara eksplisit diminta pengguna untuk hilang/selesai. Jenis lain adalah menu fall-down – mirip dengan menu pull-down, namun bar (batang) nya tidak harus secara eksplisit dipilih Juga menu cascading (bersusunan) – satu pilihan menu membuka menu lain yang berhubungan padanya dan seterusnya

Antarmuka WIMP - Menu Yang lain : menu pie – opsi menu diatur dalam lingkaran. Lebih mudah untuk memilih item (daerah target lebih besar) danlebih cepat (jarak yang sama untuk sembarang opsi). Terkadang ditawarkan juga akselerator keyboard – kombinasi tombol yang memiliki efek sama saat memilih item menu. Masalah umum  apa saja yang harus dimasukkan ke menu dan bagaimana mengelompokkan item-item.

Antarmuka WIMP – Beberapa Tambahan Buttons (tombol-tombol) – daerah individu dan terisolasi di dalam displai yang dapat dipilih untuk meminta suatu aksi. Radiobuttons  Kumpulan pilihan yang harus memilih salah satu tak boleh lebih dari Checkboxes  kumpulan dari pilihan-pilihan yang boleh memilih satu atau lebih dari satu pilihan.

Antarmuka WIMP – Beberapa Tambahan Palettes – mengindikasikan kumpulan kemungkinan mode yang tersedia, ditambah dengan metode yang aktif saat itu. Biasanya adalah sekumpulan ikon yang ditata secara berdampingan (tiled icons). Contoh :paket untuk menggambar mungkin memiliki palette yang mengidikasikan apakah kotak. Lingkaran, garis ataukah teks yang akan digambar, yang lain mengindikasikan kumpulan dari pola pengisi yang tersedia, dan yanglain lagi mengindikasikan warna-warna yang tersedia pada paket tersebut.

Antarmuka WIMP – Beberapa Tambahan Dialogue boxes (kotak dialog) – window informasi yang muncul untuk menginformasikan beberapa kejadian penting atau meminta informasi tertentu. Contoh : saat menyimpan sebuah file, kotak dialog akan tampil yang mengijinkan pengguna untuk menentukan nama file dan lokasinya. Sekali file itu disimpan, kotak dialog tadi selesai tugasnya dan menghilang dari layar.

Antarmuka WIMP – Beberapa Tambahan Secara umum, disebut widgets Suatu gaya tertentu dari penggambaran widgets dan juga perilakunya ketika diaktifkan membuat suatu antarmuka dapat “dilihat” dan “dirasakan”

Konteks Sosial dan Organisasi Interaksi dipengaruhi oleh : Untuk orang lain – keinginan untuk menjadikan berkesan, kompetisi, ketakutan dari suatu kegagalan. Motivasi – ketakutan, kesetiaan, ambisi, kepuasan diri Sistem yang tidak cukup mewadahi interaksi ini dapat menyebbkan frustasi dan berkurangnya motivasi

Antarmuka WIMP – Beberapa Tambahan Secara umum, disebut widgets Suatu gaya tertentu dari penggambaran widgets dan juga perilakunya ketika diaktifkan membuat suatu antarmuka dapat “dilihat” dan “dirasakan”

Tugas Final Tiap kelompok membuat sistem informasi atau website yang memperhatikan segi-segi IMK!!! Buat Laporan/deskripsi program Kumpulkan dalam bentuk CD (program+laporan) Kumpulkan 3 minggu sebelum Ujian Akhir Semester!