SlideShare ist ein Scribd-Unternehmen logo
1 von 105
Downloaden Sie, um offline zu lesen
Probleemoplossen & Ontwerpen
                ICT-werktuigen

                         Les 2 - Sessie 4

                                     Erik Duval
                            Dept. Computerwetenschappen
                         http://www.cs.kuleuven.ac.be/~erikd/
Monday 18 October 2010
2
Monday 18 October 2010
http://www.slideshare.net/erik.duval




Monday 18 October 2010
                         3
4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?

      •      Wie heeft Maple lokaal geïnstalleerd?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?

      •      Wie heeft Maple lokaal geïnstalleerd?

      •      Wie heeft de slides van vorige week bekeken?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?

      •      Wie heeft Maple lokaal geïnstalleerd?

      •      Wie heeft de slides van vorige week bekeken?

      •      Wie heeft de links zelfstudie WWW&Office gevolgd?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?

      •      Wie heeft Maple lokaal geïnstalleerd?

      •      Wie heeft de slides van vorige week bekeken?

      •      Wie heeft de links zelfstudie WWW&Office gevolgd?




                                       4
Monday 18 October 2010
•      Wie is er al in de PC-klassen geweest?

      •      Wie heeft er daar al ingelogd?

      •      Wie is er al op TOLEDO ingelogd?

      •      Wie heeft er al P&O1 op TOLEDO “bezocht”?

      •      Wie heeft Maple lokaal geïnstalleerd?

      •      Wie heeft de slides van vorige week bekeken?

      •      Wie heeft de links zelfstudie WWW&Office gevolgd?


      •      Wie heeft er vragen, opmerkingen, commentaar?

                                       4
Monday 18 October 2010
vandaag

                   •     computersystemen

                   •     gebruikersinterfaces

                   •     web toepassingen

                   •     virussen




                                                5
Monday 18 October 2010
Componenten van computersysteem




                                Besturings-
                                 systeem
                         CPU
                                                        Gebruiker
                          RAM




                                              Applicaties
              Hardware



                                       6
Monday 18 October 2010
Componenten van computersysteem




                                Besturings-
                                 systeem
                         CPU
                                                        Gebruiker
                          RAM




                                              Applicaties
              Hardware

                                voorbeelden?
                                       6
Monday 18 October 2010
Hardware




                            7
Monday 18 October 2010
Hardware




                            7
Monday 18 October 2010
Hardware




                          voorbeelden?

                               7
Monday 18 October 2010
Belangrijkste wet uit computerwetenschappen?




                            8
Monday 18 October 2010
Moore’s law
                   •     ‘the number of transistors that can be placed
                         inexpensively on an integrated circuit has doubled
                         approximately every two years’ (1965)

                   •     ook

                         •   processing speed

                         •   memory capacity

                         •   sensors

                         •   network capacity

Monday 18 October 2010
                         •   ...                9
10
Monday 18 October 2010
what does “exponential” mean?




                             10
Monday 18 October 2010
what does “exponential” mean?

     if you fold a sheet of paper 50 times,
          then how thick is the result?



                             10
Monday 18 October 2010
what does “exponential” mean?

     if you fold a sheet of paper 50 times,
          then how thick is the result?

                 about the distance to the sun...

                               10
Monday 18 October 2010
http://www.smartplanet.com/technology/blog/thinking-tech/physics-nobel-winners-launched-moores-law-of-optics/1689/


                                                                                11
Monday 18 October 2010
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 18 October 2010
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 18 October 2010
configure switches, run batch, output to tape




Monday 18 October 2010
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 18 October 2010
preparing punch cards




      An important by-product:
      confetti. All the chaff from all
      those cards was just great to
      throw around the dorm.




Monday 18 October 2010
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 18 October 2010
punch cards




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

                                                      18
Monday 18 October 2010
operator console




      IBM System 360
      1960’s




Monday 18 October 2010
next?


                          20
Monday 18 October 2010
Command Line Interface




                            21
Monday 18 October 2010
Nog vb?




                            22
Monday 18 October 2010
Nog vb?




                            22
Monday 18 October 2010
Grafische gebruikersinterface




                         23
Monday 18 October 2010
WIMP
        •      Windows
               Icons
               Menus, and
               Pointing devices

        •      Eigenschappen

             •       intuitief

             •       consistent

             •       vergeven

             •       beschermen

        •      Maar niet noodzakelijk
               best voor expert!
                                        24
Monday 18 October 2010
Turing Award 1988       Ivan Sutherland: Sketchpad (1962)




                                                                       http://www.archive.org/details/AlanKeyD1987 http://www.youtube.com/watch?v=495nCzxM9PI




                          http://www.youtube.com/watch?v=USyoT_Ha_bA    25

