0
Probleemoplossen & Ontwerpen
        ICT-werktuigen

    Les 2 - Sessie 4

                 Erik Duval
        Dept. Compu...
2
http://www.slideshare.net/erik.duval




3
4
•   Wie is er al in de PC-klassen geweest?




                              4
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?




                              4
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?




 ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
•   Wie is er al in de PC-klassen geweest?

•   Wie heeft er daar al ingelogd?

•   Wie is er al op TOLEDO ingelogd?

•   ...
vandaag

•   computersystemen

•   gebruikersinterfaces

•   web toepassingen

•   virussen




                          ...
Componenten van computersysteem




            Besturings-
             systeem
     CPU
                                ...
Componenten van computersysteem




            Besturings-
             systeem
     CPU
                                ...
Hardware




   7
Hardware




   7
Hardware




 voorbeelden?

      7
Belangrijkste wet uit computerwetenschappen?




                    8
Moore’s law
•   ‘the number of transistors that can be placed
    inexpensively on an integrated circuit has doubled
    a...
10
what does “exponential” mean?




             10
what does “exponential” mean?

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



              ...
what does “exponential” mean?

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

  about the dist...
http://www.smartplanet.com/technology/blog/thinking-tech/physics-nobel-winners-launched-moores-law-of-optics/1689/


     ...
wiring the ENIAC with a new program




ENIAC
1946
Mauchly and Eckert

stats:
3,000 cubic feet
30 tons
18,000 vacuum tubes...
front panel switches




DEC PDP-8

TI 980


1960’s


The internal architecture of the
machine is exposed in the
controls....
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 lit...
preparing punch cards




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




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




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

                             18
operator console




IBM System 360
1960’s
next?


 20
Command Line Interface




          21
Nog vb?




   22
Nog vb?




   22
Grafische gebruikersinterface




             23
WIMP
•   Windows
    Icons
    Menus, and
    Pointing devices

•   Eigenschappen

    •   intuitief

    •   consistent

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




                                                                ...
D. Engelbart, Augment

•   Stanford Research Institute

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

•   team na...
D. Engelbart, Augment
•   demo at 1968 Fall
    Joint Computer
    Conference
    •   video, microwave
        transmissio...
http://www.youtube.com/watch?v=X4kp9Ciy1nE
28
http://www.youtube.com/watch?v=X4kp9Ciy1nE
28
http://cfdj.sys-con.com/read/536976.htm
http://cfdj.sys-con.com/read/536976.htm
http://cfdj.sys-con.com/read/536976.htm
http://cfdj.sys-con.com/read/536976.htm
Fast forward to …
      now :) !

                     Text
                      Text




  http://flash.kmi.open.ac.uk:80...
Fast forward to …
                         now :) !

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

                                                                   Te...
31
     http://programforthefuture.org/
31
     http://programforthefuture.org/
XEROX PARC Star
    (1981)




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




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




       34   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)




        36
http://www.youtube.com/watch?v=tGvHNNOLnCk
                      37
http://www.youtube.com/watch?v=y48rthTbrA8&NR=1

                      38
web
toepassingen


     39
wat gebruiken jullie?

•   zoekrobot

•   hotmail-gmail

•   radio

•   sporza

•   ebanking



                    40
wat gebruiken jullie?

•   hotmail-gmail

•   facebook-netlog-myspace

•   toledo

•   youtube




                       ...
42
     http://wakoopa.com/erikduval
43
44
45
45
45
Blog




   46
Blog
        •   Web log
        •   Chronologisch
        •   Erg verscheiden
        •   Laat commentaar toe
        •  ...
Blog
                 •   Web log
                 •   Chronologisch
wie blogt er?    •   Erg verscheiden
                ...
studentenblogs...

        47
48
49
50
zoeken in blogs




•   http://www.technorati.com/
•   http://blogsearch.google.com/

                                    ...
RSS
•   Rich Site / Really Simple Syndication

•   “feed” van wat gewijzigd is

•   Lezen

    •   toepassingssoftware

  ...
RSS
•   Rich Site / Really Simple Syndication

•   “feed” van wat gewijzigd is
                                 wie leest ...
53
54
http://www.flickr.com/




55
http://www.flickr.com/




55
wie heeft er
 met flickr
 gewerkt?

               http://www.flickr.com/




          55
> 3.000.000.000 images
> 3.000.000.000 images

      facebook
  > 10.000.000.000
> 80.000.000 videos

     upload:
20 hours video/min
59
44.000 sites
20.000.000 users
1.900.000 courses

        59
60
delicious

•   http://del.icio.us/

•   social bookmarking

    •   keep

    •   share

    •   discover

•   folksonomie...
delicious
                                   wie doet er
                                    delicious?
•   http://del.ici...
62
62
portals




http://www.google.com/ig
            63
http://www.netvibes.com/
           64
google docs




     65
podcasts




   66
67
creative commons




       68
            http://revver.com/video/89072/wanna-work-together/
creative commons




       68
            http://revver.com/video/89072/wanna-work-together/
http://ludit.kuleuven.be/software/virus.html#virusscan
                                                         69
Dus…




Vragen...?
    70
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
PenO1: les 2 - sessie 4
Upcoming SlideShare
Loading in...5
×

PenO1: les 2 - sessie 4

