windows 8 wireframe template · konsep time sharing masa kini paradigm in hci time sharing personal...

28
INTERAKSI MANUSIA & KOMPUTER Semester Ganjil 2015/2016 [email protected] LUTFI FANANI Paradigma IMK

Upload: haphuc

Post on 19-Aug-2019

226 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

INTERAKSI MANUSIA & KOMPUTERSemester Ganjil 2015/2016

[email protected]

LUTFI FANANI

Paradigma IMK

Page 2: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Paradigma dalam IMK

Paradigm in HCI

Interaksi Manusia & Komputer

Lutfi Fanani

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Paradigma cara pandang

Agent-based Interfaces

Ubiquitous Computing

Paradigma

Page 3: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Paradigma dalam IMKInteraksi Manusia & Komputer

Lutfi Fanani

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Paradigm in HCI

Time Sharing

Paradigma cara pandang

Paradigma dlm IMK USABILITY

Page 4: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Jenis-jenis ParadigmaInteraksi Manusia & Komputer

Lutfi Fanani

Jenis paradigma yang mempengaruhi proses perubahan

dari teknologi zaman dahulu menjadi teknologi zaman

sekarang adalah:

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

1. Time sharing

2. Video Unit Display

3. Programming Toolkit

4. Personal computing

5. Windows System & WIMP

6. Metaphor

7. Direct Manipulation

8. Language Versus Action

9. Hypertext

10. Multi-modality

11. Computer Supported Cooperative Work

12. The World Wide Web

13. Agent-based Interfaces

14. Ubiquitous Computing

Paradigm in HCI

Time Sharing

Page 5: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

1. Time SharingInteraksi Manusia & Komputer

Lutfi Fanani

Memungkinkan satu komputer digunakan oleh beberapa

userParadigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 6: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

1. Time SharingInteraksi Manusia & Komputer

Lutfi Fanani

Konsep time sharing masa kini

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 7: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

1. Time SharingInteraksi Manusia & Komputer

Lutfi Fanani

Konsep time sharing masa depan: cloud computing

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 8: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

2. Video Display UnitInteraksi Manusia & Komputer

Lutfi Fanani

Informasi dari komputer ditampilkan dan dimanipulasi ke

dalam gambar pada Video Display Unit (VDU) untuk

menggantikan pencetakan di kertas.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing VDU pertama kali digunakan oleh

Angkatan Udara AS untuk melacak

pesawat musuh.

Page 9: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

2. Video Display UnitInteraksi Manusia & Komputer

Lutfi Fanani

Informasi dari komputer ditampilkan dan dimanipulasi ke

dalam gambar pada Video Display Unit (VDU) untuk

menggantikan pencetakan di kertas.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Sketchpad

memungkinkan

seseorang menggambar

langsung di layar display

dengan lightpen sebagai

input device.

Page 10: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

2. Video Display UnitInteraksi Manusia & Komputer

Lutfi Fanani

Sketchpad membuktikan bahwa komputer dapat berguna

lebih dari sekedar untuk memproses data, namun dapat

berguna lebih jauh untuk mengakomodasi kemampuan

user untuk memvisualisasikan konsep abstak yg ada dalam

pikirannya.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Wacom Cintiq salah

satu tablet grafis yg

banyak digunakan

oleh

desainer/ilustrator

Page 11: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

3. Programming ToolkitInteraksi Manusia & Komputer

Lutfi Fanani

Programming toolkit bertujuan memudahkan programmer

untuk mengembangkan sistem interaktif

Programming toolkit bersifat:

1. Berskala kecil

2. Mudah dimengerti

3. Komponen-komponenya mudah disusun untuk

menciptakan komponen yang lebih besar

(bootstrapping)

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 12: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

4. Personal ComputingInteraksi Manusia & Komputer

Lutfi Fanani

Prinsip PC adalah sebuah sistem yg handal namun mudah

digunakan, namun berukuran kecil, tangguh dan personal.Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous ComputingAlan Kay – Dynabook Bill Gates – Tablet PC Steve Jobs – Ipad

Page 13: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

5. Windows System & WIMPInteraksi Manusia & Komputer

Lutfi Fanani

Suksesnya penjualan PC di masyarakat umum menuntut

peningkatan aspek usability agar seorang user dapat

melakukan beberapa pekerjaan (multitasking).

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Xerox Star Apple Lisa

Page 14: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

