TV23

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

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

ProtokolServernavnKatalogDokument URL (Uniform Resource Locator) Absolut URL: Relativ URL: minfil.htm../minfil.htm

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

Lokalt videre Internt mere info … Mere info om … (Intern reference i eksternt link) Automatisk <META HTTP-EQUIV="Refresh" CONTENT=”2;URL= Link-typer, 2

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

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

Dynamisk><Statisk Bundne><Frie Funktion><Betydning Link Hyperlink Hyperspring Lænkning Typografi (indlejret menu) ( font, farve, ramme) Ikon Mening (klik for at…)

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)

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

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

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

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

Datastrukturer: Rækkefølge

Forgrenet struktur, 1

Forgrenet struktur, 2

Gitter og torus

Hierarki

svane flagermus rottekanin skildpaddekrokodille mygsommerfugl Begrebshierarki hos 32-årig

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

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

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

Beslutning Påstand Eksempel ModargumentArgument resultat illustration forimod Script

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