537

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Transcript of "PenO1: les 2 - sessie 4"

  1. 1. Probleemoplossen & Ontwerpen ICT-werktuigen Les 2 - Sessie 4 Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
  2. 2. 2
  3. 3. http://www.slideshare.net/erik.duval 3
  4. 4. 4
  5. 5. • Wie is er al in de PC-klassen geweest? 4
  6. 6. • Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? 4
  7. 7. • Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? 4
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 14. vandaag • computersystemen • gebruikersinterfaces • web toepassingen • virussen 5
  15. 15. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware 6
  16. 16. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware voorbeelden? 6
  17. 17. Hardware 7
  18. 18. Hardware 7
  19. 19. Hardware voorbeelden? 7
  20. 20. Belangrijkste wet uit computerwetenschappen? 8
  21. 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 ... 9
  22. 22. 10
  23. 23. what does “exponential” mean? 10
  24. 24. what does “exponential” mean? if you fold a sheet of paper 50 times, then how thick is the result? 10
  25. 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
  26. 26. http://www.smartplanet.com/technology/blog/thinking-tech/physics-nobel-winners-launched-moores-law-of-optics/1689/ 11
  27. 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
  28. 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).
  29. 29. configure switches, run batch, output to tape
  30. 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.
  31. 31. preparing punch cards An important by-product: confetti. All the chaff from all those cards was just great to throw around the dorm.
  32. 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.
  33. 33. punch cards http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg 18
  34. 34. operator console IBM System 360 1960’s
  35. 35. next? 20
  36. 36. Command Line Interface 21
  37. 37. Nog vb? 22
  38. 38. Nog vb? 22
  39. 39. Grafische gebruikersinterface 23
  40. 40. WIMP • Windows Icons Menus, and Pointing devices • Eigenschappen • intuitief • consistent • vergeven • beschermen • Maar niet noodzakelijk best voor expert! 24
  41. 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
  42. 42. D. Engelbart, Augment • Stanford Research Institute • “Uitvinder” van muis, windows, groupware, ... • team naar Xerox PARC • nu: bootstrap institute • http://www.bootstrap.org/ 26
  43. 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
  44. 44. http://www.youtube.com/watch?v=X4kp9Ciy1nE 28
  45. 45. http://www.youtube.com/watch?v=X4kp9Ciy1nE 28
  46. 46. http://cfdj.sys-con.com/read/536976.htm
  47. 47. http://cfdj.sys-con.com/read/536976.htm
  48. 48. http://cfdj.sys-con.com/read/536976.htm
  49. 49. http://cfdj.sys-con.com/read/536976.htm
  50. 50. Fast forward to … now :) ! Text Text http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 30
  51. 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
  52. 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
  53. 53. 31 http://programforthefuture.org/
  54. 54. 31 http://programforthefuture.org/
  55. 55. XEROX PARC Star (1981) 32
  56. 56. http://www.youtube.com/watch?v=XQ6ng1_TMN4 33
  57. 57. http://www.youtube.com/watch?v=XQ6ng1_TMN4 33
  58. 58. Macintosh, 1984 34 http://www.youtube.com/watch?v=G0FtgZNOD44
  59. 59. Macintosh, 1984 34 http://www.youtube.com/watch?v=G0FtgZNOD44
  60. 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
  61. 61. Windows 1.0 (1985) 36
  62. 62. http://www.youtube.com/watch?v=tGvHNNOLnCk 37
  63. 63. http://www.youtube.com/watch?v=y48rthTbrA8&NR=1 38
  64. 64. web toepassingen 39
  65. 65. wat gebruiken jullie? • zoekrobot • hotmail-gmail • radio • sporza • ebanking 40
  66. 66. wat gebruiken jullie? • hotmail-gmail • facebook-netlog-myspace • toledo • youtube 41
  67. 67. 42 http://wakoopa.com/erikduval
  68. 68. 43
  69. 69. 44
  70. 70. 45
  71. 71. 45
  72. 72. 45
  73. 73. Blog 46
  74. 74. Blog • Web log • Chronologisch • Erg verscheiden • Laat commentaar toe • Eenvoudige editors • Blogger.com • Wordpress.com • Typepad.com • Myspace.com • “web authoring for the masses” 46
  75. 75. 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” 46
  76. 76. studentenblogs... 47
  77. 77. 48
  78. 78. 49
  79. 79. 50
  80. 80. zoeken in blogs • http://www.technorati.com/ • http://blogsearch.google.com/ 51
  81. 81. 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 52
  82. 82. 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 52
  83. 83. 53
  84. 84. 54
  85. 85. http://www.flickr.com/ 55
  86. 86. http://www.flickr.com/ 55
  87. 87. wie heeft er met flickr gewerkt? http://www.flickr.com/ 55
  88. 88. > 3.000.000.000 images
  89. 89. > 3.000.000.000 images facebook > 10.000.000.000
  90. 90. > 80.000.000 videos upload: 20 hours video/min
  91. 91. 59
  92. 92. 44.000 sites 20.000.000 users 1.900.000 courses 59
  93. 93. 60
  94. 94. delicious • http://del.icio.us/ • social bookmarking • keep • share • discover • folksonomies 61
  95. 95. delicious wie doet er delicious? • http://del.icio.us/ • social bookmarking • keep • share • discover • folksonomies 61
  96. 96. 62
  97. 97. 62
  98. 98. portals http://www.google.com/ig 63
  99. 99. http://www.netvibes.com/ 64
  100. 100. google docs 65
  101. 101. podcasts 66
  102. 102. 67
  103. 103. creative commons 68 http://revver.com/video/89072/wanna-work-together/
  104. 104. creative commons 68 http://revver.com/video/89072/wanna-work-together/
  105. 105. http://ludit.kuleuven.be/software/virus.html#virusscan 69
  106. 106. Dus… Vragen...? 70
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×