Oversigt. Hyperfiktion & Afslutning. Almindelige hypermedier. Niels Olof Bouvin



Relaterede dokumenter
PHP Quick Teknisk Ordbog

Procesbeskrivelse - Webprogrammering

Serversideprogrammering, CMS og eshop. Dag 1: Introduktion og serverside programmering Niels Østergaard

Web Services Light. Karen Thomsen. Silkeborg Bibliotek. Karen Thomsen

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Opsætning (GIS udbyder)

Arkitektur for begyndere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

har jeg hentet nedenstående anmeldelse af et godt program til

Opsætning (GIS udbyder)

Visualisering. Kan opdeles i 2 dele Præsentations værktøj Portal

Opsætning (GIS udbyder)

Lav dine egne hjemmesider/websider

Opsætning (GIS udbyder)

Hvad er fremtiden for internettet?

Computer Networks Specielt om Infrastrukturer og Teknologi

IKT og Videnrepræsentationer

Extension udvikling i Mozilla Firefox. Henrik Gemal

Sådan installeres og teste WordPress på en lokal server

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet

Google Søgninger side 1 af13

Web 2.0 Niels Olof Bouvin 1

KURSER INDENFOR SOA, WEB SERVICES OG SEMANTIC WEB

WWW. Forslag til integreret digitalt værk ved Det Informationsvidenskabelige Akademi på KUA3 Udarbejdet af Jacob Nielsen 2013

Opstart. I gang med Dreamweaver. Læs mere om...

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Afsnitstyper Susanne V. Andersen

IT Ekesperimentarium II

SmartFraming Et vindue til nationale sundhedssystemer. Version 3.0

Digitale Videnssystemer: Notater

Baggrund Funktionsområder

INSPIRE og Geodata-info

Grundlæggende Hypermediesystemer. Niels Olof Bouvin

OBS! Du kan altid ringe eller skrive til vores supportafdeling for at få ændret eller gensendt adgangskoden til din DNS Manager.

3D matriklen i et fremtidsperspektiv

Opstart. I gang med Dreamweaver. Læs mere om...

Evaluering af 1. Semester

Konstruktiv & eksplorativ hypertekst Michael Joyce: Siren Shapes

i ii Martin Højriis Kristensens Hjemmeside Præsentation af offentlige informationer via geospatiale data og Google Maps

Who s to blame? Jeppe Rørbæk. Jeppe.rorbaek@teknologisk.dk Konsulent og underviser på Teknologisk Institut MCP, MCAD, MCSD, MCT

World Wide Web Det verdensomspændende spindelvæv Søgemaskinerne Portal eller fritekst Viggo Liebmann Hansen

Byg web sider. Introduktion:

Indholdsfortegnelse. LUDUS WebDokumentArkiv Installationsvejledning

Tech College Aalborg. HomePort. Projekt Smart Zenior Home

EasyIQ ConnectAnywhere Release note

Om LE34 og Stella Holmgaard Andersen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

WWW Evaluation. Ressourcens troværdighed, indhold funktionalitet. Elektronisk. Let at publicere. Svært at publicere. Du har hjælp til kontrollen

Piwik. Multisite + kk.dk: Grundlæggende Drupal Version: 2.0. Beskrivelse. Indholdsfortegnelse

Guide til Umbraco CMS

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Bilag 1: Ordliste. Bilag 1: Ordliste 141

Mobile teknologier - inspiration, læring, formidling Rummet som interface

Oktober 2013 HLG/XIGA. Opstartsvejledning ATS Engros 1/12

IT SUMMER CAMP Dato for arr. og. dato for seneste tilmelding. bliver offentliggjort i maj. Ubuntu-Linux, Web-Server, Anvendte Web-Teknologier

Forberedelse. Forberedelse. Forberedelse

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Hillerød Kommune. It-sikkerhedspolitik Bilag 9. Udvikling, anskaffelse og vedligeholdelse

Aftenskole i programmering sæson Registrering af tid. Sæson 2 - Lektion 5

Kursusgang 2. Menneske-maskin interaktion. Oversigt: Sidste kursusgang Opgaver Forståelse af problemet Begrebsmæssig model Interaktionsformer DIEB 2.

