SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
History of CHI

Geschiedenis van de informatica
Leuven, 7 March 2011




Erik Duval
http://erikduval.wordpress.com and @ErikDuval




                                   1
http://www.slideshare.net/erik.duval




2
HUGE                      thanks to...
      http://www.slideshare.net/mrettig/interaction-design-history


marc rettig
marcrettig.com
                    interaction
presented at
                    design history
                    in a teeny
carnegie
mellon
university


2 april 2004


mrettig@well.com
                    little nutshell
                    version 1.5
when? what?


• ...


             4
wiring the ENIAC with a new program




ENIAC
1946
Mauchly and Eckert

stats:
3,000 cubic feet
30 tons
18,000 vacuum tubes
70,000 resistors
170 kilowatt power req.
~1 kilobit memory




approximate
processing
power of
today’s singing
birthday card
but not a stored-program device   Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
front panel switches

DEC PDP-8

TI 980


1960’s




The internal
architecture of the
machine is
exposed in the
controls. You can see that
the PDP-8 is an octal computer,
with its switches in three-bit
configurations (it takes three
bits to count from 0 to 7, for a
total of 8 numbers. Base 8.
Octal. Get it?). The TI 980 is a
hexadecimal machine, with
switches in groups of four. Using
the switches, you program the
machine one word at a time (a
word being, say, two
hexadecimal bytes for the TI).
configure switches, run batch, output to tape
batch processing: feed it cards, wait while it runs




What you used to do
punch a deck of cards; take
the cards to a little window,
hand them to the operator; she
puts them in line with everyone
else’s jobs; when it’s your turn
she puts your cards in the
hopper and pushes “RUN”; your
program works or it doesn’t; an
hour or twelve later, you pick up
your cards and (hopefully)
printout at the same little
window.

What you do now
double-click an icon, see what
happens immediately.
preparing punch cards




An important by-product:


confetti                . All
the chaff from all those cards
was just great to throw around
the dorm.
preparing punch cards




Each key press punches holes,
so there’s no “erase.” Fixing a
mistake almost always required
ejecting the card and starting it
over.


In a pinch – say you really
needed to fix a card and the
punch was down – a clever
operator might know enough
about the card encoding to
close some holes with tape and
open others with a knife.


          we
So on the one hand,

were adapting
to the machines.
On the other hand, the
workings of the machines were
exposed, right out where we
could get to them.
punch cards




http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg

                             11
http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG
                                   12
operator console




IBM System 360
1960’s
at home, it’s still the switches – but what to do with it?




MITS Altair 8800
1975

One of the first commercially
available home computers.
You ordered it. You built it. You
operated it through front
panel switches.
next?


 15
Command Line Interface




          16
Nog vb?




   17
Grafische gebruikersinterface




             18
WIMP
•   Windows
    Icons
    Menus, and
    Pointing devices

•   Characteristics

    •   intuitive

    •   consistent

    •   forgiving

    •   protective

•   But not necessarily best
    for expert!
                               19
Turing Award 1988   Ivan Sutherland: Sketchpad (1962)




                                    20       http://www.youtube.com/watch?v=USyoT_Ha_bA
D. Engelbart, Augment

• Stanford Research Institute
• invented interactive
  computing (mouse,
  windows, groupware, ...)

• team went to Xerox PARC
• http://dougengelbart.org/

                             21
D. Engelbart, Augment
•   demo at 1968 Fall
    Joint Computer
    Conference
    •   video, microwave
        transmission, ...

    •   http://
        sloan.stanford.edu/
        mousesite/
        1968Demo.html

    •   http://
        www.youtube.com
        /watch?
        v=X4kp9Ciy1nE


                              22
http://www.youtube.com/watch?v=X4kp9Ciy1nE
23
http://cfdj.sys-con.com/read/536976.htm
Fast forward to …
                         now :) !

                                                                   Text
                                                                    Text




http://hyperscope.org/

                                  http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
                         http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
                                                                        25
http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
http://collectiveiq.wordpress.com/2010/11/18/40th-anniversary-of-the-patent-on-the-mouse/
XEROX PARC Star
    (1981)




       28
http://www.youtube.com/watch?v=QYvxgNhUwBk
                    29
a tool for home and small business calculations




visicalc
Dan Bricklin
1979


Finally people had a reason to
buy a home computer
(specifically, an Apple II): so
they could use VisiCalc, the first
spreadsheet.




                                     THE place to learn about Visicalc: www.bricklin.com/visicalc.htm
                                     Download a working version!
