TEKNIK INTERAKSI. Chalifa Chazar Modul :

dokumen-dokumen yang mirip
INTERAKSI. Pengertian Interaksi komunikasi 2 arah antara manusia (user) dan komputer (sistem)

KERANGKA KERJA INTERAKSI

Danang Wahyu Utomo

BAB 3 RAGAM DIALOG - RAGAM DIALOG INTERAKTIF. Interaksi Manusia dan Komputer Ragam Dialog 14

RAGAM DIALOG / GAYA INTERAKSI

RAGAM DIALOG / GAYA INTERAKSI

Model Interaksi Manusia dengan Komputer. model interaksi antara manusia dan komputer (ragam dialog/antarmuka)

Interaksi Manusia dan Komputer MODEL INTERAKSI MANUSIA KOMPUTER

BAB II ANALISIS ANTARMUKA PENGGUNA

Model User Interface. Dibuat Oleh: Anindito Yoga Pratama, S.T., MMSI

EVALUASI. Chalifa Chazar Modul :

INTERAKSI INTERAKSI. Definisi Interaksi. Kerangka Kerja Interaksi 3/21/2018. Output O. System S U User. I Input

Pertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1

RAGAM DIALOG. Ragam Dialog (Dialogue Style) adalah cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog.

Dialog Manusia- Komputer Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus

RAGAM DIALOG. Aspek penting dalam dialog adalah gaya interaksi. Interaksi merupakan dialog antara manusia dan komputer

SISTEM PENGOLAHAN INFORMASI PADA MANUSIA. Chalifa Chazar Modul :

BAB 3 Ragam Dialog (dialoque style) Interaksi Manusia & Komputer

RAGAM DIALOG 08/11/2014

DIALOG DESAIN. 2. Sintaksis - Yaitu urutan dan struktur dari input dan output. - Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.

Menerapkan pembuatan antar muka (User Intreface) pada aplikasi

RAGAM DIALOG KULIAH III

Danang Wahyu Utomo

Pendahuluan. sebagai dialog antara. berbeda. ekslusif. beberapa ragam dialog.

SPESIFIKASI KEGUNAAN (USABILITY) Chalifa Chazar Modul :

Pengertian Interaksi = komunikasi 2 arah antara manusia (user) dan sistem komputer.

RAGAM DIALOG. Oleh: Muhamad Alif, S.Kom

Pertemuan 3 RAGAM DIALOG

User Interface Design

Pertemuan 3 RAGAM DIALOG 4/20/2013. Indah Purwandani, M.Kom - BSI Bogor 1. Ragam dialog (Dialoque Style) :

DESAIN ANTARMUKA PENGGUNA. System User Pengguna utama dari desain antarmuka sistem. Pemilik dimana desain antarmuka tersebut ditujukan.

Ragam Dialog. Kuliah III. Mohon Selama Perkuliahan, Tidak Menjadi Manusia Multitasking!!!

INTERAKSI MANUSIA & KOMPUTER. Chalifa Chazar Modul :

Merancang User Interface Berbasis Web E-commerce

BAB 2 LANDASAN TEORI

INTERAKSI MANUSIA DAN MESIN

USER INTERFACE DESIGN (UID)

Pemilihan Tipe Windows

PENDAHULUAN. Model interaksi. Ergonomi. Gaya interaksi. Konteks. terjemahan antara pengguna dan sistem. karakteristik fisik dari interaksi

Interaksi Manusia dan Komputer

Interaksi dan Sistem Menu

BAB IV HASIL DAN UJI COBA

GRAPHICAL USER INTER-

DASAR MENGGUNAKAN VISUAL BASIC 6.0

Modul ke: APLIKASI KOMPUTER. Pengoperasian Dasar Windows. Fakultas FASILKOM. Ramayanti, S.Kom, MT. Program Studi Teknik Informatika

BAB III LANDASAN TEORI. secara prosedur dan pendekatan secara komponen, Herlambang dan Haryanto

BAB 2 LANDASAN TEORI

FAKTOR MANUSIA. Chalifa Chazar Modul :

1. MENGENAL VISUAL BASIC

BAB 2 LANDASAN TEORI. pengumpulan data Tugas Akhir di SMA N 5 Medan. disebut dengan informasi. (Bambang Wahyudi,2003)

PEMILIHAN TIPE WINDOWS

23/09/2012. Materi 4 Interaksi Manusia dan Komputer

3/24/2014 I N T E R A K S I. Pertemuan 4 Interaksi Manusia dan Komputer UDINUS. Apa Itu Interaksi? Komunikasi. system. user

Pertemuan 3 : Gaya Interaksi. Adiyuda Prayitna

Sistem Informasi Manajemen. Evaluasi Rancangan/Disain Sistem

