1 / 23

TV23

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

nevaeh
Download Presentation

TV23

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TV23 TV23

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

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

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

  5. Link-types, 1 Eksternal Leiner, Barry <A HREF="http://www.isoc.org/internet-history/brief.html"> Brief History of the Internet</A> <A HREF="mailto:simonhei@ruc.dk">Simon B. Heilesen</A> 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://

  6. Link-typer, 2 Lokal <A HREF="htm2d.htm">next page</A> Internal <A HREF="#waydown">more info</A> … … <A NAME=”waydown”>More info on … (Internal reference in eksternal link) <A HREF="http://www.isoc.org/internet-history/brief.html#ch_3"> Automatic <META HTTP-EQUIV="Refresh" CONTENT=”2;URL=http://www.ruc.dk/Komm/target.htm">

  7. Link-window-handling <A HREF="http://www.isoc.org/internet/brief.html” TARGET=”Beta” ACCESSKEY="c"> Targets aName User defined window (fx ”Beta”) _blank New blank window _self this window _top New window on top of fx frameset Accesskey Defines hotkey

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

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

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

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

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

  13. Style and hypertext: En hypertext 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.

  14. Nine points about links 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

  15. Sequence

  16. Forked structure, 1

  17. Forked structure, 2

  18. Grid and torus

  19. Hierarchy

  20. Conceptual hierarchy, 32-year old swan bat rabbit rat tortoise crocodile mosquito butterfly

  21. Conceptual hierarchy, 7-year old Pets I may have Long tail can fly swan crocodile rat bat mosquito butterfly tortoise rabbit

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

  23. Script decision result for against Argument Claim Counter argument illustration Example

More Related