TV23. Within-component layer Storage layer Runtime layer Dexter hypertext reference model Præsentation, interaktion Database med enheder og links Indhold.

Præsentationer af emnet: "TV23. Within-component layer Storage layer Runtime layer Dexter hypertext reference model Præsentation, interaktion Database med enheder og links Indhold."— Præsentationens transcript:

1 TV23

2 Within-component layer Storage layer Runtime layer Dexter hypertext reference model Præsentation, interaktion Database med enheder og links Indhold og struktur i enhederne Specifikation for præsentation Forankringer

3 Within-component layer Storage layer Runtime layer Dexter hypertext reference model -fortolket Grænseflade, det æstetiske, MM som medium Struktur, det datalogiske, MM som database Indhold, det faglige, MM som kommunikationsredskab

4 http://www.ruc.dk/~simonhei/docs/minfil.htm ProtokolServernavnKatalogDokument URL (Uniform Resource Locator) Absolut URL: Relativ URL: minfil.htm../minfil.htm

5 Eksternt 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:// Opkobling til andre computere vha terminalemulering file://Fil på lokalnet file:///Fil på egen harddisk gopher:// Menustyret søgesystem wais:// Søgesystem til tekstdatabaser Link-typer, 1

6 Lokalt videre Internt mere info … Mere info om … (Intern reference i eksternt link) Automatisk <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 etNavnBrugerdefineret nyt vindue (fx ”Beta”) _blankNyt, tomt vindue _selfDet aktuelle vindue _topNyt vindue ovenpå evt. frame-vinduer Accesskey Definerer genvejstast Link-vinduesstyring

8 Informationsenheder Knuder 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 Dynamisk><Statisk Bundne><Frie Funktion><Betydning Link Hyperlink Hyperspring Lænkning Typografi (indlejret menu) ( font, farve, ramme) Ikon Mening (klik for at…)

10 Dynamisk >< Statisk Dynamisk oprettes i runtimeStatiske står permanent i dokumentet - ordbogsopslag- links på en web-side - søgeresultater i form af links- hotspots i Authorware/Director Funktion >< Betydning Funktion ift. programmetBetydning ift. dokumentet - supplement (pop-up vindue)- bundne (note/uddybning)- frie (associative) - henvisninger (links, spring) - processer (lyd, animation, film)

11 Bundne er systematiskeFrie er associative - rækkefølge (næste/forrige)- etiket (menupunkt)- forklaring (ordforklaring) - identiske strukturer - kommentar (supplement, fx note) (tekstversioner)- lokalisering (kommer før/efter) - logisk følge (årsag/virkning) - omskrivning (eksempel) - sammenligning - koordinering (hierarki, script) Bundne >< Frie

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. Stil og hypertekst: En traditionel tekst

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. Stil og hypertekst: En hypertekst

14 1.Det bør være synligt - eller let at gætte sig til 2. Det skal fremgå, hvor det fører hen (aldrig intetsigende som klik her) 3. Det bør indgå som en naturlig del af fremstillingen, gerne som fremhævning 4. Det skal stå præcis dér, hvor det giver bedst mening 5. Det må ikke fylde for meget. Flere linjer lange links sløver læseren og gør teksten vanskelig at læse 6. Når der er flere links ved siden af hinanden, skal de adskilles, så brugeren kan se forskel 7. Hvis flere links på siden har samme mål, skal de være så ensartede, at brugeren forstår dette. 8. Mål og udgangspunkt for et link må gerne supplere hinanden, f.eks. ved at gentage nogle nøgleord. 9. Overgangen fra ét dokument til et andet må gerne være meningsfuld (så det f.eks. kan læses som "se også", "et eksempel på", "hvoraf følger" mm). Ni kendetegn ved det gode link

15 Datastrukturer: Rækkefølge

16 Forgrenet struktur, 1

17 Forgrenet struktur, 2

18 Gitter og torus

19 Hierarki

20 svane flagermus rottekanin skildpaddekrokodille mygsommerfugl Begrebshierarki hos 32-årig

21 svane flagermusrotte kaninskildpadde krokodille mygsommerfugl Begrebshierarki hos 7-årig Kæledyr jeg må få Kan flyve Lang hale

22 Antal sider = N Links pr. side = N-1 Links i dokument = N*(N-1)/2 Komplet netværk

23 Semantisk net PoulFolketingsmandMinister Christiansborg er_en arbejder_på Ministerium arbejder_på Slot er_en findes_i Lone gift_med Politiker er_en Arkitekt lavet_af Mogens arbejder_på Parti medlem_af er_en

24 Beslutning Påstand Eksempel ModargumentArgument resultat illustration forimod Script

25 Kassedame Gæst Mad tjenerCafé Betaler til spiser besøgerBestiller hos Script