PenO1: les 2, user interfaces en web toepassingen
81
Probleemoplossen & Ontwerpen ICT-werktuigen Les 2 Erik Duval Dept. Computerwetenschappen http://www.cs.kuleuven.ac.be/~erikd/
-
Upload
erik-duval -
Category
Education
-
view
1.084 -
download
0
Transcript of PenO1: les 2, user interfaces en web toepassingen
Probleemoplossen & OntwerpenICT-werktuigen
Les 2
Erik DuvalDept. Computerwetenschappen
http://www.cs.kuleuven.ac.be/~erikd/
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?
3
• 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
• 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
• 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
• 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
• 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
• 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
• 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
vandaag
• computersystemen
• gebruikersinterfaces
• web toepassingen
• virussen
4
Componenten van computersysteem
CPU
RAM
Besturings-
systeem Gebruiker
HardwareApplicaties
5
Componenten van computersysteem
CPU
RAM
Besturings-
systeem Gebruiker
HardwareApplicaties
5
voorbeelden?
Hardware
6
Hardware
6
Hardware
6
voorbeelden?
Command Line Interface
7
Nog vb?
8
Nog vb?
8
Grafische gebruikersinterface
9
WIMP• Windows
IconsMenus, andPointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk best voor expert!
10
D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis, windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/
11
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
13http://www.youtube.com/watch?v=X4kp9Ciy1nE
13http://www.youtube.com/watch?v=X4kp9Ciy1nE
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
14
TextText
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
14
TextText
http://hyperscope.org/
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
14
TextText
http://hyperscope.org/
http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
XEROX PARC Star (1981)
15
16
http://www.youtube.com/watch?v=XQ6ng1_TMN4
16
http://www.youtube.com/watch?v=XQ6ng1_TMN4
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
webtoepassingen
19
?20
21
22
22
Blog
23
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
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
wie blogt er?
studentenblogs...
24
25
26
27
zoeken in blogs
28
zoeken in blogs
• http://www.technorati.com/
• http://www.feedster.com/
• http://blogsearch.google.com/
28
zoeken in blogs
• http://www.technorati.com/
• http://www.feedster.com/
• http://blogsearch.google.com/
28
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
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
wie leest er feeds?
30
31
32
http://www.flickr.com/
32
http://www.flickr.com/
wie heeft er met flickr gewerkt?
> 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
• folksonomies
37
delicious
• http://del.icio.us/
• social bookmarking
• keep
• share
• discover
• folksonomies
37
wie doet er delicious?
38
38
google docs
41
podcasts
42
43http://www.youtube.com/watch?v=OQDBhg60UNI
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.htm
l#virusscan
46
Dus…
Vragen...?
47
