Organisering av ikke- sekvensielle tekster Anders Fagerjord, IMK

2 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) T-bane og butikk Skjønner du dem, skjønner du hypertekst

3 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hvor er jeg?

4 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hva finnes her?

5 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hvor kan jeg gå?

6 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hvor er jeg? Hva finnes her? Hvor kan jeg gå?

7 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hvor er jeg? — logo Hva finnes her? — overskrift Hvor kan jeg gå? — lenker

8 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Granularitet Hvor stor skal en node (side) være? — så stor at den kan stå alene — så liten at den bare sier én ting Da er det lett å lage lenker og bokmerker.

9 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Artikkelside

10 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Oversiktsside

11 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Smakebitside

12 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Dagens oppgave: Mozart Organiser dette til et nettsted: 6 bilder av Mozart 1 bilde av Wolfgang, faren og søsteren 1 bilde av Praha 1 bilde av Mozarts hus i Wien En kort tekst om Mozart En oversikt over livet hans En kort artikkel om Mozarts år i Wien En artikkel om Mozarts operaer Handlingen i operaen Don Giovanni En artikkel om Don Juan-myten Utdrag fra filmen Amadeus: Mozart spiller konsert Keiseren forbyr Figaros bryllup Leopold dør, og blir skrevet inn i Don Giovanni Leopolds spøkelse bestiller Requiem Tryllefløyten har premiere Mozart dikterer Requiem på dødsleiet Musikk: En arie og en duett fra Don Giovanni En arie fra Figaros bryllup «Dies Irae» fra Requiem En rondo fra en klaverkonsert

13 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Gruppeoppgaven: Adaptasjon Elevene deres skal ha prosjektarbeid om adaptasjon. De skal jobbe i grupper med å skaffe stoff om emnet, og organisere stoffet i en digital sammensatt tekst, i form av et foredrag illustrert med Powerpoint-bilder. Dere skal lage to presentasjoner og et notat: 1. Lærerens presentasjon (sammensatt tekst) som innleder og forklarer og aktualiserer prosjektarbeidet. 2. Et eksempel på en god elevbesvarelse slik du ønsker den skal være. 3. Skriv et kort notat der du/dere redegj ø r for hvordan prosjektarbeidet er tenkt organisert. Legg spesiell vekt p å hvilken rolle de sammensatte tekstene skal ha. Begrunn hvordan du har valgt å bruke teksttypene i arbeidet Maks 5 sider. Minst to sider skal kombinere to teksttyper. På CD-ene finner dere stoff til to adaptasjonsprosjekter: Ibsen: Tre videoversjoner av slutten på Et dukkehjem, og et hørespill. Dessuten ligger masse materiale på ibsen.net Tolkien: Slaget i Helm’s Deep på engelsk, bokmål og nynorsk, på film, og som dataspill. Et godt startsted for Tolkien er og

14 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) En 2500 år gammel arbeidsrekkefølge Inventio: finn stoffet som skal med Dispositio: finn en egnet organisering Elocutio: utform alle detaljer

15 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Finne stoff (inventio) Skaffe stoff Lage stoff Bruke blyant

16 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Ordne stoffet (dispositio) Granularitet Velge form Linje Stjerne Nav Hierarki Informasjonsarkitektur Butikk Wurman Rosenfeld og Morville

17 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Utforme sidene (elocutio) Leserens tre spørsmål Sidetyper Artikkelside Oversiktside Smakebitside Lenketyper Presentasjonslenker Navigasjonslenker Relasjonslenker Vise hierarkiet visuelt Vise hva som er lenker Gjøre budskapet synlig

18 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

19 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Linje

20 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

21 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Stjerne

22 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Nav

23 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

24 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

25 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hierarki

26 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

27 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

28 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

29 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Nett

30 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Nett med oversiktssider

31 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Saul Wurmans prinsipper for organisering Sted Tid Størrelse eller viktighet Alfabet Emne Wurman, Richard Saul. Information Architects. Zürich: Graphis, 1996.

32 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Rosenfeld og Morville Handling Publikum Metaforisk Emne Rosenfeld, Louis, and Peter Morville. Information Architecture for the World Wide Web. 2nd ed. Sebastopol: O'Reilly, 2002.

33 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Dagens oppgave: Mozart Organiser dette til et nettsted: 6 bilder av Mozart 1 bilde av Wolfgang, faren og søsteren 1 bilde av Praha 1 bilde av Mozarts hus i Wien En kort tekst om Mozart En oversikt over livet hans En kort artikkel om Mozarts år i Wien En artikkel om Mozarts operaer Handlingen i operaen Don Giovanni En artikkel om Don Juan-myten Utdrag fra filmen Amadeus: Mozart spiller konsert Keiseren forbyr Figaros bryllup Leopold dør, og blir skrevet inn i Don Giovanni Leopolds spøkelse bestiller Requiem Tryllefløyten har premiere Mozart dikterer Requiem på dødsleiet Musikk: En arie og en duett fra Don Giovanni En arie fra Figaros bryllup «Dies Irae» fra Requiem En rondo fra en klaverkonsert

34 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Relasjonslenker Presentasjonslenker Navigasjonslenker

35 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

36 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

37 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

38 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

39 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

40 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

41 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hva er det du vil si? Pass på at ikke designet kommer i veien

42 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Veldig viktig Mindre viktig ikke særlig viktig

43 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Microsoft, 2004

44 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Microsoft, 2006

45 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

46 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Netscape

47 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Danilo Black USA

48 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Bøker Musikk Sport Reiser Moro Hobby Dyr

49 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Bøker databøker en bestemt bok

50 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Data-bøker Bøker Musikk Sport Reiser Moro Hobby Dyr

51 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Hva kan jeg klikke på?

52 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Relasjonslenker i teksten

53 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Relasjonslenker i boks

54 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK)

55 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Nytt forsøk: papir og blyant

56 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Endringer i presentasjonen: Satte inn oversiktssider Lagde hyperlenker til enkeltsider Satte inn lenker til oversiktssidene i Master Slide

57 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Lagde førstesiden

58 > Organisering av hypertekst FinneOrdneUtforme Institutt for medier og kommunikasjon (IMK) Organisering av hypertekst Finne Skaffe stoff Lage stoff Bruke blyant Utforme Tre spørsmål Sidetyper Lenketyper Vis hva du har Ordne Granularitet Velge struktur Informasjonsarkitektur