Hjemmeside til Kennel Chrilika

Som sagt så er dette semesteret snart slutt, og i det andre emnet jeg tar “Web og informasjonsdesign” har vi jobbet med å lage hjemmesider i Adobe Dreamweaver. Den oppgaven jeg har synes har vært mest interessant å jobbe med var å lage en hjemme siden for Kennel Chrilika. I dette blogginlegget vil jeg beskrive prosessen i arbeidet med denne oppgaven.

Jeg har en hund fra Kennel Chrilika, og vi har god kontakt med dem. Oppdretteren til hunden min visste at jeg tidligere har lagd hjemmesider gjennom skoleoppgaver på HiOA, og lurte på om jeg kunne lage en ny hjemmeside til dem. Dette synes jeg var et spennende oppdrag og spurte læreren i faget “Web og informasjonsdesign” om jeg også kunne ha dette som en oppgave på skolen, slik at jeg også kunne få tilbakemeldinger på arbeidet jeg gjorde.

Jeg snakket med oppdretteren og hun tegnet opp siden slik hun ønsket å ha den. Hvilke kategorier hun ville ha, og hvordan hun ville at rekkefølgen skulle være. Hun ønsket å ha kategoriene: “om oss”, “våre hunder”, “nyheter”, “kull”, “planer”, “kontakt” og en egen kobling opp mot facebooksiden deres. Så satt jeg meg ned i Dreamweaver. I en tidligere oppgave hadde jeg lagd en side som hadde samme oppsett som oppdretteren ønsket, dette hadde jeg gjort bevisst for å teste det ut. Dermed kopierte jeg bare denne siden til en ny. Jeg fant ut at det var en noen ting jeg matte forandre på fra den forrige.

Noe av oppbyggingen til den første siden:

Noe av oppbyggingen til det jeg leverte:

Gjennom dette faget har vi ikke lært å kode, og jeg lærte meg ikke mange koder siste jeg hadde et fag hvor vi jobbet I dreamweaver. Dermed måtte jeg jobbe på den tungvindte måten med å lage nye css-regler manuelt og så legge inn div’ene manuelt. Der flere av samme div’er skulle legges inn kopierte jeg bare kodene. Det tok meg noen timer av en ettermiddag å sette sammen og byttet ut fra den første “testsiden” jeg lagd. Det meste gikk i å bytte ut menykategoriene, opprette alle sidene hjemmesiden skulle inneholde, og legge inn informasjonen som jeg kunne hente fra kenneles gamle sider og blogg. Så møtte jeg oppdretteren igjen og viste henne det jeg hadde hittil slik at hun kunne fortelle hva hun likte, hva hun ville forandre og hva annet hun ønsket å ha med i tillegg. I tilllegg satt vi oss ned og så på mange hjemmesider til andre oppdrettere av Tollere. Her fant vi ut at mange har skilt kullplanene fra andre planer for at akkurat dette skulle være lett for fremtidige valpekjøpere å få denne informasjonen. Vi fant også ut at mange av de kategoriene vi hadde valgt var like med det de andre oppdretterene hadde. I tillegg vise hun meg noen sider hun likte godt og det innholdet/designet på dem hun ønsket å ha på sin egen side. Hun ønsket en tabell på kull-siden over valpene i de forskjellige kullene og litt nyttig informasjon om hver enkelt valp. I tillegg ville hun ha en link til en side med informasjon om Tolleren slik at valpekjøpere kan finne ut om dette er en rase for dem. I tillegg fortalte hun meg at hun ville ha et banner som viste kennelnavnet, teksten “oppdrett av Nova Scotia Duck Tolling Retriever” og i tillegg ville hun ha illustrert noen ender og gjerne et bilde/illustrasjon av en Toller i “arbeid”. Til slutt fortalte hun meg at hun likte fargene grønn, brun og blå.

Dette var utgangspunktet mitt:

