History of Human-Computer Interaction
Upcoming SlideShare
Loading in...5
×
 

History of Human-Computer Interaction

on

  • 6,298 views

Presented to my students in leuven, Belgium on 19 March 2012.

Presented to my students in leuven, Belgium on 19 March 2012.

Statistics

Views

Total Views
6,298
Views on SlideShare
4,123
Embed Views
2,175

Actions

Likes
3
Downloads
79
Comments
0

2 Embeds 2,175

http://moodle.yeovil.ac.uk 2167
http://confluence.cmi-hro.nl 8

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

History of Human-Computer Interaction History of Human-Computer Interaction Presentation Transcript

  • History of CHILeuven, 19 March 2012Erik Duvalhttp://erikduval.wordpress.com@ErikDuval 1
  • http://www.slideshare.net/erik.duval2
  • HUGE thanks to... http://www.slideshare.net/mrettig/interaction-design-historymarc rettigmarcrettig.com interactionpresented at design history in a teenycarnegiemellonuniversity2 april 2004mrettig@well.com little nutshell version 1.5
  • when? what?• ??? 4
  • wiring the ENIAC with a new programENIAC1946Mauchly and Eckertstats:3,000 cubic feet30 tons18,000 vacuum tubes70,000 resistors170 kilowatt power req.~1 kilobit memoryapproximate processing power of today’ssinging birthday cardbut not a stored-program device Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
  • front panel switchesDEC PDP-8TI 9801960’sThe internal architecture of themachine is exposed in thecontrols. You can see that thePDP-8 is an octal computer,with its switches in three-bitconfigurations (it takes threebits to count from 0 to 7, for atotal of 8 numbers. Base 8.Octal. Get it?). The TI 980 is ahexadecimal machine, withswitches in groups of four. Usingthe switches, you program themachine one word at a time (aword being, say, twohexadecimal bytes for the TI).
  • configure switches, run batch, output to tape
  • batch processing: feed it cards, wait while it runsWhat you used to dopunch a deck of cards; takethe cards to a little window,hand them to the operator; sheputs them in line with everyoneelse’s jobs; when it’s your turnshe puts your cards in thehopper and pushes “RUN”; yourprogram works or it doesn’t; anhour or twelve later, you pick upyour cards and (hopefully)printout at the same littlewindow.What you do nowdouble-click an icon, see whathappens immediately.
  • preparing punch cardsAn important by-product:confetti . Allthe chaff from all those cardswas just great to throw aroundthe dorm.
  • preparing punch cardsEach key press punches holes,so there’s no “erase.” Fixing amistake almost always requiredejecting the card and starting itover.In a pinch – say you reallyneeded to fix a card and thepunch was down – a cleveroperator might know enoughabout the card encoding toclose some holes with tape andopen others with a knife. weSo on the one hand,were adaptingto the machines.On the other hand, theworkings of the machines wereexposed, right out where wecould get to them.
  • punch cardshttp://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg 11
  • http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG 12
  • operator consoleIBM System 3601960’s
  • at home, it’s still the switches – but what to do with it?MITS Altair 88001975One of the first commerciallyavailable home computers.You ordered it. You built it. Youoperated it through frontpanel 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:// www.dougengelbart.o rg/firsts/dougs-1968- demo.html 22
  • http://www.youtube.com/watch?v=X4kp9Ciy1nE23
  • http://cfdj.sys-con.com/read/536976.htm
  • http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
  • XEROX PARC Star (1981) 26
  • http://www.youtube.com/watch?v=QYvxgNhUwBk 27
  • a tool for home and small business calculationsvisicalcDan Bricklin1979Finally people had a reason tobuy a home computer(specifically, an Apple II): sothey could use VisiCalc, the firstspreadsheet. THE place to learn about Visicalc: www.bricklin.com/visicalc.htm Download a working version!
  • Macintosh, 1984 29 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) 31
  • http://www.youtube.com/watch?v=y48rthTbrA8&NR=1 32
  • beyond then ... 33
  • http://sharetec.celstec.org/gddf/mace_AR.mov
  • http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx 36
  • http://www.youtube.com/watch?v=6Cf7IL_eZ38 37
  • http://www.youtube.com/watch?v=CGwvZWyLiBU 38
  • http://mashable.com/2012/02/22/google-glasses-2012/ 39
  • http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html 40
  • http://www.lce.hut.fi/research/css/bci/41
  • http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf42
  • 43 http://emotiv.com/
  • The future has already arrived.Its just not evenly distributed yet. 44
  • what did you... • like most? • want most? • dislike most? • fear most? • ...? and why... 45
  • • ??? 46
  • http://emurgency.eu/ http://www.role-project.eu/ http://www.stellarnet.eu/ Questions? http://erikduval.wordpress.com/ @ErikDuval Thanks! 47