T. taat

1
???p???s? ???sa?µ?st???? ?pe?µ?s??authorin
g of adaptive (educational) hypermedia

• Ta??s?? ?ta?a?t??µ??
• daradoumis_at_aegean.gr

2
s?????

• epa?????? t?? p??????µ????
• s?ed?asµ?? p??sa?µ?st???? ?pe?µ?s??
• ??a ??µata
• ???p???s? p??sa?µ?st???? ?pe?µ?s??

3
epa?????? t?? p??????µ????s?ed?asµ??
p??sa?µ?st???? ?pe?µ?s??
4
t? t?µ?µa t?? p??sa?µ?st???t?ta?
?a?????? e?pa?de?t??? ?pe?µ?sa
s?ed?asµ?? ?a? d?µ?s? t?? ?pe?????? t??
e?pa?de?t???? ??????
5
??µata s?ed?as?? ???sa?µ?st???? ??pa?de?t????
S?st?µ?t?? ?pe?µ?s??

• d?µ?s? t?? ???s?? (knowledge space)
• µ??t??? ???st???? ped??? (domain model)
• µ??t??? e?pa?de??µe??? (student model)
• µ??te??p???s? e??? e?pa?de?t???? st????
• s??des? t?? ???s?? µe t? e?pa?de?t??? ?????
• ?pe?????? ßas?sµ???? st?? ?????e? (concept-based
  hyperspace)
• a?t?st????s? se??d?? (page indexing)
• tµ?µat??? a?t?st????s? (fragment indexing)
• µ??t?? p??se???se??
• d?µ?s? t?? ?pe??????

6
????? ???s?? (µ??t??? ???st???? ped??? )
?pe??????
7
e??a?e?a ???p???s??authoring tools
8
?e???? e?sa????

• ?a p??sa?µ?st??? e?pa?de?t??? ?pe?µ?sa ?????
  s?et??? ???µ?se? ?? ?????
• 10 ?????a a??pt???? ?fe?a? st? p??s????? p????
  pe??aµat??? ?a? p?a?t??? s?st?µata ?a? ??a ?a??
  p????? p??se???se?? s?ed?asµ??
• a??µa, ? ????? e??a? p??a??? a??et? ????
• ??a ?a pa?a??e? ??a? ?a??? a???µ?? e??a?e???
  ???p???s??, p.?. s????? e??a?e??? (toolkits),
  s?st?µata, ? ?e??f? p?? µp????? ?a
  ???s?µ?p??????? ap? µ? p????aµµat?st?? ??a t??
  a??pt??? e?pa?de?t???? p??sa?µ?st???? s?st?µ?t??
  ?pe?µ?s??
• ta ?p?????ta s?st?µata ???p???s?? µp????? ?a
  ?ataµet?????? sta d??t??a t?? d?? ?e????
• ? ????? ??a a?t? e??a? ?????? saf??
• p??? t? d?µ??????a e??? p?a?µat???? e??a?e???
  ???p???s??, µ?a e?e???t??? ?µ?da p??pe? ?a
  a?apt??e? µ?a saf? p??s????s? s?ed?asµ?? p??
  s?????? apa?te? t?? a??pt??? e??? ? pe??ss?te???
  e?pa?de?t???? p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s??

9
(No Transcript)
10
e?sa???? (1/3)

• ?e t? ß???e?a, ???p??, a?t?? t?? e??a?e???, ta
  ßas??? ß?µata ??a t? d?µ??????a e?pa?de?t????
  p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s?? de? e??a?
  p??? d?af??et??? ap? ta ß?µata ??a t? d?µ??????a
  e??? ?a??????? s?st?µat?? ?pe??e?µ????
• ?a? st?? d?? pe??pt?se??, ? d?µ??????? p??pe? ?a
  d?µ??????se? ta a?t??e?µe?a pe??e??µ???? ?a? ?a
  ?a????se? t??? s??d?sµ??? µeta?? t???
• ?p?????? d?? ????e? p??se???se?? p??
  ???s?µ?p?????ta? ap? ta e??a?e?a ???p???s?? (?a?
  ?? ?p??e? efa?µ????ta? pa??µ??a ?a? st?? a??pt???
  ?pe??e?µ???? ?a? ?st??)
• ? mark-up p??s????s? ?a? ? GUI (graphical user
  interface) p??s????s?

11
e?sa???? (2/3)

• st? mark-up p??s????s?
• t? pe??e??µe?? t?? se??d?? ?a? ?? s??desµ??
  µeta?? t?? se??d?? ?a? t?? e?????? ???p?????ta?
  se ??a ?a?????? epe?e??ast? ?e?µ???? µe t?
  ß???e?a e?d???? mark-up ???ssa?
• µe t? GUI p??s????s? d?µ????????ta?
  ???s?µ?p????ta? e?d???? d?epaf?? ???p???s??
  (special authoring user interface)
• ?e????, ?? d?epaf?? a?t?? ßas????ta? e?te se
  e?t????, e?te se f??µe? e?te se ape??e?a?
  ?e???sµ?, a??? ??a ta ?p?????ta e??a?e?a
  ???p???s?? p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s??
  ???s?µ?p????? GUI ßas?sµ??? se f??µe?

12
e?sa???? (3/3)

• t? te???? p????? t?s? t?? mark-up ?s? ?a? t?? GUI
  p??s????s?? e??a? t? ?d??
