Eksamensprosjekt Multimediaproduksjon IMT1071

Like dokumenter
Først nå starter du programmet Final Cut Express på egen Mac.

innenfor grafisk design i fremtiden. Dette fordi jeg selv ønsker at jeg en dag vil bli en av dem.

Introduksjon til Klubb-TV

Brukerveiledning til Windows Movie Maker. Et grunnleggende videoredigeringsprogram i Microsoft Windows

Rapport Oblig 08 - Flash galleri og banner.

Lage DS i Windows Movie Maker

DV - CODEC. Introduksjon

Gruppe nr. BO15-G16 - Fiksjonsfilm

Linn Heidenstrøm Bedriftspraksis Høgskolen i Østfold Avd. Remmen

Administrering av SafariSøk

Hva gjør du? Er det mine penger? Nei, du har tjent dem. Behold dem.

Hurtigstartveiledning

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

Fride K. Riseng. Brukermanual til workshop: «P Å S K I O V E R S A H A R A» Skokloster, (Se også

NY PÅ NETT. Operativsystemer

>> på Studenter

Oblig 06. Person, Product and Natural Lighting Laila-Marie Rosland

Aktiviteter elevrådet kan bruke

Ny på nett. Operativsystemer

Rapport: 2.oktober 2009

Camtasia Studio 8. Kom i gang guide. Marianne Lindstad

Innføring i bruk av Klikker 4

Thursday, August 19, Web-prosjekt

borealis vignett Øyvind Kristiansen 2MKA Medieproduksjon 15. mars 2010

Denne versjonen av Minetegn blir synkronisert med Minetegn-appen slik at du får se de samme tegnene i nettversjonen og i Minetegn-appen.

OBLIG 2 WEBUTVIKLING

Rapport prosjekt til fordypning

Studentevaluering av undervisning. En håndbok for lærere og studenter ved Norges musikkhøgskole

Hurtigveiledning for «PLEXTALK Pocket» online spiller

Prøveeksamen høst 2011

Geometra. Brukermanual. Telefon:

Installasjon av Nett-TV-meter Trinn for trinn

MedAxess WinMed Brukermanual

Hurtigstartveiledning

Komping_. Maya particles ble brukt for å lage støv og tåke effekter til bruk i etterarbeidet.

Verdens beste musikkvideo er en praktisk filmproduksjon, der elevene får delta i alle prosessene med å lage en musikkvideo.

Hurtigveiledning for «PLEXTALK Linio Pocket» online spiller

Forprosjektrapport. Universelt LæringsVerktøy (ULV) Å lage en læringsplattform som tilfredsstiller alle krav til universell

ATI REMOTE WONDER Installeringsveiviser

Installasjon InfoMediaPlayer:

Pong. Oversikt over prosjektet. Steg 1: En sprettende ball. Plan. Sjekkliste. Introduksjon

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider

Communicate SymWriter: R1 Lage en tavle

Nye klipp til Scene 17

King Kong Erfaren Scratch PDF

Tegneprogram Journeyman Scratch PDF

Brukerveiledning Windows Movie Maker

NY PÅ NETT. Enkel tekstbehandling

Videoredigering i Windows Movie Maker

Komme i gang med Skoleportalen

Generell brukerveiledning for Elevportalen

Refleksjonsnotat Web.

LESE-TEST. (Nivå 1 - GNO)

Om ulike typer videoressurser i undervisningen

STATUSRAPPORT 3: Produksjon av nettside for Skjerdingen Høyfjellshotell.

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Brukerhåndbok Nett-TV-meter

Håndbok for Office 365

Teknologiske forklaringer LEGRIA HF R48, LEGRIA HF R46, LEGRIA HF R406 og LEGRIA HF G25

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

Testrapport Prosjekt nr Det Norske Veritas

Gjennomføre et møte. MeetAt Datamøte

Eksamen. Innføring i informasjons- og kommunikasjonsteknologi

Formatering og bruk av bilder på Hemings hjemmeside

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

Kom i gang med E-Site

Brukerhåndbok CabinWeb Bruker

Du har sikkert allerede startet noen programmer ved å trykke på kontrollknappen. VINDUER = WINDOWS

Inf 1510: Kræsjkurs i videoproduksjon. Rune Rosseland 20/04/2015

Test of English as a Foreign Language (TOEFL)

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Sørum i Kunnskapsskyen

I ÅS FORSLAG TIL LØSNING

Bruk av oppgaver og grupper i

For å administrere filer i InfoMediaPlayer må du logge inn på din InfoMediaServer. Har du ikke tilgang til denne, ta kontakt med infostation.

Det var ikke lov til å bruke tekst på plakaten og den skulle ha målene cm, en

Slik lager du et web-område bestående av flere sammenhengende websider i. Frontpage Laget av Magnus Nohr Høgskolen i Østfold

SkjermKontroll en veileder for bruk og innstillinger

DAGBOK. Patrick - Opprettet blogside for å kunne legge ut informasjon om hva som skjer underveis i prosjektet.

Tryll bort heksa. Introduksjon. Sjekkliste Følg instruksjonene på lista. Huk av etter hvert. Test. Lagre 2/8

Forprosjektrapport. Bachelorprosjekt i informasjonsteknologi ved Høgskolen i Oslo og Akershus, våren Pillbox Punchline

Vedlegg Brukertester INNHOLDFORTEGNELSE

3. Hva er de sentrale tekniske nyvinningene i arbeidet?

Last ned Video i praksis - Jarle Leirpoll. Last ned. Last ned e-bok ny norsk Video i praksis Gratis boken Pdf, ibook, Kindle, Txt, Doc, Mobi

storemore Stor lagringskapasitet

En enkel lærerveiledning

ff Brukermanual ebladadmin Pro

Hvordan gjøre fjernhjelp til noen som ønsker hjelp med Hageselskapets portal? Av Ole Petter Vik, Asker Versjon

Årsplan i valgfaget medier og informasjon 2016/17. Årsplan i valgfaget medier og informasjon 2016/17 Lærer: Ståle Tangset

PHOTO STORY 3 BRUKERVEILEDNING TILRETTELAGT AV JAN HALLSTENSEN LGA SKOLENES IT-SENTER

Manual for elever ved 10. trinn som vil klargjøre skole-pc for hjemmebruk etter endt skolegang ved Tromsøskolen

JahtiJakt videobriller

Brukerdokumentasjon for LabOra portal - forfattere

School project 9 Tutorial (Basic Premiere pro CS4 import & export with right settings)

Om du allerede kjenner Scratch og har en Scratchbruker kan du gå videre til Steg 1.

Før i tiden krydde det av små sjapper TA MED UNDERHOLDNINGEN PÅ TUR:

MUS Interaktiv Musikk

Transkript:

Eksamensprosjekt Multimediaproduksjon IMT1071 Vegard Bogstrand 050696 - Mediemanagement Rune Vegard Bakken 050729 - Informatikk Kate Renate Blomberg 050847 - Mediemanagement Eirik dè Ferry Smith 050645 - Mediemanagement Våren 2006

Sammendrag Utgangspunktet for vårt prosjekt var å produsere en video på engelsk med varighet på 3-4 minutter, som skulle publiseres på en egenprodusert nettside. Videoproduksjonen skulle være en undervisningsvideo innen et selvvalgt tema og hele arbeidsprosessen skulle dokumenteres i en rapport. Ett eller to av prosjektene blir valgt ut til å representere HIG i en konkurranse knyttet til DIVERSE konferansene. Derfor må videoen være på engelsk, eller tekstes der det benyttes norsk tale. 2

Innhold Sammendrag................................................................................. Innhold......................................................................................... Innledning..................................................................................... Forundersøkelser............................................................................. Organisering.................................................................................. Planleggning.................................................................................. Mål.............................................................................................. Datautstyr og programvare.................................................................. Produksjonsprosessen...................................................................... Bearbeiding og integrasjon av medieelementene........................................ Kilder og referanser............................................................................ Konklusjon..................................................................................... Møtereferat.................................................................................... 2 3 4 5 6 6 16 16 17 19 22 23 24 3

Innledning Innleveringen skulle være på CD eller DVD-ROM med ferdigredigert film som DV PAL og rapporten i PDF format. I tillegg skulle den inneholde webside med integrert Flash Video og linker til Windows Media 9 700 kbps fil og Quicktime 700 kbps fil. På websiden var det også krav om en beskrivelse av prosjektet på rundt 300 ord, på engelsk. Vi startet prosjektet med å ha et møte hvor brainstorming stod i fokus, for å få alle ideer på bordet. Vi endte opp med å bli enige om at vi skulle ha både innendørs og utendørs filming, med forskjellig type lys. Det skulle også brukes lyd og musikk, for å vise at vi har kontroll på de tekniske tingene ved lys og lyd når vi filmet og i redigeringen. Historien vi endte opp med var at vi skulle følge to personer, hvor person 1 er godt forberedt og motivert til alt han foretar seg. Han tar de rette valgene og gjør en «god karriere». Person 2 er motsetningen til person 1. Han bryr seg lite om å ta rette valg i livet og tar en dag av gangen. Person 1 gjør mye av skolearbeidet på skolen og får det unnagjort på en god måte. Person 2 er typen som helst bare spiller data og ikke bryr seg så mye om skolearbeidet. Storyen er bygget opp på at vi har to paralelle handlinger, slik at vi hele tiden kan se resultatet av forskjellige valg som tas. Begge personene er en og samme person, men vi får altså se hvilket utfall det har med to forskjellige holdninger til tilværelsen, og hvor det vil føre han videre. Budskapet er rett og slett, «ta de riktige valgene i livet». «Deadline» for innlevering var 30 mai, men vi satte det første målet på 1 mai. Etter en tids jobbing innså vi at dette ikke var realistisk og justerte derfor målet til 10 mai. Dette målet jobber vi fortsatt mot og det ser ut som vi klarer det akkurat. Evalueringskriteriene vi hadde å forholde oss til var: Opptak av video Bildeutsnitt Eksponering Fargebalanse/hvitbalanse Lydkvalitet Lyssetting Redigering Bruk av lyd Klipp (klipperytme, klipplengde) Unngå harde klipp Relevant bruk eller ikkebruk av overganger og effekter... Rulletekst med navn til alle gruppemedlemmer 4

Fortellerteknisk Idé/strory Bruk/vurdering av dramaturgisk modell Bruk av virkemidler (cliffhanger, flashback, paralelle handlinger...) Gjennomført form og stil Helhetsinntrykk Teknisk kompleksitet Format på videoene CD skivens innhold Engelsk beskrivelse av prosjektet på websiden Skriftlige rapporten Utforming Disposisjon Informasjonstetthet Forundersøkelser Innhente informasjon om hvordan lage websiden og hvem som kunne passe til den jobben var den største utfordringen vår, da ingen av oss har laget en webside tidligere, og dermed hadde begrenset med kunnskaper om emnet. Vi valgte å bruke alt av litteratur og medier for å innhente mer kunnskap om temaet, men Internet og notater fra forelesninger var hovedkildene. Det ble ikke valgt noen prosjektleder men vi hadde alle ansvar for hvert vårt felt og for å levere til avtalt tid og kvalitet. Store oppgaver ble løst i fellesskap, mens de mindre viktige ble besluttet på egen hånd. Vi kom frem til at websiden www.tv.com hadde et oppsett og layout som passet til vårt prosjekt, og vi ville derfor bruke den som inspirasjon. Ellers ble studieassistent og lærere spurt flittig når vi ønsket innspill og kommentarer. 5

Organisering Vi fordelte oppgaver utifra kunnskaper og ønsker fra deltakerne i gruppa. Arbeidsfordelingen ble som følger: Vegard Bogstrand: Skuespiller, redigering og rapportskriving. Rune Vegard Bakken: Redigering og webside, med fokus på design, navigasjonsstruktur og programmering av websiden. Kate Blomberg: Manus, storyboard, skisser og kjøreplan. Eirik Smith: Manus, storyboard, skisser, kjøreplan og layout/oppsett av rapport i InDesign. Planlegging Manus INTROSCENE: INT. STUE, HJEMME HOS HOVEDPERSON A Person A sitter hjemme i sofaen å leser utdanningsbrosjyrer. Han nikker fornøyd på hodet i det han finner noen interessante studier ved Høgskolen i Gjøvik. Slenger fra seg brosjyren på studebordet. Dette slik at bros - jyrens fremside med Høgskolens navn blir synlig for publikum. 6

INT. GUTTEROMMET, HJEMME HOS HOVEDPERSON B Person B leser samme studiekatalog som person A. Vedkommende sitter forran datamaskinen, noe hengslengt med bena på pulten, og man hører musikk i bakgrunnen. Interessen for Høgskolen i Gjøvik synes ikke så åpenbar, å han kaster studiekatalogen fra seg på gulvet. Han klikker seg inn på internett, da interessen for damebilder er større. Halvnært bilde av halvnaken dame på skjerm sett gjennom person B sine øyne. Kameraet panorerer over damekroppen, blikket fes - ter seg først ved puppene, så hoftene. Ååå mm ooh Ansiktsutrykket til person B levner ingen tvil. Tilfredse an - siktsutrykk understreker dette. Han liker åpenbart det han ser. INT. Gjøvik Jernbane stasjon. Perrongen. Toget kommer kjørende inn på perrongen ved Gøvik jernbanestas - jon. Toget stopper. Dørene åpnes. Ut kommer person A med sekk på ryggen, og tril - lebag i håndet. Han tar et skritt ut fra toget og stopper opp. Ser seg omkring. 7

Perrongen ses gjennom hans øyne. (A) Blikket går først til venstre, så til høyre. Personen ser mot høyre, så venstre. Forsvinner til høyre ut av bildet. INT. Kart over Gjøvik, Land og Toten. Spaseringen bort til kartet over Gjøvik, land og Toten, ses gjennom hans øyne. Studerer kartet for å finne de opplysningene han trenger. Kartet ses gjennom hans øyne. Går nærmere kartet, for å finne Gjøvik. Stedfester, nikker og går videre. INT. Gjøvik sentrum. Spaseringen ut mot Gjøvik sentrum, ses gjennom hans øyne. 8

Kameraet står igjen, mens person A går mot sentrum. KUTT TIL: INT. Innvendig i en bil. Person B ankommer Gjøvik med bil. Sitter rolig og avslappet, med den ene armen ut av vinduet. Ser i speilet, frem og til venstre. Bilen runder en sving i stor hastighet. Den avslappende hold - ningen vises ved at armen henger ut av vinduet. Bilen passerer et skilt, hvor Gjøvik og Lillehammer står opp - ført. INT. Utenfor skolen. Person A ankommer skolen på sykkel. INT. Inngangspartiet ved Høgskolen i Gjøvik Person a har parkert sykkelen. For å komme inn, må han dra ko - rtet og taste sin personlige kode. Grønt lys på displayet, døren åpnes. Personen går inn, og forsvinner ut av bildet. 9

INT. Ute i skolegården. Person B røyker. Tar noen drag, men ser ikke tilfreds ut. Røyken stumpes hardt ned i askebegeret. INT. Lesesalen på skolen. Person A studerer ved en pult. Ved siden av har han kaffe og vann. INT. Kantinen ved skolen. Person B sitter henslengt foran fjernsynet i kantinen og ser på The Voice. Med bena på bordet slapper han av. INT. Lesesalen på skolen. Person A drikker litt av den medbrakte kaffen. Begynner å bli lei, hvilket vises gjennom hans hengende holdning. INT. Klasserom ved skolen. En klokke på veggen viser at den har blitt 9. 10

Eksamen. Person A er tilstedet, men ikke B. Klokken viser videre forskjellige tider, for å vise at person A er flittig og sitter tiden ut. Person B er sent ute til eksamen. Dette understrekes ved den høye hastigheten. INT. Innvendig i en bil. Tiltross for høy hastighet, har person B en slapp gi-faen holdning. INT. Parkeringsplassen på skolen. Bilen passerer skoleområdet i stor fart, på veg til parkering - splassen. Person B tar det med ro ut av bilen. En ølboks detter ut av bilen, hvilket understreker hans slappe, rotete holdning. Bok - sen blir sparket borti, før han går ut av bildet. INT. Klasserom. Eksamen pågår fortsatt. Person A skriver flittig, hvilket un - 11

derstreker hans personlighet og vilje. INT. Korridor på skolen. Person B kommer slentrende inn i bildet. Tar tak i dørhånd - taket hvor eksamen pågår. Over the shoulder shot på person B. En lapp på døren viser at eksamen pågår. Person b tar i dørhåndtaket, men den er låst. Han går rolig tilbake samme vei, som om å ha gått glipp av eksamen ikke var av særlig stor betydning. INT. Klasserom. Klokken har blitt ett, hvilket vises på klokken. Klasserom - met er i ferd med å tømmes for studenter, men person A sitter igjen. INT. Utenfor studenthjemmet. Det har gått en tid og eksamensresultatene ligger i postkas - sen. Person A åpner brevet og jubler over en velfortjent A. 12

INT. Utenfor studenhjemmet. Person B har også fått eksamensresultatet i postkassen. Karakteren er som personen, meget slapp. Hans holdninger gjenspeiles i karakteren F. Reaksjonen er aggressiv, hvilket vises gjennom tale og idet han slår igjen postkassens lokk. FADE TIL SORT. SLUTT 13

Planlegging Storyboard 14

Planlegging Skisser Total. Person 2 Total. Person 1 Nært. Person 2 Nært. Person 1 «Person 2 er motsetningen til person 1. Han bryr seg lite om å ta rette valg i livet og tar en dag av gangen». «(...) person 1 er godt forberedt og motivert til alt han foretar seg. Han tar de rette valgene og gjør en god karriere». 15

Mål Ved prosjektslutt skal vi ha: Komplett hjemmeside med funksjonelle knapper som leder til bilder, video og kort rapport. Video som lever opp til tekniske krav, oppgavebeskrivelse og våre egne forventninger. Rapport som gir et inntrykk og beskrivelse av hvordan vi har jobbet som gruppe og har levert i henhold til oppgaven. Gitt seeren av videoen en økt forståelse for at de valg han tar i livet vil ha noe å si for fremtiden. Økt vår egen kunnskap når det gjelder videoproduksjon, lage webside og publisere video på en webside. Økt kompetanse innenfor prosjektarbeid, oppgavefordeling og sammarbeid. Økt typografisk kunnskap, da særlig med tanke på layout på webside og rapport. Datautstyr og programvare Datautstyr: - PC (Windows) - Skriver - DVD/CD-brenner - Panasonic DV Kamera med intern og ekstern mikrofon. - Lysutstyr (3 lamper med stativ og filter) Programvare: - Adobe Premiere Pro 1.5 - Adobe InDesign - Adobe Photoshop - Internet Explorer - Opera - Mozilla Firefox 16

Produksjonsprosessen Vi startet med å ha jevnlige møter en dag i uka, for å planlegge prosessen, fordele oppgaver og få en oppdatering på hva de enkelte jobbet med (se møtereferater). Dette var viktig for å se hvordan prosjektet lå i forhold til tidsskjema. Kvaliteten på det ferdige produktet må være som forventet av sensor og av de som skal se og bruke websiden med tilhørende materiale, som video, bilder og rapport. Helst burde resultatet overgå sensors forventninger, for å være med å kjempe i toppen. Noe annet kan man rett og slett ikke ha som mål. Med deadline 30. mai (10 Mai) så vi ikke at det skulle bli noe problem å bli ferdig i tide. Om det oppstår uforutsette ting vil vi ha mer enn nok tid til å innhente hjelp, ekspertise eller vi rett og slett bare må jobbe flere timer selv. Dette var faktisk noe vi fikk føle på kroppen da to av seks medlemmer i gruppa ikke kunne være med på prosjektet idet vi skulle starte planleggingen. Så derfor endte vi på 4 medlemmer og ble nødt til å fordele flere oppgaver på hver person. Det er ingen faremomenter når det gjelder kildebruk i dette prosjektet, da vi bortsett fra musikken gjør alt selv. Musikken er innhentet fra en person som kaller seg DJ Zral som har gitt oss tillatelse til å bruke hans verk. Under filmingen ble ansvar for lys, lyd og filming fordelt på tre personer, og den fjerde var da skuespiller. Vi valgte å ta mange opptak av samme scene for å ha mer råmateriale å jobbe med. Det var noe vi ikke kom til å angre på når vi fikk lastet inn videoen i Premiere Pro og fikk se det vi hadde filmet. Selv om det var nøye planlagte scener dukket det til tider opp både mikrofoner, ledninger og lyskastere i skjermbildet. Ting som flyttet seg på bordet og forskjellige typer klær på to opptak som skulle være på samme tid er også noen eksempler. Man har rett og slett så mange ting å tenke på at det går litt over stokk og stein som ferske fotografer og skuespillere. På grunn av alle opptakene fikk vi alltids noen vi kunne bruke. Kreativitet i redigeringsprosessen kom også godt med. Resultatet til tross, ble veldig bra. Vi innså tidlig at vi var nødt å lage en video med bare tabber fra prosjektet. Det ble en veldig morsom filmsnutt som vi besluttet å legge på websiden for å vise at tross et til tider vaklende utganspunkt kan resultatet bli veldig bra, og at man må ta høyde for uforutsette ting underveis i prosessen. Råmaterialet ble grovredigert for å få handlingen riktig, før det ble lagt mange timer i finredigering. Når denne prosessen var over ble lyden redigert og justert, før vi til slutt la på musikk. 17

Det er utrolig hvor lite som skal til for at et dårlig klipp ser bra ut. Bare noen tiendedels sekund kan gjøre underverker. Det vanskeligste var å få myke overganger i lyd der det var mye bakgrunnsstøy, men resultatet ble tilfredsstillende etter mye finpuss. Det var en stor utfordring både å redigere lyd og bilde da ingen av oss har gjort dette noe særlig før, og langt mindre i Premiere Pro. De første dagene gikk dermed med til mye prøving og feiling for å lære seg funksjoner og hvilke muligheter som lå i programmet. Vi startet med å ha tre møter for å bli enige om alt som skulle gjøres og fordele oppgaver. Selv om vi ikke satte opp mer som 3 faste møter, kommuniserte vi underveis via e-post, sms, telefon, MSN og hadde korte briefinger på skolen, for å oppdatere hverandre om framgangen i prosjektet. Alle på gruppa ble enige om en meget åpen arbeidsmetode hvor alle stod fritt til å jobbe når og hvor de ville, bare de leverte til avtalte frister. Underveis var det dialog mellom gruppedeltakerne, og alle syntes dette var en fin måte å jobbe på. Hadde vi vært flere gruppemedlemmer hadde nok en strammere arbeidmetode vært nødvendig. Parallelt med redigeringen foregikk det jobbing med websiden og finpuss av manus, storyboard etc som skal med i rapporten. Fordelingen av oppgaver fungerte veldig bra og alle tok ansvar for det de skulle gjøre. Den skriftlige rapporten, manus, storyboard, skisser og kjøreplan ble sendt til Eirik Smith, som brekket det om i InDesign og konverterte det over til PDF. Denne filen ble så sammen med den ferdige videoen sendt til Rune Vegard Bakken som tilpasset alt til websiden og lagret det på en DVD, klart til levering. 18

Bearbeiding og integrasjon Hjemmesiden skulle være prosjektets ansikt utad, kort og godt et sted der vi presenterte filmen vår, hvor vi fortalte litt om prosjektet og et sted der vi fortalte litt om oss selv. I tillegg skulle det ligge linker til filmen både i Quicktime og Windows Media 9 format, samt en flashbasert utgave av filmen som ble streamet fra hjemmesiden. Vi ble tidlig enige om at hjemmesiden skulle være enkel, men samtidig ta i bruk de grunnleggende elementene innenfor html og css. Det ble også bestemt at selv om hjemmesiden knapt nok skulle være en plakat utad, skulle vi forsøke å ta i bruk det vi hadde hatt forelesning om. Siden ingen på gruppa fra før hadde noe særlig erfaring med produksjon av hjemmesider, ble det bestemt at Rune Vegard skulle ta seg av denne delen, siden han går informatikk og har mest erfaring med koding. Før arbeidet ble satt i gang fikk alle en mulighet til å komme med innspill på hvordan utformingen av hjemmesiden skulle være. Til slutt kom vi frem til at utseende på www. tv.com var god og lett å navigere i. Derfor ble denne siden lagt til grunn som en liten mal, selv om dens tekniske kompleksitet er skyhøyt over det målet vi strakk oss etter. De elementene som ble videreført fra tv.com var den statiske bakgrunnen. Dette tar seg fint ut på de fleste hjemmesider og bidrar til et ryddig førsteinntrykk. Plassering av selve headeren og banneren gir ikke rom til mye kreativitet og den ble naturlig nok også hos oss plassert helt i toppen av siden. Menylinjen ble på samme måte som tv.com plassert under banneren. Dette bidrar til at knappene er lett synlig allerede fra starten, samtidig som det er såpass standard at folk flest vet hvor de finnes. Dessuten kan brukeren alltid finne de igjen ved å navigere til toppen av siden. Man kan på den måten aldri gå seg bort. Til slutt har vi footeren som er plassert nederst på siden. Her er det vanlig å legge til en notis vedrørende skaperen av siden. Her har vi kort og godt lagt inn gruppenummer og klasse prosjektet tilhører. Til sammen skaper disse elementene et rammeverk rundt innholdet av siden og bidrar på den måten til å skape en sammenheng og navigasjonsstruktur som brukeren finner lett å forstå. Før arbeidet ble satt i gang ble det satt ned noen punkter som skulle gjennomføres gjennom hele prosessen i utarbeidelsen av hjemmesiden. Dette gjaldt bl.a. kommentering i koden. Dette er nødvendig av flere grunner, men først og fremst som et hjelpemiddel for den som koder, men også for andre som ønsker en grundigere undersøkelse av siden. 19

Hjemmesiden ble lagd med fokus rundt medieavspilleren. Grunnen til dette er at hjemmesiden først å fremst skulle fungere som et sted hvor vi presenterte filmen vår. Derfor ble hjemmesiden sentralt plassert slik at den kommer frem hver gang noen besøker den. Vi bestemte oss også for å inkludere en presentasjon av oss selv, samt å legge til en liten arbeidslogg hvor vi tar frem deler av arbeidet vi har foretatt oss, inkludert bilder. Siden er bygd opp på en slik måte at alt innholdet ligger lagret i en html-fil og bruker derfor ikke en hieararkisk struktur med hyperlinker mellom html dokumentene. For å kunne vise og skjule ønsket innhold ble det derfor tatt i bruk javascript. Måten dette fungerer på er at delene som naturlig hører sammen har fått sitt eget navn (en div-tag rundt seg) og kan derfor skjules og vises på forespørsel fra bruker. Når siden åpnes første gang blir automatisk den delen som er definert som åpningsside satt til å vises. Brukeren kan så navigere gjennom innholdet ved å bruke knappe-menyen under banneren. I hver knapp er det lagret en kommando som starter koden, som til slutt viser og skjuler ønsket avsnitt. Siden er også kompatibel med browsere som ikke har aktivert javascript. Måten det er gjort på er at i tillegg til javascript-kommdoen, har hver knapp også lagret en kommando som tar brukeren til valgt bokmerke i dokumentet. Knappene kan derfor brukes på samme måte uavhengig om bruker har javascript aktivert. Mediespilleren som er bruket er versjon 1.3 av flow-player fra http://flowplayer.sourceforge.net. Det er en medieavspiller lagd for å kunne vise filmer i.flv format rett fra en hjemmeside. Før filmen kunne legges ut på nett i de rette formatene var vi nødt til å konvertere den ferdigredigerte filmen til Windows Media 9 (for Windows brukere), samt Quicktime (for MAC brukere). Begge to skulle holde en bitrate på 700kbps (inkludert lydsopor). Det ble gjort direkte i Adobe Premiere Pro 1.5 ved hjelp av Media Encoder. Windows Media: For best mulig komprimering er det en stor fordel at høyre og bredden er delelig på 4 og aller helst også 16. Derfor ble oppløsningen satt til 640x480 og bildeoppateringen til 25 bilder i sekundet. Dette fordi at komprimeringsteknikken som brukes på bildene arbeider med blokker på 8x8. Egenskapene til fila var at den ble de-interlaced slik at den er tilpasset pc-monitorer, samt at den ble satt til å ha en bitrate på 700kbps. Aspect Ration ble satt til square pixels, da pcskjermen ikke drar ut pixlene horisontalt slik en tv gjør. Dette inkludert lydsporet. Lydsporet ble satt til 44kHz, 16bit for best mulig kvalitet. 20

Quiktime filen ble satt til.mov sammen med H.264 codecen. På samme måte som Windows Media 9 fila ble oppløsningen satt til 640x480, med 25 bilder i sekundet. Den ble de interlaced og satt til å ha max bitrate på 700kbps. Dette skapte dog noe problemer (se vedlagt bilde og tekstfil vedrørende dette). Aspect Ration: Square Pixels. Lydsporet ble satt til 16 bit ved 44kHz. For å kunne bruke filmen vår i flow-player, var vi nødt til å konvertere film-fila til en f.lv fil. Det ble gjort ved hjelp av Riva sin FLV-Encoder. Det ble tatt utganspunkt i den ukomprimerte DV-PAL fila for å ha best mulig utgangspunkt. Oppløsning på filmen ble satt til 320x240 med 25 bilder per sekund. Bitraten ble satt til 360 for å holde bildekvaliteten oppe. Grunnen til at nettopp den oppløsningen ble valgt var for å holde størrelsen på filmen nede slik at den er lettere å buffre også for de med lavere internetthastighet. Siden både 320 og 240 er delelig på 4 og 16 forenkler/letter dette komprimeringen. Den totale flv fila ble på ~12MB, noe som er overkommelig selv om man sitter på en internettoppkobling med lavere kapasitet (for eksempel isdn). Avspilleren ble konfigurert rundt den ferdige.flv fila og har derfor samme oppløsning. (320x240 263 inkludert avspillingsmenyen). Filmen starter ikke buffring eller avspilling automatisk slik at brukeren selv kan velge når filmen skal startes. Det er også lagt til et splash-image som vises i avspillingsruta når filmen ikke vises. Splash-image et vises dog ikke når nettsiden browses rett fra harddisken, men fungerer fint når den legges ut på og browses fra en web-server. Grunnen til dette er ukjent. Siden ble i utgangspunktet utformet og testet i Mozilla Firefox 1.5, men ble underveis også tilpasset både Opera og Microsoft Internet Explorer. Det er derfor å anbefale å bruke siden i Firefox med javascript aktivert, for å få den best utnyttet. Problemer som oppstod underveis hadde mest med at Firefox, Opera og Internet Explorer har hver sine måter å vise/tolke css på, noe som i praksis vil si at siden ikke vises nøyaktig på samme måte i de tre nettleserne. Firefox og Opera har best støtte for css av de 3 nettleserne og siden ser naturlig nok likest og best ut i de to. I Internet Explorer, som har dårligst støtte for css av de tre, har jeg bl.a. problemer med å midtstille siden, uten at dette er et reelt problem for visningen. I Opera dukket det opp et problem med at bredden på banneren, headeren og footeren oversteg bredden av selve rooten av siden, selv om bildene har en bredde på 696 piksler og rooten er satt til 700 piksler. Det resulterer i at innholdet på siden er litt bredere en kanten på banneren etc. Andre problemer som oppstod ble løst på best mulig måte i forhold til erfaring og kunnskapsnivå. 21

Kilder og referanser Film www.tv.com «Video i praksis» av Jarle Leirpoll. Egne forelesningsnotater fra «Multimedieproduksjon» ved HIG. Musikk av Lars Christian Nyheim (Dj Zral). DIVERSE konferansen http://elisu.gcal.ac.uk/diverse2006/ Oppgaven: http://csalt.lancs.ac.uk/diverse/diversenl0106mod1.htm Oppgaven HIG: http://www.hig.no/imt/index.php?id=249 Kilder og hjelpemidler Web Tross noen småproblemer underveis fungerer siden slik vi ble enige om at den skulle gjøre. Den håndterer avspillingen av filmen direkte fra siden, og den har de nødvendige egenskapene i forhold til oppgaven den skulle gjøre. Den har også innhold utover det strengt nødvendige, som er med på å høyne helhetsinntrykket av siden. Dessuten fungerer den som en oppsummering av arbeidet for oss på gruppa. Notepad Adobe Photoshop CS2 Adobe Imageready CS2 Riva FLV Encoder Mozilla Firefox 1.5 Microsoft Internet Explorer 6 Opera 8 Learning Web Design Second Edition av Jennifer Niederst http://www.w3schools.com Egne forelesningsnotater fra Multimediaproduksjon ved HIG Hjemmesiden Large Images av Øyvind Kolås 22

Konklusjon Som jeg har vært inne på tidligere hadde vi fra før en noe begrenset kunnskap om både det å lage webside, redigere video og sette opp manus, storyboard og kjøreplan. Ikke minst å filme utifra en fastsatt plan var en ny erfaring. Men gjennom dette prosjektet har alle gruppemedlemmene tilegnet seg mye ny kunnskap på de forskjellige arbeidsområdene. Noe gammel kunnskap kom også godt med, for eksempel å brekke om rapporten i InDesign og rapportskriving. Vi har også jobbet litt med Premiere Pro tidligere, så vi startet ikke på helt bar bakke. En ting er vi iallfall enige om, og det er at jo mer kunnskap vi tilegner oss og flere verktøy vi mestrer, desto morsommere er det å produsere produkter til bruk i media. Den økte kunnskapen innenfor rapportskriving, gruppearbeid, samarbeid, prosjektstyring og programvare kommer godt med i andre sammenhenger og fag senere i skole- og jobbsammenheng. Prosjektet ble en litt større jobb enn først planlagt, da vi mistet to gruppemedlemmer. Men alle i gruppa tok den økte arbeidsmengden med positivitet og pågangsmot, noe vi selv mener lyser igjennom i resultatet. Det har ikke vært så stor fokus på tid i prosjektet da tidsfristen har vært relativt god. Så det har vært en mindre styringsfaktor å bekymre seg for. Forhåpentligvis sitter vi igjen med det best mulige resultatet som er oppnåelig med den kunnskapen vi har og innenfor de gitte rammebetingelsene. Vi har også et håp om at vår målgruppe, etter å ha sett vårt bidrag, sitter igjen med et ønske om å prestere i skoleog jobbsammenheng, samt ser at videoproduksjon er morsomt og utfordrende. Vi har iallfall fått mersmak på jobbing med multimedia etter dette prosjektet. 23

Møtereferat Dato: 01 Mars 2006 Sted: Høgskolen i gjøvik Tid: 2:00 Til stede Vegard Bogstrand, Kate Blomberg, Rune Vegard Bakken og Eirik Smith Mål for møtet 1. Fordeling av oppgaver 2. Få på plass en arbeids og fremdriftsplan. En muntlig avtale om tidsfrister og ansvar sområder med tanke på «deadline». Gjennomgang av målene 1. Brainstorming: Humoristisk innfallsvinkel Skolemusikkvideo Rånermiljøet i Gjøvik Tema om mat, mat på skole Skole, studier, bør ha litt dialog Første dag på skolen, hva man bør gjøre, hva man ikke bør gjøre Fotballbana, proff, en med avis, hvordan man skal gjøre det og ikke gjøre det Vanskelig reise til Gjøvik, Gjøvik langt unna. Filme to forskjellige personer som gjør samme ting på to forskjellige måter. En som gjør lekser på skolen, en som forsøker å gjøre lekser hjemme, toget kommer inn på stasjonen, samme utgangspunkt, ender opp forskjellig, parkering, mange småting som påvirker din hverdag. Lang og vanskelig vei til skolen. Slutter på oppropet. Leser opp begge navnene, bare ene er tilstede Slutt. Ene personen må være klønete, ikke helt tilpass, den andre vet hva han skal. Er forberedt. Dypere mening, ta de riktige valgene i livet. Vi ble enige om både innendørs og utendørs filming, med forskjellige typer lys. Det skal også brukes lyd og musikk, for å vise at vi har kontroll på de tekniske tingene ved lys og lyd når vi filmer og i redigeringsprosessen. Neste møte, 03.03.06, kl. 1200. Hovedtema for film Endelig fordeling av oppgaver (dynamisk) 24

Dato: 03 Mars 2006 Sted: Høgskolen i gjøvik Tid: 2:00 Til stede Vegard Bogstrand, Kate Blomberg, Rune Vegard Bakken og Eirik Smith Mål for møtet 1. Diskutere frem en enighet om tema på filmen 2. Endelig fordeling av oppgaver. Gjennomgang av målene 1. Vi skal følge en person gjennom et tidsrom, og se hvilket utfall det har om han tar forskjellige valg i livet. Det blir to prarallele handlinger for å få frem forskjellene sterkere. Dette er også viktig da Vegard skal spille begge personene. Da vil seeren skjønne at det er samme person, men om han tar andre valg i livet. Hadde handlingene vært lagt etter hverandre kan dette lett oppfattes som samme person hvor den ene handlingen foregår etter den andre. 2. Vegard Bogstrand: Skuespiller, redigering og rapportskriving. Rune Vegard Bakken: Redigering og webside, med fokus på design, navigasjonsstruktur og programmering av websiden. Kate Blomberg: Manus, storyboard, skisser og kjøreplan. Eirik Smith: Manus, storyboard, skisser, kjøreplan og layout/oppsett av rapport i InDesign. Neste møte, tirsdag 10.03.06, kl. 0800. Fremdriftsplan for filming, redigering Få på plass historien og manus. 25

Dato: 0 Mars 2006 Sted: Høgskolen i gjøvik Tid: 08:00 Til stede Vegard Bogstrand, Kate Blomberg, Rune Vegard Bakken og Eirik Smith Mål for møtet 1. Fremdriftsplan for filming, redigering 2. Få på plass historien og manus. Gjennomgang av målene 1.Vi ble enige om å filme første helga etter påske. Vi booker utstyr fredag, lørdag og søndag. Etter det starter alle med sine tildelte oppgaver. Redigering skal være ferdig 05. Mai. Rapport med tilhørende manus, storyboard, skisser og kjøreplan skal være ferdig til mandag 08. Mai, slik at Eirik Smith kan starte med ombrekkingen samme dag. Prosjektet planlegges levert 10. Mai. 2. Historien ble diskutert mer i detalj og hele hendelsesforløpet ble spikret. Manus ble grovskrevet og godkjent av gruppedeltakerne. Etter dette går alle hver til sitt og jobber med sine respektive oppgaver, så vil vi møtes innimellom om ønskelig og ved behov. 26