Emner. Baggrund Flash s historie, udbredelse, scene og anvendelse.

TEKNISKE FORHOLD VEDR. ADGANG TIL VP.ONLINE. Brugervejledning

It og informationssøgning Forelæsning november 2006 Jakob Grue Simonsen. Hypertekst og Python. Andersen & Simonsen: kap. 12

Redaktørmanual TYPO3 Version 6.2

GRAFISK WORKFLOW. 1 Grafisk workflow

Encoding:...1 Et tegn sæt (character set):...1 UTF-8 og UTF-16 (Unicode):...2

Eksisterende SkoleIntrafunktionalitet i forhold til Brugerportalsinitiativet

UPLOAD. Af Database og Website til Skolens Server

Gateway sikkerhed. Område / Specialefag nr Datatekniker Infra & Prog

TeamShare 2.1 Versionsnoter Oktober 2009

5 ARBEJDE MED EDITOREN

Primærsektorens leverandørforum

Hvor og hvordan kan man være tilstede på nettet?

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Om GolfWalk.com GolfWalk er den virtuelle golfbane på nettet. Du kan finde GolfWalk på eller gennem

LUDUS Web DokumentArkiv Installationsvejledning

Oprettelse og brug af i Jubii

Åbne Hypermedier Syſtemer

Det kommunale intranet. Præsentation Onsdag den 26. marts

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

Web 2.0. World Wide Web (www)

Førsteårsprøven Projektbeskrivelse 2. Semester Multimediedesigner

Side. 1. Praktiske forberedelser Filmens opbygning Pædagogik og anvendelse Hvilke kandidater er filmen relevant for?

TeamShare 3.0 Forbedringer til TeamShare Office

XProtect-klienter Tilgå din overvågning

Social Media Strategi Muligheder og udfordringer. November 2011 Trine-Maria Kristensen

Dynamisk Webdesign F2010

BESLUTNINGSBARRIEREN ER HØJERE

Opstartsvejledning ATS aktørudgave

Manual til Groupcare: Indhold, formål og brug

BG4 release maj 2018 Version 1

I denne artikel vil jeg gennemgå hvordan en side for RSS "Live Bogmærke" kan se ud.

Tietgenskolen - Nørrehus. Data warehouse. Database for udviklere. Thor Harloff Lynggaard DM08125

xgalleri Mulige filtyper Installation web-version

Undervisningsbeskrivelse

OPG. 3: STRATEGI FOR BRUGERINVOLVERING TAXAQUIZZEN GRUPPE 8: SALLY//LARS//ERIK//LINE BRUUN PROGRAM: TAXAQUIZZEN

Kort om baggrund for kurset, aktører, kodning.dk

Kom i gang med SAS STPbaserede

Transkript:

Oversigt Hyperfiktion & Afslutning Niels Olof Bouvin! Hyperfiktion! Storyspace! Card Shark/Thespis! Recap! Eksamen 1 2 Almindelige hypermedier Hyperfiktion! Normalt beskæftiger vi os med hypermediesystemer, der retter sig mod en opgave eller et arbejde - strukturering af store informationsmængder - nyheder - tekniske dokumentation - etc.! I sådanne systemer er effektivitet, overblik og konsistent opførsel essentielle og nødvendige størrelser - der er grænser for, hvor mange overraskelser, man har lyst til at få fra et stykke værktøj! Hyperfiktion er anderledes - formålet er en (æstetisk) oplevelse - læseren opdager teksten gradvist, og har ikke nødvendigvis et overblik - teksten er ikke nødvendigvis statisk! Et par eksempler - Deena Larsen: Ferris Wheels - A Million Penguins (litterær kollaborativ wiki, ikke hyperfiktion som sådan) 3 4

