TV23. Within-component layer Storage layer Runtime layer Dexter hypertext reference model Presentation, interaction Database with units and links Content.

Presentasjon om: "TV23. Within-component layer Storage layer Runtime layer Dexter hypertext reference model Presentation, interaction Database with units and links Content."— Utskrift av presentasjonen:

1 TV23

2 Within-component layer Storage layer Runtime layer Dexter hypertext reference model Presentation, interaction Database with units and links Content and internal structure Specification for presentation Links

3 Within-component layer Storage layer Runtime layer Dexter hypertext reference model -interpreted GUI - aesthetics (medium) Structure - computer science (database) content, professional qualifications (communication)

4 http://www.ruc.dk/~simonhei/docs/myfile.htm ProtocolServerDirectoryDocument URL (Uniform Resource Locator) Absolute URL: Relative URL: myfile.htm../myfile.htm

5 Eksternal Leiner, Barry Brief History of the Internet Simon B. Heilesen http://Hypertext Transfer Protocol mailto:e-mail (send post) news:Usenet ftp:// File Transfer Protocol telnet:// terminal emulation file://File on local network file:///File on disk gopher:// wais:// Link-types, 1

6 Lokal next page Internal more info … More info on … (Internal reference in eksternal link) Automatic <META HTTP-EQUIV="Refresh" CONTENT=”2;URL=http://www.ruc.dk/Komm/target.htm"> Link-typer, 2

7 <A HREF="http://www.isoc.org/internet/brief.html” TARGET=”Beta” ACCESSKEY="c"> Targets aNameUser defined window (fx ”Beta”) _blankNew blank window _selfthis window _topNew window on top of fx frameset Accesskey Defines hotkey Link-window-handling

8 Information units Nodes World Wide Web er virkeliggørelsen af en gammel drøm om at bygge en verdensomspændende hypertekst Hypertekst: (ordret: noget der ligger uden for tekst) er en databaseteknologi..... Link Hypertekst

9 Dynamic><Static Bound><Free Function><Meaning Link Hyperlink Typography (embedded menu) ( font, color, frame) Icon Meaning (click to…)

10 Dynamic >< Static Dynamic = runtimeStatiske = written in file - dictioanry lookup- links on a web-page - search results- hotspots Function >< Meaning Function Meaning - supplement (pop-up)- bundne - reference (links,) - free (associative) - process (sound, animation, film)

11 Bound = systematicFrie = associative - sequence- label (menu item)- explanation - identical struktures - comment - before/after - cause/effect - rephrase (example) - rephrase - coordination (hierarchy, script) Bound >< Free

12 Vi kender links fra bøgernes fodnoter, krydshenvisninger, indholdsfortegnelser mm. I hypertekst er henvisningen bare dynamisk, så der bliver fulgt op på den, lige så snart man vælger den. Dette er en forklaring, som er til at forstå for de fleste nye brugere. Men når det gælder virkningen, er der faktisk afgørende forskel på en note og en link. Noten indeholder noget, som ikke hører til i brødteksten, fordi det ville bryde fortællingen op, f.eks. En supplerende oplysning eller en litteraturhenvisning. Linken bryder fortællingen her og nu og så effektivt, at brugeren skal gøre sig umage for at vende tilbage til udgangspunktet. Og mens noten i en bog er markeret diskret med f.eks. et tal i hævet skrift, så dominerer linken i et HTML-dokument skriftbilledet med sin understregning og kraftige farve. Den gør faktisk ofte resten af teksten vanskeligere at læse. Style and hypertext: traditional text

13 Vi kender links fra bøgernes fodnoter, krydshenvisninger, indholdsfortegnelser mm. I hypertekst er henvisningen bare dynamisk, så der bliver fulgt op på den, lige så snart man vælger den. Dette er en forklaring, som er til at forstå for de fleste nye brugere. Men når det gælder virkningen, er der faktisk afgørende forskel på en note og en link. Noten indeholder noget, som ikke hører til i brødteksten, fordi det ville bryde fortællingen op, f.eks. en supplerende oplysning eller en litteraturhenvisning. Linken bryder fortællingen her og nu og så effektivt, at brugeren skal gøre sig umage for at vende tilbage til udgangspunktet. Og mens noten i en bog er markeret diskret med f.eks. et tal i hævet skrift, så dominerer linken i et HTML-dokument skriftbilledet med sin understregning og kraftige farve. Den gør faktisk ofte resten af teksten vanskeligere at læse. Style and hypertext: En hypertext

14 1. It should be visible 2. It should be suggestive (not click here) 3. It should be part of the context 4. It should be located where it makes good sense 5. It should be reasonably short 6. Links should be clearly separated 7. Several links to one target is ok, but don’t fool the user 8. Start and end of a links may supplement one another fx by repeating keywords 9. The ”hyperjump” should be meaningful Nine points about links

15 Sequence

16 Forked structure, 1

17 Forked structure, 2

18 Grid and torus

19 Hierarchy

20 swan bat ratrabbit tortoisecrocodile mosquitobutterfly Conceptual hierarchy, 32-year old

21 swan batrat rabbittortoise crocodile mosquitobutterfly Conceptual hierarchy, 7-year old Pets I may have can fly Long tail

22 pages = N Links pr. page = N-1 Links in document = N*(N-1)/2 Complete network

23 decision Claim Example Counter argumentArgument result illustration foragainst Script