Download præsentationen
Præsentation er lastning. Vent venligst
Offentliggjort afKaren Carstensen Redigeret for ca. et år siden
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
Lignende præsentationer
© 2024 SlidePlayer.dk Inc.
All rights reserved.