6. MetaforaInteraksi Manusia & Komputer

Lutfi Fanani

Metafora (analogi) memberikan gambaran terhadap suatu

fenomena dengan fenomena lain yang serupa agar mudah

dipahami (logis).

Metafora yg baik mampu meningkatkan pemahaman user

terhadap sistem.

Masalah dalam metafora:

ketika sistem bekerja dengan berbeda dengan sistem yg

diserupakan

ketika sistem memiliki fitur yg tidak terdapat di sistem yg

diserupakan

perbedaan budaya

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 15: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

6. MetaforaInteraksi Manusia & Komputer

Lutfi Fanani

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 16: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

7. Direct ManipulationInteraksi Manusia & Komputer

Lutfi Fanani

Manipulasi langsung yg memungkinkan user untuk

merubah kondisi internal sistem dengan cepat.

Aspek-aspek dalam direct manipulation:

Obyek yg akan dimanipulasi ditampilkan dengan jelas

Proses cepat (respon cepat dan memungkinkan aksi

dibatalkan).

Mengantikan sintaks sistem perintah (command entry)

yang kompleks dengan manipulasi obyek secara

langsung.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 17: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

7. Direct ManipulationInteraksi Manusia & Komputer

Lutfi Fanani

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Word processor dari masa ke

masa

Page 18: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

8. Language Vs ActionInteraksi Manusia & Komputer

Lutfi Fanani

Language

o Memandang bahwa interaksi user dengan sistem melalui

interface sebagai percakapan tidak langsung antara user –

sistem, bukan sebagai aksi yg dilakukan user kepada

sistem.

o Interface berfungsi sebagai penerjemah bahasa user

kepada sistem dan sebaliknya.

Action

o Sebaliknya, memandang bahwa user memberikan perintah

(aksi) kepada sistem.

o Interface berfungsi sebagai penyedia serangkaian perintah

(action) kepada sistem.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 19: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

9. HypertextInteraksi Manusia & Komputer

Lutfi Fanani

text → multitext → hypertext

Hypertext → penyusunan struktur informasi dengan

penggalian informasi yg bersifat saling terhubung

(interconnected), tidak terarah (non-linear) dan acak

(random)

Menyerupai cara berpikir manusia yg membentuk sebuah

pengetahuan dari menghubungkan berbagai informasi yg

terpisah-pisah, tidak terarah dan random

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 20: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

10. Multi-modalityInteraksi Manusia & Komputer

Lutfi Fanani

Penggunaan beberapa saluran input pada manusia untuk

memanipulasi sistem.

Misalnya: pengelihatan (mata), sentuhan (kulit) dan pendengaran (telinga)

diperlukan untuk berinteraksi optimal dengan game virtual reality

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 21: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

11. Computer-supported Cooperative WorkInteraksi Manusia & Komputer

Lutfi Fanani

Kolaborasi oleh beberapa user melalui komputer untuk

menyelesaikan satu/beberapa pekerjaanParadigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

Page 22: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Sebuah ruang penyebaran informasi

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

12. The World-wide Web

Page 23: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Agent: seseorang yg bekerja untuk kepentingan suatu

entitas

Agent-based interfaces: sistem yang bekerja untuk

kepentingan user.

Contoh:

Filter pada email,

recommendation pada youtube

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

13. Agent-based Interface

Page 24: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

13. Agent-based Interface

Youtube recommendation

feature

Email filtering

Page 25: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Sistem komputasi yang menyatu dengan kehidupan/objek

sehari-hariParadigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

14. Ubiquitous Computing

Page 26: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

14. Ubiquitous Computing

Page 27: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

Interaksi Manusia & Komputer

Lutfi Fanani

Sensor digunakan oleh sistem untuk mengumpulkan data

user/environment sebagai input bagi sistem.

Interaksi pada context-aware interaction lebih

implisit/tersirat

Sensor-based and context-aware interaction mengharuskan

sistem memiliki kecerdasan (intelligent) untuk

memperhitungkan data input dan melakukan prediksi

dengan tepat.

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing

15. Sensor & Context-aware

Page 28: Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal Computing Metaphor Language Vs Action The World Wide Web Agent-based Interfaces

TERIMA KASIH

Interaksi Manusia & Komputer

Lutfi Fanani

Paradigm in HCI

Time Sharing

Personal Computing

Metaphor

Language Vs Action

The World Wide Web

Agent-based Interfaces

Ubiquitous Computing