Mesteparten av arbeidet kom nå. Selv om selve siden allerede var bygd opp var det en del mer som måtte puttes inn når jeg hadde snakket med oppdretteren. Det var mange ting å forandre på fra utgangspunktet. Det første jeg gjorde var å legge alle css-reglene på en egen style sheet. Jeg måtte definere nye fonter (jeg valgte å ta utgangspunkt i fontene på den gamle hjemmesiden og bloggen til kennelen fordi jeg visste dette var fonter oppdretteren likte) og størrelser på disse. I tillegg måtte jeg endre definisjonen på noen av div’ene slik at de enten fikk en spesifikk px størrelse, eller at de skulle stå på auto. Jeg jobbet også en del med å bytte ut farger på bodyen (her bestemte jeg meg for en mørk brunfarge), finne ut hvor det burde være “border” (her testet jeg ut mye forskjellig”, før jeg endte opp med å bare ha to enkle linjer for å skille main content fra header og footer.). Her bestemte jeg meg for at jeg synes det ville vært fint med en bakgrunnsfarge på de forskjellige menykategoriene når man holdt over de og en annen farge for å vise hviken side man star på. Her testet jeg ut litt før jeg bestemte meg for grønn. Jeg måtte også legge inn 4 div’er/bokser på siden “våre hunder” for å representere hver hund de har og har hatt. Her jobbet jeg en del med å regne ut hva som var riktig størrelse på boksene for at de skulle legge seg akkurat der jeg ønsket.

Så begynte jeg å lete etter bilder å legge inn på sidene. Jeg hadde fått beskjed om å hente disse fra kennelens gamle hjemmesider, blogg og facebooksider. Deretter jobbet jeg med å få riktig størrelse på bildene på alle sidene som inneholder bilder.. Det letteste hadde nok vært å endre størrelsen på bildene i photoshop, men jeg hadde ikke noe bilderedigeringsprogram på den maskinen jeg jobbet på. Etter dette begynte jeg å lage banneret. Jeg satt inn teksten jeg allerede hadde satt i headeren. Deretter begynte jeg å tegne en and. Dette gjorde jeg ved å først finne en silhuett av en and på et googlesøk, og så tegne etter den. For at denne ikke skulle bli for lik slik at det ble “tyveri” av en annens illustrasjon tegnet jeg for det første ikke så veldig nøye etter, det var mest for å vite hvordan en and ser ut, og for det andre flyttet jeg på vingene og hvor de var plassert i tillegg til å forandre på andre punkter på anden. Jeg lagde tre versjoner av anden i forskjellige størrelser. Jeg testet så ut litt forskjellige bakgrunner: en med en “strandlinje”/skogkant og vann, en med bare hvit bakgrunn og en med blå bakgrunn. Jeg testet også ut plasseringen av teksten.

Forslag på banner:

Helt til slutt testet jeg ut hvordan siden så ut på internet (safari). Jeg bestemte meg nå for å endre på fargene på menyen da jeg ikke synes grønt ble så fint med resten av designet og fargene ellers på siden. Jeg endte til slutt opp med lyse brunfarger. Jeg endret også litt på bodyfargen for at den skulle passe med resten av designet. 

Etter leveringen testet jeg ut siden på flere nettlesere (dette burde jeg selvfølgelig ha gjort før innleveringen) og fant ut at fontene jeg hadde valgt ikke ble støttet av andre nettlesere, så dette må jeg jobbe videre med før jeg leverer siden ferdigstilt til oppdretteren. Jeg har også planer om å legge inn en nedtrekksmeny. Etterhvert fikk jeg også tilbakemeldinger på siden fra andre studenter hvor de kom med flere gode tips til hva jeg burde jobbe videre med så det kommer jeg også til å ta hensyn til i videre arbeid med hjemmesiden.

Siden slik jeg leverte den:
http://home.hit.no/~131962/oppgave_4/index.html