Statiske hypermedier! Hypermedie tekster/web sites er ofte fuldt forbundne med alle links og information tilgængelige! Web sites skrives af folk, der har fuldt domæne kendskab og som derfor uden problemer kan håndtere hele sitet på én gang - dette kan imidlertid være forvirrende for domæne novicer, der kan have behov for vejledning og afgrænsning for ikke at blive lost in hyperspace - de ville blive hjulpet af et site, der gradvist åbnede sig efterhånden som de lærte mere - et oplagt eksempel er deciderede undervisningssystemer Adaptive hypermedier! Disse systemer tilpasser sig til brugerens læsning - Dette gøres ved at opretholde en model af brugeren både handlinger og forudsætninger hvilken viden har brugeren i forvejen? hvilke links har brugeren fulgt? hvilke tekst fragmenter har brugeren læst? hvilken viden har brugeren opbygget i løbet af sessionen?! Dette stiller nye krav til hypermedieforfatteren - hypermediestruktur og -retorik bliver meget vigtigt - ofte bliver hyperteksten brudt op i flere fragmenter men de fremstår ikke nødvendigvis fragmenterede for læseren 5 6! Hyperfiktion! Storyspace! Card Shark/Thespis! Recap! Eksamen Oversigt Storyspace! Et af de ældste hypermediesystemer i fortsat brug og udvikling - 1987-! Kan downloades som trial fra Eastgate - den dominerende udbyder af hyperfiktion - Storyspace har været anvendt til at skrive meget hyperfiktion! Mark Bernstein - en af de mest aktive blandt hypertekst litterati - men altså også udvikler af hypermediesystemer 7 8

Storyspace! Et af de ældste hypermediesystemer i fortsat brug og udvikling - 1987-! Kan downloades som trial fra Eastgate - den dominerende udbyder af hyperfiktion - Storyspace har været anvendt til at skrive meget hyperfiktion! Mark Bernstein - en af de mest aktive blandt hypertekst litterati - men altså også udvikler af hypermediesystemer Storyspace! Et af de ældste hypermediesystemer i fortsat brug og udvikling - 1987-! Kan downloades som trial fra Eastgate - den dominerende udbyder af hyperfiktion - Storyspace har været anvendt til at skrive meget hyperfiktion! Mark Bernstein - en af de mest aktive blandt hypertekst litterati - men altså også udvikler af hypermediesystemer 8 8 Hypermediemodel! Monolitisk hypermediesystem, men da det ikke er et generelt system, så er det ikke noget problem - separate forfatter- og læserversioner! Nodes - writing spaces - kan indeholde andre writing spaces! Links - direktionelle links - span to span node to node! Guard fields Views! Forskellige repræsentationer af hyperteksten - outlines - charts - treemaps - Storyspace map afbilder nodes (initielt i en standard ordning) og links 9 10

Links! Links defineret udenfor nodes, indeholdt i hyperteksten - præsenteres som seperat struktur - det ekstra overhead af eksterne links unødvendigt i Storyspace! Link navne anvendes undertiden som kanvas af forfatterne! Link markup - links er usynlige, indtil man trykker på en tast links får ikke lov til at distrahere! Default link - links, der angiver en initiel rute gennem hyperteksten - aktiveres med Guard fields! Gør det muligt dynamisk at tilpasse hyperteksten efter læsningen! En attribut på et link! Afhængigt af den boolske værdi (falsk/sand) af guard field udtrykket er linket (u)tilgængeligt - f.eks. baseret på hvilke nodes læseren allerede har set eller den nuværende tekstselektion - guard fields kan indeholde vilkårligt mange betingelse, men indeholder typisk kun ganske få 11 12 Maps! Værktøj for forfatteren - hyperfiktion kan blive meget omfattende, så det kan være svært at bevare overblikket over værket! Læseren? - nogle forfattere fjerner maps fra læserudgaven så hvis man vil se, skal man have forfatterudgaven af Storyspace - andre benytter den visuelle struktur som en pointe! Automatisk oprydning af maps blev introduceret - meget upopulært! Erfaringer! Fortsat i stor anvendelse (hovedsageligt indenfor hyperfiktion, men også som generelt skriveværktøj)! Stadig kompatibel med de ældste tekster! Storyspace tekster er generelt tungt linkede, mens funktioner som guard fields typisk ikke er så udbredte! Maps ignoreres af nogle forfatter og anvendes kreativt og grafisk af andre 13 14

