history of CHI
                       geschiedenis van de informatica - 15 maart 2010




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




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


  ...
when? what?

                  • tekst -> grafisch: 1955
                  • windows 95: 1995
                  • touchscre...
when? what? ... 2009
                  • text -> grafisch: 1982
                  • touchscreen: 1995 -> nu
               ...
wiring the ENIAC with a new program




      ENIAC
      1946
      Mauchly and Eckert

      stats:
      3,000 cubic fe...
front panel switches




      DEC PDP-8

      TI 980


      1960’s


      The internal architecture of the
      machi...
configure switches, run batch, output to tape




Monday 15 March 2010
batch processing: feed it cards, wait while it runs




      What you used to do
      punch a deck of cards; take
      ...
preparing punch cards




      An important by-product:
      confetti. All the chaff from all
      those cards was just...
preparing punch cards




      Each key press punches holes,
      so there’s no “erase.” Fixing a
      mistake almost a...
punch cards




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

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




      IBM System 360
      1960’s




Monday 15 March 2010
at home, it’s still the switches – but what to do with it?




      MITS Altair 8800
      1975

      One of the first c...
next?


                        16
Monday 15 March 2010
Command Line Interface




                           17
Monday 15 March 2010
Nog vb?




                          18
Monday 15 March 2010
Nog vb?




                          18
Monday 15 March 2010
Grafische gebruikersinterface




                       19
Monday 15 March 2010
WIMP
        •      Windows
               Icons
               Menus, and
               Pointing devices

        •     ...
Turing Award 1988     Ivan Sutherland: Sketchpad (1962)




                                       21       http://www.you...
D. Engelbart, Augment
  • Stanford Research Institute
  • invented interactive
         computing (mouse,
         windows...
D. Engelbart, Augment
   •      demo at 1968 Fall
          Joint Computer
          Conference
        •      video, micr...
http://www.youtube.com/watch?v=X4kp9Ciy1nE
                       24
Monday 15 March 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 15 March 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 15 March 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 15 March 2010
Fast forward to …
                             now :) !

                                            Text
                ...
Fast forward to …
                                 now :) !

                                                    Text
    ...
Fast forward to …
                                 now :) !

                                                             ...
http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/

Monday 15 March 2010
XEROX PARC Star
                           (1981)




                              28
Monday 15 March 2010
http://www.youtube.com/watch?v=XQ6ng1_TMN4
                                           29
Monday 15 March 2010
a tool for home and small business calculations




      visicalc
      Dan Bricklin
      1979


      Finally people ha...
Macintosh, 1984




                              31   http://www.youtube.com/watch?v=G0FtgZNOD44
Monday 15 March 2010
Macintosh, 1984




                              31   http://www.youtube.com/watch?v=G0FtgZNOD44
Monday 15 March 2010
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)




                               33

Monday 15 March 2010
http://www.youtube.com/watch?v=y48rthTbrA8&NR=1

                                             34

Monday 15 March 2010
beyond then ...

                       35

Monday 15 March 2010
http://www.ted.com/index.php/talks/anand_agarawala_demos_his_bumptop_desktop.html   36

Monday 15 March 2010
37   http://www.ted.com/index.php/talks/jeff_han_demos_his_breakthrough_touchscreen.html

Monday 15 March 2010
http://portal.mace-project.eu/   38

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



                                              ...
http://www.ted.com/index.php/talks/david_merrill_demos_siftables_the_smart_blocks.html   42

Monday 15 March 2010
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html




                                            ...
44   http://www.chrisharrison.net/projects/skinput/

Monday 15 March 2010
http://www.lce.hut.fi/research/css/bci/



                       45

Monday 15 March 2010
46   http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1

Monday 15 March 2010
http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf
                       47

Monday 15 March 2010
http://www.youtube.com/watch?v=NIG47YgndP8




                                          48

Monday 15 March 2010
49   http://emotiv.com/

Monday 15 March 2010
The future has already arrived.
          It's just not evenly distributed yet.
                           50
Monday 15 Ma...
what did you...
                          • like most?
                          • want most?
                          • ...