• ? es?te???? a?apa??stas? t?? ???s?? ?a? t??
  p????f????? se ??p??a e?d??? µ??f? ??a s?????
  e?d??? d?µ?µ???? a??e??? ?, s????te?a µ?a ß?s?
  ded?µ????
• ? es?te???? a?t? a?apa??stas? e?te?e?ta? se
  p?a?µat??? ????? ap? t?? µ??a?? t?? e??a?e??? ??a
  ?a ap?d?se? ??a p??sa?µ?st??? s?st?µa ?pe?µ?s??
  st? ???st?
• ?ts?, ? d?ad??as?a ???p???s?? (authoring)
  ap?te?e? t? ??f??a µeta?? t?? stad??? t??
  s?ed?asµ?? ?a? t?? e?t??es??,
• ap?te?e?, d??. µ?a d?ad??as?a p?? e?s??e? t?
  s?ed?as? e??? ???sa?µ?st???? ?pe?µ?s?? µ?sa st??
  ?p?????st?
• ?st?s?, ?? mark-up ?a? GUI p??se???se?? pa??????
  d?? p??? d?af??et????? t??p??? ??a ?a ep?te???e?
  a?t?? ? st????

13
mark-up p??s????s?
14
InterBook (1/3)

• t? InterBook, t? p??t? ???st? s?st?µa ??a t??
  a??pt??? p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s??
  ???s?µ?p???se t? mark-up p??s????s?
• ??a d?µ??????? µp??e? ?a ft???e? ??a
  p??sa?µ?st??? ß?ß??? e? ????????? st? Microsoft
  Word
• ???e se??da ? e??t?ta t?? InterBook d?µ?????e?ta?
  ap?? ?? µ?a e??t?ta se ??a ?e?µe?? Word µe µ?a
  ep??efa??da st?? ????f?
• ??e? ?? e??t?te? µp????? ?a e??a? st? ?d?? a??e??
  ? µp????? ?a ????st??? se d??f??a a??e?a Word

15
InterBook (2/3)

• ? d?µ? t?? ?pe?????? e??a? ?e?a????? ?a?
  ?a?????eta? ?p?? s?????? ???eta? st? Word ?at? t?
  d?µ??????a t?? ?e?a?????? ?e?µ???? t?p??et??ta?
  t?? ?p?-e??t?te? aµ?s?? µet? t?? ????a e??t?ta
  ?a? ?a???????ta? ?at?????e? ??aµµat?se???? ??a
  t?? ep??efa??de? e??t?t??
• p.?. st? ?e?a????? d??t?? d?µ?s??, ???s?µ?p????µe
  t?? ?p??efa??da 1 ??a t? a??te?? ep?ped? ??µß??,
  t?? ?p??efa??da 2 ??a t? de?te?? ep?ped? ??µß??,
  ?a? ??t? ?a?e???
• ? ??sta e?????? p?? pe????e? ???e e??t?ta ??e?
  ft?a?te? µe µ?a e?d??? µ??f?, µe t? ???s? µ?a?
  e?d???? ??aµµat?se????
• ? ??sta e?????? ?????eta? st? p??apa?t??µe??
  tµ?µa (d????eta? µe t?? et???ta pre) ?a? st?
  tµ?µa ap?te??sµat?? (et???ta out)

16
mark-up pa??de??µa InterBook
Word view
Extended HTML view
17
InterBook (3/3)

• af?? d?µ???????e? t? a??e?? Word, ap????e?eta? se
  µ??f? RTF ?a? µetat??peta? se p?a?µat??? mark-up
  a?apa??stas?, st? µ??f? e?tetaµ???? HTML
• a?t? p?? e?f??saµe st? Word µe st?? ?a?
  ??aµµat?se????, t??a e?f???eta? µe e?t????
  mark-up
• st?? ??s?a, ???p??, d?µ???????µe ??a a??e?? HTML,
  p?? µp??e? ?a a?a???s?e? ? ?a t??p?p????e?
  pe?a?t??? ???s?µ?p????ta? ?a?????? HTML e??a?e?a
• t? a??e?? e?tetaµ???? HTML µp??e? ?a d?aßaste?
  ape??e?a? ap? t? µ??a?? e?t??es?? t?? InterBook,
  p?? ßas??eta? se Common LISP http e??p??et?t?,
  ?a? µetat??peta? se µ?a es?te???? a?apa??stas? µe
  st?? p?a?s??? ßas?sµ??? se LISP
• ???a p?a ? ???s? t?? XML p??sf??e? ??a standard
  t??p? efa?µ???? t?? p??s????s?? mark-up

18
mark-up pa??de??µa InterBook
19
mark-up pa??de??µa InterBook
20
mark-up pa??de??µa InterBook
21
AHA! (1/3)

• ap?te?e? ??a ?a?? pa??de??µa ???p???s??
  e?pa?de?t???? p??sa?µ?st???? ?pe?µ?s?? µ?s? t??
  mark-up ???ssa? XML
• ???s?µ?p??e? µ?a ????sµ??? p??s????s?
  a?t?st????s?? p???ap??? e?????? (multi-concept
  weighted indexing approach)
• ???e se??da µp??e? ?a ??e? p????? p??apa?t??µe?e?
  ?????e? ?a? ?????e? ??a µ???s? (outcome concepts)
