SlideShare a Scribd company logo
Historical ContextHuman Computer Interaction
Dr. Tenia Wahyuningrum, S.Kom., M.T
“Human-computer interaction is a discipline
concerned with the design, evaluation and
implementation of interactive computing systems
for human use and with the study of major
phenomena surrounding them.”
Human computer interaction
Source : ACM SIGCHI curricula for human-computer interaction, 1992
ENIAC-1940
Timeline of notable events in the
history of human computer
interaction-HCI.
Human-Computer Interaction
An Empirical Research Perspective
I. Scott MacKenzie (2013)
Vannevar Bush at work (circa 1940・944)
1945
Bush proposed navigating the knowledge maze with a device he called
memex. Among the features of memex is associative indexing, whereby
points of interest can be connected and joined so that selecting one
item immediately and automatically selects another: “When the user
is building a trail, he names it, inserts the name in his code book, and
taps it out on his keyboard”(Bush, 1945, p. 44).
(a) Demo of Ivan Sutherlands
Sketchpad. (b) A light pen
dragging (rubber banding
lines, subject to constraints.
1962
“Heretofore, most interaction between man and
computers has been slowed by the need to
reduce all communication to written statements
that can be typed. In the past we have been
writing letters to, rather than conferring with,
our computers(Sutherland, 1963, p. 329)”
(a) The first mouse. (b) Inventor Douglas Engelbart holding his invention in his
left hand and an early three-button variation in his right hand.
1963
Xerox Star workstation.
1981
Number of papers submitted and accepted by year for the ACM SIGCHI
Conference on Human Factors in Computing Systems (CHI・. Statistics
from the ACM Digital Library.
1983
Card, Moran, and
Newell’s The Psychology
of Human-Computer
Interaction.
(Published by Erlbaum in
1983)
1983
The model human
processor (MHP) (Card
et al., 1983, p. 26).
Short-term
memory exercise
Perhatikan kata-kata berikut
Rindu Damai Cerdas
Beruntung Benci Kurang
Cinta Pandai Keras
Lemah Halus Pintar
Bodoh Lembut Cekatan
Ceria Perang Kompromi
Fakta
Rata-rata manusia hanya
mampu mengingat 5-7
item
Terjadi pada beberapa
detik sampai satu menit
Rata-rata manusia
mengingat mulai dari kiri
ke kanan, atas ke bawah
Sesuatu yang telah diberi
tanda akan lebih mudah
diingat dari pada yang lain
Long term memory
exercise
Kalikanlah
6 x 7 = ?
3 x 6 = ?
57 x 3 = ?
Bagaimana anda mengalikannya?
Apakah anda betul2 mengalikannya?
Atau anda melakukan recalling pada knowledge
anda?
Short-term memory
adalah sebuah sistem di
otak kita yang berfungsi
untuk menyimpan
sementara informasi dan
memproses informasi yang
diperlukan saat kita
berpikir
(seperti saat kita mencoba
menyeleksi atau mengelompokkan
informasi yang kita terima, saat kita
mencoba mengerti hal baru,
melogika sesuatu, menganalisis
hubungan sebab-akibat, mencari
alasan atau argumentasi).
Long-term memory
adalah sebuah sistem di
otak kita yang berfungsi
untuk menyimpan secara
permanen, mengatur, dan
memanggil kembali
informasi-informasi
diwaktu berikutnya.
Seringkali informasi yang
disimpan di long-term memory
akan dapat kita ingat sepanjang
hidup.
1984
The Apple Macintosh.
Now
Codified, Strict Methapore, Exploratory Direct, Intuitive
TOUCH SCREEN GESTURE
RECOGNITION
SPEECH
RECOGNITION
BRAIN-MACHINE
INTERFACE
NUI
OUI-new
Konyaku Penerjemah VS Google Translate
Alat pembaca mimpi VS NeuroSky
Sarung tangan super VS Exoskeleton Suit.
Satelit mata-mata VS Google Maps
Share loc WA VS Marauder’s Map
Digital photo frame VS Fat lady
Online news paper VS Newspaper on HP
Use your imagination!
Tenia Wahyuningrum
Tenia_W
Tenia Wahyuningrum
081391249489

More Related Content

What's hot

Imk
ImkImk
Software computer
Software computerSoftware computer
Software computer
Wisnu Dewobroto
 
Sistem Komputer Kelas 7
Sistem Komputer Kelas 7Sistem Komputer Kelas 7
Sistem Komputer Kelas 7
Farichah Riha
 
Sistem Operasi Komputer
Sistem Operasi KomputerSistem Operasi Komputer
Sistem Operasi Komputer
Aqidatul Izzah Taufiq
 
Interaksi Manusia dan Komputernew.pptx
Interaksi Manusia dan Komputernew.pptxInteraksi Manusia dan Komputernew.pptx
Interaksi Manusia dan Komputernew.pptx
RESISKOM21MFATHURRAH
 
Sistem Komputer (Software, Hardware & Brainware)
Sistem Komputer (Software, Hardware & Brainware)Sistem Komputer (Software, Hardware & Brainware)
Sistem Komputer (Software, Hardware & Brainware)
DharaniKassapa
 
Sistem operasi
Sistem operasiSistem operasi
Jenis & proses interupsi
Jenis & proses interupsiJenis & proses interupsi
Jenis & proses interupsi
sigitpurnama12
 
Artikel sistem operasi
Artikel sistem operasi Artikel sistem operasi
Artikel sistem operasi
Vinka Ayuningtyas
 
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
FifiFauziahAhmad
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
Seta Wicaksana
 
Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2
Hide Maru
 
Pertemuan 4 prinsip desain antarmuka(interface)
Pertemuan 4   prinsip desain antarmuka(interface)Pertemuan 4   prinsip desain antarmuka(interface)
Pertemuan 4 prinsip desain antarmuka(interface)
Muhammad Adi Wahidi
 
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
OracleUsman
 
Perangkat proses media-penyimpan-ppt
Perangkat proses media-penyimpan-pptPerangkat proses media-penyimpan-ppt
Perangkat proses media-penyimpan-ppt
BimoAR
 
Materi kelas 7 sistem operasi
Materi kelas 7 sistem operasiMateri kelas 7 sistem operasi
Materi kelas 7 sistem operasi
Khamandjana Orien
 
Perangkat Keras Komputer (Computer's Hardware)
Perangkat Keras Komputer (Computer's Hardware)Perangkat Keras Komputer (Computer's Hardware)
Perangkat Keras Komputer (Computer's Hardware)
Siti Aisyah
 
Teknologi Informasi dan Komunikasi Kelas 8
Teknologi Informasi dan Komunikasi Kelas 8Teknologi Informasi dan Komunikasi Kelas 8
Teknologi Informasi dan Komunikasi Kelas 8
Farichah Riha
 

What's hot (20)

Hardware. ppt
Hardware. pptHardware. ppt
Hardware. ppt
 
Imk
ImkImk
Imk
 
Software computer
Software computerSoftware computer
Software computer
 
Bab 1 pengantar komputer
Bab 1 pengantar komputerBab 1 pengantar komputer
Bab 1 pengantar komputer
 
Sistem Komputer Kelas 7
Sistem Komputer Kelas 7Sistem Komputer Kelas 7
Sistem Komputer Kelas 7
 
Sistem Operasi Komputer
Sistem Operasi KomputerSistem Operasi Komputer
Sistem Operasi Komputer
 
Interaksi Manusia dan Komputernew.pptx
Interaksi Manusia dan Komputernew.pptxInteraksi Manusia dan Komputernew.pptx
Interaksi Manusia dan Komputernew.pptx
 
Sistem Komputer (Software, Hardware & Brainware)
Sistem Komputer (Software, Hardware & Brainware)Sistem Komputer (Software, Hardware & Brainware)
Sistem Komputer (Software, Hardware & Brainware)
 
Sistem operasi
Sistem operasiSistem operasi
Sistem operasi
 
Jenis & proses interupsi
Jenis & proses interupsiJenis & proses interupsi
Jenis & proses interupsi
 
Artikel sistem operasi
Artikel sistem operasi Artikel sistem operasi
Artikel sistem operasi
 
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
Rangkuman bab 3 fifi fauziah 7 f absen 13 (1)
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2Interaksi Manusia Dan Komputer 2
Interaksi Manusia Dan Komputer 2
 
Pertemuan 4 prinsip desain antarmuka(interface)
Pertemuan 4   prinsip desain antarmuka(interface)Pertemuan 4   prinsip desain antarmuka(interface)
Pertemuan 4 prinsip desain antarmuka(interface)
 
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
Rangkuman bab 3 teknologi, informasi, dan komunikasi [autosaved]
 
Perangkat proses media-penyimpan-ppt
Perangkat proses media-penyimpan-pptPerangkat proses media-penyimpan-ppt
Perangkat proses media-penyimpan-ppt
 
Materi kelas 7 sistem operasi
Materi kelas 7 sistem operasiMateri kelas 7 sistem operasi
Materi kelas 7 sistem operasi
 
Perangkat Keras Komputer (Computer's Hardware)
Perangkat Keras Komputer (Computer's Hardware)Perangkat Keras Komputer (Computer's Hardware)
Perangkat Keras Komputer (Computer's Hardware)
 
Teknologi Informasi dan Komunikasi Kelas 8
Teknologi Informasi dan Komunikasi Kelas 8Teknologi Informasi dan Komunikasi Kelas 8
Teknologi Informasi dan Komunikasi Kelas 8
 

Similar to Historical Context of HCI

The IOT Academy Training for Artificial Intelligence ( AI)
The IOT Academy Training for Artificial Intelligence ( AI)The IOT Academy Training for Artificial Intelligence ( AI)
The IOT Academy Training for Artificial Intelligence ( AI)
The IOT Academy
 
Intelligence Augmentation Reading List - Spohrer 20231008.docx
Intelligence Augmentation Reading List - Spohrer 20231008.docxIntelligence Augmentation Reading List - Spohrer 20231008.docx
Intelligence Augmentation Reading List - Spohrer 20231008.docx
International Society of Service Innovation Professionals
 
Week 1.pdf
Week 1.pdfWeek 1.pdf
Week 1.pdf
ZamshedForman1
 
Things issue2 memory
Things issue2 memoryThings issue2 memory
Things issue2 memoryswaipnew
 
Chaps29 the entirebookks2017 - The Mind Mahine
Chaps29 the entirebookks2017 - The Mind MahineChaps29 the entirebookks2017 - The Mind Mahine
Chaps29 the entirebookks2017 - The Mind Mahine
SyedVAhamed
 
Human computer interaction by Atheer
Human computer interaction by Atheer Human computer interaction by Atheer
Human computer interaction by Atheer Self employed
 
Machine Learning, AI and the Brain
Machine Learning, AI and the Brain Machine Learning, AI and the Brain
Machine Learning, AI and the Brain
TechExeter
 
AI.pdf
AI.pdfAI.pdf
AI.pdf
ShivaVemula2
 
Knowledge Engines and AI – Applications Beyond Gaming
Knowledge Engines and AI – Applications Beyond GamingKnowledge Engines and AI – Applications Beyond Gaming
Knowledge Engines and AI – Applications Beyond Gaming
MecklerMedia
 
New Media New Technology 2011 - Back to the future
New Media New Technology 2011 - Back to the futureNew Media New Technology 2011 - Back to the future
New Media New Technology 2011 - Back to the futurePeter Van Der Putten
 
Artificial intelligence
Artificial intelligenceArtificial intelligence
Artificial intelligencevallibhargavi
 
1.INTRODUCTION AI.pdf
1.INTRODUCTION AI.pdf1.INTRODUCTION AI.pdf
1.INTRODUCTION AI.pdf
SachinJadhav810388
 
Cognitive architecture
Cognitive architectureCognitive architecture
Cognitive architectureHasam Panezai
 
Information Processing
Information ProcessingInformation Processing
Information Processing
Richard Gallahad
 
Artificial intelligence
Artificial intelligenceArtificial intelligence
Artificial intelligence
Umesh Meher
 
1810.mid1043.02
1810.mid1043.021810.mid1043.02
1810.mid1043.02
vizualizer
 
Thinking Technology
Thinking TechnologyThinking Technology
Thinking Technology
rcic3607
 
A Review Of Artificial Intelligence
A Review Of Artificial IntelligenceA Review Of Artificial Intelligence
A Review Of Artificial Intelligence
Mandy Brown
 

Similar to Historical Context of HCI (20)

The IOT Academy Training for Artificial Intelligence ( AI)
The IOT Academy Training for Artificial Intelligence ( AI)The IOT Academy Training for Artificial Intelligence ( AI)
The IOT Academy Training for Artificial Intelligence ( AI)
 
Intelligence Augmentation Reading List - Spohrer 20231008.docx
Intelligence Augmentation Reading List - Spohrer 20231008.docxIntelligence Augmentation Reading List - Spohrer 20231008.docx
Intelligence Augmentation Reading List - Spohrer 20231008.docx
 
Week 1.pdf
Week 1.pdfWeek 1.pdf
Week 1.pdf
 
Things issue2 memory
Things issue2 memoryThings issue2 memory
Things issue2 memory
 
Chaps29 the entirebookks2017 - The Mind Mahine
Chaps29 the entirebookks2017 - The Mind MahineChaps29 the entirebookks2017 - The Mind Mahine
Chaps29 the entirebookks2017 - The Mind Mahine
 
Human computer interaction by Atheer
Human computer interaction by Atheer Human computer interaction by Atheer
Human computer interaction by Atheer
 
Machine Learning, AI and the Brain
Machine Learning, AI and the Brain Machine Learning, AI and the Brain
Machine Learning, AI and the Brain
 
AI.pdf
AI.pdfAI.pdf
AI.pdf
 
Knowledge Engines and AI – Applications Beyond Gaming
Knowledge Engines and AI – Applications Beyond GamingKnowledge Engines and AI – Applications Beyond Gaming
Knowledge Engines and AI – Applications Beyond Gaming
 
IMD 203 - Ch01
IMD 203 - Ch01IMD 203 - Ch01
IMD 203 - Ch01
 
New Media New Technology 2011 - Back to the future
New Media New Technology 2011 - Back to the futureNew Media New Technology 2011 - Back to the future
New Media New Technology 2011 - Back to the future
 
Artificial intelligence
Artificial intelligenceArtificial intelligence
Artificial intelligence
 
1.INTRODUCTION AI.pdf
1.INTRODUCTION AI.pdf1.INTRODUCTION AI.pdf
1.INTRODUCTION AI.pdf
 
Cognitive architecture
Cognitive architectureCognitive architecture
Cognitive architecture
 
Information Processing
Information ProcessingInformation Processing
Information Processing
 
Artificial intelligence
Artificial intelligenceArtificial intelligence
Artificial intelligence
 
1810.mid1043.02
1810.mid1043.021810.mid1043.02
1810.mid1043.02
 
Thinking Technology
Thinking TechnologyThinking Technology
Thinking Technology
 
A Review Of Artificial Intelligence
A Review Of Artificial IntelligenceA Review Of Artificial Intelligence
A Review Of Artificial Intelligence
 
Lect 01, 02
Lect 01, 02Lect 01, 02
Lect 01, 02
 

More from Tenia Wahyuningrum

Measuring User Experience
Measuring User ExperienceMeasuring User Experience
Measuring User Experience
Tenia Wahyuningrum
 
Populasi dan sampel dalam penelitian HCI
Populasi dan sampel dalam penelitian HCIPopulasi dan sampel dalam penelitian HCI
Populasi dan sampel dalam penelitian HCI
Tenia Wahyuningrum
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
Tenia Wahyuningrum
 
Good vs bad design
Good vs bad designGood vs bad design
Good vs bad design
Tenia Wahyuningrum
 
Media sosial untuk pembelajaran
Media sosial untuk pembelajaranMedia sosial untuk pembelajaran
Media sosial untuk pembelajaran
Tenia Wahyuningrum
 
4th human factors (2)
4th human factors (2)4th human factors (2)
4th human factors (2)
Tenia Wahyuningrum
 
Human factors
Human factorsHuman factors
Human factors
Tenia Wahyuningrum
 
Trends in Human Computer Interaction
Trends in Human Computer InteractionTrends in Human Computer Interaction
Trends in Human Computer Interaction
Tenia Wahyuningrum
 
Good data, for better life
Good data, for better lifeGood data, for better life
Good data, for better life
Tenia Wahyuningrum
 
Teori pnp
Teori pnpTeori pnp
Plagiarisme
PlagiarismePlagiarisme
Plagiarisme
Tenia Wahyuningrum
 
Struktur data & computer trends 2015 2016
Struktur data & computer trends 2015 2016Struktur data & computer trends 2015 2016
Struktur data & computer trends 2015 2016
Tenia Wahyuningrum
 
Pengujian hipotesis
Pengujian hipotesisPengujian hipotesis
Pengujian hipotesis
Tenia Wahyuningrum
 
Research method
Research methodResearch method
Research method
Tenia Wahyuningrum
 
Basic research
Basic researchBasic research
Basic research
Tenia Wahyuningrum
 
Pengenalan android
Pengenalan androidPengenalan android
Pengenalan android
Tenia Wahyuningrum
 
Mobile programming pendahuluan
Mobile programming pendahuluanMobile programming pendahuluan
Mobile programming pendahuluan
Tenia Wahyuningrum
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
Tenia Wahyuningrum
 
Public speaking
Public speakingPublic speaking
Public speaking
Tenia Wahyuningrum
 
Perangkat lunak basis data
Perangkat lunak basis dataPerangkat lunak basis data
Perangkat lunak basis data
Tenia Wahyuningrum
 

More from Tenia Wahyuningrum (20)

Measuring User Experience
Measuring User ExperienceMeasuring User Experience
Measuring User Experience
 
Populasi dan sampel dalam penelitian HCI
Populasi dan sampel dalam penelitian HCIPopulasi dan sampel dalam penelitian HCI
Populasi dan sampel dalam penelitian HCI
 
10th heuristic evaluation
10th heuristic evaluation10th heuristic evaluation
10th heuristic evaluation
 
Good vs bad design
Good vs bad designGood vs bad design
Good vs bad design
 
Media sosial untuk pembelajaran
Media sosial untuk pembelajaranMedia sosial untuk pembelajaran
Media sosial untuk pembelajaran
 
4th human factors (2)
4th human factors (2)4th human factors (2)
4th human factors (2)
 
Human factors
Human factorsHuman factors
Human factors
 
Trends in Human Computer Interaction
Trends in Human Computer InteractionTrends in Human Computer Interaction
Trends in Human Computer Interaction
 
Good data, for better life
Good data, for better lifeGood data, for better life
Good data, for better life
 
Teori pnp
Teori pnpTeori pnp
Teori pnp
 
Plagiarisme
PlagiarismePlagiarisme
Plagiarisme
 
Struktur data & computer trends 2015 2016
Struktur data & computer trends 2015 2016Struktur data & computer trends 2015 2016
Struktur data & computer trends 2015 2016
 
Pengujian hipotesis
Pengujian hipotesisPengujian hipotesis
Pengujian hipotesis
 
Research method
Research methodResearch method
Research method
 
Basic research
Basic researchBasic research
Basic research
 
Pengenalan android
Pengenalan androidPengenalan android
Pengenalan android
 
Mobile programming pendahuluan
Mobile programming pendahuluanMobile programming pendahuluan
Mobile programming pendahuluan
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
 
Public speaking
Public speakingPublic speaking
Public speaking
 
Perangkat lunak basis data
Perangkat lunak basis dataPerangkat lunak basis data
Perangkat lunak basis data
 

Recently uploaded

HYDROPOWER - Hydroelectric power generation
HYDROPOWER - Hydroelectric power generationHYDROPOWER - Hydroelectric power generation
HYDROPOWER - Hydroelectric power generation
Robbie Edward Sayers
 
AP LAB PPT.pdf ap lab ppt no title specific
AP LAB PPT.pdf ap lab ppt no title specificAP LAB PPT.pdf ap lab ppt no title specific
AP LAB PPT.pdf ap lab ppt no title specific
BrazilAccount1
 
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
AJAYKUMARPUND1
 
Fundamentals of Electric Drives and its applications.pptx
Fundamentals of Electric Drives and its applications.pptxFundamentals of Electric Drives and its applications.pptx
Fundamentals of Electric Drives and its applications.pptx
manasideore6
 
J.Yang, ICLR 2024, MLILAB, KAIST AI.pdf
J.Yang,  ICLR 2024, MLILAB, KAIST AI.pdfJ.Yang,  ICLR 2024, MLILAB, KAIST AI.pdf
J.Yang, ICLR 2024, MLILAB, KAIST AI.pdf
MLILAB
 
ASME IX(9) 2007 Full Version .pdf
ASME IX(9)  2007 Full Version       .pdfASME IX(9)  2007 Full Version       .pdf
ASME IX(9) 2007 Full Version .pdf
AhmedHussein950959
 
Architectural Portfolio Sean Lockwood
Architectural Portfolio Sean LockwoodArchitectural Portfolio Sean Lockwood
Architectural Portfolio Sean Lockwood
seandesed
 
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
zwunae
 
Gen AI Study Jams _ For the GDSC Leads in India.pdf
Gen AI Study Jams _ For the GDSC Leads in India.pdfGen AI Study Jams _ For the GDSC Leads in India.pdf
Gen AI Study Jams _ For the GDSC Leads in India.pdf
gdsczhcet
 
DESIGN A COTTON SEED SEPARATION MACHINE.docx
DESIGN A COTTON SEED SEPARATION MACHINE.docxDESIGN A COTTON SEED SEPARATION MACHINE.docx
DESIGN A COTTON SEED SEPARATION MACHINE.docx
FluxPrime1
 
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
obonagu
 
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
ydteq
 
Runway Orientation Based on the Wind Rose Diagram.pptx
Runway Orientation Based on the Wind Rose Diagram.pptxRunway Orientation Based on the Wind Rose Diagram.pptx
Runway Orientation Based on the Wind Rose Diagram.pptx
SupreethSP4
 
Water Industry Process Automation and Control Monthly - May 2024.pdf
Water Industry Process Automation and Control Monthly - May 2024.pdfWater Industry Process Automation and Control Monthly - May 2024.pdf
Water Industry Process Automation and Control Monthly - May 2024.pdf
Water Industry Process Automation & Control
 
Student information management system project report ii.pdf
Student information management system project report ii.pdfStudent information management system project report ii.pdf
Student information management system project report ii.pdf
Kamal Acharya
 
Planning Of Procurement o different goods and services
Planning Of Procurement o different goods and servicesPlanning Of Procurement o different goods and services
Planning Of Procurement o different goods and services
JoytuBarua2
 
ML for identifying fraud using open blockchain data.pptx
ML for identifying fraud using open blockchain data.pptxML for identifying fraud using open blockchain data.pptx
ML for identifying fraud using open blockchain data.pptx
Vijay Dialani, PhD
 
road safety engineering r s e unit 3.pdf
road safety engineering  r s e unit 3.pdfroad safety engineering  r s e unit 3.pdf
road safety engineering r s e unit 3.pdf
VENKATESHvenky89705
 
weather web application report.pdf
weather web application report.pdfweather web application report.pdf
weather web application report.pdf
Pratik Pawar
 
Immunizing Image Classifiers Against Localized Adversary Attacks
Immunizing Image Classifiers Against Localized Adversary AttacksImmunizing Image Classifiers Against Localized Adversary Attacks
Immunizing Image Classifiers Against Localized Adversary Attacks
gerogepatton
 

Recently uploaded (20)

HYDROPOWER - Hydroelectric power generation
HYDROPOWER - Hydroelectric power generationHYDROPOWER - Hydroelectric power generation
HYDROPOWER - Hydroelectric power generation
 
AP LAB PPT.pdf ap lab ppt no title specific
AP LAB PPT.pdf ap lab ppt no title specificAP LAB PPT.pdf ap lab ppt no title specific
AP LAB PPT.pdf ap lab ppt no title specific
 
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
Pile Foundation by Venkatesh Taduvai (Sub Geotechnical Engineering II)-conver...
 
Fundamentals of Electric Drives and its applications.pptx
Fundamentals of Electric Drives and its applications.pptxFundamentals of Electric Drives and its applications.pptx
Fundamentals of Electric Drives and its applications.pptx
 
J.Yang, ICLR 2024, MLILAB, KAIST AI.pdf
J.Yang,  ICLR 2024, MLILAB, KAIST AI.pdfJ.Yang,  ICLR 2024, MLILAB, KAIST AI.pdf
J.Yang, ICLR 2024, MLILAB, KAIST AI.pdf
 
ASME IX(9) 2007 Full Version .pdf
ASME IX(9)  2007 Full Version       .pdfASME IX(9)  2007 Full Version       .pdf
ASME IX(9) 2007 Full Version .pdf
 
Architectural Portfolio Sean Lockwood
Architectural Portfolio Sean LockwoodArchitectural Portfolio Sean Lockwood
Architectural Portfolio Sean Lockwood
 
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
一比一原版(IIT毕业证)伊利诺伊理工大学毕业证成绩单专业办理
 
Gen AI Study Jams _ For the GDSC Leads in India.pdf
Gen AI Study Jams _ For the GDSC Leads in India.pdfGen AI Study Jams _ For the GDSC Leads in India.pdf
Gen AI Study Jams _ For the GDSC Leads in India.pdf
 
DESIGN A COTTON SEED SEPARATION MACHINE.docx
DESIGN A COTTON SEED SEPARATION MACHINE.docxDESIGN A COTTON SEED SEPARATION MACHINE.docx
DESIGN A COTTON SEED SEPARATION MACHINE.docx
 
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
在线办理(ANU毕业证书)澳洲国立大学毕业证录取通知书一模一样
 
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
一比一原版(UofT毕业证)多伦多大学毕业证成绩单如何办理
 
Runway Orientation Based on the Wind Rose Diagram.pptx
Runway Orientation Based on the Wind Rose Diagram.pptxRunway Orientation Based on the Wind Rose Diagram.pptx
Runway Orientation Based on the Wind Rose Diagram.pptx
 
Water Industry Process Automation and Control Monthly - May 2024.pdf
Water Industry Process Automation and Control Monthly - May 2024.pdfWater Industry Process Automation and Control Monthly - May 2024.pdf
Water Industry Process Automation and Control Monthly - May 2024.pdf
 
Student information management system project report ii.pdf
Student information management system project report ii.pdfStudent information management system project report ii.pdf
Student information management system project report ii.pdf
 
Planning Of Procurement o different goods and services
Planning Of Procurement o different goods and servicesPlanning Of Procurement o different goods and services
Planning Of Procurement o different goods and services
 
ML for identifying fraud using open blockchain data.pptx
ML for identifying fraud using open blockchain data.pptxML for identifying fraud using open blockchain data.pptx
ML for identifying fraud using open blockchain data.pptx
 
road safety engineering r s e unit 3.pdf
road safety engineering  r s e unit 3.pdfroad safety engineering  r s e unit 3.pdf
road safety engineering r s e unit 3.pdf
 
weather web application report.pdf
weather web application report.pdfweather web application report.pdf
weather web application report.pdf
 
Immunizing Image Classifiers Against Localized Adversary Attacks
Immunizing Image Classifiers Against Localized Adversary AttacksImmunizing Image Classifiers Against Localized Adversary Attacks
Immunizing Image Classifiers Against Localized Adversary Attacks
 

Historical Context of HCI

Editor's Notes

  1. ENIAC
  2. Kemudian pada tahun 1945, seorang insinyur dan ilmuwan yang bernama Vannevar Bush yang mengemukakan pandangan dan teorinya pada artikel As We May Think yang dimuat pada majalah bulanan Atlantic ini menemukan konsep Memex (singkatan dari “memory extender”).  Teknologi ini diterapkan pada mikrofilm yang memiliki memory yang besar yang dapat menyimpan semua catatan atau articles dan dapat membuat jejak link melalui materi dengan menggunakan pengindeksan, kata kunci dan referensi silang. Hari ini mudah untuk menyamakan memex dengan hypertext dan World Wide Web. Vannevar Bush : U.S. government’s Director of the Office of Scientific Research and a scientific advisor to President Franklin D. Roosevelt.
  3. Ivan Sutherland mengembangkan Sketchpad pada awal 1960-an sebagai bagian dari penelitian PhD-nya dalam teknik listrik di Massachusetts Institute of Technology (M.I.T.). Sketchpad adalah sistem grafis yang mendukung manipulasi geometris bentuk dan garis (objek) pada layar menggunakan pena cahaya. Untuk menghargai yang inferior kegunaan dalam komputer yang tersedia untuk Sutherland pada saat studinya, pertimbangkan komentar pengantar ini dalam makalah yang ia terbitkan pada tahun 1963: Dengan Sketchpad, perintah tidak diketik. Pengguna tidak “menulis surat kepada” komputer. Sebagai gantinya, objek digambar, diubah ukurannya, disambar dan dipindahkan, diperpanjang, dihapus — secara langsung, menggunakan pena cahaya. Manipulasi objek berhasil dengan kendala untuk mempertahankan hubungan geometris dan properti objek.
  4. Jika ada satu perangkat yang melambangkan munculnya HCI, itu adalah mouse komputer. Diciptakan oleh Douglas Engelbart pada tahun 1963, mouse itu ditakdirkan untuk secara fundamental ubah cara manusia berinteraksi dengan komputer. Alih-alih mengetik perintah, pengguna dapat memanipulasi mouse untuk mengontrol simbol pelacakan di layar, atau kursor. Dengan kursor diposisikan di atas gambar grafis yang mewakili perintah, perintah dikeluarkan dengan operasi pilih — menekan dan melepaskan tombol pada mouse.
  5. Buzz di NCC bukan tentang Qupro. Itu juga bukan tentang IBM. Dengungan itu tentang Xerox. "Apakah Anda pernah ke gerai Xerox?" Saya akan mendengar. "Kamu harus memeriksanya. Ini sangat keren. "Dan memang benar. Stan Xerox memiliki substantial kerumunan orang berkumpul di sekitarnya selama durasi konferensi. Sana adalah demonstrasi tertulis setiap jam, dan kerumunan jelas sangat senang dengan apa yang mereka lihat. Demo berasal dari Star, atau Xerox 8100 Star Sistem Informasi, seperti yang secara resmi disebut. Kegembiraan sangat layak, karena peluncuran Xerox Star pada 1981 di NCC menandai daerah aliran sungai saat di sejarah komputasi. Itu Star adalah komputer pertama yang dirilis secara komersial sistem dengan GUI. Itu memiliki jendela, ikon, menu, dan alat penunjuk (WIMP). Ini didukung langsung manipulasi dan apa-yang-Anda-lihat-adalah-apa-yang-Anda-dapatkan (WYSIWYG). Star memiliki apa yang diperlukan untuk menghadirkan komputasi bagi masyarakat. Gambar 1.7 menunjukkan workstation Star, yang tidak biasa menurut standar saat ini. Sifat grafis dari informasi pada tampilan sistem dapat dilihat di foto. Ini adalah novel pada saat itu. Tampilannya sedikit dipetakan, artinya gambar dibentuk dengan memetakan bit dalam memori ke piksel di layar.
  6. The ACM Association for Computing Machinery, Special Interest Group on Computer-Human Interaction is the world’s largest association of professionals who work in the research and practice of computer-human interaction. This interdisciplinary group is composed of computer scientists, software engineers, psychologists, interaction designers, graphic designers, sociologists, and anthropologists, just to name some of the domains whose special expertise come to bear in this area. They are brought together by a shared understanding that designing useful and usable technology is an interdisciplinary process, and believe that when done properly it has the power to transform persons’ lives. In the following year, 1983, the first SIGCHI conference was held in Boston. Fifty-nine technical papers were presented. The conference adopted a slightly modified name to reflect its new stature: ACM SIGCHI Conference on Human Factors in Computing Systems.
  7. Model prosesor manusia atau MHP (Model Human Processor [1]) adalah metode pemodelan kognitif yang dikembangkan oleh Stuart K. Card, Thomas P. Moran, & Allen Newell (1983) yang digunakan untuk menghitung berapa lama waktu yang dibutuhkan untuk melakukan tugas tertentu. Metode pemodelan kognitif lainnya termasuk desain paralel, GOM, dan KLM (interaksi manusia-komputer). Pemodelan kognitif adalah salah satu cara untuk mengevaluasi kegunaan suatu produk. Metode ini menggunakan waktu percobaan untuk menghitung waktu pemrosesan kognitif dan motorik. Nilai dari model prosesor manusia adalah memungkinkan perancang sistem untuk memprediksi kinerja sehubungan dengan waktu yang dibutuhkan seseorang untuk menyelesaikan tugas tanpa melakukan eksperimen. Metode pemodelan lainnya termasuk metode inspeksi, metode penyelidikan, metode prototyping, dan metode pengujian. Definisi standar untuk MHP adalah: MHP menarik analogi antara area pemrosesan dan penyimpanan komputer, dengan area persepsi, motorik, kognitif, dan memori pengguna komputer.
  8. Cara kerja model human processor
  9. With the formation of ACM SIGCHI in 1983 and the release and success of the Apple Macintosh in 1984, human-computer interaction was off and running. GUIs entered the mainstream and, consequently, a much broader community of users and researchers were exposed to this new genre of interaction. Microsoft was a latecomer in GUIs. Early versions of Microsoft Windows appeared in 1985, but it was not until the release of Windows 3.0 (1990) and in particular Windows 3.1 (1992) that Microsoft Windows was considered a serious alternative to the Macintosh operating system. Microsoft increased its market share with improved versions of Windows, most notably Windows 95 (1995), Windows 98 (1998), Windows XP (2001), and Windows 7 (2009). Today, Microsoft operating systems for desktop computers have a market share of about 84 percent, compared to 15 percent for Apple.
  10. Sejarah Singkat Dunia User Interface Pada era 70’an, komputer hanya berfungsi sebagai alat besar untuk menghitung. Mempercepat dan mempermudah operasi-operasi yang bila dilakukan secara manual akan menghabiskan waktu yang melelahkan. Fungsi komputer yang mendasar namun berjasa ini dapat berjalan karena adanya komunikasi antara manusia dengan komputer. Manusia dapat menciptakan dan memberikan perintah yang diinginkannya, lalu komputer menjalankannya. Media antarmuka yang diciptakan untuk mengakomodir hubungan ini adalah command line interface (CLI). Antarmuka ini menggunakan pengetikan kode-kode perintah sebagai metode utamanya dalam berkomunikasi. Di era tersebut, metode ini dianggap sebagai pencapaian yang signifikan dalam perkembangan industri teknologi. Namun, bila kita melihat ke belakang antarmuka ini bersifat kurang alami agar dapat digunakan oleh orang awam; adanya keperluan penguasaan ilmu yang banyak dan mendalam karena CLI memiliki cara khas penggunaan yang rumit, keterbatasan penggunaan kepada beberapa fungsi tertentu saja, dan memerlukan kejelian agar perintah dapat terbaca karena terjadinya satu salah ketik. Pada awal era 80’an, sebuah perkembangan yang drastis telah kembali terjadi. Sebuah antarmuka baru telah lahir dari rahim dunia ilmu interaksi komputer dengan manusia, yaitu Graphical User Interface (GUI). Selain itu, pendekatan GUI ini juga sering disebut dengan Metaphorical User Interface (MUI). Antarmuka ini memberikan pengalaman yang lebih alami dan kesan yang menarik secara emosional bagi pengguna dalam berinteraksi dengan komputer. Antarmuka ini memanfaatkan simbol-simbol metaforikal yang dimaksud untuk mewakili objek asli di dunia nyata agar mempermudah pemahaman setiap objek dalam sistem. Metode ini memberikan akses mudah bagi orang awam untuk mengoperasikan komputer personal, karena GUI memberikan kemampuan untuk ‘melihat’ ke dalam dunia komputer, menciptakan suatu lingkungan virtual untuk diselami pengguna, dan memberikan respon visual yang muncul secara langsung. Selama sekitar 40 tahun, cara kita menggunakan komputer desktop tidak mengalami perubahan yang signifikan. Kita telah mengikuti diktasi kekuasaan monitor-keyboard-mouse sejak awal tahun 1980 sampai 2014. Namun, para pengembang teknologi saat ini telah menemukan solusi untuk menciptakan antarmuka yang lebih ramah dan menarik untuk digunakan oleh kalangan umum, dan hasilnya adalah yang dinamakan dengan Natural User Interface (NUI).
  11. Dalam interaksi manusia-komputer, antarmuka pengguna organik (OUI) didefinisikan sebagai antarmuka pengguna dengan tampilan yang tidak rata. Antarmuka pengguna organik pertama kali diperkenalkan dalam edisi khusus Komunikasi ACM pada 2008. [1] Lokakarya Internasional pertama tentang Antarmuka Pengguna Organik berlangsung di CHI 2009 di Boston, Massachusetts. Lokakarya kedua berlangsung di TEI 2011 di Madeira, Portugal. Lokakarya ketiga diadakan di MobileHCI 2012 di Monterey, California, dan lokakarya keempat di CHI 2013 di Paris, Prancis.
  12. Google Translate adalah layanan terjemahan mesin multibahasa gratis yang dikembangkan oleh Google, untuk menerjemahkan teks. Ini menawarkan antarmuka situs web, aplikasi seluler untuk Android dan iOS, dan API yang membantu pengembang membangun ekstensi peramban dan aplikasi perangkat lunak. Google Translate mendukung lebih dari 100 bahasa di berbagai tingkatan dan hingga Mei 2017, melayani lebih dari 500 juta orang setiap hari. Diluncurkan pada bulan April 2006 sebagai layanan terjemahan mesin statistik, menggunakan transkrip PBB dan Parlemen Eropa untuk mengumpulkan data linguistik. Alih-alih menerjemahkan bahasa secara langsung, pertama-tama menerjemahkan teks ke bahasa Inggris dan kemudian ke bahasa target. Selama penerjemahan, ia mencari pola dalam jutaan dokumen untuk membantu memutuskan terjemahan terbaik. Akurasinya telah dikritik dan diejek pada beberapa kesempatan. Pada November 2016, Google mengumumkan bahwa Google Translate akan beralih ke mesin terjemahan mesin saraf - Google Neural Machine Translation (GNMT) - yang menerjemahkan "seluruh kalimat dalam satu waktu, bukan hanya sepotong demi sepotong. Ia menggunakan konteks yang lebih luas ini untuk membantunya cari terjemahan yang paling relevan, yang kemudian disusun kembali dan disesuaikan agar lebih seperti manusia yang berbicara dengan tata bahasa yang tepat ". Awalnya hanya diaktifkan untuk beberapa bahasa pada tahun 2016, GNMT saat ini tersedia dalam 105 bahasa pada 2019.
  13. Otak manusia terdiri dari miliaran neuron yang saling berhubungan; pola interaksi antara neuron ini direpresentasikan sebagai pikiran dan keadaan emosional. Setiap interaksi antara neuron menciptakan pelepasan listrik sangat kecil; sendiri tuduhan ini tidak mungkin diukur dari luar tengkorak. Namun, aktivitas yang diciptakan oleh ratusan ribu debit bersamaan menjadi gelombang yang dapat diukur. Keadaan otak yang berbeda adalah hasil dari pola interaksi neural yang berbeda. Pola-pola ini mengarah ke gelombang yang ditandai dengan amplitudo dan frekuensi yang berbeda; misalnya gelombang antara 12 dan 30 hertz, Gelombang Beta, dikaitkan dengan konsentrasi sedangkan gelombang antara 8 dan 12 hertz, Gelombang Alpha, dikaitkan dengan relaksasi dan keadaan ketenangan mental. (Kontraksi otot juga terkait dengan pola gelombang yang unik, mengisolasi pola-pola ini adalah bagaimana beberapa perangkat NeuroSky mendeteksi kedipan.) Semua aktivitas listrik menghasilkan gelombang ini (bahkan bola lampu), sehingga semua perangkat listrik menciptakan beberapa tingkat "kebisingan" sekitar; "kebisingan" ini mengganggu gelombang yang berasal dari otak, inilah mengapa sebagian besar perangkat EEG akan mengambil bacaan bahkan jika mereka tidak berada di kepala seseorang. Mengukur aktivitas mental melalui gelombang ini seperti mencoba menguping percakapan di konser yang keras. Di masa lalu, perangkat EEG mengatasi masalah ini dengan mengukur sinyal-sinyal ini di lingkungan di mana aktivitas listrik dikontrol secara ketat dan meningkatkan kekuatan sinyal data yang berasal dari otak melalui penerapan solusi konduktif. Gelombang Otak Mentah dan Spektrum Daya Namun, sebagian besar orang tidak memiliki kamar di rumah mereka tanpa perangkat elektronik juga tidak ingin menerapkan cairan konduktif ke kepala mereka setiap kali mereka menggunakan perangkat BCI. NeuroSky telah mengembangkan algoritme kompleks yang dibangun di dalam produk mereka yang menyaring "kebisingan" ini. [7] Buku putih NeuroSky mengklaim teknologi ThinkGear telah diuji pada 96% seakurat dalam penelitian kelas EEG. [8] [14] NeuroSky juga menjual sensor non-kontak ke lembaga penelitian. Ini adalah elektroda kering yang dapat mengukur gelombang otak milimeter dari kulit kepala dan dengan demikian dapat dengan mudah dikenakan pada rambut. [15] Sensor-sensor ini merupak
  14. Exoskeleton bertenaga (juga dikenal sebagai power armor, powered armor, powered suit, exoframe, hardsuit, atau exosuit) [1] adalah mesin mobile yang dapat dikenakan yang ditenagai oleh sistem motor listrik, pneumatik, tuas, hidrolika, atau kombinasi dari teknologi yang memungkinkan gerakan ekstremitas dengan peningkatan kekuatan dan daya tahan. [2] Desainnya bertujuan untuk memberikan dukungan balik, merasakan gerakan pengguna, dan mengirim sinyal ke motor yang mengelola persneling. Exoskeleton menopang bahu, pinggang dan paha, dan membantu gerakan mengangkat dan menahan benda berat, sekaligus menurunkan stres punggung. [3]
  15. Google Maps adalah layanan pemetaan web yang dikembangkan oleh Google. Menawarkan citra satelit, foto udara, peta jalan, pemandangan jalan 360 ° (Street View), kondisi lalu lintas waktu nyata, dan perencanaan rute untuk bepergian dengan berjalan kaki, mobil, sepeda dan udara (dalam versi beta), atau transportasi umum.
  16. The guardian of the Gryffindor common room had to spend her days asking students for passwords, so it’s no wonder the Fat Lady liked to mess around a little bit.