Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

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

Liknende presentasjoner


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 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 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

6 Lokal next page Internal more info … More info on … (Internal reference in eksternal link) Automatic Link-typer, 2

7 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>

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


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

Liknende presentasjoner


Annonser fra Google