• ta ß??? s??d?se?? (e?????? µe se??da) ?a????????
  t? s??e?sf??? p?? pa???e? a?t? ? se??da ??a t?
  µ???s? ???e ?????a? ? t? ßa?µ? e?d?af????t?? t??
  ???st? ??a µe????? ?????e?
• ???e se??da ft????eta? ?? ??a XML a??e?? p??
  pe???aµß??e? ??a tµ?µa µe t? ??sta e?????? (µe
  e?d???? et???te?), ?a? µ?a se??da pe??e??µ????
• ? se??da pe??e??µ???? ft????eta? se HTML µ??f?,
  µe XML epe?t?se?? p?? ???s?µ?p?????ta? ??a t?
  d?µ??????a tµ?µ?t?? µe p???p???se??
  (a?t?st????s? tµ?µ?t??)
• ep?p????, ??a e?d??? XML a??e?? ?a?????e? ?????e?
  t?? ???st???? ped??? ?a? t?? s??d?se?? µeta?? t???

22
AHA! (2/3)

• ? ?????e? st? AHA! de? s?et????ta? µe t?
  pe??e??µe??, e??a? ap??? ???µata
• ?st?s?, ?? ?????e? µp????? ?a s??d???ta? µe
  ?t?pe? s??se?? (non-typed) p?? ????? ßa??t?te?
  (weights)
• a?t?? ?? s??se?? µp????? ?a ???s?µ?p??????? ??a
  ?a a?apa?ast?s??? d??f??a e?d? s?µas?????????
  s??se??
• ??a pa??de??µa, µp????µe ?a efa?µ?s??µe µ?a is-a
  s??s? ?ta? ???s? e?????? ?aµ???? ep?p?d??
  s?µß??e? st? ???s? e?????? ?????te??? ep?p?d??
  (p.?. ? ???s? s?et??? µe t? ?e????? s?????ta
  s?µß??e? st? ???s? s?et??? µe t?? ?e??????
  t??f??)
• ? d?µ??????? µp??e? ?a ?a????se? a?t?? t??
  s??se?? µeta?? t?? e?????? µ?s? t?? XML a??e???
  t?? µ??t???? ???st???? ped???

23
AHA! (3/3)

• ? µ??a?? e?t??es?? t?? AHA! d?aß??e? ta
  d?µ??????µ??a XML a??e?a, ta µetat??pe? se
  es?te???? a?apa??stas? a?t??e?µ????, e?? d?at??e?
  t?? p??sa?µ?st??? a????ep?d?as? µe t?? ???st?
• ? ???s? t?? e?????t?? XML p??s????s?? ap?te?e?
  s?µa?t??? p?e????t?µa ??a t? AHA!, af?? t??
  ep?t??pe? ?a e?e????e? ??????a

24
????????????? s?ed?asµ?? t?? AHA!
25
mark-up s???pt??? (1/3)

• ? p??s????s? d?µ??????a? ßas?sµ??? st? mark-up
  e??a? s?????a p??? e???st??? ???? t?? s??d?asµ??
  ?aµ???? ??st??? µe e?f?ast??? ?s??
• ? pa???s?a t?? XML µe ??a µe???? e???? e??a?e???
  ?p?st?????? d?e??????e? a?t??? p?? a?apt?ss???
  t?t??e? efa?µ???? ?a ß????? t? s?ed?as? t??? µ?sa
  st?? ?p?????st?
• ?? mark-up ???sse? ßas?sµ??e? se XML
  ???s?µ?p?????ta? se p???? s?ed?ast??? p?a?s?a

26
mark-up s???pt??? (2/3)

• t? p??ß??µa µe a?t? t?? p??s????s? e??a? ?t?
  pa???e? p??? e?e??e??a ?a? p??? ???? ?p?st?????
  st??? d?µ????????
• a?t? de? e??a? t?s? p??ß??µa ??a t???
  epa??e?µat?e? ?µ?d?? s?ed?as?? s?st?µ?t?? p??
  ßas????ta? sta ???st??? ped?a (domain-oriented
  systems), a??? e??a? ??a s?µa?t??? p??ß??µa ??a
  d?s?a???? ?a? e?d????? ???st???? ped??? p?? e??a?
  ?? te????? ???ste? t?? e??a?e??? d?µ??????a?
• a??µa ?a? µe t? ???s? XML s??ta?t?? (editors) ?
  ????? p??se???se?? (?p?? a?t? p?? ???s?µ?p??e?ta?
  st? InterBook), µe t?? ?p??e? ? d?µ??????? de?
  ??e???eta? ?a ????e? ??e? t?? XML et???te?, ??e?
  p????? p??a??t?te? ?a ???e? ????, p?? e??a?
  d?s???a ?a ß?e????.

27
mark-up s???pt??? (3/3)

• ??a t?t??? pa??de??µa se µ?a p??s????s? ßas?sµ???
  se mark-up e??a? ? a?t?st????s? se??d?? µe
  ?????e? p?? s?µa??e? ?t? ? d?µ??????? ?a p??pe?
  ?a ????e? µ?a ??sta ???µ?t?? e?????? ??p?? µ?sa
  st?? pe????af? t?? se??da?
• a? ? ???st?? ???e? ??a µ???? t?p???af??? ?????
  st? ???µa µ?a? ?????a?, t? s?st?µa ?a ?e???se?
  ?t? e??a? µ?a d?af??et??? ?????a ?a? ?
  a?t?st????s? ?a e??a? ?????