Monday 18 October 2010
D. Engelbart, Augment

   •       Stanford Research Institute

   •       “Uitvinder” van muis, windows,
           groupware, ...

   •       team naar Xerox PARC

   •       nu: bootstrap institute
         •      http://www.bootstrap.org/



                                            26
Monday 18 October 2010
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


                                      27
Monday 18 October 2010
http://www.youtube.com/watch?v=X4kp9Ciy1nE
                         28
Monday 18 October 2010
http://www.youtube.com/watch?v=X4kp9Ciy1nE
                         28
Monday 18 October 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 18 October 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 18 October 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 18 October 2010
http://cfdj.sys-con.com/read/536976.htm
Monday 18 October 2010
Fast forward to …
                               now :) !

                                              Text
                                               Text




                           http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890

                                                 30
Monday 18 October 2010
Fast forward to …
                                 now :) !

                                                    Text
                                                     Text




        http://hyperscope.org/

                                 http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890

                                                       30
Monday 18 October 2010
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
                                                                                30
Monday 18 October 2010
31
                              http://programforthefuture.org/
Monday 18 October 2010
31
                              http://programforthefuture.org/
Monday 18 October 2010
XEROX PARC Star
                             (1981)




                                32
Monday 18 October 2010
http://www.youtube.com/watch?v=XQ6ng1_TMN4
                         33
Monday 18 October 2010
http://www.youtube.com/watch?v=XQ6ng1_TMN4
                         33
Monday 18 October 2010
Macintosh, 1984




                                34   http://www.youtube.com/watch?v=G0FtgZNOD44
Monday 18 October 2010
Macintosh, 1984




                                34   http://www.youtube.com/watch?v=G0FtgZNOD44
Monday 18 October 2010
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 18 October 2010
Windows 1.0 (1985)




                                 36
Monday 18 October 2010
http://www.youtube.com/watch?v=tGvHNNOLnCk
                                               37

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

                                               38

Monday 18 October 2010
next?


                          39
Monday 18 October 2010
Monday 18 October 2010
Monday 18 October 2010




                         http://www.youtube.com/watch?v=iDX1FZxC0D4
Monday 18 October 2010
Monday 18 October 2010
44   http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1

Monday 18 October 2010
http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf
                         45

Monday 18 October 2010
46   http://emotiv.com/

Monday 18 October 2010
web
                         toepassingen


                              47
Monday 18 October 2010
wat gebruiken jullie?

                   •     zoekrobot

                   •     hotmail-gmail

                   •     radio

                   •     sporza

                   •     ebanking



                                         48
Monday 18 October 2010
49
                              http://wakoopa.com/erikduval
Monday 18 October 2010
50
Monday 18 October 2010
http://www.standaard.be/artikel/detail.aspx?artikelid=0Q30FJ15




                         51
Monday 18 October 2010
52
Monday 18 October 2010
53
Monday 18 October 2010
54
Monday 18 October 2010
54
Monday 18 October 2010
54
Monday 18 October 2010
55
Monday 18 October 2010
Blog




                            56
Monday 18 October 2010
Blog
                                 •   Web log
                                 •   Chronologisch
                                 •   Erg verscheiden
                                 •   Laat commentaar toe
                                 •   Eenvoudige editors
                                     •   Blogger.com

                                     •   Wordpress.com

                                     •   Typepad.com

                                     •   Myspace.com

                                 •   “web authoring for
                                     the masses”

                            56
Monday 18 October 2010
Blog
                                          •   Web log
                                          •   Chronologisch
                         wie blogt er?    •   Erg verscheiden
                                          •   Laat commentaar toe
                                          •   Eenvoudige editors
                                              •   Blogger.com

                                              •   Wordpress.com

                                              •   Typepad.com

                                              •   Myspace.com

                                          •   “web authoring for
                                              the masses”

                                     56
Monday 18 October 2010
RSS
                   •     Rich Site / Really Simple Syndication

                   •     “feed” van wat gewijzigd is

                   •     Lezen

                         •   toepassingssoftware

                         •   http://www.bloglines.com/

                         •   http://www.google.com/reader/

                   •     blogroll

                         •   feeds op je blog
                                                 57
Monday 18 October 2010
RSS
                   •     Rich Site / Really Simple Syndication

                   •     “feed” van wat gewijzigd is
                                                      wie leest er
                   •     Lezen

                         •   toepassingssoftware        feeds?
                         •   http://www.bloglines.com/

                         •   http://www.google.com/reader/

                   •     blogroll

                         •   feeds op je blog
                                                 57
Monday 18 October 2010
58
Monday 18 October 2010
http://www.flickr.com/




                         59
Monday 18 October 2010
http://www.flickr.com/




                         59
Monday 18 October 2010
wie heeft er
                          met flickr
                          gewerkt?

                                        http://www.flickr.com/




                                   59
Monday 18 October 2010
Monday 18 October 2010
> 3.000.000.000 images