Fiksjonsfilm

Semesteret er snart slutt og vi har jobbet med flere forskjellige oppgaver innenfor filmsjangeren, den oppgaven jeg likte best å jobbe med var første oppgaven: "Fiksjonsfilm". I dette blogginlegget vil jeg beskrive prosessen i arbeidet med denne oppgaven.

Dette var den første oppgaven vi fikk om film dette semesteret, og for mange var nok dette arbeidet helt nytt. Jeg har allerede en Bachelor i Medier og Kommunikasjon med fordypning i film så for meg var dette en relativt lik oppgave jeg har jobbet med flere ganger. Det har vært morsomt å jobbe med sånne oppgaver igjen fordi det 1,5 år siden jeg hadde slike oppgaver sist, og jeg merker at mye går i glemmeboka når det ikke brukes!

Denne oppgaven gikk ut på at vi skulle komme opp med en filmidé med konseptet "en person blir overrasket av noe eller noen".  Jeg satt meg ned og idemyldret for å komme opp med ideer jeg synes kunne være spennende å lage. Samtidig fant jeg ut at jeg måtte finne noen som kunne spille i filmen. Dette løste jeg enkelt med å spørre en venninne om hun ville være med. Jeg satt igjen med en idé jeg likte og det var "en person kommer hjem og finner et våpen med blod, følgerblodspor og ender opp med å finne ut at det bare er en venn som har sølt blod ut av en pose med for eksempel kjøtt".

Da var det bare å sette igang med å lage et storyboard med skisser over hvilke bilder, utsnitt og bevegelser jeg ønsket å ha med + et slags manus. Siden det ikke var så mye dialog i filmen var det ikke mye til manus som ble skrevet, men jeg skrev ned noen pekepinner på hva jeg ønsket å ha.

Så hadde vi kommet til innspillingsdagen og alt skulle filmes midt på dagen og det var lyst ute. Jeg ønsket at handlingen i filmen skulle være om kvelden, så da måtte jeg sette igang med å dekke til alle vinduene med sorte søppelsekker for å få det mørkt. Dette viste seg å bli en mer omfattende jobb enn jeg hadde tenkt, så det tok mye lengre tid enn planlagt. Da vi endelig kom igang med innspillingen gikk dette ganske raskt og enkelt siden jeg allerede hadde en plan over hva som skulle filmes. Vi måtte støtt og stadig fylle på mer blod på guvlet fordi flekkene ble tråkket på, men ellers gikk det ikke mye tid til å ordne ting eller tenke ut hva som måtte filmes/manglet. Det eneste jeg ikke fikk filmet som jeg hadde øsnket å filme var en totalbilde utenfor huset i det jenta går inn. Det lot seg ikke gjøre siden det var dagslys ute, og venninna mi ikke hadde tid til å filme igjen en annen gang.

Noen bilder fra opptak (etter rekkefølgen i filmen):

Deretter var det bare å overføre bildene og starte redigeringen. Igjen er det veldig greit å ha et storyboard, for det forteller deg også litt om hvordan det skal settes sammen i redigeringen. Dessuten hadde jeg en ganske klar tanke om hvordan jeg ønsket å sette klippene sammen, og de kommer i en ganske logisk plassering i forhold til hverandre med tanke på hvordan historien er. 

Vi redigerer i Adobe Premiere Pro, og dette er et program jeg aldri hadde vært borti før. Jeg har jobbet i Final Cut Pro og Avid, så dette var et helt nytt program for meg. Men jeg skjønte fort at dette programmet var ganske likt de andre redigeringsprogrammene, og da gikk redigeringsarbeidet greit. Jeg la inn klippene slik jeg ønsket og hadde sett for meg, og deretter finjusterte jeg litt på klippene slik at alt skulle passe sammen. I tillegg justerte jeg litt på lyden for at den skulle passe. noen steder måtte jeg legge på kontentum, og andre steder måtte jeg trekke lyden fra et klipp over et annet slik at overgangene ble "fine". Når jeg synes jeg var fornøyd eksporterte jeg filmen. Jeg kunne alltids sittet og redigert i evigheter for det er alltid noe å prike på, og derfor er det greit å ha firster man må forholde seg til slik at arbeidet må bli ferdig en eller annen gang innen fornuftig tid. 