• st? InterBook ?ta? t? p?? t?p??? ????? t??
  d?µ??????? p?? de? ?ta? p????aµµat?st??
• ?ts?, µa?? µe t??? XML editors, ?a p??pe? ?a
  p??sf??eta? ?a? µ?a p??????a e??a?e??? e??????
  ?ste t? s?st?µa ?a e??a? p?? p??s?t? ?a? ??a
  d?µ???????? p?? de? e??a? p????aµµat?st??

28
GUI p??s????s?
29
GUI e?sa???? (1/2)

• ta e??a?e?a d?µ??????a? p?? ßas????ta? se GUI
  e??a? d?s????te?? ?a a?apt??????
• ??a ta ?p?????ta e??a?e?a p?? ßas????ta? se GUI
  ???s?µ?p????? d?epaf?? ßas?sµ??e? se f??µe?
• a?t? t? e?d?? d?epaf?? pa???e? p??? ?a??
  ?p?st????? ??a t??? µ? epa??e?µat?e?
• ? p?? p??fa?? t??p?? ??a ?a ???s?µ?p???se? ?a?e??
  d?epaf?? ßas?sµ??e? se f??µe? ??a t? d?µ??????a
  e?pa?de?t???? p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s??
  e??a?
• ?a pa???e? µ?a f??µa e?s?d?? ??a e?sa????
  p????f????? s?et??? µe µ?a ?????a ?a? µ?a ????
  f??µa ??a e?sa???? p????f????? s?et??? µe µ?a
  se??da

30
GUI e?sa???? (2/2)

• se µe????? pe??pt?se?? µ??? µ?a f??µa µp??e? ?a
  e??a? a??et?
• ??a pa??de??µa, t? MetaLinks ???s?µ?p??e? t?
  p??s????s? ?pe?????? ßas?sµ??? st?? ?????e?, ?p??
  ???e se??da a?apa??st? µ?a ?????a ?a?
  ???s?µ?p??e? µ??? µ?a f??µa
• se ???e? pe??pt?se?? µ?a ?e????st? f??µa µp??e?
  ?a ??e???eta? ??a t? d?µ??????a d?af??et????
  t?p?? e?pa?de?t???? ??????
• ??a pa??de??µa, st? s?st?µa d?µ??????a?
  KnowledgeTree ???s?µ?p??e? ?e????st?? f??µe? ??a
  e??t?se?? ?a? pa?ade??µata, p?? e??a? e?d????
  t?p?? se??d?? µe e?pa?de?t??? ?????
• t? ALE ???s?µ?p??e? d?af??et???? f??µe? ??a ?a
  d?µ??????se? µa??s?a?? ????? ??a d?af??et???
  µ?sa. ?d?, ?? d?epaf?? ?a??d????? ??t? t?? ???st?
  ??a t? t? p??pe? ?a e?sa??e? se ???e ???t?
  ?e?µ???? ?a? ???e? t? p??ß??µa t?? ?a??asµ????
  e?sa????? (p.?. ta t?p???af??? ???? st? ???µa t??
  ?????a?) ???s?µ?p????ta? µe??? ?a? ???a st???e?a
  f??µa?

31
SIGUE (1/2)

• ap?te?e? ??a ap?? ?a? saf?? pa??de??µa p?a?t????
  d?µ??????a? ßas?sµ??? se f??µe?
• ? p????a? e??? µa??µat?? t?? SIGUE e??a? ??a
  d??t?? ap? ?????e?
• ?? ?????e? s??d???ta? µe p??apa?t??µe?e? s??se??
  p?? ep?t??p??? st? SIGUE ?a ??????e? p?te µ?a
  ?????a e??a? ?t??µ? ?a d?da??e? ?a? ?a s??????e?
  s??d?sµ??? t?? ?????a? µe p??sa?µ?st??? t??p?

32
SIGUE (2/2)

• ???s?µ?p??e? t?? p??s????s? a?t?st????s??
  µeµ???µ???? ?????a?
• ???e e??te???? se??da a?t?st???e? ap??? se µ?a
  ap? t?? ?????e? t?? ???st???? ped???
• a?t? ? ap?? ??????s? apa?te? s?et??? ap???
  d?epaf?? d?µ??????a? ???e ?????a t?? ???st????
  ped??? µp??e? ?a ???p????e? se t??a ap?? ß?µata
• d?µ???????ta? µ?a ??a ?????a se µ?a ?at??????
  pe????? µ?sa st? d??t?? t?? e??????
• ??????ta? t??? p??apa?t??µe???? s??d?sµ???
• p??sa?t??ta? t? a?t?st???? e??te???? e?pa?de?t???
  pe??e??µe??

33
GUI pa??de??µa SIGUE
34
NetCoach (1/2)

• t? NetCoach pa???s???e? µ?a p?? p???p???? d?epaf?
  ßas?sµ??? se f??µe?, e?? ap?te?e? t? p??t?
  eµp????? d?a??s?µ? e??a?e?? ??a a??pt???
  p??sa?µ?st???? e?pa?de?t???? s?st?µ?t??
  ßas?sµ???? st?? ?st?
• t? NetCoach ???s?µ?p??e? µ?a p??s????s? ?pe??????
  ßas?sµ??? st?? ?????e? ?a? ?p?st????e? t?s? t?
  s?ed?asµ? ?a? t? d?µ??????a e??????, ?s? ?a? t?
  d?µ??????a se??d??