Monday 18 October 2010
> 3.000.000.000 images

                             facebook
                         > 10.000.000.000
Monday 18 October 2010
Monday 18 October 2010
> 80.000.000 videos

                      upload:
                 20 hours video/min
Monday 18 October 2010
Monday 18 October 2010
Monday 18 October 2010
Monday 18 October 2010
63
Monday 18 October 2010
44.000 sites
                     20.000.000 users
                     1.900.000 courses

                             63
Monday 18 October 2010
64
Monday 18 October 2010
google docs




                              65
Monday 18 October 2010
http://ludit.kuleuven.be/software/virus.html#virusscan
                                                         66
                                                              Monday 18 October 2010
Dus…




                         Vragen...?
                             67
Monday 18 October 2010

Weitere ähnliche Inhalte

Mehr von Erik Duval

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapersErik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisationErik Duval
 
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 2015Erik Duval
 
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?Erik Duval
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesErik Duval
 
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 2015Erik Duval
 
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 visualisationErik Duval
 
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 2015Erik Duval
 
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 2015Erik Duval
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer InteractionErik Duval
 
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 2015Erik Duval
 
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 2015Erik 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 2015Erik Duval
 
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 2015Erik Duval
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarterErik Duval
 
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 2015Erik Duval
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erikErik Duval
 

Mehr von 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
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
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
 