Macintosh, 1984




       31   http://www.youtube.com/watch?v=G0FtgZNOD44
All 39 pages of advertising that Apple bought in a 1984 issue of newsweek are available here: http://www.aci.com.pl/mwichary/
computerhistory/ads/macnewsweek
Windows 1.0 (1985)




        33
http://www.youtube.com/watch?v=y48rthTbrA8&NR=1

                      34
beyond then ...

       35
http://sharetec.celstec.org/gddf/mace_AR.mov
http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx



                                  38
http://www.youtube.com/watch?v=6Cf7IL_eZ38
                    39
http://www.youtube.com/watch?v=CGwvZWyLiBU
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html




                                   41
http://www.lce.hut.fi/research/css/bci/



42
43   http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1
http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf
44
http://www.youtube.com/watch?v=NIG47YgndP8




                   45
46   http://emotiv.com/
The future has already arrived.
It's just not evenly distributed yet.
                 47
what did you...
   • like most?
   • want most?
   • dislike most?
   • fear most?
   • ...?
  and why...
         48
Questions?
http://erikduval.wordpress.com/
       twitter: @ErikDuval
               49

Mais conteúdo relacionado

Semelhante a History of CHI

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
Erik Duval
 
Lis201 xeroxparc final
Lis201 xeroxparc finalLis201 xeroxparc final
Lis201 xeroxparc final
kmessenger
 

Semelhante a History of CHI (20)

History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
 
An introduction to CHI
An introduction to CHIAn introduction to CHI
An introduction to CHI
 
Talk: An Instrument whose Music is Ideas
Talk: An Instrument whose Music is IdeasTalk: An Instrument whose Music is Ideas
Talk: An Instrument whose Music is Ideas
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
History of Human-Computer Interaction
History of Human-Computer InteractionHistory of Human-Computer Interaction
History of Human-Computer Interaction
 
OTA16 Talk: Innovative Experiences
OTA16 Talk: Innovative ExperiencesOTA16 Talk: Innovative Experiences
OTA16 Talk: Innovative Experiences
 
Shift to the future – the technological disruption of learning and work - cio...
Shift to the future – the technological disruption of learning and work - cio...Shift to the future – the technological disruption of learning and work - cio...
Shift to the future – the technological disruption of learning and work - cio...
 
Lis201 xeroxparc final
Lis201 xeroxparc finalLis201 xeroxparc final
Lis201 xeroxparc final
 
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
My Minecraft Smart Home: Prototyping the internet of uncanny things - Sascha ...
 
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny ThingsMy Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
My Minecraft-Smart-Home: Prototyping the Internet of Uncanny Things
 
Computer Tutorial Lesson Powerpoint Presentation - Computer Repair - Computer...
Computer Tutorial Lesson Powerpoint Presentation - Computer Repair - Computer...Computer Tutorial Lesson Powerpoint Presentation - Computer Repair - Computer...
Computer Tutorial Lesson Powerpoint Presentation - Computer Repair - Computer...
 
computer basics - introduction - history - computer maintenance - computer sa...
computer basics - introduction - history - computer maintenance - computer sa...computer basics - introduction - history - computer maintenance - computer sa...
computer basics - introduction - history - computer maintenance - computer sa...
 
Computer Tutorial Lesson Powerpoint Presentation - For Student and Teacher - ...
Computer Tutorial Lesson Powerpoint Presentation - For Student and Teacher - ...Computer Tutorial Lesson Powerpoint Presentation - For Student and Teacher - ...
Computer Tutorial Lesson Powerpoint Presentation - For Student and Teacher - ...
 
computer lesson - computer science - computer technology - computer hardware ...
computer lesson - computer science - computer technology - computer hardware ...computer lesson - computer science - computer technology - computer hardware ...
computer lesson - computer science - computer technology - computer hardware ...
 
Visual communication and computers
Visual communication and computersVisual communication and computers
Visual communication and computers
 
And Now . . . LADS 2010
And Now . . .  LADS 2010And Now . . .  LADS 2010
And Now . . . LADS 2010
 
Amiga 34 Demoscene Talk by Noname and Dascon
Amiga 34 Demoscene Talk by Noname and DasconAmiga 34 Demoscene Talk by Noname and Dascon
Amiga 34 Demoscene Talk by Noname and Dascon
 
Science2.0
Science2.0Science2.0
Science2.0
 

Mais de Erik Duval

InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
Erik Duval
 

Mais de Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer Interaction
 

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 

History of CHI