S s a asas padet - PowerPoint PPT Presentation

1 / 44

About This Presentation

Title:

S s a asas padet

Description:

e?sa???? sta ?pe? ?sa, ?a? t?? efa? ??? t??? st?? e?pa?de?s? ... 1984, Filevision from Telos; limited hypermedia database widely available for the Macintosh ... – PowerPoint PPT presentation

Number of Views:75

Avg rating:3.0/5.0

Slides: 45

Provided by: stavros9

Category:

more less

Transcript and Presenter's Notes

Title: S s a asas padet

1
??????S???????s? ?a? ?a???s?as? ??pa?de?t????
??????

Sta???? ?aµµ??
skammas_at_aegean.gr

2
s?????

e?sa???? sta ?pe?µ?sa, ?a? t?? efa?µ??? t??? st??
e?pa?de?s?
t? e??a?, p?? ?a? ??at? ?e????sa?, ? s?µas?a t???
st?? e?pa?de?s?
e?sa???? st? µ???µa
??µata p?? ?a µa? apas????s???, ?e???a ?a?
e??ast????, e??as?a, ß?ß?????af?a
µe???? e?sa?????? ??µata ??a web design

3
µe???? e?sa?????? ...

t? µ???µa s?et??eta? ?µesa µe t?? a????ep?d?as?
a????p??-?p?????st? (HCI) ?a? t? web design
? ß?ß?????af?a de? pe??????eta? se ??a s????aµµa
e??a? ?a??te?a a? ?? s??a?t?se?? µa? e??a? ...
interactive

4
?a? ...

ta a?????? e??a?, d?st????, apa?a?t?ta

5
t? µ???µa _at_ ?st?????

???s?p??? ?st?se??da
http//www.aegean.gr/culturaltec/skammas/

6
t? µ???µa _at_ ?st?????

?st?se??da µa??µat??
http//www.aegean.gr/culturaltec/skammas/4PLR114.h
tm

7
t? µ???µa _at_ ?st?????

????? µa??µat??
pa???s??se??
????a

8
e?sa???? sta e?pa?de?t??? ?pe?µ?sa
9
???sµ??

?pe??e?µe?? hypertext
s????? ?e?µ???? µe s??d?sµ??? se ???a ?e?µe?a

10
???sµ?? hypermedia

Oxford Dictionary of Computing
an extension of hypertext to include multimedia,
i.e. graphics, video, and audio as well as
textual material
Microsoft Computer Dictionary, Fifth Edition
the combination of text, video, graphic images,
sound, hyperlinks, and other elements in the form
typical of Web documents
essentially, hypermedia is the modern extension
of hypertext, the hyperlinked, textbased
documents of the original Internet
hypermedia attempts to offer a working and
learning environment that parallels human
thinkingthat is, one in which the user can make
associations between topics, rather than move
sequentially from one to the next, as in an
alphabetic list
for example, a hypermedia presentation on
navigation might include links to astronomy, bird
migration, geography, satellites, and radar

11
pa??de??µa (1/3)
12
pa??de??µa (2/3)
13
pa??de??µa (3/3)
14
pa??de??µa (3/3)
15
pa??de??µa (3/3)
16
pa??de??µa (3/3)
17
pa??de??µa (3/3)
18
s??t?µ? ?st????? a?ad??µ? (1/4)

1945, Vannevar Bush "As we May Think"
"As Director of the Office of Scientific Research
and Development, Dr. Vannevar Bush has
coordinated the activities of some six thousand
leading American scientists in the application of
science to warfare. In this significant article
he holds up an incentive for scientists when the
fighting has ceased. He urges that men of science
should then turn to the massive task of making
more accessible our bewildering store of
knowledge. For years inventions have extended
man's physical powers rather than the powers of
his mind. Trip hammers that multiply the fists,
microscopes that sharpen the eye, and engines of
destruction and detection are new results, but
not the end results, of modern science. Now, says
Dr. Bush, instruments are at hand which, if
properly developed, will give man access to and
command over the inherited knowledge of the ages.
The perfection of these pacific instruments
should be the first objective of our scientists
as they emerge from their war work. Like
Emerson's famous address of 1837 on "The American
Scholar," this paper by Dr. Bush calls for a new
relationship between thinking man and the sum of
our knowledge." --THE EDITOR

