Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal...
Transcript of Windows 8 Wireframe Template · Konsep time sharing masa kini Paradigm in HCI Time Sharing Personal...
![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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/2.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/3.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/4.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/5.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/6.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/7.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/8.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/9.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/10.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/11.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/12.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/13.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/14.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/15.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/16.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/17.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/18.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/19.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/20.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/21.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/22.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/23.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/24.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/25.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/26.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/27.jpg)
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](https://reader030.fdocuments.us/reader030/viewer/2022041206/5d5a8a8488c993e5528b857d/html5/thumbnails/28.jpg)
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