PenO1 Les2 Sessie4

  • 1. Probleemoplossen & Ontwerpen ICT-werktuigen Les 2 - Sessie 4 Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/ Monday 18 October 2010
  • 5. Wie is er al in de PC-klassen geweest? 4 Monday 18 October 2010
  • 6. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? 4 Monday 18 October 2010
  • 7. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? 4 Monday 18 October 2010
  • 8. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? 4 Monday 18 October 2010
  • 9. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? • Wie heeft Maple lokaal geïnstalleerd? 4 Monday 18 October 2010
  • 10. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? • Wie heeft Maple lokaal geïnstalleerd? • Wie heeft de slides van vorige week bekeken? 4 Monday 18 October 2010
  • 11. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? • Wie heeft Maple lokaal geïnstalleerd? • Wie heeft de slides van vorige week bekeken? • Wie heeft de links zelfstudie WWW&Office gevolgd? 4 Monday 18 October 2010
  • 12. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? • Wie heeft Maple lokaal geïnstalleerd? • Wie heeft de slides van vorige week bekeken? • Wie heeft de links zelfstudie WWW&Office gevolgd? 4 Monday 18 October 2010
  • 13. Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? • Wie heeft er al P&O1 op TOLEDO “bezocht”? • Wie heeft Maple lokaal geïnstalleerd? • Wie heeft de slides van vorige week bekeken? • Wie heeft de links zelfstudie WWW&Office gevolgd? • Wie heeft er vragen, opmerkingen, commentaar? 4 Monday 18 October 2010
  • 14. vandaag • computersystemen • gebruikersinterfaces • web toepassingen • virussen 5 Monday 18 October 2010
  • 15. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware 6 Monday 18 October 2010
  • 16. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware voorbeelden? 6 Monday 18 October 2010
  • 17. Hardware 7 Monday 18 October 2010
  • 18. Hardware 7 Monday 18 October 2010
  • 19. Hardware voorbeelden? 7 Monday 18 October 2010
  • 20. Belangrijkste wet uit computerwetenschappen? 8 Monday 18 October 2010
  • 21. Moore’s law • ‘the number of transistors that can be placed inexpensively on an integrated circuit has doubled approximately every two years’ (1965) • ook • processing speed • memory capacity • sensors • network capacity Monday 18 October 2010 • ... 9
  • 23. what does “exponential” mean? 10 Monday 18 October 2010
  • 24. what does “exponential” mean? if you fold a sheet of paper 50 times, then how thick is the result? 10 Monday 18 October 2010
  • 25. what does “exponential” mean? if you fold a sheet of paper 50 times, then how thick is the result? about the distance to the sun... 10 Monday 18 October 2010
  • 27. 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 18 October 2010
  • 28. 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 18 October 2010
  • 29. configure switches, run batch, output to tape Monday 18 October 2010
  • 30. 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 18 October 2010
  • 31. preparing punch cards An important by-product: confetti. All the chaff from all those cards was just great to throw around the dorm. Monday 18 October 2010
  • 32. 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 18 October 2010
  • 33. punch cards http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg 18 Monday 18 October 2010
  • 34. operator console IBM System 360 1960’s Monday 18 October 2010
  • 35. next? 20 Monday 18 October 2010
  • 36. Command Line Interface 21 Monday 18 October 2010
  • 37. Nog vb? 22 Monday 18 October 2010
  • 38. Nog vb? 22 Monday 18 October 2010
  • 39. Grafische gebruikersinterface 23 Monday 18 October 2010
  • 40. WIMP • Windows Icons Menus, and Pointing devices • Eigenschappen • intuitief • consistent • vergeven • beschermen • Maar niet noodzakelijk best voor expert! 24 Monday 18 October 2010
  • 41. Turing Award 1988 Ivan Sutherland: Sketchpad (1962) http://www.archive.org/details/AlanKeyD1987 http://www.youtube.com/watch?v=495nCzxM9PI http://www.youtube.com/watch?v=USyoT_Ha_bA 25 Monday 18 October 2010
  • 42. D. Engelbart, Augment • Stanford Research Institute • “Uitvinder” van muis, windows, groupware, ... • team naar Xerox PARC • nu: bootstrap institute • http://www.bootstrap.org/ 26 Monday 18 October 2010
  • 43. 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 27 Monday 18 October 2010
  • 44. http://www.youtube.com/watch?v=X4kp9Ciy1nE 28 Monday 18 October 2010
  • 45. http://www.youtube.com/watch?v=X4kp9Ciy1nE 28 Monday 18 October 2010
  • 50. Fast forward to … now :) ! Text Text http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 30 Monday 18 October 2010
  • 51. Fast forward to … now :) ! Text Text http://hyperscope.org/ http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 30 Monday 18 October 2010
  • 52. 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 30 Monday 18 October 2010
  • 53. 31 http://programforthefuture.org/ Monday 18 October 2010
  • 54. 31 http://programforthefuture.org/ Monday 18 October 2010
  • 55. XEROX PARC Star (1981) 32 Monday 18 October 2010
  • 56. http://www.youtube.com/watch?v=XQ6ng1_TMN4 33 Monday 18 October 2010
  • 57. http://www.youtube.com/watch?v=XQ6ng1_TMN4 33 Monday 18 October 2010
  • 58. Macintosh, 1984 34 http://www.youtube.com/watch?v=G0FtgZNOD44 Monday 18 October 2010
  • 59. Macintosh, 1984 34 http://www.youtube.com/watch?v=G0FtgZNOD44 Monday 18 October 2010
  • 60. 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 18 October 2010
  • 61. Windows 1.0 (1985) 36 Monday 18 October 2010
  • 62. http://www.youtube.com/watch?v=tGvHNNOLnCk 37 Monday 18 October 2010
  • 64. next? 39 Monday 18 October 2010
  • 66. Monday 18 October 2010 http://www.youtube.com/watch?v=iDX1FZxC0D4
  • 69. 44 http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1 Monday 18 October 2010
  • 71. 46 http://emotiv.com/ Monday 18 October 2010
  • 72. web toepassingen 47 Monday 18 October 2010
  • 73. wat gebruiken jullie? • zoekrobot • hotmail-gmail • radio • sporza • ebanking 48 Monday 18 October 2010
  • 74. 49 http://wakoopa.com/erikduval Monday 18 October 2010
  • 83. Blog 56 Monday 18 October 2010
  • 84. Blog • Web log • Chronologisch • Erg verscheiden • Laat commentaar toe • Eenvoudige editors • Blogger.com • Wordpress.com • Typepad.com • Myspace.com • “web authoring for the masses” 56 Monday 18 October 2010
  • 85. Blog • Web log • Chronologisch wie blogt er? • Erg verscheiden • Laat commentaar toe • Eenvoudige editors • Blogger.com • Wordpress.com • Typepad.com • Myspace.com • “web authoring for the masses” 56 Monday 18 October 2010
  • 86. RSS • Rich Site / Really Simple Syndication • “feed” van wat gewijzigd is • Lezen • toepassingssoftware • http://www.bloglines.com/ • http://www.google.com/reader/ • blogroll • feeds op je blog 57 Monday 18 October 2010
  • 87. RSS • Rich Site / Really Simple Syndication • “feed” van wat gewijzigd is wie leest er • Lezen • toepassingssoftware feeds? • http://www.bloglines.com/ • http://www.google.com/reader/ • blogroll • feeds op je blog 57 Monday 18 October 2010
  • 89. http://www.flickr.com/ 59 Monday 18 October 2010
  • 90. http://www.flickr.com/ 59 Monday 18 October 2010
  • 91. wie heeft er met flickr gewerkt? http://www.flickr.com/ 59 Monday 18 October 2010
  • 93. > 3.000.000.000 images Monday 18 October 2010
  • 94. > 3.000.000.000 images facebook > 10.000.000.000 Monday 18 October 2010
  • 96. > 80.000.000 videos upload: 20 hours video/min Monday 18 October 2010
  • 101. 44.000 sites 20.000.000 users 1.900.000 courses 63 Monday 18 October 2010
  • 103. google docs 65 Monday 18 October 2010
  • 105. Dus… Vragen...? 67 Monday 18 October 2010