Oversigt Card Shark/Thespis! Hyperfiktion! Storyspace! Card Shark/Thespis! Recap! Eksamen! Eksempler på hyperfiktionssystemer, der med vilje er designet til at være ganske anderledes! Tænkt anvendelse er netop fiktion henholdsvis skuespil disse systemer kunne muligvis være lidt besværlige at producere konventionelle hypertekster i! Udviklet af Mark Bernstein 15 16 Card Shark! Omvendt idé: I stedet for at skabe links mellem ikkeforbundne knuder, er alle knuder initielt forbundne, og så fjernes uønskede links! Kaldes også skulpturel hypermedie man fjerner det unødige materiale! Nodes er kort, der indeholder en tekst og en række betingelser/kommandoer! Læsningen betragtes som et spil man får 7 (tilfældige) kort fra bunken Card Shark! Kort betingelser/udsagn kan være REQUIRE, RETRACT, ASSERT, AFTER, BEFORE! Nogle kort er tilgængelige fra starten, andre kræver, at bestemte tilstande er opfyldte! En noget anden tilgang til hypermedier man kan linke ting sammen eksplicit (v.hj.a. REQUIRE/ASSERT), men det vil være besværligt (og heller ikke hensigten)! Valg af et kort ændrer den globale tilstand 17 18

Hvordan læser man i Card Shark?! Læseprocessen har karakter af et spil: - Kortene blandes den globale tilstand nulstilles - Læseren modtager 7 tilfældige kort - Kortenes betingelser evalueres kort, der tilfredsstiller deres betingelser gøres tilgængelige - Læseren vælger et kort - Kortet vises og dets eventuelle udsagn ændrer den globale tilstand - Læseren kan nu vælge et nyt kort! Theater in a box Thespis! Card Shark udvidet med agenter, der alle har et spil kort - (læseren er én agent blandt andre) - de øvrige agenter/figurer kan vælge (baseret på en simpel model) mellem deres kort, der ændrer deres position og tilstand og lader dem sige replikker! I Thespis er vægten lagt på interaktionen mellem figurerne, som man som læser bevæger sig rundt i blandt! Dette er i klar modsætning til interaktiv fiktion, hvor spilleren/læseren har en langt mere aktiv rolle 19 20 Sammenfatning Oversigt! Udforskning af hypermediets yderkanter! Hypermediet vendt på hovedet! Card Sharks er en fuldt forbunden hypertekst - forbindelser opstår og fjernes ved betingelser og udsagn - stadig strukturet, men med en vis del tilfældighed! Thespis - læseren som tilskuer/biperson i et skuespil - tekst udfolder sig efter personernes handlinger! Hyperfiktion! Storyspace! Card Shark/Thespis! Recap! Eksamen 21 22

Hypermedier! Hypertekst - ikke-linær tekst, der let kan navigeres typisk ved hjælp af en computer! Hypermedier - generalisering til at dække en kombination af alle medietyper! Centrale begreber for navigationelt hypermedier - nodes, links, ankre! Andre hypermedier har andre struktureringsmekanismer! Strukturer (links etc.) kan gemmes internt i de involverede dokumenter/resourcer eller eksternt i en særlig linkbase eller fil Klassiske systemer! KMS - et af de første kommercielle hypermediesystemer - frames, indlejrede envejs links, hierarkisk ordning! InterMedia - eksterne to-vejs links, avanceret grænseflade, links gemt i Webs! Notecards - kort (af ubegrænset størrelse), to-vejs links, grafiske browsere, idéudvikling, let udvidbar eksperimentel platform - udgangspunktet for Seven Issues, en række indflydelsesrige (og stadig relevante/interessante) overvejelser omkring fremtidens hypermedier 23 24 World Wide Web! Et enormt og simpelt hypermediesystem baseret på - URL: Navngivning af resourcer - HTTP: Protokol til filoverførsel - HTML: Dokumentformat! Arkitekturen er simpel klient/server - server: Web serveren - klient: Web browseren! Links: - indlejrede - envejs Dynamiske Web Sider! To muligheder: - server-side - client-side! Server-side! CGI - scripting i f.eks. PHP! Client-side - JavaScript og AJAX - Dynamisk HTML v.hj.a. DOM og CSS 25 26

