TV23

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

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

ProtocolServerDirectoryDocument URL (Uniform Resource Locator) Absolute URL: Relative URL: myfile.htm../myfile.htm

Eksternal Leiner, Barry Brief History of the Internet Simon B. Heilesen Transfer Protocol mailto: (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

Lokal next page Internal more info … More info on … (Internal reference in eksternal link) Automatic <META HTTP-EQUIV="Refresh" CONTENT=”2;URL= Link-typer, 2

<A HREF=" 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

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

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

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)

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

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

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

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

Sequence

Forked structure, 1

Forked structure, 2

Grid and torus

Hierarchy

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

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

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

decision Claim Example Counter argumentArgument result illustration foragainst Script