RAGAM DIALOG. Interaksi Manusia dan Komputer. Ratna Wardani

Modul ke: Aplikasi Komputer. Fakultas Teknik HERY NURMANSYAH, S.T., M.T. Program Studi Teknik Industri.

MODUL WINDOWS XP. Minggu I

Modul 12 Open Office Calc

Pengantar Pemrograman Visual

16/09/2013. Materi 4 Interaksi Manusia dan Komputer

Danang Wahyu Utomo

APLIKASI KOMPUTER (APLIKOM)

Mengoperasikan Dasar-Dasar Basis Data (Database)

BAB 2 TINJAUAN PUSTAKA

MINGGU 3. Faktor Komputer & Interaksi. Suzan Agustri

2. Bagian yang berfungsi menghasilkan informasi berdasarkan pengolahan data yang sudah dimasukan oleh pengguna lewat algoritma adalah definisi dari: a

INTERAKSI MANUSIA DAN KOMPUTER. Astrid Lestari Tungadi, S.Kom., M.TI.

Latihan 1: Mengoperasikan Excel

KISI-KISI SOAL UJI KOMPETENSI AWAL SERTIFIKASI GURU TAHUN Kompetensi Guru Mata pelajaran (Kompetensi Dasar)

S2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap. Prof. Dr. Ema Utami, S.Si, M.Kom

Heuristic Evaluation Checklist

Bab I Pengenalan Visual BASIC

BAB III LANDASAN TEORI

BAB I Menggunakan menu ikon yang terdapat dalam perangkat lunak pengolah angka

Interraksi Manusia dan Komputer

KISI- KISI UJI KOMPETENSI GURU (UKG) Kompetensi Guru Mata pelajaran (Kompetensi Dasar)

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB I. 1. Pengantar PENDAHULUAN

Rekayasa Perangkat Lunak Semester Genap 2009/2010. Bahan Ajar Rekayasa Perangkat Lunak USER INTERFACE DESIGN (UID)

MODUL-MODUL PRAKTIKUM VB.

PERANCANGAN ANTAR MUKA

PRAKTIKUM-2 PENGENALAN ARCVIEW

User Interface Design (UID) Disiapkan oleh Umi Proboyekti, S.Kom, MLIS

BAB 1 PENDAHULUAN Latar Belakang Masalah

PENGOPERASIAN SISTEM OPERASI

User Interface Design

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI. Perangkat lunak adalah perintah ( program komputer ) yang bila dieksekusi

Bekerja Dengan Lembar Kerja Excel

DESAIN DAN NOTASI DIALOG. Pertukaran instruksi dan informasi antara user dan sistem komputer Ada dua model NOTASI dialog

BAB 2 LANDASAN TEORI. Istilah komputer berasal dari bahasa latin computer yang berarti menghitung.

Aplikasi Komputer. Sejarah & Pengoperasian Windows 7. M. Arif Budiyanto, S.Kom, M.Hum. Modul ke: Fakultas Fasilkom. Program Studi Teknik Infromatika

BAB III LANDASAN TEORI. membahas tentang ilmu yang terkait dalam permasalahan tersebut.

BAB 1 Membuat dan Menyimpan Dokumen Sederhana Pada Bab ini anda akan mempelajari cara : Memulai Open Office Writer 1.

PENGENALAN WINDOWS. Copyright Asep Herman Suyanto

BAB 4 IMPLEMENTASI DAN EVALUASI. cara penggunaan untuk menjalankan perangkat ajar. perangkat ajar IPA ini, yaitu: Processor: Pentium IV.

Aplikasi Pengolah Angka I. SPI112 - Slide 5 1

BAB 4 IMPLEMENTASI DAN EVALUASI. Perangkat keras yang digunakan untuk perancangan aplikasi Arc View adalah :

Transkripsi:

TEKNIK INTERAKSI Chalifa Chazar Email: chalifa.chazar@gmail.com Modul : http://edu.script.id

Interaksi Interaksi dapat dikatakan dialog antara user (pengguna) dengan mesin (komputer) Setiap sistem memiliki teknik interaksi yang berbeda-beda

Teknik Interaksi Linguistic Styles Key-Modal Styles Direct Manipulation Styles

Linguistic Styles Adalah penyampaian aksi melalui bahasa yang dimengerti oleh komputer Karakteristik: Masukan aksi melalui keyboard Bahasa yang dimengerti oleh komputer Adanya aturan penulisan (syntax) dan semantik untuk menyatakan aksi

Linguistic style terbagi ke dalam 3 model: Baris perintah tunggal Baris perintah terstruktur Bahasa alami

Baris Perintah Tunggal Memberi instruksi kepada komputer secara langsung Menyediakan akses langsung pada fungsi sistem Contoh: Sistem Unix/Linux dan DOS C:\>Dir