• ?? ap?t??esµa, ?? d?epaf?? d?µ??????a? e??a? p??
  p???p???e? ap? ?t? st? SIGUE
• ?? se??de?/?????e? ep?s?? s??µat????? µ?a
  ?e?a???a, ?st?s? ?? s??desµ?? µeta?? t?? e??????
  e??a? p?? p??????µ???? ap ?t? st? SIGUE ?a?
  pe???aµß????? t?s? p??apa?t??µe???? ?s? ?a?
  s?µpe?asµat????? s??d?sµ??? (p?? e?????? t?
  µet?d?s? t?? ???s??)

35
NetCoach (2/2)

• µ?s? µ?a? f??µa? t?? NetCoach, ? d?µ???????
  µp??e? ?a pa???e? pe??e??µe?? se??da? (se HTML)
  ?a??? ?a? µe????? pa?aµ?t???? pa???s?as??, ?p??
  f??t? ?a? s?µpe??f??? se??da?

36
NetCoach (2/2)

• ???e? f??µe? p?? s??d???ta? µ?s? s??d?sµ??? µe
  t?? f??µa d?µ??????a? se??da?/?????a? ep?t??p???
  st?? d?µ?????? ?a ?a????se? p??apa?t??µe???? ?a?
  s?µpe?asµat????? s??d?sµ??? µeta?? t?? ded?µ????
  se??da? ?a? ????? se??d?? e??????
• ? d?µ??????? µp??e? ?a ep????e? µ?a ?p?????sa
  se??da ap? ??a epe?te???µe?? µe??? (st? a??ste??
  p?e???) ?ste ?a t?? t??p?p???se? ? ?a ft???e? µ?a
  ??a e?d???te?? se??da t?? pa???sa? se??da?
• ?p?????? ep?s?? ?e????st?? f??µe? ??a d?µ??????a
  e??t?se??

37
ALE (1/3)

• t? ALE p??sf??e? t?? p?? p????µ??e? d?epaf??
  ßas?sµ??e? se f??µe?
• t? ALE p??spa?e? ?a pa???e? ??a ????????µ???
  s?st?µa d?a?e???s?? µa??µ?t?? ??a p?a?t???
  µa??µata
• pa???e? µ?a p???s?a d?epaf? d?µ??????a?
  pe??e??µ???? (p???µa p?? de? e??a? s????e? ??a
  ??a e??a?e?? d?µ??????a? ??), e?? ?p?st????e?
  ep?s?? epa?a???s?µ?p???s? a?t??e?µ???? ?a?
  d??f??e? µ??f?? p???µ?s??
• ?p?? µe t? InterBook, ? ????? p????f????? st? ALE
  s??µat??eta? ap? ??a d??t?? p?? pe????e? µ?a
  ??sta µe ????? (p?? a?apa??st??? t? ???s? p??
  ????µe ??a t? ???st??? ped??) ?a? ??a d??t??
  se??d?? pe??e??µ????
• ?? se??de? µp????? ?a s??te???? ap?
  epa?a???s?µ?p???s?µa tµ?µata,
• a?t?st?????µe ???e tµ?µa µe t??? ????? st???
  ?p????? a?af??eta?, ???s?µ?p????ta? ap??
  p??s????s? p???ap??? ?????a?

38
ALE (2/3)

• t? ALE d?a??te? µ?a f??µa ??a t? d?µ??????a ????
  ? ?p??a ep?t??pe? ep?s?? t?? ?a????sµ? s??d?sµ??,
  µ?a µ???? pe????af?, ?a? s?????µa

39
ALE (3/3)

• ep?s?? d?a??te? ??a s????? f??µ?? d?µ??????a?
  se??d?? p?? ep?t??pe? t?? e?sa???? µ?a? ??a?
  se??da? se ?p???d?p?te µ???? µ?sa st?? ?e?a???a
  ?a? t?? s???es? t?? ap? p???ap?? tµ?µata
  d?af??et???? t?p?? µ?s??

40
GUI s???pt??? (1/4)

• ?p?? pa???s???eta? ap? ta pa?ap??? pa?ade??µata,
  s?ed?? ???e ?a?a?t???st??? e??? ?S? µp??e? ?a
  d?µ???????e? ???s?µ?p????ta? d?epaf?? ßas?sµ??e?
  se f??µe?, a??? ?p???e? ??a t?µ?µa
• ?d?a?te?a ??a s?st?µata µe p???s?? ?a?
  a?ta????st??? pe??e??µe?? ? p???s?a d?µ?
  p????f?????
• ??e?????ta? d?epaf?? p?? te????? ?a e??a?
  p???p???e? ?a? a???ß?? ??a ?a a?apt??????

41
GUI s???pt??? (2/4)

• ??a ?a ap?fe?????? p??ß??µata ?ta? ?????µe ?a
  a?apt????µe ??a p?? p????µ??? pe??e??µe??,
  p???e??ste?a s?st?µata d?µ??????a? p??sa?µ?st????
  ?pe?µ?s?? p??sp???sa? ?a ßas?st??? se ?p?????ta
  e??te???? e??a?e?a
• ??a pa??de??µa, ?? d?µ??????? t?? InterBook
  ßas?st??a? st?? d??at?t?te? µ??f?p???s??
  (formatting) t?? Microsoft Word
