interaksi 1

26
 Interaksi Manusia dan Kompute r Ruang Lingkup Mengapa dan Apa Siapa Saja yang Terlibat Konsep dan Dasar Sejarah dan Paradigma IMK PENDAHULUAN

Upload: annissa-puput-rifqieyah

Post on 20-Jul-2015

26 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 1/26

 

Interaksi Manusia dan Komputer

Ruang LingkupMengapa dan Apa

Siapa Saja yang Terlibat

Konsep dan DasarSejarah dan Paradigma IMK 

PENDAHULUAN

Page 2: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 2/26

 

Interaksi Manusia dan Komputer

Pendahuluan 2/26

Course Overview

• Human abilities

• Evaluation (without users)

• Design

• Dialog & interaction

• Evaluation (with users)

• Special topics

CSCW, InfoVis, Ubicomp, Agents

Page 3: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 3/26

 

Interaksi Manusia dan Komputer

Pendahuluan 3/26

HCI = Interaksi Manusia & Komputer 

• What is it? Can you define/describe it?

Human Computer Interaction (HCI = IMK)merupakan studi tentang interaksi antaramanusia, komputer dan tugas/ task.

Bagaimana manusia dan komputer secara

interaktif melaksanakan dan menyelesaikantugas/ task dan bagaimana sistem yanginteraktif itu dibuat.

Page 4: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 4/26

 

Interaksi Manusia dan Komputer

Pendahuluan 4/26

Why We Are Here

• Look at human factors that affect software design and development

• Central Topic: User interface design Not just a software interface on a desktop monitor!

• IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian.

Lingustik philosofi antropologi seni

Ilmu komputer matematikaPsikologi IMK  seni grafik 

sosiologi

 AI

Page 5: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 5/26

 

Interaksi Manusia dan Komputer

Pendahuluan 5/26

Yang Terlibat Dalam IMK

• Psikologi dan ilmu kognitif : persepsi user,kognitif, kemampuan memecahkan masalah

• Ergonomi : kemampuan fisik user

• Sosiologi : kemampuan memahami konsepinteraksi

• Ilmu komputer dan teknik : membuat teknologi

• Bisnis : pemasaran• Desain grafis : presentasi interface

• Dan lain-lain.

Page 6: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 6/26

 

Interaksi Manusia dan Komputer

Pendahuluan 6/26

HCI

• What happens when a human and a computerget together to perform a task 

task - write document, calculate budget, solveequation, learn about Bosnia, drive home,...

Why Is This Important ?

• 1. Computers (in one way or another) nowaffect every person in society

Increasing % utilize computers in work 

• 2. Product success may depend on ease of use,not necessarily power

Page 7: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 7/26

Interaksi Manusia dan Komputer

Pendahuluan 7/26

Apa Interaksi Manusia dan Komputer (Human

Computer Interaction) ?

• IMK meliputi ergonomi dan faktor manusia.Ergonomi UK =Faktor manusia USA

• Secara tradisional, ergonomi memfokuskan pada karakteristik fisik mesin dan sistem dan melihat unjuk kerja (performance) dari user.

• Faktor manusia merupakan studi tentang manusia dan tingkahlakunya dalam menggunakan mesin, alat-alat teknologi dalammenyelesaikan tugas.

• Interaksi + informasi dan = interaksi manusiamanusia  –  mesin teknologi dan komputer

 

Page 8: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 8/26

Interaksi Manusia dan Komputer

Pendahuluan 8/26

Course Aims and Goals

• 1. Consciousness raising Make you aware of these issues

• 2. Design critic Question bad design

•  Allow users to carry out tasks

Safely

Effectively

Efficiently

Enjoyably

 

Page 9: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 9/26

Interaksi Manusia dan Komputer

Pendahuluan 9/26

Usability

• Important issue• Combination of 

Ease of learning High speed of user task performance

Low user error rate

Subjective user satisfaction User retention over time

•Assume all users are alike

•Assume all users are like the designer

Two Crucial Errors

 

Page 10: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 10/26

Interaksi Manusia dan Komputer

Pendahuluan 10/26

1. Change attitude of software professional

2. Draw upon fast accumulating body of knowledge regarding H-Cinterface design

3. Integrate UI design methods & techniques into standard softwaredevelopment methodologies now in place

How do we improve interfaces?

Improving Interfaces

• Know the User!

Physical abilities

Cognitive abilities Personality differences Skill differences

Cultural diversity

Motivation Special needs

 

Page 11: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 11/26

Interaksi Manusia dan Komputer

Pendahuluan 11/26

Paradigms

• Predominant theoretical frameworks or scientificworld views

e.g., Aristotelian, Newtonian, Einsteinian (relativistic)paradigms in physics

• Understanding HCI history is largely about

understanding a series of paradigm shifts Not all coming on next slides are really “paradigm” 

shifts, but you get the idea

 

Page 12: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 12/26

Interaksi Manusia dan Komputer

Pendahuluan 12/26

Paradigm Shifts

• Cards,tape -> VDU

• Mainframe -> PC

• Glass tty -> WIMPinterface

• Commands -> Directmanipulation

• Direct manipulation-> Agents

•  Visual -> Multimedia

• Linear -> Web-like

• Desktop ->Ubiquitous, Mobile

• Single user -> CSCW

• Purposeful use ->Situated use

 

Page 13: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 13/26

Interaksi Manusia dan Komputer

Pendahuluan 13/26

History of HCI

• Digital computer grounded in ideas from1700‟s & 1800‟s 

• Technology became available in the1940‟s and 1950‟s 

 

