Probleemoplossen & Ontwerpen
        ICT-werktuigen

               Les 2

                 Erik Duval
        Dept. Compu...
2
3
•   Wie is er al in de PC-klassen geweest?




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

•   Wie heeft er daar al ingelogd?




                              3
•   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?

•   ...
•   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




   6
Hardware




   6
Hardware




 voorbeelden?

      6
Command Line Interface




          7
Nog vb?




   8
Nog vb?




   8
Grafische gebruikersinterface




             9
WIMP
•   Windows
    Icons
    Menus, and
    Pointing devices

•   Eigenschappen

    •   intuitief

    •   consistent

...
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
13
http://www.youtube.com/watch?v=X4kp9Ciy1nE
13
Fast forward to …
      now :) !

                     Text
                      Text




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

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

                                                                   Te...
XEROX PARC Star
    (1981)




       15
http://www.youtube.com/watch?v=XQ6ng1_TMN4
16
http://www.youtube.com/watch?v=XQ6ng1_TMN4
16
Macintosh, 1984




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




       17   http://www.youtube.com/watch?v=G0FtgZNOD44
Windows 1.0 (1985)




        18
web
toepassingen


     19
?
20
21
22
22
Blog




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

        24
25
26
27
zoeken in blogs




       28
zoeken in blogs


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




      ...
zoeken in blogs


•   http://www.technorati.com/
•   http://www.feedster.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 ...
30
31
http://www.flickr.com/




32
http://www.flickr.com/




32
wie heeft er
 met flickr
 gewerkt?

               http://www.flickr.com/




          32
> 2.000.000.000 images
Jan 2008:
  80.000.000 users
3.000.000.000 videos
36
delicious

•   http://del.icio.us/

•   social bookmarking

    •   keep

    •   share

    •   discover

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




http://www.google.com/ig
            39
http://www.netvibes.com/
           40
google docs




     41
podcasts




   42
http://www.youtube.com/watch?v=OQDBhg60UNI
43
44
creative commons




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




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




Vragen...?
    47
PenO1: les 2, user interfaces en web toepassingen
PenO1: les 2, user interfaces en web toepassingen
PenO1: les 2, user interfaces en web toepassingen
PenO1: les 2, user interfaces en web toepassingen
PenO1: les 2, user interfaces en web toepassingen
Upcoming SlideShare
Loading in …5
×

PenO1: les 2, user interfaces en web toepassingen

1,354 views

Published on

Published in: Education, Economy & Finance
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,354
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

PenO1: les 2, user interfaces en web toepassingen

  1. 1. Probleemoplossen & Ontwerpen ICT-werktuigen Les 2 Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
  2. 2. 2
  3. 3. 3
  4. 4. • Wie is er al in de PC-klassen geweest? 3
  5. 5. • Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? 3
  6. 6. • Wie is er al in de PC-klassen geweest? • Wie heeft er daar al ingelogd? • Wie is er al op TOLEDO ingelogd? 3
  7. 7. • 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”? 3
  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”? • Wie heeft Maple lokaal geïnstalleerd? 3
  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? • Wie heeft de slides van vorige week bekeken? 3
  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? • Wie heeft de links zelfstudie WWW gevolgd? 3
  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 gevolgd? 3
  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 gevolgd? • Wie heeft er vragen, opmerkingen, commentaar? 3
  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 gevolgd? • Wie heeft er vragen, opmerkingen, commentaar? • ik geloof u niet... 3
  14. 14. vandaag • computersystemen • gebruikersinterfaces • web toepassingen • virussen 4
  15. 15. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware 5
  16. 16. Componenten van computersysteem Besturings- systeem CPU Gebruiker RAM Applicaties Hardware voorbeelden? 5
  17. 17. Hardware 6
  18. 18. Hardware 6
  19. 19. Hardware voorbeelden? 6
  20. 20. Command Line Interface 7
  21. 21. Nog vb? 8
  22. 22. Nog vb? 8
  23. 23. Grafische gebruikersinterface 9
  24. 24. WIMP • Windows Icons Menus, and Pointing devices • Eigenschappen • intuitief • consistent • vergeven • beschermen • Maar niet noodzakelijk best voor expert! 10
  25. 25. D. Engelbart, Augment • Stanford Research Institute • “Uitvinder” van muis, windows, groupware, ... • team naar Xerox PARC • nu: bootstrap institute • http://www.bootstrap.org/ 11
  26. 26. 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 12
  27. 27. http://www.youtube.com/watch?v=X4kp9Ciy1nE 13
  28. 28. http://www.youtube.com/watch?v=X4kp9Ciy1nE 13
  29. 29. Fast forward to … now :) ! Text Text http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890 14
  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 14
  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 14
  32. 32. XEROX PARC Star (1981) 15
  33. 33. http://www.youtube.com/watch?v=XQ6ng1_TMN4 16
  34. 34. http://www.youtube.com/watch?v=XQ6ng1_TMN4 16
  35. 35. Macintosh, 1984 17 http://www.youtube.com/watch?v=G0FtgZNOD44
  36. 36. Macintosh, 1984 17 http://www.youtube.com/watch?v=G0FtgZNOD44
  37. 37. Windows 1.0 (1985) 18
  38. 38. web toepassingen 19
  39. 39. ? 20
  40. 40. 21
  41. 41. 22
  42. 42. 22
  43. 43. Blog 23
  44. 44. Blog • Web log • Chronologisch • Erg verscheiden • Laat commentaar toe • Eenvoudige editors • Blogger.com • Wordpress.com • Typepad.com • Myspace.com • “web authoring for the masses” 23
  45. 45. Blog • Web log • wie blogt er? Chronologisch • Erg verscheiden • Laat commentaar toe • Eenvoudige editors • Blogger.com • Wordpress.com • Typepad.com • Myspace.com • “web authoring for the masses” 23
  46. 46. studentenblogs... 24
  47. 47. 25
  48. 48. 26
  49. 49. 27
  50. 50. zoeken in blogs 28
  51. 51. zoeken in blogs • http://www.technorati.com/ • http://www.feedster.com/ • http://blogsearch.google.com/ 28
  52. 52. zoeken in blogs • http://www.technorati.com/ • http://www.feedster.com/ • http://blogsearch.google.com/ 28
  53. 53. 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 29
  54. 54. 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 29
  55. 55. 30
  56. 56. 31
  57. 57. http://www.flickr.com/ 32
  58. 58. http://www.flickr.com/ 32
  59. 59. wie heeft er met flickr gewerkt? http://www.flickr.com/ 32
  60. 60. > 2.000.000.000 images
  61. 61. Jan 2008: 80.000.000 users 3.000.000.000 videos
  62. 62. 36
  63. 63. delicious • http://del.icio.us/ • social bookmarking • keep • share • discover • folksonomies 37
  64. 64. delicious wie doet er delicious? • http://del.icio.us/ • social bookmarking • keep • share • discover • folksonomies 37
  65. 65. 38
  66. 66. 38
  67. 67. portals http://www.google.com/ig 39
  68. 68. http://www.netvibes.com/ 40
  69. 69. google docs 41
  70. 70. podcasts 42
  71. 71. http://www.youtube.com/watch?v=OQDBhg60UNI 43
  72. 72. 44
  73. 73. creative commons 45 http://revver.com/video/89072/wanna-work-together/
  74. 74. creative commons 45 http://revver.com/video/89072/wanna-work-together/
  75. 75. http://ludit.kuleuven.be/software/virus.html#virusscan 46
  76. 76. Dus… Vragen...? 47

×