• t? MetaLinks ???s?µ?p???se, µe d?µ???????? t??p?,
  µ?a d?epaf? d?µ??????a? ßas?sµ??? se f??µe? t??
  ??s?? ?ed?µ???? t?? Macintosh Filemaker Pro
• p?? p??sfata s?st?µata d?µ??????a? ?p?? t? SIGUE
  te????? ?a a?????? e?te??? t? ??µa t?? a??pt????
  pe??e??µ????,
• e??a? ??????, af?? de? ??e? ?a???a ???µa ?a
  a?ta????st??? µe µ??t???a e??a?e?a d?µ??????a?
  pe??e??µ???? ?st?? ?p?? t? Macromedia Dreamweaver
  ? t? Adobe GoLive

42
GUI s???pt??? (3/4)

• d?st???? ?µ??, de? ?p?????? e??te???? e??a?e?a
  ßas?sµ??a se f??µe? ta ?p??a µp????? ?a ß????s???
  t??? d?µ???????? p??sa?µ?st???? ?pe?µ?s?? ?a
  a?apt????? p???s?e? d?µ?? p????f?????
• ?p?te p??pe? ?a e??a? ta ?d?a ta e??a?e?a
  d?µ??????a? p??sa?µ?st???? ?pe?µ?s?? p?? ?a
  pa?????? p???? ?p?st????? se a?t? t? ??µa
• ?p?? e?paµe, a?t? µp????? ?a t? ?????? ??a ap???
  d?µ?? p????f????? µ?s? t?? d?epaf?? ßas?sµ??e? se
  f??µe?, ?st?s? ?ta? ???s?µ?p????µe pe??ss?te??
  p????µ??e? d?µ?? a?at?????? s?????? st? mark-up
  p??s????s?

43
GUI s???pt??? (4/4)

• se a?t?? t?? pe??pt?se??, µ?a ?a?? ??s? µp??e? ?a
  e??a? ??a? s??d?asµ?? d?epaf?? ßas?sµ???? se
  mark-up ?a? d?epaf?? ßas?sµ???? se f??µe? p??
  a?t?sta?µ????? t? ??st?? a??pt???? ?a? t?? ßa?µ?
  ?p?st?????? p?? ??e???eta? ? d?µ???????
• p.?. µe???? tµ?µata t?? s?st?µat?? p?? ?????µe ?a
  d?µ??????s??µe ?a? sta ?p??a ?????µe ?a
  ap?f????µe ?a e?s????µe (t?p???af???) ????,
  µp????? ?a d?µ?????????? µe d?epaf?? ßas?sµ??e?
  se f??µe?, e?? ta ?p????pa d?µ????????ta? µe t?
  mark-up p??s????s?
• a?t?? ?? s??d?asµ?? d?epaf?? ta???????? ?a??te?a
  se ??a? d?µ?????? µ?s?? ep?p?d?? p?? ??????e?
  ??p??a ßas??? p???µata s?et??? µe ?p?????st??
• t? AHA! pa???e? ??a ?a?? pa??de??µa
• e?? ? µe???? t?? d??aµ? ßas??eta? st? ???s? t??
  XML mark-up ???ssa?, t? s?st?µa pa???e? ep?s??
  µe???? e??a?e?a d?µ??????a? ßas?sµ??a se f??µe?
  ??a t?? a??pt??? t?? µ??t???? ???st???? ped???
  (d????ta? t? d??at?t?ta st? d?µ?????? ?a ???se?
  ?a??????e? ?????e?, s??d?sµ??? µeta?? t??
  e??????, ?a? ß??? st??? s??d?sµ???)

44
p?? ß??p??µe t? µ?????
45
µ????? (1/10)

• e?daµe p?? ??e? ? pa???sa ?at?stas? t??
  d?µ??????a? p??sa?µ?st???? ?pe?µ?s??
• t? µp????µe ?a pe??µ????µe sta ep?µe?a p??te
  ?????a

46
µ????? (2/10)

• ??ste?eta? ?t? µp????µe ?a pe??µ????µe s?µa?t???
  ep?te??µata se a?t? t? pe?????
• d?? ßas???? ????? ??a a?t? ap?te????
• ? ???µa?s? t?? p??sa?µ?st???? ?pe?µ?s?? ?? ped??
  p?? ??e? p??sf??e? ??a ?a?? a???µ? ?a??e??µ????
  te??????, ?a?
• ? a????? ??a pe??ss?te?a p??sa?µ?st??? s?st?µata
  ??a e?pa?de?s? ßas?sµ??? st?? ?st?
• a?t?? ?? ????? ????? d?µ??????se? p????? ??e?
  ?µ?de? st?? pe????? t?? p??sa?µ?st????
  e?pa?de?t???? ?pe?µ?s?? ßas?sµ???? st?? ?st?
• a?t? e??e ?? ap?t??esµa ?a pa???s?ast??? ??a
  p?a?s?a µ???? µ?sa sta te?e?ta?a t??a ?????a

47
µ????? (3/10)

• e??a? f?s??? ?a a?aµ??eta? ?t?
• p???? p?a?s?a ?a a?apt?????? µe st??? t??
  ???p???s? e??a?e??? d?µ??????a? ??a t?? te????
  ???st? se µe???? ?????a
• ? eµpe???a t?? ?pa????t?? e??a?e??? d?µ??????a?
  ?a ß????se? st? d?aµ??f?s? ???? e??a?e??? ?a?
  ???? ?e??e?? pa?a??te??? e??a?e???