19
s??t?µ? ?st????? a?ad??µ? (2/4)

1965
Ted Nelson coins the word "hypertext" (later
elaborated in his pioneering book "Literary
Machines")
60s-70s
a number of systems, such as The Hypertext
Editing System , KMS, NLS, etc
1968, Doug Engelbart demo of NLS system at FJCC
http//sloan.stanford.edu/mousesite/1968Demo.html
1978, Aspen Movie Map, first hypermedia
videodisk, Andy Lippman, MIT Architecture Machine
Group (now Media Lab)

20
s??t?µ? ?st????? a?ad??µ? (3/4)

80s
1984, Filevision from Telos limited hypermedia
database widely available for the Macintosh
1985, Symbolics Document Examiner, Janet Walker
1985, Intermedia, Brown University, Norman
Meyrowitz
1986, OWL introduces Guide, first widely
available hypertext
1987, Apple introduces HyperCard, Bill Atkinson
http//encyclopedia.thefreedictionary.com/_/viewer
.aspx?path4/4b/nameHypercard.png
1987, Hypertext '87 first major conference on
hypertext
1989, Macromedia Director first launches for Mac

21
s??t?µ? ?st????? a?ad??µ? (4/4)

90s
1991, World Wide Web at CERN becomes first global
hypertext, Tim Berners-Lee
1992, New York Times Book Review cover story on
hypertext fiction, The End of Books, Coover,
Robert http//www.english.buffalo.edu/faculty/cont
e/syllabi/370/EndofBooks.htm
1993, Mosaic anointed Internet killer app,
National Centre for Supercomputing Applications
1993, A Hard Day's Night becomes the first
full-length feature film in hypermedia
(originally for Macintosh now also available for
Windows)
1993, Hypermedia encyclopaedias sell more copies
than print encyclopaedias
1995, Netscape Corp. gains market value of almost
3B on first day of stock market trading
1995, the first wiki ever created
1998, XML 1.0 became a W3C Recommendation
00s
2001, Wikipedia begins as a complement to the
expert-written Nupedia

22
? s?µas?a t?? ?pe?µ?s??, ?e????

?a??te?? ??????s? t?? p????f???a?
t??a p?a p?? e??a? ... p????
s?efte?te ??a web ????? s??d?sµ???, ?a? ?????
p???ap?? µ?sa
d??at?t?ta a????ep?d?as??
active vs. passive users a????e? ? "????t???a"
µa?, se s??s? µe t?? p????f???a (s?efte?te t?
d?ad?ast??? t??e??as?)
? p????f???a pe???aµß??e? ?a? t? d?epaf? ???s??
as we may think ...

23
? s?µas?a t?? ?pe?µ?s?? st?? e?pa?de?s? (1/2)

µ?-se???a?? p??sßas? st? e?pa?de?t??? ?????
a????e? ? "s??s?" µa? µe t? e?pa?de?t??? ?????
a????e? ?a? ? s???? µa?
t? µ???µa t?? ???es?? µp??e? ?a a????e? st?
µ?????
d?af??et??? µ??t??? e?pa?de?s??, e?d??? st??
e?pa?de?s? ap? ap?stas?
constructive learning
tutor-centered -gt learner-centred, tutor as a
"facilitator"

24
? s?µas?a t?? ?pe?µ?s?? st?? e?pa?de?s? (2/2)

web
knowledge society and knowledge-based economy
a????e? ? s??s? µa? µe t?? p????f???a
mouse-click access to learning material for all
de? "d?a???e?" ??p???? ????? ??a eµ?? t?
e?pa?de?t??? ?????

25
p??a ?pe?µ?sa e??a? "e?pa?de?t???"? (1/2)

? d?a????sµ?? e??a? d?s?????
"a?apt??te µ?a efa?µ??? ?pe?µ?s?? p?? ?a
pa???s???e? p????f???e? ??a t? ??? ??µa, p?? ?a
??? e??a? e?pa?de?t???"
d??ad??
??? t? web e??a? µ?a te??st?a efa?µ???
e?pa?de?t???? ?pe?µ?s?????

26
p??a ?pe?µ?sa e??a? "e?pa?de?t???"? (2/2)

?p?????? ?µ?? ??p??a ?a?a?t???st??? p?? ?a??st???
µ?a efa?µ??? "e?pa?de?t???"
d??at?t?ta epe????se??
d??at?t?ta pa???s?as?? ???? t?? ß?µ?t??, ?a? ???
µ??? t?? te????? ap?te??sµat??
d??at?t?ta a?t?-a???????s??
etc
?e????, p??pe? ?a ?p???e? ??a? "e?pa?de?t????
s?ed?asµ??"

27
p?? ft?saµe sta e?pa?de?t??? ?pe?µ?sa?
28
????a p??ß??µata t?? e?pa?de?t???? ?pe?µ?s??

d?s????a a??pt????
educational hypermedia is still an art, as
opposed to science and engineering
"?pe?µes???" p??ß??µata
navigation and information overload
??st?? a??pt????

29
t? µ???µa
30
µe???? ap? ta ??µata p?? ?a µa? apas????s???

?????? ???? e?pa?de?t???? efa?µ???? ?pe?µ?s??
te???????e? e?pa?de?t???? ?pe?µ?s??
pa?da??????? s?ed?asµ??
??µata a????ep?d?as?? a????p??-?p?????st?
a???????s?
µe??te? pe??pt?s??
d?afa???µe?e? t?se??

31
t? e??ast????

??? µa?a????µe ??p??? ??? e??a?e??
µ?a µ???? epa?????? st?? HTML ?a? t? FrontPage
s???t?µe s???e???µ??a ??µata ?a? µe??te?
pe??pt?s??
d???e?ete t?? e??as?a sa?

32
e??as?a

a??pt??? µ?a? e?pa?de?t???? efa?µ???? ?pe?µ?s??
se ?p??? ??µa ???ete
µe ?p??? e??a?e?? p??t?µ?te
se ?µ?de? 2 at?µ??
pa??d?s? ???? p??? ap? t?? e?et?se??, a??? µe
epa??????

33
p??a?a? pe??e??µ????

t?t??? ?a? s????afe?? (???µata ?a? ??)
?a?a?t???st??? ???st??
p.?. ?????a, ?p?ßa???
?a?a?t???st??? ???st???? a?t??e?µ????
?a?a?t???st??? µa??s?a??? pe??ß?????t??
e.g. formal vs. non-formal education, life-long
learning, etc

e?pa?de?t???? s?ed?asµ??
s?ed?asµ?? d?epaf?? ???s??
p???? ?????? p?? ???s?µ?p???sate
t? ?a a????ate a? ???ate ?a a?apt??ete t?? ?d?a
efa?µ???, a??? ??? ??a e?pa?de?t????? s??p??????
s?µß????? epa??????, epa??????, epa??????

34
µe???? e?sa?????? ??µata
35
(No Transcript)
36
(No Transcript)
37
???? web design

original top ten mistakes in web design, 1996
http//www.useit.com/alertbox/9605a.html
the top ten new mistakes of web design, 1999
http//www.useit.com/alertbox/990530.html
top ten web-design mistakes, 2002
http//www.useit.com/alertbox/20021223.html
top ten web design mistakes of 2003
http//www.useit.com/alertbox/20031222.html
Top ten web design mistakes of 2005
http//www.useit.com/alertbox/designmistakes.html

38
ß?ß?????af?a

e??????? ß?ß??a
?a?t???-????? F., "??das?a??a ap? ?p?stas? µe
???s? ?pe?µ?s??", ???t???, 2002.
?a?????? ?., "?pe?µ?sa st?? ??pa?de?s? ??a
?????????-?p????d?µ?st??? ???s????s?", ?eta??µ??,
2000.
????t?? ?., "?pe??e?µe?a, ?pe?µ?sa ?a? ????µ?sa",
??d?se?? ???? ?e?????????, 1994.
a?????? ß?ß??a
Alessi St., Trollip St., Multimedia for
Learning, Pearson Higher Education, 2000.
Barker Ph., Exploring Hypermedia,
RoutledgeFalmer, 1993.
Barrett Ed. (Ed.), Sociomedia Multimedia,
Hypermedia and the Social Construction of
Knowledge, The MIT Press, 1994.
Barron, New Technologies for Education,
Libraries Unlimited Inc.,U.S., 1995.
Jonassen D.H., Mandl H. (Ed.), Designing
Hypermedia of Learning, Springer-Verlag, 1991.