Top Banner
Interaksi Manusia dan Komputer I C H Adam Hendra Brata
31

Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

Feb 13, 2018

Download

Documents

LêAnh
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 dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

Interaksi Manusia dan Komputer

I

C

H

Adam Hendra Brata

Page 2: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

Interaksi

Page 3: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Interaksi

CIH

Page 4: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

• “The purpose of an interactive system is to aid a user in accomplishing goals from some application domain.”

• Tujuan sistem interaktif adalah untuk membantu pengguna (user) untuk mencapai tujuan (goal) dari beberapa aplikasi domain.

Interaksi

Page 5: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Interaksi

Application Domain

(Mathiassen et al, 2000)

User Computerized

System

Page 6: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Domain: Bidang keahlian atau pengetahuan dalaminteraksi. Domain terdiri dari konsep-konsep yang menyoroti aspek-aspek yang penting.

Application domain: sebuah mekanisme bagaimana sebuah sistem diaplikasikan oleh pengguna

Task: adalah operasi untuk memanipulasi konsep domain

Goal: Output yang dinginkan dari task yang dikerjakan.

Intention: tindakan tertentu yang diperlukan untuk mencapai tujuan (goal)

Task analysis: mempelajari cara orang melakukan task dengan sistem yang ada.

Istilah dalam Interaksi

Page 7: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

Model Interaksi

Page 8: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Model interaksi ini membantu kita untuk memahami apayang terjadi di dalam interaksi antara pengguna dan sistem, menerjemahkan tujuan, antara apa yang diinginkan user danyang dikerjakan sistem.

Permasalahan pada interaksi user-sistem:o The gulf of execution: Perbedaan antara aksi pengguna untuk

mencapai tujuan dengan aksi yang diperbolehkan oleh sistem.Jika aksi-aksi yang dibentuk user tidak bisa dibentuk oleh sistem, aksi dari user sulit dirumuskan oleh sistem.

o The gulf of evaluation: Jarak antara presentasi fisik sistem dan harapan pengguna.Jika presentasi dari aksi tidak bisa dimengerti oleh user. User sulit menerjemahkan output dari sistem.

Norman’s Execution-Evaluation Cycle

Page 9: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Norman’s Execution-Evaluation Cycle

Model 1

Norman’s execution-evaluation cycle

1. Establishing the goal.

2. Forming the intention.

3. Specifying the action

sequence.

4. Executing the action.

5. Perceiving the system state.

6. Interpreting the system

state.

7. Evaluating the system state

with respect to the goals and

intentions.

Page 10: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

1. Menentukan tujuan (establishing the goal)Misal: Membuat tampilan website

2. Melakukan tindakan untuk mencapai tujuan (forming the intention)Misal: menggunakan software Adobe Dreamweaver

3. Menentukan urutan aksi (specifying the action sequence)Misal: Membangun kode HTML, kemudian membangun kode CSS

4. Melaksanakan aksi (executing the action)Misal: menuliskan kode HTML & CSS

5. Merasakan hasil dari proses sistem (perceiving the system state)Misal: Melihat hasil preview tampilan website dari kode HTML & CSS yang sudah dituliskan

6. Menafsirkan hasil dari proses sistem (interpreting the system state)Misal: Mengidentifikasi kekurangan atau kesalahan pada hasil preview tampilan website

7. Mengevaluasi sistem negara sehubungan dengan tujuan dan niatMisal: Tampilan website sudah seperti yang diharapkan atau belum?

Norman’s Execution-Evaluation Cycle

Page 11: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Interface menghubungkan user dan system Input dan output –lah yang membangun interface Bahasa sistem → core language Bahasa user → task language

Abowd & Beale’s Interaction Framework

Page 12: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Interaksi mengambil tempat diantara sosial dan organisasiframework yang mempengaruhi user dan sistem.

Abowd & Beale’s Interaction Framework

Page 13: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

Ergonomi

Page 14: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Ergonomi: studi tentang karateristik fisik manusia (anatomi, fisiologi, spikologi engineering, manajemen dan desain) dalam melaksanakan tugas (pekerjaan): Bagaimana sistem kontrol dirancang Lingkungan fisik dimana interaksi terjadi Tata letak dan kualitas layar

Ergonomi fokus pada bagaimana interface meningkatkanatau mengurangi performa user.

Ergonomi

Page 15: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Ergonomi dalam HCI:o Penataan kontrol dan displayo Lingkungan fisiko Isu kesehatano Penggunaan warna

Ergonomi

Page 16: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

functional controls and displays sequential controls and displays frequency controls and displays

Penataan Kontrol dan Display

Page 17: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Dimana akan sistem akan digunakan? Oleh siapa itu akan digunakan? Akankah pengguna duduk, berdiri atau bergerak?

Pertimbangan:o Ukuran tubuh penggunao Kenyamanan

Lingkungan Fisik

Page 18: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Faktor-faktor yang mempengaruhi performa user: Posisi fisik Temperature Pencahayaan Kebisingan (noise) Waktu

Lingkungan Fisik

Page 19: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

Gaya Interaksi

Page 20: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

command line interface menus natural language question/answer and query dialog form-fills and spreadsheets WIMP point and click three-dimensional interfaces

Gaya Interaksi

Page 21: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Command Line Interface

Page 22: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Menus

Page 23: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Natural Language

Page 24: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Question

Page 25: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Form-fills and Spreadsheets

Page 26: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

WIMP

Windows, Icon, Menu, and Pointer Windows, Icon, Menu, Mice and Pull-down menu

Page 27: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Point and Click

Page 28: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

3D Interaction

Page 29: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

Konsep Interaksi Masa Depan

Page 30: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

I

C

H

Interaksi Masa Depan

Microsoft's ConceptFuture vision 2020

https://www.youtube.com/watch?v=ozLaklIFWUI&t=206s

Page 31: Interaksi Manusia dan Komputer · PDF fileMenentukan urutan aksi (specifying the action sequence) Misal: Membangun kode HTML, kemudian membangun kode CSS 4. ... Tata letak dan kualitas

ICH

IMAGINATION IS MORE IMPORTANT THAN KNOWLEDGEAlbert Einstein