Fagformidling i webdesign: Hobbyside

Oppgave
I denne oppgaven, oppgave 3, skulle vi lage en nettside om "min hobby" eller "mitt hjemsted".
Vi skulle presentere oss selv gjennom bilder og tekst, og skulle selv velge hvor private vi ville være.
Vi skulle tenke logisk oppbygging av nettstedet, og organisere presentasjonen på en hensiktsmessig måte.

Kriteriene for oppgaven var som følger:

• Innholdet skulle settes inn i "div'er".
• Nettstedet, siten, skulle inneholde minst fire sider med lenker mellom sidene.
• Alle sidene skulle inneholde bilder/illustrasjoner.
• Det skulle være en link fra siden til hver vår inngangsportal.
• Alle sidene skulle merkes med navn og "Dette er en øvingsoppgave ved Høgskolen i Telemark, Digial Mediedesign", hvor teksten skulle linke til HiT sine sider om digital mediedesign.

Sidene skulle lastes opp på skolens server.


Min løsning
Jeg tok for meg to av mine hobbyer til denne oppgaven, foto og tegning.
Jeg ville holde det enkelt både designmessig og innholdsmessig.
Jeg ville også holde meg selv ganske privat, og kanskje heller litt mystisk, ved å ikke røpe for mye om meg selv personlig, men heller vise fram litt av det jeg driver med, og hva som interesserer meg.

Jeg kikket gjennom undervisningene tilgjengelige på Fronter, og satt meg inn i hvordan CSS fungerte i Dreamweaver. Etter jeg begynte å forstå hvordan det fungerte, visste jeg hvordan jeg ville at mine sider skulle se ut, og regnet på hvor mye plass jeg trengte til hva, osv.
Dette var første gang jeg jobbet med CSS, så det var litt utfordrende, men jeg tok fort tak i det og det tok ikke lang tid før jeg jobbet uten noe særlig problemer. Dette var gøy!

Jeg jobbet med diver, satt inn body, header, maincontent, footer, meny og linker.
Så fort rammeverket var på plass, begynte jeg å jobbe i Photoshop med header og linkbilder.
Jeg ville ha forskjellig farge på linkbildene når man holder musa over, så dette satt jeg inn som rollover image i Dreamweaver etter å ha laget det i Photoshop.

Jeg forandret fonten og fontstørrelsen på alle CSS-reglene, slik at alle tekst på siden ville ha lik font, for å få et mer helhetlig design på siden.
Jeg la også inn streker under linkene i menyen øverst, og over og under footeren, men jeg ser i etterkant at jeg burde ha tatt vekk strekene under linkene når jeg gjorde dette, ettersom det ble litt mye med begge deler.

Jeg valgte ut bildene jeg ville sette inn på siden, og forandret på størrelsen på disse, slik at de passet perfekt inn der jeg hadde laget bokser for de.

Ettersom jeg ikke hadde fått laget inngangsportal på samlingen, fordi jeg ikke hadde mulighet til å være med på den, måtte jeg lage dette også mens jeg jobbet med denne oppgaven.
Jeg bestemte meg for at jeg ville ha "matchende design", og laget linkbilder med rollover image til alt av linker.

Oppgave 3 - Min Hobby:

http://home.hit.no/~103720/MinHobby.html

Inngangsportal:

http://home.hit.no/~103720/

Fagformidling i filmarbeid: Nyhetsoppslag

Jeg har valgt å ta for meg oppgave 7: TV-mediet. I denne oppgaven skulle vi velge å enten ta for oss nyhetsoppslag eller TV-innslag av en type (f.eks. barne-TV, fakta-program, såpeopera, etc.), skrive litt om et oppslag/innslag vi selv valgte, og deretter lage vår egen versjon.
Jeg valgte å ta for meg nyhetsoppslag,  og måtte deretter skrive om et nyhetsoppslag fra mitt distrikt, for så å lage mitt eget nyhetsoppslag som kunne passe til distrikssendingsformatet.

Del 1: Beskrivelse av et nyhetsoppslag fra mitt nærmiljø

Jeg valgte et oppslag fra mitt "gamle" nærmiljø siden vi skulle ta det fra NRK, så det ble fra NRK Østafjells.

NRK Østafjells
Sendt 11.03.2014
Lengde: 2 min. 22 sek. + 17 sek. introduksjon fra studio
Tema: Elever på Nøtterøy setter opp det eneste skolestykket i Norge av Les Miserables
Tittel: Les Miserables
Klipp: 1
Sekvens: 1

Oppslaget starter med et oversiktlig utsnitt av elever som synger fra Les Miserables, og zoomer inn her og der på elevene. Deretter går kameraet til høyre, mot reporter og korskoleleder Kristin Vold Nese ved Kirkens korskole Nøtterøy, og korskolelederen blir intervjuet om oppsettingen av musikalen. Kameraet går rundt på elevene i koret mens korskolelederen snakker, før hovedrolleinnehaver Øystein Fidjeland kommer bort til reporteren og svarer på noen spørsmål.
Deretter går kameraet mot den store gruppen elever igjen, elevene begynner å synge igjen, mens kameraet zoomer inn her og der på elevene, før oppslaget er ferdig og sendingen går tilbake til studio.
Oppslaget er filmet med normalprespektiv og fugleperspektiv, i utsnittene stortotal, total, halvtotal og halvnær.

Budskap: Elever setter opp Les Miserables som skolestykke, og lærer om frihet, likhet og brorskap underveis
Berørte: Elevene på Nøtterøy som er med i stykket, korskoleleder og de som skal se stykket
Konklusjon: Elever skal sette opp et spesielt og interessant stykke, som de kan lære noe av.