• p??pe? ?a pe??µ????µe ?a??te?a e??a?e?a ßas?sµ??a
  se mark-up ?a? f??µe?

48
µ????? (4/10)

• ?p?s?? pe??µ????µe t?? eµf???s? e??? ???? e?d???
  e??a?e??? ??a t? s?ed?asµ? d?epaf?? p?? ?a ?????
  "a?????? ??af???"
• e??a? p?a?µat??? s?µa?t??? ?a d?a??t??µe ??af????
  d?epaf?? ??a ?a e?s????µe t? s?ed?as? t??
  p??sa?µ?st???? s?st?µ?t?? ?pe?µ?s?? p??
  ft??????µe st?? ?p?????st?
• t? p??t? e??a?e?? d?µ??????a? µe ??af??? p?? ?a
  d??µe µ????? s??t?µa e??a? ??a? ??af????
  s??t??t?? (editor) e???????????? d??t???
• µe a?t? t? e??a?e??, ? s?ed?ast?? ?a µp??e? ?a
  s?ed???e? ?a? ?a d?µ?????e? s??d?se?? µeta?? t??
  e?????? t?p??et??ta? t?? ?????e? ap?? se ??a
  pa?????? e??as?a? ?a? s??d???t?? te? µe
  drag-and-drop
• a?t? t? e??a?e?? ?a ?p?st????e? t?s? t? st?d??
  s?ed?asµ?? ?s? ?a? t?? d?µ??????a?

49
µ????? (5/10)

• ?a µe????t??? e??a?e?a d?µ??????a? e????????????
  d??t??? ?a e??a? pa??µ??a, a??? t? ßas??? p?????
  t??? ?a e??a? µ?a es?te???? a?apa??stas? t??
  d??t??? se µ?a ß?s? ded?µ???? ? se XML mark-up
  µ??f?
• stad?a??, ?a ?e??????ta? d??t?a µe pe??ss?te?e?
  ap? 100 ?????e?
• µet? ta e??a?e?a ??a t?? ?????e? ?a µp????µe ?a
  pe??µ????µe ?a? t?? eµf???s? pa??µ???? ??af????
  e??a?e??? ??a t? d?µ?s? t?? ?pe?????? ?a? ??a t??
  a?t?st????s? se??d?? ? tµ?µ?t?? t??? µe ?????e?
  t?? µ??t???? ???st???? ped???

50
µ????? (6/10)

• ?p?s?? pe??µ????µe t? s?????e?s? d?? s???e???
  p??se???se?? ??a t? d?µ??????a e?pa?de?t????
  ??????
• ? µ?a (t?? ?p??a pa???s??sµe ed?) s?et??eta? µe
  t? d?µ??????a p??sa?µ?st???? e?pa?de?t????
  s?st?µ?t?? ßas?sµ??a st?? ?st?
• ? ???? ap?te?e? t? "??? ??µa" st? d?µ??????a
  µa??µ?t?? µe ß?s? t?? ?st?, ?a? ? ?p??a
  ep??e?t???eta? sta µa??s?a?? a?t??e?µe?a
  (learning objects), st?? epa?a???s?µ?p???s?
  µa??µ?t??, sta µeta-ded?µ??a ?a? sta standards
• a?t? ? p??s????s? ßas??eta? st?? ?atas?e??
  de?aµe??? µa??s?a??? a?t??e?µ???? d?af??et????
  ep?p?d?? ?a? st?? a?t?st????s? t??? µe
  µeta-ded?µ??a
• p. ?., µ?a se??da ?st??/?pe??e?µ???? µe
  e?pa?de?t??? ????? e??a? ??a t?p??? µa??s?a??
  a?t??e?µe??

51
µ????? (7/10)

• ??a ap? ta p?? s?µa?t??? e?d? µeta-ded?µ????
  e??a? ?? µa??s?a??? st???? ?? ?p???? µ???????
  p??? µe t?? ?????e? ???st???? ped??? ap? t?
  p?e??? t?? a?t?st????s??
• ep?s?? µp????? ?a ???s?µ?p??????? ?? ap?te??sµata
  ? p??apa?t??µe?a e??? e?pa?de?t???? a?t??e?µ????
• µe t?? ?????t?s? standards st?? pe????? t??
  µeta-ded?µ???? ?a? ?????? e?e???p???µ???? µe
  µeta-ded?µ??a (AICC, IEEE LTSC, IMS, SCORM), ?
  epa?a???s?µ?p???s? µa??µ?t?? p?? ßas????ta? se
  µeta-ded?µ??a ft??e? st?? ???µ?t?t? t??

52
µ????? (8/10)

• ??? ?a? pe??ss?te?a e??a?e?a d?µ??????a? p??
  e??a? s?µf??a µe standards ?????ta? d?a??s?µa
• µp????µe ?a pe??µ????µe ?t? ??a? a???µ??
  e??a?e??? d?µ??????a? p?? ????? ?atas?e?aste? ??a
  t?? epa?a???s?µ?p???s? µa??µ?t?? ßas?sµ???? sta
  µeta-ded?µ??a, ?a e??a? p??? ???s?µa ??a t?
  d?µ??????a p??sa?µ?st???? e?pa?de?t???? ?pe?µ?s??
