Post on 01-Nov-2014
description
Probleemoplossen & OntwerpenICT-werktuigen
Les 2 - Sessie 4
Erik DuvalDept. Computerwetenschappen
http://www.cs.kuleuven.ac.be/~erikd/
2
3
http://www.slideshare.net/erik.duval
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?
4
• 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
• 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
• 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
• 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
• 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
• 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
vandaag
• computersystemen
• gebruikersinterfaces
• web toepassingen
• virussen
5
Componenten van computersysteem
CPU
RAM
Besturings-
systeem Gebruiker
HardwareApplicaties
6
Componenten van computersysteem
CPU
RAM
Besturings-
systeem Gebruiker
HardwareApplicaties
6
voorbeelden?
Hardware
7
Hardware
7
Hardware
7
voorbeelden?
Belangrijkste wet uit computerwetenschappen?
8
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
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?
10
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
11
http://www.smartplanet.com/technology/blog/thinking-tech/physics-nobel-winners-launched-moores-law-of-optics/1689/
wiring the ENIAC with a new program
ENIAC1946Mauchly and Eckert
stats:3,000 cubic feet30 tons18,000 vacuum tubes70,000 resistors170 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
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).
configure switches, run batch, output to tape
batch processing: feed it cards, wait while it runs
What you used to dopunch 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 nowdouble-click an icon, see what happens immediately.
preparing punch cards
An important by-product: confetti. All the chaff from all those cards was just great to throw around the dorm.
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.
punch cards
18
http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg
operator console
IBM System 3601960’s
next?
20
Command Line Interface
21
Nog vb?
22
Nog vb?
22
Grafische gebruikersinterface
23
WIMP• Windows
IconsMenus, andPointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk best voor expert!
24
http://www.archive.org/details/AlanKeyD1987
Ivan Sutherland: Sketchpad (1962)Tu
ring
Aw
ard
1988
http://www.youtube.com/watch?v=495nCzxM9PI
http://www.youtube.com/watch?v=USyoT_Ha_bA 25
D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis, windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/
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
27
28http://www.youtube.com/watch?v=X4kp9Ciy1nE
28http://www.youtube.com/watch?v=X4kp9Ciy1nE
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 :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
30
TextText
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
30
TextText
http://hyperscope.org/
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
30
TextText
http://hyperscope.org/
http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
XEROX PARC Star (1981)
32
33
http://www.youtube.com/watch?v=XQ6ng1_TMN4
33
http://www.youtube.com/watch?v=XQ6ng1_TMN4
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/mwichary/computerhistory/ads/macnewsweek
Windows 1.0 (1985)
36
http://www.youtube.com/watch?v=tGvHNNOLnCk37
http://www.youtube.com/watch?v=y48rthTbrA8&NR=1
38
webtoepassingen
39
wat gebruiken jullie?
• zoekrobot
• hotmail-gmail
• radio
• sporza
• ebanking
40
wat gebruiken jullie?
• hotmail-gmail
• facebook-netlog-myspace
• toledo
• youtube
41
43
44
45
45
45
Blog
46
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
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
wie blogt er?
studentenblogs...
47
48
49
50
zoeken in blogs
• http://www.technorati.com/
• http://blogsearch.google.com/
51
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
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
wie leest er feeds?
53
54
55
http://www.flickr.com/
55
http://www.flickr.com/
wie heeft er met flickr gewerkt?
> 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
59
44.000 sites20.000.000 users1.900.000 courses
60
delicious
• http://del.icio.us/
• social bookmarking
• keep
• share
• discover
• folksonomies
61
delicious
• http://del.icio.us/
• social bookmarking
• keep
• share
• discover
• folksonomies
61
wie doet er delicious?
62
62
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.htm
l#virusscan
69
Dus…
Vragen...?
70