1. History of CHIGeschiedenis van de informaticaLeuven, 7 March 2011Erik Duvalhttp://erikduval.wordpress.com and @ErikDuval 1
3. HUGE thanks to... http://www.slideshare.net/mrettig/interaction-design-historymarc rettigmarcrettig.com interactionpresented at design history in a teenycarnegiemellonuniversity2 april email@example.com little nutshell version 1.5
4. when? what?• ... 4
5. wiring the ENIAC with a new programENIAC1946Mauchly and Eckertstats:3,000 cubic feet30 tons18,000 vacuum tubes70,000 resistors170 kilowatt power req.~1 kilobit memoryapproximateprocessingpower oftoday’s singingbirthday cardbut not a stored-program device Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
6. front panel switchesDEC PDP-8TI 9801960’sThe internalarchitecture of themachine isexposed in thecontrols. You can see thatthe PDP-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).
7. configure switches, run batch, output to tape
8. 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.
9. preparing punch cardsAn important by-product:confetti . Allthe chaff from all those cardswas just great to throw aroundthe dorm.
10. 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.
14. 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.
15. next? 15
16. Command Line Interface 16
17. Nog vb? 17
18. Graﬁsche gebruikersinterface 18
19. WIMP• Windows Icons Menus, and Pointing devices• Characteristics • intuitive • consistent • forgiving • protective• But not necessarily best for expert! 19
20. Turing Award 1988 Ivan Sutherland: Sketchpad (1962) 20 http://www.youtube.com/watch?v=USyoT_Ha_bA
21. D. Engelbart, Augment• Stanford Research Institute• invented interactive computing (mouse, windows, groupware, ...)• team went to Xerox PARC• http://dougengelbart.org/ 21
22. 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
25. Fast forward to … now :) ! Text Texthttp://hyperscope.org/ http://ﬂash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart 25
30. 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!