PenO1: les 2, user interfaces en web toepassingen

Post on 30-Jun-2015

1.084 views 0 download

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

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

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

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/

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

portals

39http://www.google.com/ig

40

http://www.netvibes.com/

google docs

41

podcasts

42

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