Vil du se den ferdige filmen ligger den her: 

http://bostream1.hit.no/play.php?vid=14721

Lage app

Vi har hatt som oppgave å lage en app på studiet jeg går på nå (Digitalt Mediedesing ved Høgskolen i Telemark)

Jeg valgte å lage en app om bedriften min "Nina Fjeldsaa Frilans"
Jeg satt meg ned og tenkte over hva jeg ville at appen skulle inneholde, hvordan man skulle navigere seg rundt og hvilke tabs jeg ville ha.

Her er sidene jeg valgte å ha i den rekkefølgen jeg ser for meg at det skal komme.

Her er en link til en webversjon av appen:
http://apps.appshed.com/198829

Her er QR-koden til appen:

Biltur fra Oslo til Bærum

Bildene ligger i omvendt rekkefølge, men men.

(Bildetekstene kommer under bildene)

En travel by.

Den ensomme lyktestolpe.

Oppdatering av bloggen

Nå skal bloggen min bli forandret til en fotoblogg. Det vil si at jeg kommer til å legge ut bilder med bildetekster.

Alle bildene som blir lagt ut er copyrighted og er ikke lov å brukes av andre uten min godkjennelse.

Håper dere liker bildene som kommer etterhvert. Planen er å komme ut med dagens bilder så ofte som mulig. Og evt. spesielle hendelser som blir fotografert av meg.

Kjedelig på jobb

I dag tenkte jeg at jeg kunne blogge litt, siden jeg kjeder meg på jobb.

For det meste jobber jeg med skoleoppgaver. Dvs. at jeg har et rimelig kjedelig sudentliv.

Masse oppgaver som skal leveres for tiden, og da blir det lite tid til sosiale ting.

MEN! Denne helgen ble jeg bedt i bursdagen til Mila, og en venninne av henne. Måtte nesten ta meg tid til det! Og det er jeg glad for at jeg gjorde og!

Det var kjempe koselig. Masse hyggelige mennesker å bli kjent med.

Først skulle jeg møte Char i sentrum, etter en dag med filming og fotografering av valper, men mista t-banen jeg skulle møte henne på. Derfor møtte jeg henne på Tøyen hvor vi fant veien videre til leiligheten Mila feiret bursdagen sin i.

Etter en hyggelig fest var det ut på byen. Helt nøyaktig: Møllers.

Der endte vi opp med å være ganske få, men det var koselig.

Etter mye klaging og slit dro vi etterhvert hjemmover.

Dagene etter dette er det ikke så mye spennende å fortelle om, så slutter her.

Trege meg

Nå har jeg vært fryktelig dårlig til å blogge. Jeg som hadde bestemt meg for å endelig få det til. Men, men. Sånt skjer.

Nå snart gått 3 uker på Medier og kommunikasjon på Høgskolen i Oslo. Det høres ut som om det kommer til å bli veldig spennende, noe som gjør at jeg har begynt å vurdere om jeg skal fullføre alle 3 årene før jeg begynner med noe annet.

I dag filmet gruppa mi hele stumfilmen vår om "Lise". Det var veldig gøy, men det tok på å filme hele dagen. Mange locations og mye fram og tilbake, men vi ble til slutt ferdig, og nå gleder jeg meg til å starte med å redigere filmen! Håper på et nogen lunde bra resultat.

I morgen er det mer skole. Heldigvis er det bare en kort dag! Etter ridning og jobb er det konsert sammen med Mila! Kaizers Orchestra ftw!

Kos dere videre