Page 14: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 14/26

Interaksi Manusia dan Komputer

Pendahuluan 14/26

Vannevar Bush

•  “As We May Think” - 1945 Atlantic Monthly 

 “…publication has been extended far beyond ourpresent ability to make real use of the record.”  

• Postulated Memex device Can store all records/articles/communications

Large memory

Items retrieved by indexing, keywords, cross references

Can make a trail of links through material

etc.

• Envisioned as microfilm, not computer

Bush

 

Page 15: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 15/26

Interaksi Manusia dan Komputer

Pendahuluan 15/26

J.R. Licklider 

• 1960 - Postulated “man-computersymbiosis”  

• Couple human brainsand computing machines

tightly to revolutionizeinformation handling

  

Page 16: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 16/26

Interaksi Manusia dan Komputer

Pendahuluan 16/26

Vision/Goals

Immed Intermed Long-term•Time sharing•Electronic I/O•Interactive, real-time system

•Large scale

informationstorage andretrieval

•Combined speechrecognition,characterrecognition, light-pen editing

•Natural languageunderstanding

•Speech recognitionof arbitrary users

•Heuristic programming

• Computers too expensive for individuals ->timesharing

increased accessibility

interactive systems, not jobs

text processing, editing

email, shared file system

Mid 60’s 

NeedforHCI

 

Page 17: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 17/26

Interaksi Manusia dan Komputer

Pendahuluan 17/26

Ivan Sutherland

• SketchPad - „63 PhD thesis at MIT  Hierarchy - pictures & subpictures

Master picture with instances (ie, OOP) Constraints

Icons

Copying

Light pen as input device

Recursive operations

 

Page 18: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 18/26

Interaksi Manusia dan Komputer

Pendahuluan 18/26

Douglas Engelbart

• Landmark system/demo:

hierarchical hypertext, multimedia, mouse, high-res display, windows,shared files, electronic messaging, CSCW, teleconferencing, ...

Inventor

of mouse

• Dynabook - Notebook sized computer loaded withmultimedia and can store everything

Alan Kay

Desktopinterface

Personalcomputing

 

Page 19: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 19/26

Interaksi Manusia dan Komputer

Pendahuluan 19/26

Video Display Units

• More suitable medium than paper

• Sutherland‟s Sketchpad as landmark 

system• Computers used for visualizing and

manipulating data

 

Page 20: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 20/26

Interaksi Manusia dan Komputer

Pendahuluan 20/26

Personal Computing

• System is more powerful if it‟s easier to use 

• Small, powerful machines dedicated to individual

• Importance of networks and time-sharing

• Kay‟s Dynabook, IBM PC 

Personal Computers•  „70‟s IBM PC 

Text and command-based

Sold lotsPCs with GUIs, Xerox Star - ’81, Star, Apple

Lisa –  ‘82, Apple Macintosh –  ‘84 

 

Page 21: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 21/26

Interaksi Manusia dan Komputer

Pendahuluan 21/26

WIMP

• Windows, Icons, Menus, Pointers• Can do several things simulataneously

• Familiar GUI interface

• Xerox Alto, Star; early Apples

•  All use is problem-solving or learning to some extent

• Relating computing to real-world activity is effective

learning mechanism File management on office desktop

Financial analysis as spreadsheets

Metaphor 

 

Page 22: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 22/26

Interaksi Manusia dan Komputer

Pendahuluan 22/26

Direct Manipulation

• Coins and explores notion of direct manipulation of interface

• Long-time Director of HCI Lab at Maryland

•  „82 Shneiderman describes appeal of graphically-based interaction object visibility

incremental action and rapid feedback 

reversibility encourages exploration

replace language with action

syntactic correctness of all actions

• WYSIWYG, Apple Mac

 

Page 23: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 23/26

Interaksi Manusia dan Komputer

Pendahuluan 23/26

Multimodality

• Mode is a human communication channel Not just the senses, e.g., speech and non-speech audio are two modes

• Emphasis on simultaneous use of multiple channels for I/O

Hypertext – Ted Nelson• Computers can help people, not just business

• Coined term “hypertext”  

• Think of information not as linear flow but asinterconnected nodes

• Bush‟s MEMEX, Nelson‟s hypertext 

• Non-linear browsing structure

• WWW ‟93 

 

Page 24: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 24/26

Interaksi Manusia dan Komputer

Pendahuluan 24/26

Nicholas Negroponte

• MIT machine architecture & AI group „69-‟80s • Ideas:

wall-sized displays, videodisks, AI in interfaces(agents), speech recognition,

multimedia with hypertext

• Introduced notion of “calm technology”   It‟s everywhere, but recedes quietly into background 

• CTO of Xerox PARC

Mark Weiser 

 

Page 25: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 25/26

Interaksi Manusia dan Komputer

Pendahuluan 25/26

Language (Agents)

•  Actions do not always speak louder than words

• Interface as mediator or agent

• Language paradigm

• Computer-Supported Cooperative Work 

• No longer single user/single system

• Micro-social aspects are crucial

• E-mail as prominent success but other groupware stillnot widely used

C S C W

 

Page 26: Interaksi 1

5/17/2018 Interaksi 1 - slidepdf.com

http://slidepdf.com/reader/full/interaksi-1 26/26

Interaksi Manusia dan Komputer

Pendahuluan 26/26

Ubiquity

• Person is no longer user of virtual devicebut occupant of virtual, computationally-

rich environment• Can no longer neglect macro-social

aspects

• Late „90s - PDAs, VEs, ...