Nyhetsoppslag:
http://tv.nrk.no/serie/distriktsnyheter-oestafjells/dkte99031114/11-03-2014#t=7m56s

Del 2: Mitt eget nyhetsoppslag

Jeg valgte et lystig, nesten typisk lokalnytt-tema, nemlig været! Her i København har våren vært på vei en stund nå, så jeg valgte temaet vår. Selvfølgelig ble været vått og grått igjen kort tid etter jeg filmet alt dette, så jeg var heldig.

Jeg planla tema, klipp og intervju før jeg startet, og skrev manus for hva jeg ville legge på senere some voiceover.
Det ble til at jeg filmet mange flere klipp enn jeg planla, og deretter kunne jeg velge bedre mellom hvilke klipp jeg ville ha med i oppslaget.

Jeg har verken ordentlig stativ eller mikrofon med meg hit, dessverre, så jeg festet kameraet på GorillaPod-stativet mitt og ordna det slik at jeg kunne la det hvile på skuldra mi mens jeg holder i et av bena, samtidig som jeg kan se hva jeg filmer. Dette fungerte mye bedre enn håndholdt, men det er likevel litt skjelving, og det beklager jeg.

Mannen min stilte som assistent/reporter, etter jeg fant ut at det ikke fungerte å operere kamera og være så nære det og så samtidig intervjue folk. Så han stilte spørsmål, og tok opp lyd med iPhonen min, noe som fungerte overraskende bra. Jeg er fornøyd med lyden, bortsett fra vindkastene man kan høre her og der. Det har blåst noe vannvittig i det siste (må vel kanskje forvente det her i Danmark), men heldigvis var det ikke så ille i den inngjerdede parken der jeg filmet. Jeg må også beklage filmingen under det første intervjuet, hun hadde allerede blitt intervjuet en gang hvor mannen min holdt "mikrofonen" altfor høyt, så vi kunne ikke bruke det, og når han gjorde det igjen valgte jeg å bare tilte kameraet litt oppover, ettersom hun som ble intervjuet virket litt smånervøs. Mannen min beklager så mye, men jeg bestemte meg for å bruke klippet uansett, siden det var svært få som hadde lyst til å bli filmet den dagen, hehe.
Jeg var også dum og glemte helt å spørre personene vi intervjuet om navnene deres. Jeg informerte dem selvfølgelig om hva filmen var til osv., og fikk tillatelse til å ha de med. Men jeg måtte finne på navnene jeg brukte i oppslaget. Noe å absolutt huske til neste gang!

Klippene av parken er filmet i utsnittene stortotal og total, og klippene av intervjuene er filmet i utsnittet halvnær.
Jeg har brukt Adobe Premiere Pro til å redigere filmen, og har forkortet de fleste klippene under redigeringsprosessen. Jeg har lagt på 10.0 i Contrast som en Brightness & Contrast effekt på alle klippene.
Volumet på reallyden er justert i Premiere Pro, og jeg har i tillegg lagt på DeNoiser på reallyden, og Vocal Enhancer på lyden under intervjuene. Jeg har i tillegg lagt på reallyd fra andre klipp på intervjudelene (med fugler som kvitrer), ettersom reallyden med stemmer og opptaket av intervjuene ikke ble 100% perfekt synkronisert i Premiere Pro. Jeg synes dette fungerte bra.

Mitt nyhetsoppslag:
http://bostream1.hit.no/play.php?vid=15059

Oppgave 6 i Web- og informasjonsdesign: App

I denne oppgaven skulle vi lage og designe en app for en kulturbedrift e.l., ved hjelp av verktøyet Appshed på www.appshed.com.

Jeg valgte å lage en app til galleriet og kulturbedriften Kunsthall Grenland, hvor jeg tidligere jobbet som gallerivakt og nå jobber som kurator for deres prosjektrom. Kunsthall Grenland har et galleri i kulturhuset Ælvespeilet i Porsgrunn, og er direkte knyttet til foreningen Porsgrunn Kunstforening. I galleriet stilles det ut kunstverk fra lokale, nasjonale og internasjonale kunstnere, i tillegg til at det selges utgivelser og kunst av ulike slag. I deres prosjektrom, "Prosjektrommet", vises det film.

Jeg ville lage en enkel og oversiktlig app, med et enkelt design, slik at det skulle være lettleselig og enkelt å navigere seg rundt. Designambisjonene mine var for høye i forhold til det verktøyet Appshed kunne tilby uten at jeg har noe særlig kunnskap i å lage CSS-koder for apper. Dermed ble ikke appen slik jeg originalt hadde tenkt meg, men jeg fikk raskt vendt meg til hvordan verktøyet fungerte og fikk det dermed til å fungere med det jeg hadde.

Jeg har lagt inn 5 tabs slik at det er enkelt å navigere seg rundt uansett hvor man er i appen, og det er alltid lett å vende tilbake dit man kom fra. Jeg har lagt inn flere sider på de forskjellige tabsidene, slik at det er enkelt å komme seg videre til videre informasjon om de forskjellige tingene jeg har valgt å ha med.

Det er ikke bilder på alle sidene, men jeg har laget såpass mange sider at det ville nok kanskje blitt litt mye. Det er bilder der det er naturlig at det er bilder, i forbindelse med utstillinger o.l.

Appen inneholder masse informasjon om Kunsthallen, utstillingene og nyheter i forbindelse med Kunsthallen og prosjekter tilhørende det.
Jeg ville prøve å få appen så lik nettsiden til Kunsthall Grenland som mulig, og har dermed tatt all informasjon, tekst og bilder fra sidene deres.

Webapp: http://apps.appshed.com/191393/
App preview: http://appshed.com/appbuilder/preview/191393 

Kunsthall Grenland sine nettsider:  http://kunsthallgrenland.no/