Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
History of CHI
Leuven, 11 March 2013
Erik Duval
http://erikduval.wordpress.com
@ErikDuval
1
http://www.slideshare.net/erik.duval
2
http://www.taringa.net/posts/arte/18001402/John-Kenn-mini-monstruos-en-Post-It.html
3
interaction
design history
in a teeny 

little nutshell

version 1.5
marc rettig
marcrettig.com
presented at

carnegie

me...
when? what?
5
wiring the ENIAC with a new program
ENIAC
1946
Mauchly and Eckert
stats:
3,000 cubic feet
30 tons
18,000 vacuum tubes
70,0...
front panel switches
DEC PDP-8
TI 980
1960’s
The internal architecture of the
machine is exposed in the
controls. You can ...
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 ...
preparing punch cards
An important by-product:
confetti. All
the chaff from all those cards
was just great to throw around...
preparing punch cards
Each key press punches holes,
so there’s no “erase.” Fixing a
mistake almost always required
ejectin...
punch cards
12
http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg
13
http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG
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 h...
next?
16
Command Line Interface
17
18
http://www.secretgeometry.com/apps/cathode/
Nog vb?
19
Grafische gebruikersinterface
20
WIMP
• Windows

Icons

Menus, and

Pointing devices
• Characteristics
• intuitive
• consistent
• forgiving
• protective
• ...
Ivan Sutherland: Sketchpad (1962)TuringAward1988
http://www.youtube.com/watch?v=USyoT_Ha_bA22
D. Engelbart,Augment
•Stanford Research Institute
•invented interactive
computing (mouse, windows,
groupware, ...)
•team w...
D. Engelbart,Augment
• demo at 1968 Fall
Joint Computer
Conference
• video, microwave
transmission, ...
• http://
www.doug...
http://www.youtube.com/watch?v=JfIgzSoTMOs25
“if, in your office, you, as an intellectual
worker were supplied with a computer
display backed up by a computer that was
...
augmented reality
artificial intelligence
27
http://cfdj.sys-con.com/read/536976.htm
http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
XEROX PARC Star
(1981)
30
31
http://www.youtube.com/watch?v=QYvxgNhUwBk
a tool for home and small business calculations
visicalc
Dan Bricklin
1979
Finally people had a reason to
buy a home compu...
33 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/mwicha...
Windows 1.0 (1985)
35
http://www.youtube.com/watch?v=y48rthTbrA8&NR=1
36
beyond then ...
37
https://www.youtube.com/watch?v=a6cNdhOKwi0
38
39
http://www.youtube.com/watch?v=6Cf7IL_eZ38
40
http://www.youtube.com/watch?v=9c6W4CCU9M4
http://www.microsoft.com/enterprise/productivityvision/default.aspx
http://www.microsoft.com/microsoft-hololens/en-us
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
43
5’
44
http://www.lce.hut.fi/research/css/bci/
45 http://emotiv.com/
46
The future has already arrived.

It's just not evenly distributed yet.
47
Thanks!
Questions?
http://erikduval.wordpress.com/
@ErikDuval
Nächste SlideShare
Wird geladen in …5
×

History of Human Computer Interaction

4.366 Aufrufe

Veröffentlicht am

Presented to the students in a course on history of informatics at KU Luven on 9 March 2015

Veröffentlicht in: Bildung
  • Login to see the comments

  • Gehören Sie zu den Ersten, denen das gefällt!

History of Human Computer Interaction

  1. 1. History of CHI Leuven, 11 March 2013 Erik Duval http://erikduval.wordpress.com @ErikDuval 1
  2. 2. http://www.slideshare.net/erik.duval 2
  3. 3. http://www.taringa.net/posts/arte/18001402/John-Kenn-mini-monstruos-en-Post-It.html 3
  4. 4. interaction design history in a teeny 
 little nutshell
 version 1.5 marc rettig marcrettig.com presented at
 carnegie
 mellon
 university 2 april 2004 mrettig@well.com HUGEthanks to... http://www.slideshare.net/mrettig/interaction-design-history
  5. 5. when? what? 5
  6. 6. 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
  7. 7. 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).
  8. 8. configure switches, run batch, output to tape
  9. 9. 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.
  10. 10. preparing punch cards An important by-product: confetti. All the chaff from all those cards was just great to throw around the dorm.
  11. 11. 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. So on the one hand, we were adapting to the machines. On the other hand, the workings of the machines were exposed, right out where we could get to them.
  12. 12. punch cards 12 http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg
  13. 13. 13 http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG
  14. 14. operator console IBM System 360 1960’s
  15. 15. 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.
  16. 16. next? 16
  17. 17. Command Line Interface 17
  18. 18. 18 http://www.secretgeometry.com/apps/cathode/
  19. 19. Nog vb? 19
  20. 20. Grafische gebruikersinterface 20
  21. 21. WIMP • Windows
 Icons
 Menus, and
 Pointing devices • Characteristics • intuitive • consistent • forgiving • protective • But not necessarily best for expert! 21
  22. 22. Ivan Sutherland: Sketchpad (1962)TuringAward1988 http://www.youtube.com/watch?v=USyoT_Ha_bA22
  23. 23. D. Engelbart,Augment •Stanford Research Institute •invented interactive computing (mouse, windows, groupware, ...) •team went to Xerox PARC •http://dougengelbart.org/ 23
  24. 24. D. Engelbart,Augment • demo at 1968 Fall Joint Computer Conference • video, microwave transmission, ... • http:// www.dougengelbart.or g/firsts/dougs-1968- demo.html 24
  25. 25. http://www.youtube.com/watch?v=JfIgzSoTMOs25
  26. 26. “if, in your office, you, as an intellectual worker were supplied with a computer display backed up by a computer that was alive for you all day and was instantly responsive to any action you had. How much value could you derive from that?” 26
  27. 27. augmented reality artificial intelligence 27
  28. 28. http://cfdj.sys-con.com/read/536976.htm
  29. 29. http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
  30. 30. XEROX PARC Star (1981) 30
  31. 31. 31 http://www.youtube.com/watch?v=QYvxgNhUwBk
  32. 32. 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!
  33. 33. 33 http://www.youtube.com/watch?v=G0FtgZNOD44
  34. 34. 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
  35. 35. Windows 1.0 (1985) 35
  36. 36. http://www.youtube.com/watch?v=y48rthTbrA8&NR=1 36
  37. 37. beyond then ... 37
  38. 38. https://www.youtube.com/watch?v=a6cNdhOKwi0 38
  39. 39. 39 http://www.youtube.com/watch?v=6Cf7IL_eZ38
  40. 40. 40 http://www.youtube.com/watch?v=9c6W4CCU9M4
  41. 41. http://www.microsoft.com/enterprise/productivityvision/default.aspx
  42. 42. http://www.microsoft.com/microsoft-hololens/en-us
  43. 43. http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html 43 5’
  44. 44. 44 http://www.lce.hut.fi/research/css/bci/
  45. 45. 45 http://emotiv.com/
  46. 46. 46 The future has already arrived.
 It's just not evenly distributed yet.
  47. 47. 47 Thanks! Questions? http://erikduval.wordpress.com/ @ErikDuval

×