• brein-interface beangstigend
                   • niks meer fysisch :-(
                   • ook input?
                ...
53

Monday 15 March 2010
Thanks!
                         53

Monday 15 March 2010
Questions?

                       Thanks!
                         53

Monday 15 March 2010
Questions?
                  http://www.cs.kuleuven.ac.be/~erikd



                           Thanks!
                   ...
Questions?
                  http://www.cs.kuleuven.ac.be/~erikd
                       http://erikduval.wordpress.com


 ...
Upcoming SlideShare
Loading in...5
×

History of CHI

799

Published on

Presented to my students on 15 March 2010...

Published in: Education, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
799
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

History of CHI

  1. 1. history of CHI geschiedenis van de informatica - 15 maart 2010 erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1 Monday 15 March 2010
  2. 2. http://www.slideshare.net/erik.duval Monday 15 March 2010 2
  3. 3. 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 Monday 15 March 2010
  4. 4. when? what? • tekst -> grafisch: 1955 • windows 95: 1995 • touchscreen: 2000 • 3D: 1990 (spellen, CAD) • muis: ’60 4 Monday 15 March 2010
  5. 5. when? what? ... 2009 • text -> grafisch: 1982 • touchscreen: 1995 -> nu • force feedback: 1990 • menu: 1982 • scherm: 1955 • muis: 1970 5 Monday 15 March 2010
  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 Monday 15 March 2010
  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). Monday 15 March 2010
  8. 8. configure switches, run batch, output to tape Monday 15 March 2010
  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. Monday 15 March 2010
  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. Monday 15 March 2010
  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. Monday 15 March 2010
  12. 12. punch cards http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg 12 Monday 15 March 2010
  13. 13. http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG 13 Monday 15 March 2010
  14. 14. operator console IBM System 360 1960’s Monday 15 March 2010
  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. Monday 15 March 2010
  16. 16. next? 16 Monday 15 March 2010
  17. 17. Command Line Interface 17 Monday 15 March 2010
  18. 18. Nog vb? 18 Monday 15 March 2010
  19. 19. Nog vb? 18 Monday 15 March 2010
  20. 20. Grafische gebruikersinterface 19 Monday 15 March 2010
  21. 21. WIMP • Windows Icons Menus, and Pointing devices • Characteristics • intuitive • consistent • forgiving • protective • But not necessarily best for expert! 20 Monday 15 March 2010
  22. 22. Turing Award 1988 Ivan Sutherland: Sketchpad (1962) 21 http://www.youtube.com/watch?v=USyoT_Ha_bA Monday 15 March 2010
  23. 23. D. Engelbart, Augment • Stanford Research Institute • invented interactive computing (mouse, windows, groupware, ...) • team went to Xerox PARC • now: bootstrap institute • http://www.bootstrap.org/ 22 Monday 15 March 2010
  24. 24. 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 23 Monday 15 March 2010
  25. 25. http://www.youtube.com/watch?v=X4kp9Ciy1nE 24 Monday 15 March 2010
  26. 26. http://cfdj.sys-con.com/read/536976.htm Monday 15 March 2010
  27. 27. http://cfdj.sys-con.com/read/536976.htm Monday 15 March 2010
  28. 28. http://cfdj.sys-con.com/read/536976.htm Monday 15 March 2010
  29. 29. Fast forward to … now :) ! Text Text http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 26 Monday 15 March 2010
  30. 30. Fast forward to … now :) ! Text Text http://hyperscope.org/ http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 26 Monday 15 March 2010
  31. 31. 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 26 Monday 15 March 2010
  32. 32. http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/ Monday 15 March 2010
  33. 33. XEROX PARC Star (1981) 28 Monday 15 March 2010
  34. 34. http://www.youtube.com/watch?v=XQ6ng1_TMN4 29 Monday 15 March 2010
  35. 35. 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! Monday 15 March 2010
  36. 36. Macintosh, 1984 31 http://www.youtube.com/watch?v=G0FtgZNOD44 Monday 15 March 2010
  37. 37. Macintosh, 1984 31 http://www.youtube.com/watch?v=G0FtgZNOD44 Monday 15 March 2010
  38. 38. 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 Monday 15 March 2010
  39. 39. Windows 1.0 (1985) 33 Monday 15 March 2010
  40. 40. http://www.youtube.com/watch?v=y48rthTbrA8&NR=1 34 Monday 15 March 2010
  41. 41. beyond then ... 35 Monday 15 March 2010
  42. 42. http://www.ted.com/index.php/talks/anand_agarawala_demos_his_bumptop_desktop.html 36 Monday 15 March 2010
  43. 43. 37 http://www.ted.com/index.php/talks/jeff_han_demos_his_breakthrough_touchscreen.html Monday 15 March 2010
  44. 44. http://portal.mace-project.eu/ 38 Monday 15 March 2010
  45. 45. Monday 15 March 2010
  46. 46. http://sharetec.celstec.org/gddf/mace_AR.mov Monday 15 March 2010
  47. 47. http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx 41 Monday 15 March 2010
  48. 48. http://www.ted.com/index.php/talks/david_merrill_demos_siftables_the_smart_blocks.html 42 Monday 15 March 2010
  49. 49. http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html 43 Monday 15 March 2010
  50. 50. 44 http://www.chrisharrison.net/projects/skinput/ Monday 15 March 2010
  51. 51. http://www.lce.hut.fi/research/css/bci/ 45 Monday 15 March 2010
  52. 52. 46 http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1 Monday 15 March 2010
  53. 53. http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf 47 Monday 15 March 2010
  54. 54. http://www.youtube.com/watch?v=NIG47YgndP8 48 Monday 15 March 2010
  55. 55. 49 http://emotiv.com/ Monday 15 March 2010
  56. 56. The future has already arrived. It's just not evenly distributed yet. 50 Monday 15 March 2010
  57. 57. what did you... • like most? • want most? • dislike most? • fear most? • ...? and why... 51 Monday 15 March 2010
  58. 58. • brein-interface beangstigend • niks meer fysisch :-( • ook input? • bumptop: not windows/apple • en al beschikbaar • :-( show, wat met werk (compiz?), effect • microsoft conceptfilm: computer is weg/ alles is computer -> goedkoper? • table touch bureau, minority report, ... 52 Monday 15 March 2010
  59. 59. 53 Monday 15 March 2010
  60. 60. Thanks! 53 Monday 15 March 2010
  61. 61. Questions? Thanks! 53 Monday 15 March 2010
  62. 62. Questions? http://www.cs.kuleuven.ac.be/~erikd Thanks! 53 Monday 15 March 2010
  63. 63. Questions? http://www.cs.kuleuven.ac.be/~erikd http://erikduval.wordpress.com Thanks! 53 Monday 15 March 2010

×