• ??a pa??de??µa, ?p?????? µe???? ??af??? e??a?e?a
  ??a s?ed?asµ? ???t? ??µat?? se ??a µ???µa p??
  e??a? s?ed?? ?t??µa ?a ???s?µ?p??????? ??
  e??a?e?a e???????????? d??t???
• ?p?????? ep?s?? µe???? p??? ?a?? e??a?e?a
  a?t?st????s?? p?? e??a? s?ed?? ?t??µa ?a
  ???s?µ?p??????? ?? a?t?st????st?? e??????

53
µ????? (9/10)

• ap? t?? p?e??? t?? d?µ??????a? ?a? t??
  ap????e?s??, ?? p??se???se?? p??sa?µ?st????
  ?pe?µ?s?? ?a? epa?a???s?µ?p???s?? µa??µ?t??
  µ??????? a??et?
• ? d?af??? e??a? st? p?? ???s?µ?p??e?ta? t? ?????
  a?t?st????s??
• st?? p??s????s? epa?a???s?µ?p???s?? µa??µ?t?? ta
  µeta-ded?µ??a ???s?µ?p?????ta? ap? µ?a µ??a??
  a?a??t?s?? ? ?p??a ß????e? t?? e?pa?de?t? ?a
  ß??s?e? ?a? ?a epa?a???s?µ?p??e? e?pa?de?t???
  ????? ??a t? µ???µa p?? ??e? ?atas?e??se?
  ?e???????ta
• ??a p??sa?µ?st??? e?pa?de?t??? s?st?µa t?
  ???s?µ?p??e? ??a ?a ap?fas?se? a? µ?a se??da
  µa??s?a??? ?????? e??a? s?et??? µe t? pa???
  p?a?s?? ?a? p?? ?a pa???s??se? t? se??da ?a? t???
  s??d?sµ??? p??? a?t?

54
µ????? (10/10)

• de? ?p?????? a?t?f?se?? µeta?? a?t?? t?? st????,
  ?p?te ?? p??se???se?? µp????? te???? ?a
  ???s?µ?p????? t? ?d?? e?pa?de?t??? ?????
  a?t?st????s??
• ????? ???e? ?d? µe????? p??sp??e?e? ?a s??d?aste?
  se ??a p?a?s?? ? p??s????s? t?? p??sa?µ?st????
  ?pe?µ?s?? µe e?e??? t?? epa?a???s?µ?p???s??
  µa??µ?t?? ßas?sµ???? sta µeta-ded?µ??a
• st? e???? µ????? ?a p??pe? ?a pe??µ????µe
  ?s????te?a s?st?µata d?µ??????a? ?a? p?a?s?a p??
  s??d?????? ?d?e? p??sa?µ?st???? ?pe?µ?s?? µe
  epa?a???s?µ?p???s?µ?t?ta µa??µ?t??

55
s?µpe??sµata
56
pe??????

• ? d?a?es?µ?t?ta p?a?s??? ?a? e??a?e???
  d?µ??????a? stad?a?? a????e? t?? ?at?stas? st?
  ped?? t?? p??sa?µ?st???? ?pe?µ?s??
• µ???? µe???? ?????a p???, ? s?ed?as? e???
  p??sa?µ?st???? s?st?µat?? ?pe?µ?s?? ?ta? a??et?
  ?????ß??a p??sp??e?a, ?a? ????ta? µ??? ap? ?µ?de?
  µe p??s??ta ?a? pe??a st?? p????aµµat?sµ?
• µe s?ed?ast??? p?a?s?a ?a? e??a?e?a st? ????, µ?a
  ????te?? p??et??µasµ??? ?µ?da, a??µa ?a? ??a?
  e?pa?de?t?? µp??e? ?a ft???e? ??a ???s?µ?
  p??sa?µ?st??? s?st?µa ?pe?µ?s??
• ? p?????s? ??a t??? d?µ???????? e??a? ?a
  ????????? ?t? ?p???e? µ?a p??????a d?a??s?µ??
  e??a?e??? ?a? ?a ep??????? t? s?st? e??a?e?? ??a
  t? d???e?? t???

57
a?a?efa?a??s?

• sta p??ta 4 µa??µata e?daµe
• t? e??a? ta ?S?? e?d??? ??a t?? e?pa?de?s?
• ??at? e??a? s?µa?t???
• t? pe???aµß??e? ? s?ed?asµ?? t???
• p?? p?a?µat?p??e?ta? ? ???p???s? t???
• sta ep?µe?a µa??µata ?a d??µe ???a ??µata, ?p??
• ep?de??e?? s?st?µ?t??, d?e??? p??t?pa µa??s?a???
  te?????????, d?aµes??aß?t?? ????sµ????,
  s?µas???????? d??t??, ??µata ?d??t???t?ta? ?a?
  asf??e?a?, ??p, ??p, ??p
• p?? sa? fa??eta????

58
e?d??? ß?ß?????af?a

• Brusilovsky P., Developing Adaptive Educational
  Hypermedia Systems From Design Models to
  Authoring Tools, In Murray T., Blessing S.
  Ainsworth S. (eds.), Authoring Tools for Advanced
  Technology Learning Environments, Kluwer Academic
  Publishers, 2003.

59
?a?? µes?µ???

• ??a ?t?d?p?te ??e?aste?
• ?t???? Te?f??ste??,
• Te?f??st?? ???a???, 1?? ???f??
• daradoumis_at_aegean.gr