Kelebihan Vs Kekurangan Kelebihan Cepat Efisien Akurat Ringkas Inisiatif pengguna Kekurangan Memerlukan latihan lama (cocok untuk pengguna tingkat mahir) Membutuhkan penggunaan yang teratur Beban ingatan tinggi Buruk dalam menangani kesalahan

Untuk meminimalisasi kesalahan dalam Model Baris Perintah Tunggal Gunakan kata yang mudah diingat (pendek/singkatan) Gunakan perintah yang konsisten Tambahkan fasilitas help Gunakan istilah default

Baris Perintah Terstruktur Dialog ini memungkinkan perintah lebih dari 1 baris yang dikemas dalam 1 berkas (biasa disebut batch file) Contoh: file AUTOEXEC.BAT Di dalamnya terdapat sejumlah perintah-perintah DOS Kelebihan: cepat&ringkas Kekurangan: sulit dalam melakukan penelusuran kesalahan

Bahasa Alami User (pengguna) memberikan instruksiinstruksi dalam bahasa alami yang bersifat umum Perbedaan dialog baris perintah tunggal instruksinya dibatasi sintaksis, dialog bahasa alami instruksinya lebih bersifat manusiawi Permasalahan: ketidakjelasan & makna ganda/rancu (ambigu)

Contoh:

Key-Modal Styles Adalah penyampaian aksi melalui penekanan tombol-tombol yang diprogram sebelumnya untuk menjalankan fungsi-fungsi Karakteristik: Masukan aksi melalui tombol fungsi atau tombol alfabet Instruksi langkah demi langkah Digunakan dalam sistem berjalan (walk-up system)

Key-Modal Style terdiri dari 3 model: Question-and-answer Function key interaction Menu-based interaction

Question-And-Answer Interaksi dilakukan dengan menggunakan serangkaian pertanyaan Kelebihan: Cocok untuk user pemula Efektifitas (bergantung pada pemahaman) Contoh: Query, sistem pakar, lembar kerja (spreadsheet)

Function Key Interaction Berupa tombol pada keyboard atau shortcut yang memiliki fungsi tertentu Contoh: Tombol F1 untuk menampilkan Help Ctrl+S untuk menyimpan

Menu-Based Interactioon Menampilkan sekumpulan bentuk pilihan Menu dapat berupa: Menu datar Menu tarik

Menu Datar Cara akses menggunakan pilihan bilangan/huruf, dapat juga berupa kursor/tombol Enter

Menu Tarik (Pull-Down/Pop-Up) Disebut menu tarik karena seolah-oleh menu ditarik ke bawah, samping, atau atas Setelah pilihan di konfirmasi, menu menghilang Memanfaatkan model WIMP

Kelebihan Vs Kekurangan Kelebihan Sedikit pengetikan Meringankan beban memori manusia Struktur terdefinisi dengan baik Perancangan mudah Tersedia banyak alat bantu Kekurangan Seringkali lambat Memakan ruangan pada layar Memakan banyak memory Tidak cocok untuk dialog inisiatif user (user dipaksa)

Direct Manipulation Styles Adalah penyampaian aksi melalui manipulasi terhadap objek tertentu Karakteristik: Ditampilkannya objek untuk interaksi pengguna Ditampilkannya penunjuk untuk memanipulasi objek (misal pointer) Aksi diterapkan langsung terhadap objek Respon seketika

Direct manipulation styles terdiri dari 2 model: Form fill-in Graphical user interface

Form Fill-In Berbentuk formulir Biasanya digunakan untuk pendataan Data di input pada kolom-kolom yang tersedia

Graphical User Interface WIMP (Window, Icon, Menu, Pointer) Merupakan model baku untuk sistem komputer interaktif saat ini

Window Area pada layar komputer yang mimiliki terminal mandiri Memiliki title bar berisi judul/nama dari window Dapat berisi teks atau gambar

Icon Gambar/simbol yang digunakan sebagai representasi dari objek Bentuknya bervariasi (baik gambar/warna) Kelebihan: Mudah diingat & dipelajari Dapat menyingkat waktu Kinerja user lebih tinggi Kekurangan: Boros tempat Tidak efektif untuk perintah yang banyak Tidak ada entuk standarisasi (sulit menentukan bentuk icon)

Menu Pilihan fungsi atau perintah yang ditampilkan di layar Dipilih menggunakan pointer Bentuk menu lain: Menu pin-up Menu cascading Menu pie

Pointer Digunakan untuk menunjuk dan memilih icon atau menu Umumnya digerakan oleh mouse Bentuknya bermacam-macam

Contoh WIMP

THANK YOU Chalifa Chazar, S.T, M.T Email: chalifa.chazar@gmail.com http://edu.script.id Copyright @2015