XML og Det Semantiske Web! HTML er for begrænset (kun egnet til dokumenter)! XML er et metaformat, hvormed man kan definere sine egne sprog til data beskrivelse! XML repræsenterer data! CSS og XSLT håndterer præsentation! Mængder af formater baseret på XML og manipuleret v.hj.a. CSS, XSLT og andre programmer! Semantic Web - forsøg på at skabe et lag af veldefineret metadata oven på web - den globale vision er problematisk/umulig, men Semantic Web er ganske praktisk indenfor specifikke domæner Wikis/blogs! Realisation af Tim Berners-Lees vision om the intercreative web! Muligt for den enkelte at publicere sit eget materiale og kommentere på andres arbejde! Rækkende fra rent personlige blogs over store nyhedssites til store projekter som Wikipedia! Mange teknologier kendt fra ældre systemer genskabt i wikis/blogs! Teknisk ret simple hemmeligheden ligger i den sociale interaktion 27 28 Åbne hypermedier Åbne hypermedier/www! Kombination af åbne hypermedier og WWW! Meyrowitz: Why we are all doing hypertext wrong! identificerede lukkethed som primær barriere for hypermediets udbredelse! Åbne hypermedier - integration af tredjepartsapplikationer v.hj.a. hypermedier - stærke hypermediemodeller - grænsefladeudfordringer! Typer - Server / Proxy / Browser! Distributed Link Service - Generic links velegnede til WWW! Arakne Open Fluid - Avancerede annotationsmuligheder! WWW velegnet til udvidelse p.gr.a. af åben arkitektur og standarder 29 30

Web 2.0 (Geo)Spatiale hypermedier! Et paraplyudtryk, der dækker over en række forskellige fænomener - sociale netværk - webapplikationer - netværkseffekt - åbenhed - interoperabilitet på tværs af (web)systemer! Nedbryder det klassiske interaktionsmønster på WWW v.hj.a. AJAX! Hypermedier er andet end links og ankre! Spatial arrangement kan anvendes som struktureringsmekanisme - mindsker risikoen for premature structuring! (Virtuel) information kan placeres i forhold til (konkrete) positioner i geospatiale systemer! Browsing with your feet! Den personlige kontekst er den ordnende mekanisme 31 32! Hyperfiktion! Storyspace! Card Shark/Thespis! Recap! Eksamen Oversigt Eksamen! 10 minutters foredrag baseret på trukket spørgsmål - ingen forberedelse! 5 minutters samtale indenfor pensum! Spørgsmål - Klassiske hypermediesystemer - Det dynamiske og semantiske web - Åbne hypermedier - Blogs og wikis - Web 2.0 - Andre hypermediedomæner 33 34

Eksamen simple råd! Lav prøveforedrag i forvejen - vigtigt med hensyn til både tid og indhold! Fokusér på det væsentlige og essentielle - 10 minutter er forbløffende kort tid - det er meget værd at kunne demonstrere overblik - hvis vi ønsker yderligere detaljer, kan vi spørge! Brug tavlen! - dét, som du har skrevet, bliver stående, når du er gået! Læs ikke op af dispositionen - En disposition består af stikord; det er ikke en tale Eksamen flere simple råd! Giv os et hint om hvad du har tænkt dig at fortælle - start med at skrive en (kort) disposition op på tavlen - så ved vi, hvad du vil sige - og tror på, at du kan styre din tid! Fortæl så din historie! Afslut med en (kort) opsummering/konklusion, hvor du viser overblikket og måske peger i andre retninger - det er også godt, for så har du sat os på sporet til yderligere spørgsmål 35 36 Eksamen endnu flere simple råd! Bliv ikke trukket ned af detaljer! - det går der alt for meget tid med! Først: Hvad og Hvorfor?! Derefter: Hvordan?! I skal dominere jeres tid! - ellers bliver vi nødt til at fylde tiden ud 37