Digital mediedesign nr 6 by Digital mediedesign

Digital

Mediedesign Visuell kommunikasjon i digitale medier

Oddvar las dikt. Eg filma. Han fortalde historier frå livet. Slik vart kortfilmen om Heimstaddiktaren til. s.14

Filmen vil bestå av intervjuer og sekvenser som viser studio og butikker i København som driver med kroppsmodifikasjon av typen piercing og tatovering. s. 7

Erfaringene jeg har gjort meg i emnet web på digital mediedesign har vært avgjørende for at jeg kunne lage denne siden. s. 36

Nr 6, Juni 2014

Min prosjektoppgave gikk ut på å utforme et nettsted der jeg skulle promotere meg selv som grafisk designer og fotograf. s. 47

Digital mediedesign, 6:2014 1

Fagformidling i blogg Formidling er en viktig del av alle former for skapende virksomhet og akademisk arbeid. Formidling kan være konferanse- eller seminarbidrag, aviskronikker og også publisering på nettet eller sosiale medier. Tradisjonell formidling har eksistert som enveisformidling fra akademia til samfunnet, mens ny teknologi gir muligheter om dialogisk kommunikasjon med målgruppen. Formidling skal bidra til generell demokratisk samfunnsutvikling og spesielt fremme faglig debatt i samfunnet. Faglig formidling kan også bidra med verdiskaping, fremme næringsutvikling og innovasjon. For yrkesområder innen mediedesign er det svært viktig å være synlig på internett og sosiale medier. Blogg er et viktig verktøy i den henseende.

Jeg heter Nina Marie Andersen og bor i Bø i Telemark. Høsten 2011 startet jeg mine studier ved Høgskolen i Telemark. De to første årene tilbragte jeg på Tegning og bilde, og Tegning og bildekommunikasjon. Her arbeidet jeg mye med tradisjonelle medier som maling og kull. Digitale medier har likevel alltid vært min hovedinteresse, så det siste året ble jeg en av de første som tok Digital mediedesign som det tredje og avsluttende året i en fri bachelor. Jeg har alltid arbeidet mye med tegning i Photoshop, men dette studiet ga meg muligheten til å øko kompetansen min med de andre Adobe-programmene jeg ikke var like trygg på. Det har vært et lærerikt år, og jeg gleder meg til å bruke kompetansen min videre i nye arbeid. Forsidebildet er fra prosjektoppgaven min “Detaljer i naturen”, i faget Digital foto og bildebehandling. Snøgraset stakk seg ut fra de flate omgivelsene, og var et godt motiv til bildeserien min som omhandlet å fange særegne detaljer i naturen. Oppgaven min gikk ut på å fremheve detaljene jeg fant, for å synliggjøre elementer vi gjerne ellers ikke tenker over. Gjennom linsen på kameraet lette jeg etter vinkler og avstander som skulle være i detaljenes favør. Etterarbeid ble også viktig for å få frem motivene på best mulig måte. Her arbeidet jeg med utsnitt, gråtoneskala og sammensetning av fotografier. Jeg endte med å presentere bildene i Diptych, to og to. På denne måten kunne jeg la elementene i bildene fremheve hverandre ved hjelp av kontraster. Snøgraset ble for eksempel satt opp mot en myk løvetann. http://www.ninamarie.net/

Phielder@gmail.com

Layout og design: Morteza Amari Forsidebilde: Nina Marie Andersen Design av forside: Nina Marie Andersen Trykk: Notodden trykk og reklame

2 Digital mediedesign, 6:2014

Blogging er en interaktiv form for publisering av innhold på nettet. Det kommer fra ordet ”web log”. Mark Tremayne i boka: Blogging, Citizenship, and the future og Media daterer etymologien av blogging tilbake til slutten av 1990-tallet fra web journal - web log - weblog - wee blogs - blogs. Blogger skiller seg ut fra andre websider for dens dynamikk, reverserende kronologisk presentasjon og dominerende bruk av første person tekst. De to store aktørene på bloggmarkedet Word press og Blogger viser til en eventyrlig statistikk. Word press viser talldata fra 2013 at brukere verden over produserer 42.6 milliarder nye innlegg og 54.5 millioner nye kommentarer på bloggene hver måned. Over 409 millioner er innom mer enn 14.5 milliarder sider hver måned. Google sin egen bloggtjeneste; Blogger kan også vise til liknende og imponerende statistikk. Det finnes flere store og mindre aktører på dette markedet. Statistikken viser til den enorme påvirkningskraften som ligger i dette mediet. Mens jeg skriver denne teksten skrives millioner av innlegg og kommentarer rundt omkring i verden. The Internet in Real-Time gir et blide av den enorme aktiviteten på sosiale medier på nettet: http://pennystocks.la/internet-in-real-time/ Jill Walker Retteberg som har forsket i sosiale medier beskriver i sin bok ”Blogging” et fenomen som har spred seg gjennom internett i kort tid. Retteberg plasserer blogging som motstykke til Platons forståelse av tekst som et ikke-responsivt medium. Platon verdsetter den muntlige kommunikasjonen høyere enn den skriftlige. Blogging er interaktiv og befinner seg i skjæringspunktet mellom den skriftlige og den muntlige kommunikasjonen. Boka diskuterer bloggingens plass i mediekulturen og hvordan den har beveget seg fra en-til-mange til å presentere mange-til-mange. Det finnes en interaktivt og dynamisk relasjon mellom bloggforfatter, blogginnlegget, bloggleseren og bloggkommentatoren. Den representerer et paradigmeskifte mellom forfatter og leser i forhold til tradisjonelle tekstuelle medier. I tillegg til den tekstbaserte bloggeren er det fotobloggere, videobloggere og mobilbloggere som bidrar i større grad til visuell kommunikasjon. Blogging har stor virkning på opinionsdannelse og brukes aktivt i politikk, ulike former for aktivisme, akademia, markedsføring, faglig formidling og andre formål. Studentene ved Digital mediedesign arbeider med faglig formidling i blogg og har som formål å sette fokus på læringsprosessen i bloggens formidling av det faglige. Oppgaven er også en del av samfunnsmandatet og å delta i den offentlige debatten om fagets betydning og plass i samfunnet. I dette nummeret finner du link til studentbloggene og på studiets egen blogg kan du finne link til tidligere studentblogger. http://digitalmediedesign. wordpress.com/

” Blogging har stor virkning på opinionsdannelse og brukes aktivt i politikk, ulike former for aktivisme, akademia, markedsføring, faglig formidling og andre formål.” Klasseleder: Morteza Amari

INNHOLD: Del1: Film og digital video

Ankjell, Tor Morten Berg, Lindi Krane Fjeldsaa, Nina Goldberg, Malin Thilesen Gran, Helle Cathrine Grindbakken, Gry Marie Handegard, Eirin Isaksen, Simen Skyer Isingrud, Kari Karlsen, Marthe Kristine Karlsen, Steinar Karin Kolås Kvisvik, Frode Heggeli Melchior, Anders Idland Mobakken, Sølvi Eirin Nyhus, Kristin Cecilie Staurland, Hanne Merethe R Tallaksen, Karine Høgskolelektor: Per Ola Juusola

Del 2: Web- og informasjonsdesign Andersen, Nina Marie Bergli, Henriette Krohg Dehli, Benjamin Fjeldsaa, Nina Gdynia, Fredrik Johannes Goldberg, Malin Thilesen Grindbakken, Gry Marie Hagen, Trude Handegard, Eirin Erichsen, Malen Isaksen, Simen Skyer Isingrud, Kari Karlsen, Marthe Kristine Karlsen, Steinar Karin Kolås Kåsin, Ann Kristin Ladyga, Giedrius Melchior, Anders Idland Mobakken, Sølvi Eirin Nicolaisen, Kenneth Bergum Skaadel, Håkon Tallaksen, Karine Thors, Katinka Breivik Tufteland, Erlend

DEL 1 Film og digital video

4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49

Dette magasinet er en presentasjon av prosjektoppgavene i to emner i Digital mediedesign. Facebook: https://www.facebook.com/pages/Digital-Mediedesign/395330415553 Studieinformasjon og opptak: http://www.hit.no/nor/HiT/Soeker/Studietilbud/ Kunst-og-design/Digital-mediedesign

Digital mediedesign, 6:2014 3

«MOTORTRØBBEL» En kortfilm av Tor Morten Ankjell

PÅ HØYRE SIDE AV RØD BIL, HTOT;

Han står og arbeider på motoren, hun kommer og gir han luen. Hun ser granskende på han, smiler lett, snur seg og går tilbake og setter seg i den røde bilen. Mannen tar på seg luen og fortsetter arbeidet med motoren. RR spilles svakt i bakgrunnen, vinden uler svakt.

Som prosjektoppgave i Film og digital video vår 2014 fikk vi i oppgave å lage en kortfilm eller en video for tv-produksjon. Jeg har valgt å lage en kort fiksjonsfilm som handler om to ukjente mennesker som tilfeldig møtes, og trekkes mot hverandre med en felles faktor. Faktoren er et særegent radioprogram, Radioresepsjonen på NRK P3. Jeg valgte å spille inn hele filmen uten dialog mellom skuespillerne, kun atmosfærelyd og audio fra radioprogrammet benyttes som lydmedium. Idè-myldring Synopsis Manus / Storyboard Innspilling / Redigering 4 Digital mediedesign, 6:2014

”Jeg kan gjøre det selv!”

”Jeg kan gjøre det selv!” Barn vil ofte gjøre ting helt selv. Spesielt når én har dårlig tid om morgenen. Av og til skulle du kanskje ønske at barnet ditt kunne levere seg selv i barnehagen, hvis det har så innmari lyst? Kanskje du til og med har fått tilbudet. Gutten i filmen ga ikke moren sin tilbudet om å gjøre det selv. Men han gjorde det selv. Lindi Krane Berg

Digital mediedesign, 6:2014 5

Hunder trenger også 5 om dagen Prosjektoppgave i Film og digital video Av Nina Fjeldsaa Det er alltid gøy å drive med film. Spesielt når man kan bestemme alt selv og jobbe med noe man interesserer seg for. Dette semesteret har vi jobbet med filmproduksjon. Jeg har i flere år vært spesielt interessert i å jobbe med film, og arbeider for tiden med å komme meg inn i TV-bransjen. Semesteret avsluttes med en prosjektoppgave, og jeg bestemte meg for å lage en reklameinspirert informasjonsfilm om hundetrening. Dette er noe jeg er spesielt interessert i, og dette var noe jeg føler mangler der ute for førstegangshundeeiere. Jeg skrev ned en synopsis hvor jeg be-

6 Digital mediedesign, 6:2014

skrev hverdagen til en hund som ikke får det den trenger av stimuli i løpet av en dag og hverdagen for en hund som får det den trenger av stimuli. Jeg tok utgangspunkt i ”5 om dagen” som er en teori Lundqvist Hundeskole har utviklet. Etter manusskriving og litt planlegging av storyboard og filmingen fikk jeg tak i en venn som skuespiller og brukte min egen hund. Så var det bare å sette igang med å filme. Med lite tid til rådighet på grunn av skuespiller som hadde litt lite tid måtte jeg utnytte tiden godt. Da er det greit å ha jobbet litt med film fra før, hvis ikke kunne nok mye gått galt, tatt lengre tid enn det gjorde, eller mye kunne havnet

i glemmeboka. Etter innspilling var det bare å sette igang med klipping. Jeg startet med en grovklipp på cirka 4 minutter. Så fikset jeg på bildene slik at de hadde riktig hvitbalanse og eksponering, og fikset lyden så den hadde gode overganger og hørtes god ut. Til slutt la jeg på musikk En viktig del for meg var å vise filmen til kollegaer, som minnet meg på ”kill your darlings”, og jeg kuttet ned filmen til cirka 2 minutter. Det har vært spennende å jobbe med et prosjekt hvor man jobber alene. Dette har jeg lært mye av.

prosjektoppgave:

film og digital video

Malin Thilesen Goldberg

Vårsemesteret 2014

Body Modification

Til min prosjektoppgave valgte jeg å lage en kort dokumentarfilm som også eventuelt kunne brukes som et innslag i, for eksempel, et faktaprogram, med noen små justeringer. Temaet jeg valgte er et tema jeg selv interesserer meg for: kroppskunst/body modification. Jeg ville ta for meg temaet for å vise at mennesker som utsmykker kroppen sin, uansett om det er med piercinger eller tatoveringer, er like snille, koselige, søte og omtenksomme som hvilke som helst andre mennesker. Det overordnede temaet var aksept, og synopsisen jeg skrev lød som følgende:

”Jeg vil lage en kort dokumentarfilm om kroppsmodifikasjoner (body modification). Filmen vil bestå av intervjuer og sekvenser som viser studio og butikker i København som driver med kroppsmodifikasjon av typen piercing og tatovering. Den vil ta for seg grunner til at folk velger å gjøre dette, hvorfor de liker det og intervjuobjekter som både driver med dette profesjonelt, og som får dette utført. Vi skal få se litt dypere inn i en verden som sjeldent blir eksponert for utenforstående, og vi skal få se at disse menneskene som kanskje ser så annerledes ut, er like koselige, snille, søte og normale som hvem som helst.”

Jeg fikk dette frem ved å stille spørsmål, både til seeren og til intervjuobjektet i filmen. Jeg valgte å ha med et intervjuobjekt med mye erfaring både innen faget og som en utsmykket person i seg selv, og hadde en trivelig prat med en oppegående og smart mann ved navn Muffe Vulnuz, som eier piercingstudioet Copenhagen Body Extremes i København. Intervjuet med Muffe er det viktigste i hele filmen, og det inntrykket man sitter igjen med etter å ha hørt filmintroen og selve intervjuet er nettopp det jeg ville nå. Og det fikk jeg til ved hjelp av masse god planlegging, et godt intervjuobjekt, og ved å redigere filmen i Adobe Premiere Pro CC slik at den ble til en fortelling.

Malin Goldberg Digital mediedesign, 6:2014 7

Phantasm

– en kortfilm/musikkvideo av Helle Cathrine Gran

Sjanger Jeg bestemte jeg meg tidlig for at jeg ville lage en musikkvideo. Jeg pleier å høre på musikk når jeg går tur med hunden, og da lager det seg ofte scener og handling i underbevisstheten som utvikler seg for hver gang jeg hører sangen. Med noen sanger har jeg hele musikkvideoer liggende i hodet basert på sangens tittel, ord og/eller melodi. Det er nesten en hobby! Jeg ville forsøke å ta en slik ide over i et virkelig filmprosjekt. Store norske leksikon beskriver sjangeren slik: «Musikkvideo, kortfilm som (vanligvis) presenterer og illustrerer en popsang - kjennetegnet ved at sangen som skal markedsføres utgjør (det meste av) lydsporet. (…) I formen kan den variere fra dokumentariske skildringer av utøverne til frie kunstneriske uttrykk som skaper et visuelt kontrapunkt til musikken.» Musikken Jeg bestemte meg for å bruke sangen Phantasm av russiske Kai Engel (lastet ned som Creative Commons), og filmens persongalleri, manus, rytme og stemning er planlagt rundt den. Phantasm betyr fantasme, og defineres av Store norske leksikon som fantasibilde, skinnbilde, hjernespinn. Sangen er sjuende spor på plata Calls and echoes som ble utgitt 7. januar 2014. Synopsis Handling og rekkefølge har under ideutviklingen endret seg mange ganger. Den bærende tanken har hele tiden vært å vise kommunikasjonssvikt; konsekvenser av underkommunisering og overtolking.

8 Digital mediedesign, 6:2014

To par bor i hus ved siden av hverandre. I det ene huset skal mannen til en undersøkelse på sykehuset. Han synes det er vanskelig å fortelle om sykdommen til samboeren. Hun på sin side har skjønt at det er noe, og tolker det til at han har en annen. Han har har gjort flere forsøk på å fortelle, men hver gang han prøver på det går hun i angrep, for hun tror det handler om utroskap. Han tror hennes reaksjon skyldes at hun har forstått at han er syk. Han bestemmer seg for å snakke med damen i nabohuset og få henne til å fortelle for seg, men en tjuvkikk på telefonen avslører for samboeren at det er nettopp denne damen han er utro med. Hun sykler etter dem og filmer at de møtes. Vi følger alle personene gjennom dagen mot konfrontasjonen som må komme på kvelden. Eller gjør den det? Arbeidet Jeg synes det har vært veldig givende å jobbe med denne oppgaven. Jeg liker i utgangspunktet lange og sammensatte prosesser, og film er nettopp slik. Det har vært mye tankearbeid, mye planlegging og logistikk, mye moro under opptakene og ikke minst et kick å gjøre etterarbeidet. Film er gøyat det blir en fortelling. Film er gøy!

Av: Gry m. Grindbakken www.fili.as

Mitt navn er Gry Marie Grindbakken og jeg er filigransarbeider -Jeg brenner for Filigransteknikken! Jeg har laget en liten film som rommer hva filigransarbeid og bunadstradisjoner kan være i dag, et bittelite tilbakeblikk og en demonstrasjon av filigransarbeid i hurtig tempo. Det er en selvmotsigelse å skulle vise en demonstrasjon av filigransarbeid på 5 min! Filigransarbeid er ”slow design” – dette er håndverk og dette skal ta tid. Denne filmen er ”tilpasset” tidsrammen. Jeg skal legge inn et anbud på et undervisningsopplegg til den «Kulturelle Skolesekken» Dette skal være et kombinert opplegg med tilbakeblikk på våre søljetradisjoner og en kort introduksjon i filigransteknikken. Tanken er at en slik film kan være en fin innledning i et slikt opplegg.

saker! Jeg håper denne filmen gir et annet inntrykk. Arbeid med prosjektoppgaven startet med idemyldring, synopsis og storyboard. Deretter filming på to steder, over tre dager. Redigeringsarbeidet er gjort i Final Cut pro. Alle tegninger og tekst er laget i Illustrator og lagret som png-filer, og lagt inn på tidslinjen over filmen. Det er spesiallaget musikk/lyd til denne filmen. Musikken og lydeffektene ser spilt inn i programmet GarageBand. De ble lagret som musikkfiler for derretter å limes inn på tidslinja og mikses med film og bilde. Jeg har laget en liten,kjapp, lett og humoristisk film hvor tradisjoner og håndverk går igjen som en rød tråd. Link til filmen på Youtube og Vimeo: • https://www.youtube.com/watch?v=WrWng1tqfyw • https://vimeo.com/91869076

Søljer og tradisjon, filigransarbeid og bunad kan være trauste Digital mediedesign, 6:2014 9

SOMMERFUGLEN av Eirin Handegard

I min prosjektoppgave i film og digital video valgte jeg å lage en kortfilm som heter Sommerfuglen. Det er fiksjonsfilm og handler om ei jente som sitter ute i en park å leker med noe på gresset. Rundt henne flyr det en sommerfugl. Den setter seg i gresset, men en fot tråkker på den, og idyllen er brutt. Jenta blir lei seg, og plukker opp sommerfuglen og går hjem. Hun skriver noe på et ark, bretter det og legger det opp i ei fyrstikk eske sammen med sommerfuglen. Så pakker hun esken sirlig inn med et fint papir. Hun tar esken i lommen og sykler avgårde. Bakpå sykkelen har hun en rød ballong. Hun stopper når hun kommer til et sted ved havet. Der tar hun ballongen av sykkelen og fester esken til enden av tråden på ballongen. Hun strekker hendene ut, og esken og ballongen stiger sakte, men sikkert til værs. Og hun har i hennes barneøyne gitt sommerfuglen en verdig retur.

Det har vært en morsom og lærerik prosess. Jenta i filmen er dattera mi og det har vært hyggelig å gjøre et prosjekt med henne. Sommerfuglen har jeg laget i silkepapir og animert i After Effects, så da har jeg fått kjennskap til det også. Det har gitt mersmak og absolutt noe jeg gjerne vil gjøre mer av.

10 Digital mediedesign, 6:2014

https://vimeo.com/91967814

Digital Mediedesign

Eksamen

Droner tar av Våpen og spion eller livredder og ingeniør?

Salget av droner har tatt av og en regelendringen fra i april i år gjør det nå mulig også å filme fra droner. Hobbydronerne jubler, men sikkerhet og personvern går en mer usikker fremtid i møte.

Tekst og foto Simen Skyer

Under første verdenskrig ble de første dronene utviklet.Frem til få år siden var droner forbeholdt militært bruk i form av spionasje og direkte krigføring. Teknologien var verken tilgjengelig eller hadde en pris som gjorde at det sivile samfunnet kunne benytte seg av den. Idag når denne teknologien har blitt allemannseie åpner det seg et ubegrenset antall muligheter.

Min semesteroppgave var å utforske mulighetene filming fra droner gir. Jeg laget en dokumentarfilm der jeg fikk prøvd ut hvordan dronen oppfører seg i forskjellige forhold og hvordan bildekvaliteten tilslutt blir.

fra i april i år blitt lovlig også å filme fra droner. Utfordringen blir om teknologien blir misbrukt til overvåkning, eller om dronene blir uforsvarlig fløyet.

Regelverk, personvern og sikkerhet

Idag når denne teknologien har blitt allemannseie, åpner det seg et ubegrenset antall muligheter for bruk. Droner blir allerede benyttet i industrien, forskning, media, redningsoperasjoner og innhenting av data. Kommersielle aktører har også sett på mulighetene for å sende ut varer kjøpt på internett via droner.

Med frislipp på salg av droner, og nå nylig en oppmykning i regelverket, vil man få en hel del utfordringer knyttet til personvern og sikkerhet. Regelverket har frem til idag, ikke tillatt å montere filmkameraer på droner uten at man har gjennomgått en klarering med Luftfartsmyndighetene, og fått lisens til å filme. Disse reglene har i liten grad blitt fulgt og etterspørselen etter lisens har gitt Luftfartsmyndighetene en umulig arbeidsmengde. Derfor har det altså

Bruksområder

Filming Droner med påmontert filmkamera gir mulighet for unike bilder. I kombinasjon med tradisjonelle vinkler, så gir oversiktsbilder fra luften variasjon til en

film. Dronen jeg benyttet i mitt prosjekt er en DJI Phantom multikopter med påmontert GoPro Hero Black edition. Det er en mye brukt kombinasjon da det gir mulighet for brukeren å se hva man filmer mens dronen er i luften. GoPro kameraet har innbygd wifi slik at man live kan se filmingen via et program på en smartphone. Været er selvfølgelig avgjørende når man skal fly med drone. Det må være opphold og helst vindstille. Vinden virker inn på hvor stabilt man kan føre dronen, noe som først og fremst er viktig når man filmer. Ønsker man å bruke droner til profesjonell bruk for filming så vil større modeller være å foretrekke.

Digital mediedesign, 6:2014 11

Det første vi spør oss når vi skal lage en video er:

Et vårdøgn på

- Hvilke situasjoner kan vi få? Jarle Leirpoll

BLEFJELL En film om en skitur i vårsola - på leit etter de første vårtegnene

Å gjenskape turopplevelser Jeg dro på en 24-timers tur i fjellet, med et bittelite manus, der jeg hadde prøvd å forutse hvilke situasjoner som kunne oppstå. Etter turen hadde jeg mange inntrykk og erfaringer, og en mengde videofiler. Jeg bygget opp filmen etter selve turens kronologi, men la inn enkeltopplevelser, som vårtegn og inntrykk, mer fritt.

Å gjenskape stemninger Jeg jobbet med å gjenskape de stemninger som preget turen. Lyd og musikkvalg ble viktig for å forsterke det bildene viste.

Å gjenskape turopplevelser på film Jeg dro på en 24-timers tur i fjellet, med et bittelite manus, der jeg hadde prøvd å forutse hvilke situasjoner som kunne oppstå. Etter turen hadde jeg mange inntrykk og erfaringer, og en mengde videofiler. Jeg gjenskapte selve turen kronologisk, men la inn enkeltopplevelser mer fritt.

Filmen finner du her: Format 1920x1080: http://bostream1.hit.no/play.php?vid=15173 Format 720x405: http://bostream1.hit.no/play.php?vid=15175

12 Digital mediedesign, 6:2014

I Film og digitalvideo valgte jeg å lage en film om meg selv som fotograf. Jeg ville lage en film som viser hvem jeg er og hvordan jeg jobber. Mitt studio og min kommunikasjon med de jeg tar bilder av. Jeg filmet derfor en foto.

Jeg brukte tre kameraer stående rundt i rommet. Et som filmet babyen, ett som filmet meg som fotograf, og ett som oversiktskamera. Jeg åpnet filmen med å vise riggingen av studio i rask hastighet, mens jeg forklarte hvem jeg er på greenscreen.

Rigging av studio i rask fart, og fotografen som forteller

Greenscreen

Bilde av fotografen

Bilde av babyen

Oversiktsbilde

Fotografbilde

Digital mediedesign, 6:2014 13

Heimstaddiktaren på vimeo.com

HEIMSTADDIKTAREN Oddvar Karlsen (70) har skreve dagbok sidan han var 15. Kvar dag er dokumentert og notert. I ein alder av 53 tok han pennen fatt og byrja å skrive dikt. Dikt om dyr, om vener og livet i heimbygda Little-Høydal.

når han les dikt, desse har han gjeve ut på cd. Når eg no skulle ha prosjektoppgåve i film og digital video, var det eit naturleg val å lage ein liten dokumentar eller eit videoportrett av onkelen min. Eg ringte han og det var ikkje vanskeleg å få han med. Eg høyrte han Oddvar er min onkel, og han har alltid svare ja medan han var halvegs nede i kafHan er fødd i Aurland, men har budd meste- gjort inntrykk på meg. Heilt sidan eg var li- fikoppen. Turen gjekk til Sunnfjord. Opptaka parten av sitt liv på garden i Sunnfjord. Her ten har han fortalt skrøner og historier. Han vart gjort på to dagar. Vi haldt oss i området har han vakse opp og stelt dyr i ein manns- fortel framleis skrøner og historier, men skriv rundt garden hans, det var mykje å fortelje og dikt med både alvorleg og lystig innhald. om livet derifrå. Vi besøkte stova, fjøsen, fjelalder. let og sjøen. Oddvar las dikt. Eg filma. Han Han er ein Heimstaddiktar. fortalde historier frå livet. Slik vart kortfilmen No er han pensjonist, men har likevel nokre sauer og eit par høner. Kvardagen er noko ro- Eg har tidlegare gjort lydopptak av Oddvar om Heimstaddiktaren til.

14 Digital mediedesign, 6:2014

legare i pensjonisttilværelsen, og Oddvar kan pleie lidenskapen sin dikting. I lokalmiljøet er han ofte på oppdrag og framfører poesien sin. Han er fast med når pensjonistlaget har møte. Og du ser han på kvar ei saueutstilling.

Anes forunderlige opplevelser av Karin Kolås

Animasjon - som del av en digital barnebok I prosjektoppgaven i film og digital video valgte jeg å animere noen av objekten som skal være med i en digital barnebok. Boka heter Anes forunderlige opplevelser og handler om Anes nærkontakt med naturen og de underlige hendelsene og sammentreffene som hun opplever på sin vei. Animasjon er tidkrevende arbeid med gjentatt fotografering for hver minste bevegelse, og det skal mange bilder og mye redigering til for å lage en liten snutt på noen får sekunder. Under arbeidet med animasjonen fikk jeg god erfaring med for- og etterarbeid, lyssetting, bildeutsnitt, kameravinkler, endring av bakgrunn m.m. Jeg brukte photoshop for å redigere bildene og premiere pro for å redigere bakgrunnen og bildehastigheten slik at bevegelsene fikk ønsket hastighet. Det jeg rakk å animere i denne omgang var jenta som er hovedpersonen i fortellingen, en larve, larven og jenta sammen, og en gresshoppe. Dette har vært tidkrevende arbeid og det ferdige produktet etter flere dagers arbeid ble på rundt et halvt minutt, mens jeg har råmateriale til ca. ett minutt som skal redigeres for å ferdigstilles. I tillegg venter arbeidet med å innhente og legge til passende lyder til animasjonen. Lyden av gresshoppe, fuglekvitter, vingeslag.... ja det er mange elementer som skal på plass for å ferdigstille det påbegynte prosjektet med å lage ett minutts animasjon.

Digital mediedesign, 6:2014 15

En annerledes historie om det å være avhengig Rånni fra Brevik forteller sin historie. Ærlig, usminket og følelsesladd. En historie som angår oss alle. Rånni sliter med avhengighet men han er nå på vei ut av uføret. Vil han klare det? Hva er det egentlig han er avhengig av? Denne parodien på en dokumentar gir deg alle svarene.

En film av Frode Heggeli Kvisvik

Værræ sjæl

Rånni: Paul Nikolai Knudsen Manus, kamera, regi og redigering: Frode Heggeli Kvisvik Musikk: Frode Heggeli Kvisvik, Vegard Sandvik og Espen Sandvik

Dette er en prosjektoppgave i 602 Digitalt Mediedesign - Film og digital video våren 2014 Laget av Frode Heggeli Kvisvik 16 Digital mediedesign, 6:2014

Prosjektoppgaven min gikk ut på å lage en film for Lapoint Travel AS. Jeg fikk i oppdrag å lage en film fra deres surfecamp i Hoddevik på Stadlandet. Filmen skulle vise de gode surfeforholdene, den flotte naturen og den gode stemingen i Hoddevika. Jeg skulle også filme Lapoint sitt nyoppusede surfehus ”Utsikten”

Prosjektoppgave film og digital video slike filmer da det er vanlig at lyden fra opptakene fjernes, og at musikken er den eneste lyden i filmen. Jeg brukte veldig mye tid på å finne en egnet sang som jeg hadde tillatelse til å bruke. Etter flere dagers leting og uttalige mailer sendt til både band, agenter og plateselskaper fikk jeg tilslutt godkjenning fra bandet Halasan Bazar til å bruke låten deres ”You Will Know”.

Anders Melchior 25 år, Oslo Jeg var i Hoddevik i omlag en uke for å spille inn filmen. Været var fantastisk i hele perioden. Faktisk var været så godt at jeg endte opp med å kalle filmen for ”Summer in March”. Ekstremsportfilm er en undersjanger innenfor sportsdokumentarfilm. Filmen jeg laget har mange trekk som passer med denne sjangeren, selv om den også har en kommersiell funksjon. Valg av passende musikk er svært vesentlig innenfor

Arbeidet med å lage denne filmen var veldig variert. Jeg måtte filme alt fra surfing til interiør. Jeg har lite erfaring fra tidligere med lyssetting og filming av interiør så dette var definitivt en utfordring for meg. For å unngå at disse bildene skulle bli statiske og kjedelige laget jeg en improvisert kameratralle. Denne lagde jeg ved bruk av to skateboard, en finerplate og ”duct tape”. Jeg laget en rekke såkalte ”timelapser” til filmen min. Dette innebærer at man tar stillbilder med et bestemt intervall og deretter setter disse sammen til en filmsekvens. På denne måten kan man manipulere tiden. Man kan for eksempel få skyer til å bevege seg over i himmelen i stor fart, eller vise en solnedgang i løpet av et par sekunder. For å lage slike

”timelapser” trenger man en kamerautløser med timerfunksjon. Grunnen til at jeg tok ”timelapsene” var for å vise den flotte naturen i Hoddevika på en spennende måte. I tillegg så er ”timelapser” godt egnet som overganger mellom ulike deler av en film fordi man viser seeren at tiden går. Jeg ønsket å bevare mest mulig dynamisk omfang i filmfilene fra kameraet, for å få maksimal fleksibilitet redigeringsprosessen. Av den grunn filmet jeg alt med en såkalt flat bildestil. Dette innebærer i korte trekk at man stiller ned kontrast, skarphet og fargemetning i kameraet. På denne måten minimerer man informasjonstapet i filmfilene. På den andre siden fører dette til at etterarbeidet blir ekstra omstendelig og tidkrevende. Man blir nødt til å fargejustere og skjerpe alle filmfilene i redigeringsprogrammet. Etter jeg var ferdig med filmen ble den publisert på Lapoint sine Facebook og nettsider. I løpet av de to første døgnene den lå ute ble den sett nesten 1000 ganger. Det er veldig spennende og morsomt å vite at filmen har nådd ut til såpass mange! Digital mediedesign, 6:2014 17

Reklamefilm for Storebrand - Sølvi Eirin Mobakken -

I prosjektoppgaven i film valgte jeg å lage en reklamefilm. Både fordi det er utfordrende og spennende. Det er forhåpentligvis reklamefilm jeg skal jobbe videre med, for det er veldig spennende og gøy! Mens du i en spillefilm har god tid til å presentere roller, miljø, situasjon osv. skal du i en reklamefilm ofte fortelle en historie på ca. 30 sek. Det er meget krevende og det gjelder å kutte ut alt som er unødvendig for å få et så tydelig budskap som mulig på kort tid. I denne prosjektoppgaven skulle den ferdige filmen vare fra 1 - 5 minutter, så reklamefilmen jeg senere skal presentere ble på ett minutt. Det var likevel vanskelig å få fortalt en historie på denne korte tiden. Kjerneidéen er: Mange tenker at det er vanskelig å spare penger og at pensjon er langt frem i tid, men egentlig er det lett. Det er de små beløpene du gjør hver dag som kan gjøre en forskjell i sparingen din. Ideen er altså å få folk til å slutte å tenke - jeg skal bare kjøpe disse skoene først, denne iPhonen, denne lysestaken osv, men tenke sparing fra første stund. Synopsis: Reklamefilmen for Storebrand skal selge pensjonssparing til unge kvinner som gjerne bruker penger på alt og ingenting. Vi skal få seerne til å skjønne at det egentlig er ganske lett å spare til pensjon ved å vise hendelser som er lett å kjenne seg igjen i gjennom livsløpet. Det er hendelser der man bruker penger på ting man egentlig ikke trenger. Fra små til mellomstore beløp, beløp du heller kunne spart til pensjon. Det hele ender i en ”hale” som kort forteller deg om pensjon, etterfulgt av en ”pønsj”, der du ser at personen begynner å spare. Det blir spennende å jobbe videre med film også når dette semesteret er ferdig. Jeg har lært en hel del, fra å være helt blank til å skjønne filmspråket og alt det tekniske bak filmen. Jeg koser meg med klippingen, det er veldig gøy. Utrolig å lære hva man kan gjøre kun i klippingen. Vi fikk en flott pangstart med Jarle på begynnelsen av semesteret som var helt fantastisk!

18 Digital mediedesign, 6:2014

Glimt fra livet langs Telemarkskanalen

av Kristin Cecilie Nyhus

Som helt nybegynner i filmbransjen, har denne delen av studiet vært en real utfordring. Etter hvert har det blitt en spennende utfordring. Jeg skal nå fortelle litt om prosjektoppgaven min, som avslutter min tid som nettstudent på Digital Mediedesign. Når det kom til prosjektoppgaven, visste jeg ganske snart én ting, og det var at det måtte bli en film med mye naturbilder, for det er det jeg er mest fascinert av. En tid tenkte jeg å bygge videre på prosjektoppgaven fra modulen Digital foto og bildebehandling, som jeg kalte Fra fjell til fjord, og som besto av landskapsbilder fra seks ulike kommuner i fylket, fra Vinje til Porsgrunn. Men etter hvert fant jeg ut at jeg heller ville konsentrere meg om naturen her i Midt-Telemark, og valget falt på Telemarkskanalen, som er én av fylkets flotteste og mest kjente attraksjoner. Planen var å filme natur og dyreliv langs kanalen fra Ulefoss og vestover i retning Kviteseid, men på min siste filmtur var jeg så heldig at jeg fikk filmet M/S Victoria gjennom tre av slusene i Nome. Det ble prikken over i-en, og gjør at jeg er blitt mer

fornøyd med resultatet av filmen enn jeg ellers ville ha blitt. Alle filmopptak er gjort med mitt Nikon D5000 speilreflekskamera, som er et av de første i sitt slag med filmmulighet. Kameraet filmer i 720p24, og autofokus fungerer ikke under filming, så det var noen tekniske utfordringer underveis. Det er ikke mulig å koble til ekstra mikrofon, så jeg brukte en Zoom H1 opptaker ved siden av. Likevel har jeg ofte brukt kameralyden i filmen, for det virker som om kameramikrofonen er mindre følsom for vind og støy. All redigering av både bilde og lyd er foretatt i Adobe Premiere Pro CS6. Lyden kunne kanskje med fordel vært etterbehandlet i Adobe Audition CS6, men jeg er ikke så godt kjent med det programmet. Det første jeg gjorde var å plukke ut de klippene jeg ville bruke. Så satte jeg dem sammen i den rekkefølgen

jeg ønsket før jeg finjusterte overganger på både bilde og lyd. Noen av klippene er fargekorrigert for at de skulle passe bedre sammen. Lydovergangene er stort sett crossfadet, og jeg har justert volumet på de enkelte klippene. I bakgrunnen har jeg lagt et langt klipp med fuglesang tatt opp hjemme sent en kveld. Jeg ønsket å ha med musikk på filmen min, og med historien til Jarle Leirpoll på samlingen i januar friskt i minne, om studentene hans som fikk Anders Baasmo Christiansen til å lese inn en voice over, tok jeg kontakt med Jon Solberg, sanger og låtskriver i Ni Liv, og fikk tillatelse til å bruke en av sangene deres. Jeg kontaktet også Telemarkskanalen FKF for å forsikre meg om at det var greit å bruke opptakene av M/S Victoria i slusene. Nå er prosjektet vel i havn, og jeg er mange erfaringer rikere.

Filmstripene viser ti bilder fra filmen. Bildet øverst t.v. er fra Lanna ved Ulefoss med utsikt mot Ulefos Hovedgaard. Deretter følger tre bilder fra Lunde sluse, ett bilde fra Kjeldal sluse, ett bilde fra Hogga sluse, tre bilder fra Flåbygd og til slutt ett bilde fra veien langs kanalen mellom Flåbygd og Kilen i Kviteseid. Digital mediedesign, 6:2014 19

Staurland, Hanne Merethe R

Pedagogisk bruk av film i undervisning. Hvordan formidle pedagogisk bruk av film i undervisning, gjennom en dokumentar om ett bestemt undervisningsopplegg? Spørsmålet jeg stilte meg ved mitt avsluttende prosjekt i film og digital video.

på design og håndverk bruker film i undervisningen. Film kan brukes som inspirasjon, for å skape engasjement, for å formidle fagkunnskap eller for å dokumentere arbeid.

Jeg ville lage en dokumentar om bruk av film som pedagogisk virkemiddel i undervisningen i videregående opplæring. Formidle hvordan ett lærerteam på vg1 design og håndverk ved Vågen vgs bruker film i en motevisningsoppgave. Film brukes på varierte måter i læringsarbeidet. I denne filmen møter vi lærerne og elevene i en fire ukers periode der elevene jobber med tekstildesign, scenografi og styling.

Ett naturlig mål med en slik oppgave er å bli teknisk bedre i bruk av kamera og øke min kunnskap innen redigering av film i premiere. Ett mål jeg ønsket å jobbe videre med, og som jeg tidligere ikke føler jeg har behersket tilstrekkelig er å planlegge en filmproduksjon gjennom synopsis, manus og storyboard. Allikevel er mitt hovedmål som lærer å finne nye måter å bruke film på i undervisningen og i læringsarbeidet med elevene mine.

I dette avsluttende prosjektet for modulen film og digital video ved Høgskolen i Telemark har jeg jobbet rundt tematikken pedagogisk bruk av film i undervisning. Gjennom dette semesteret har jeg nyttet mine nye kunnskaper om film i min jobb som lærer. Det er viktig for meg å vise både elever og kollegaer at film kan og bør brukes i undervisning, også i utdanningsprogram som ikke direkte kan knytte arbeid med film til konkrete kompetansemål. Digitale ferdigheter er en av de grunnleggende ferdighetene i alle fag. Jeg har erfaring som lærer både på medier og kommunikasjon og design og håndverk. Jeg ønsker med denne filmen å vise ett undervisningsopplegg fra start til slutt, der jeg fokuserer på hvordan vi

20 Digital mediedesign, 6:2014

Kinoreklame for

Lørenskog bibliotek Som utdannet bibliotekar vurd-

erte jeg sterkt å vinkle prosjektoppgaven min til noe innen biblioteksektoren. Da Lørenskog bibliotek begynte å snakke om de kunne få til å lage en reklamefilm, viste jeg min interesse. Som filmskaper, Jarle Leirpoll, så smart sa i en av forelesningene våre: «Spør! Det verste som kan skje er at du får et nei». Det var slik endte jeg opp med å lage denne reklamefilmen. Det skulle idémyldres, velges idé, skrive synopsis, manus, lages storyboard og produksjonsplan. Det skulle plukkes ut location, rekvisitter, skuespiller, antrekk og en stemme til voiceover. Under innspilling valgte jeg manuell hvitbalanse, fokusering og blender.

Ved manuelle innstillinger er det ikke kameraet som bestemmer hva som skal vektlegges, det er jeg. Slik fikk jeg b.la. filmet caféområdet (se bilde i ill. over) med store vindusflater, uten at rommet ble mørklagt av den automatiske eksponeringen. Etterarbeidet var stort; noen timers film skulle klippes ned til 30 sek., som var tidsrammen jeg måtte forholde meg til fra kinoens side. Jeg arbeidet med filmen i Adobe Premiere. Da jeg under filming tenkte i sekvenser der det lot seg gjøre, ble redigeringa lettere enn om jeg hadde droppet å tenke sekvenser. (en sekvens er flere bilder tatt fra samme sitasjon men med ulike vinkler og bildeutsnitt).

Lyden var et kapittel for seg selv. Lydsporene jeg hadde tatt opp skulle forbedres, og jeg valgte å gjøre det gjennom gratisprogrammet Audacity. Lydspor i form av musikk fant jeg på Free Sound Archive (www.freesoundarchive. org) under CC- lisens som ga tillatelse til å bruke musikken til kommersielt bruk. Jeg jobbet deretter lenge med å prøve å skape gode lydoverganger ved hjelp av crossfade. Det var nytt og lærerikt for meg å ha en oppdragsgiver å forholde seg til. At min avslutningsoppgave var et reelt oppdrag, var for meg en ekstra motivasjon. Takk til Lørenskog bibliotek som hadde troen på meg!

Karine Tallaksen

Digital mediedesign, 6:2014 21

Videoredigering Videoredigering (våren 2014), fra de dyre profesjonelle programmene til de rimelige og de som er gratis og nettskyprogrammer. Av: Per Ola Juusola. Publisert februar 5, 2014 Når det gjelder videoredigering (også for bruk innen de estetiske fagene) i dag er det flere faktorer man bør overveie før man velger redigeringsprogramvare: Er det snakk om enkel redigering så er det noen grunnleggende faktorer man bør ta hensyn til ved valg av programvare: 1. Hvilken videokvalitet har man i utgangspunktet, og hva trenger/ønsker man for videre distribusjon (gammel PAL 768*576, eller de nyere HD-formatene: 720p eller 1080i eller 1080p)? Så spørs det også på hva man kan få ut i fra ulike videokilder (alt fra mobiler til avanserte videokameraer). – og ikke minst om man lett kan få importert disse inn i redigeringsprogrammet (- det finnes mange programmer for konvertering om det ikke går å få video rett inn i redigeringsprogrammet). 2. Hvilke og hvor «avanserte» funksjoner i redigeringsprogrammet trenger man? 3. Er det behov for mange ulike effekter og muligheter for å bruke/eksperimentere med slike? 4. - Og ikke minst hva har man «råd til», og hva fungerer best innen den aktuelle opplæringen/utdanningen!? I utgangspunktet trenger man (pt. 1-4 grunnleggende,- pt. 4 og utover gir flere muligheter): 1. Sette sammen flere ulike videoklipp til en film. 2. Sette inn og ut-punkter (eller på en eller annen måte å klippe de opptakene man har). 3. Å sette inn tekst før/etter og muligens inn i videoklippene. 4. Å lagre dette til en enhetlig film for eksport til ulike aktuelle videoformater for distribusjon. 5. Å lage ulike overganger mellom videoklippene (et minimum er ulike former for «enkel blanding» av klipp i et gitt tidsrom – da dette ofte brukes til å vise at det er «gått en tid» i mellom det som skjer, sett i relasjon til de «rene» klippene). 6. Å legge på enkle effekter på noen eller flere av videoklippene. 7. Mulighet for å legge til lyd- og lydeffekter i egne spor. 8. Forandre på videostørrelsen – (eks. å zoome inn på områder i klippene). 9. Endre hastigheten på videoklippene. 10. Justere og forandre med større kontroll: farger, kontraster med mer i klippene. 11. Legge flere videoklipp i samme scene på ulike måter (bla dele bildet opp i flere deler). 12. Flere distribusjonsformater for ulikt bruk. 13. annet … Det finnes i dag mye forskjellig programvare for videoredigering: Her en oversikt over de litt dyre men profesjonelle alternativene som har alt det man kan trenge (OBS mange har rimeligere skoleversjoner). Disse kan det ta litt tid å sette seg inn i bruk og funksjoner med mer (og det er også lett å miste fokus på det man i utgangspunktet jobber mot, og heller «leke planløst» med de mange avanserte funksjonene, uansett hvor morsomt dette kan være… – om dette da ikke er målet da!?): Adobe Premiere Pro ; Final Cut Pro (siste versjonene bare for Mac/Apple) ; Sony Vegas Pro ; Magix Video Pro

Per Ola Juusola er høgskolelektor ved fakultet for Estetiske fag, folkekultur og lærerutdanning ved Høgskolen i Telemark. Institutt for forming og formgivingsfag. Innlegget er tidligere publisert på bloggen: Digital bildeskaping’s Blog http://digitalbildeskaping.wordpress.com/

22 Digital mediedesign, 6:2014

” Så må man se på hva man ønsker/trenger i forhold til ulike læringsmål, og man må bruke en god del tid til å velge og utforske det man ser som brukbart.”

De litt rimeligere variantene (de har etterhvert også fått laget dyrere og mer avanserte versjoner). Disse programmene gjør det man vanligvis trenger i forhold til klipping og lydpålegg. Det finnes også her en del «flotte» effekter. De har muligheter for eksport til de fleste aktuelle formatene. Cyberlink Power Director v12 (fra ca. $ 80-199) Corel VideoStudio Pro X6 (ca. kr. 500,-) Adobe Premiere Elements 12 (kr. 740,-) Magix Movie Edit Pro 2014 (fra 70 euro-130 euro) Pinnacle Studio 17 (fra $ 60,- til $130,-) Gratisprogram: Her kan man stort sett gjøre det man trenger i forhold til «normal» videoredigering. Mulighetene for eksport til ulike formål er mindre, men for amatørbruk til Internett, og «lettere videodistribusjon» er disse greie nok. Noen mangler mer avanserte effekter, nøkling (keying) og lag-muligheter. De har også mindre kontroll over lyd. Windows Live Movie Maker (lastes ned gratis) iMovie (følger med Apple datamaskiner, gratis) Zwei-Stein Video Editor 3.01: http://www.thugsatbay.com/tab/?q=zweistein (gratis) http://ict21st.net/videopad3d/pageflip.html http://www.lwks.com/ Online (nettskyprogrammer). Disse fungerer stort sett greit for veldig korte videoer med tilhørende forbehold i forhold til høykvalitetsvideo (både aktuell lagringsplass på server, samt opp- og nedlastingshastighet er avgjørende her. Til veldig korte videoer for Internettdistribusjon og lignende er de helt OK. For eksempel fra mobilkamera og rett til nettskyen! - rediger litt og rett til nettdistribusjon til tjenester slik som Vine, YouTube eller lignende: http://www.youtube.com/editor http://www.wevideo.com/ http://www.magisto.com/ http://www.shotclip.com/ http://www.clipcanvas.com/videoeditor/create http://www.creazaeducation.com/movieeditor/ http://www.loopster.com/ http://www130.lunapic.com/editor/?action=crop-video http://www.mixmoov.com/ https://www.filelab.com/video-editor En test av noen: http://www.reelseo.com/online-video-editing-software-tools/ - Og jeg har dessverre ikke ennå testet noen av disse selv! (Vi bruker pr i dag gamle Adobe CS 5.5 programmer i vår undervisning ved DBVK) Flere alternativer finnes nok der ute! Vær obs på rettigheter, betaling, reklame, med mer (spesielt i forhold til nettskyprogrammene)…!!! (- alle disse linkene fungerte pr. 05.02.14 – Vær også obs på opp- og nedlastingshastighet, kvalitet, lengderestriksjoner, distribusjon med mer …) Så må man se på hva man ønsker/trenger i forhold til ulike læringsmål, og man må bruke en god del tid til å velge og utforske det man ser som brukbart. I tillegg kommer faktorer som økonomi, lokal teknisk ekspertise, mål for arbeidet med film/video med mer inn i valget av aktuell programvare. Ikke lett, men her har jeg prøvd å vise noen mulige alternativer med linker.

Digital mediedesign, 6:2014 23

24 Digital mediedesign, 6:2014

DEL 2 Web og informasjonsdesign

Foto: Nina Marie Andersen Digital mediedesign, 6:2014 25

Prosjektoppgave i Web- og informasjonsdesign

En nettside om

Hagedyrking

I dette prosjektet ønsket jeg å skape en innbydende og brukervennlig nettside for alle som ønsker grunnleggende og tilgjengelig informasjon om hvordan man kan dyrke egne grønnsaker. Jeg syns nemlig selv det var vanskelig å finne en slik side når jeg nylig startet med å dyrke grønnsaker. Målet med siden er også å promotere en sunnere og mer bærekraftig livsstil.

Det var viktig for meg at det skulle være mulig å finne frem til tips uten å måtte bruke masse tid på å lete og lese. Dette ville jeg løse med å ha begrenset med tekst som kun dekket det mest nødvendige man trenger å vite i en dyrkeprosess. Et begrenset fargepalett og bilder og skrift i samme stil var det jeg siktet mot for å unngå en rotete side. Jeg ville også at siden skulle bli et luftig palett for illustrasjonene som skulle være det som tok oppmerksomhet. Funksjoner som menybar og bildelinker, samt et stramt sideoppsett har gjort siden min enkel å navigere på.

http://home.hit.no/~113116/Prosjektoppgave/prosjektoppgave_hjem.html vises i Firefox for optimal funksjon. Laget av Nina Marie Andersen. 26 Digital mediedesign, 6:2014

Digital Mediedesign Web- og interaksjonsdesign av Henriette K. Bergli Som min prosjektoppgave i Web- og interaksjonsdesign valgte jeg å lage et nettsted som skulle promotere meg som designer/illustratør.

Web- og interaksjonsdesign Studiet Digital Mediedesign på Høgskolen i Telemark har vært en glede. Flinke forelesere, trivelige medstudenter og interessante fag har gitt meg en god start på min “design-fremtid”.

Prosjektoppgave I dette prosjektet har jeg jobbet mye med elementer som ikoner, logoer og bakgrunner. Jeg har forsøkt på kombinere det rene, enkle og oversiktlige med det mer personlige utrykket. Jeg har jobbet med å stramme inn elementene i rammeverket, slik

at de ikke utkonkurerer bildemateriellet i prosjektene. Men jeg ville alikevel ikke at det skulle blir for klinisk.

Forsiden med linkbokser til de ulike kategoriene.

Fontene jeg har brukt er sans-serif, og hjelper til å stramme opp uttrykket på siden. Jeg har holdt hovereffektene veldig enkle på tekstlinkene. Mens på sosialmedia-linkene har jeg endret farge ved mouseover, slik at fargen viser hvilken side du står på. Jeg har valgt å holde tittelen på sidene i levende-tekst, slik ar den er lesbar for søkemotorer.

Siden er for “Egne prosjekter”. Ikonene til sosiale medier har samme farge som header-logoen ved mouse-over.

Logo

Egne prosjekter

Illustrasjon

Grafisk Design

Prosjekt-side med mouse-over galleri.

Digital mediedesign, 6:2014 27

Prosjektoppgave i Web- og informasjonsdesign av: Benjamin Dehli Nettstedet

Jeg har laget et nettsted for oppskrifter. Her legger brukerene selv inn oppskrifter og kan se andress oppskrifter. Hver bruker får også sin egen proﬁlside der brukerens oppskrifter blir vist.

Kodespråk som er brukt

HTML: Nettstedets statiske innhold PHP: Nettstedets dynamiske innhold SQL: Henter ut fra og legger til data i databasen CSS: Deﬁnerer HTML elementenes utseende AJAX: Brukes til dynamiske funskjoner uten at siden lastes på nytt. F.eks. Autentisering ved innloging og legge til//erne ingredienser i oppskrift

28 Digital mediedesign, 6:2014

2014

Design

På siden ville jeg ha et enkelt, brukervennlig design som gikk raskt å laste uavhengig av brukerens enhet og båndbredde. Designet innholder derfor lite bilder, men er istedet basert på css-stiler.

Responsivt design

Responsivt design blir stadig viktigere ettersom antallet av forskjellige typer enheter øker. Jeg har derfor lagt vekt på at nettsidene skal være responsive, slik at de er funskjonelle uansett hvilke enhet og skjermoppløsning brukeren har.

- En hjemmeside om meg, min bedrift og mine lidenskaper

Prosjektoppgave i web- informasjonsdesign Av Nina Fjeldsaa Jeg synes det er spennende å jobbe med å utvikle nettsider, men det kan være utfordrende å lage en hjemmeside til seg selv. I dette semesteret har vi jobbet med nettside utvikling. Dette er noe jeg har jobbet litt med tidligere, men da har jeg alltid jobbet sammen med noen som har dette som arbeid. Vi avsluttet semesteret med en prosjektoppgave hvor vi hadde to alternativer: Lage en nettside med mat som tema eller lage et nettside for å promotere deg selv. Her bestemte jeg meg for å lage en nettside til meg selv, da dette var noe jeg synes jeg trengte til enkeltmannsforetaket mitt ”Nina Fjeldsaa Frilans”. Jeg skisset ned noen ideer om hvordan jeg ønsket at siden skulle være. Etter dette satt jeg igang med å kode siden. Her tok jeg utgangspunkt i koder jeg hadde fra før for å gjøre arbeidet raskere. Det var en del jobb å forandre kodene i CSS’en så de passet den nye siden, men dette synes jeg bare er spennende fordi da lærer jeg meg hvordan forandringer i CSS’en påvirker oppførselen til de forskjellige elementene. Jeg har også underveis sett på tutorials på nett for å

finne ut hvordan jeg lager og løser ting jeg ikke kunne fra før. Innholdet puttet jeg inn underveis som jeg utviklet siden da jeg visste at deler av innholdet ville være med på å forme utseende av siden. Som illustrasjonsbilder og tekster. For å få en gjennomført stil på hjemmesiden valgte jeg å ha runde illustrasjonsbilder på mange av sidene. Det var en del jobb å lage bildene runde, men jeg synes dette var viktig for å holde på det samme uttrykket gjennom hele nettstedet. Alt i alt ble jeg ganske fornøyd med nettstedet mitt, men jeg føler at jeg kunne utfordret meg selv mer på designet. Jeg holder meg til “det trygge” og tester ikke ut så mye nytt når det kommer til denne delen. Jeg tror det kan være lurt å ha noen å samarbeide med, som kan komme med egne forslag og ideer, slik at man får noe å spille på og utvikle videre. Det er spennende å jobbe med prosjekter hvor man jobber alene, og jeg lærer mye av det, men jeg trenger å tfordrere meg selv på design og den grafiske delen i utvikling av nettsider. Digital mediedesign, 6:2014 29

Fredrik Johannes Gdynia

30 Digital mediedesign, 6:2014

P R O S J E K T O P P G A V E :

WEB- OG INFORMASJONSDESIGN

Malin Thilesen Goldberg

Vårsemesteret 2014

Prosjektoppgaven i web- og informasjonsdesign var for meg en utrolig lærerik, morsom og ålreit oppgave. Jeg valgte å lage et nettsted som promoterer meg selv som kunstner, ved å vise frem bilder (fotografier og tegninger), samt litt informasjon om meg, hva jeg har holdt på med og holder på med innenfor kunst, og mulighet til å kontakte meg. Siden består av fotografier og tegninger som jeg selv har tatt og laget, og fungerer som en slags, liten, portefølje. Jeg har holdt designet på siden veldig enkelt, og prøvd å legge mest fokus på selve bildene som jeg viser fram. Jeg ville ha en enkel, men smått elegant side, uten for mange elementer, men samtidig med et lite snev av modernitet og ”spesielle effekter”. Dette fikk jeg til ved å holde all bakgrunn hvit, ved å velge en font som er enkel og moderne, og ved å legge på gjennomskinnelighet på de stillestående elementene som er på hver eneste side på nettstedet. Gjennomskinneligheten gjør at det som scrolles bak er smått synlig gjennom elementene som ligger stille over, og jeg synes det tar hele nettstedet et steg lenger opp.

Målgruppen er kunst- og kulturinteresserte mennesker, mellom 18 og 40 år, kanskje med sansen for det litt spesielle og utenom-det-vanlige.

Jeg møtte på et par utfordringer i prosessen, men har først og fremst fått videre testet ut mye vi har hatt om dette semesteret, og sett hvor utrolig mye jeg faktisk har lært! Nå kan jeg bygge opp en side i Dreamweaver ved hjelp av CSS-regler, uten å ”jukse”. Jeg kan lage en ”fancy” spry-meny som får sidene mine til å se ennå mer profesjonelle ut. Jeg kan generelt sett lage og sette opp nettsider som ser profesjonelle og ryddige ut. Digital mediedesign, 6:2014 31

Prosjektoppgave ved HiT avd Notodden, Gry m. Grindbakken

Web- og informasjonsdesign “Tradisjonssølv til moderne mennesker – er det jeg ønsker å formidle. Målet er å klare det på en lys, positiv og kreativ måte via disse sidene.” Jeg er Mester i Filigransfaget og jobber på den gammeldagse måten med bla. bunadsølv. Dette skoleåret har jeg studert Digital Mediedesign. Det er to forskjellige verdener! Jeg har hatt et utrolig lærerikt år. Målet med studiet for min del er at disse

to verdenene skal gå hånd i hånd framover – den tradisjonelle håndverksverdenen og den digitale – at de kan møtes på en bra måte. I prosjektoppgaven har jeg jobbet med nye nettsider til mitt firma FILI.

Jeg har programert sidene ved hjelp av Dremweaver. Jeg har fotografert, bearbeidet bildene og laget elementer i Illustrator og Photoshop. I tillegg til at jeg har laget alle produktene det er bilde av – så dette er et 100% FiliGry-produkt.

http://home.hit.no/~988935/prosjektoppgave/malprosjektoppgave.html og www.fili.as 32 Digital mediedesign, 6:2014

fotograf

T H designer

prosjektoppgave i web og informasjonsdesign made by trude hagen I denne oppgaven har jeg virkelig lært at ikke alt er så enkelt å få gjennomført, og at man ikke alltid kan få til det man vil. Mye av tiden har gått til å prøve ut forskjellige måter å lage ett ”slideshow” på, og som skulle passe til min layout. “Slideshow“ som ble brukt på min nettside var : Thickbox Gallery, Swap Image og Roll Over Image.

tilslutt er det veldig morsomt når man får det til. Har ofte hatt en reaksjon på glede med knyttet neve og ordet ”YES” så det er ikke alltid negativt å prøve ut forskjellige funksjoner når det virker. Ved at nettsiden skal bli en side i stadig endring vil det bli naturlig å jobbe med en enklere struktur, der det kommer mer informasjon og bilde materiale. Vil også bruke den erfaringen jeg har fått til å bygge videre på ideen rundt med selv som designer. Alt i alt har resultat kommet i havn, men jeg ser frem til å videreutvikle siden min. Ser dette som en utprøving som bare kan gå en vei - to heaven.

Adobe Dreamweaver som program har mange funksjoner som gjør arbeidet enklere, men som også krever god forståelse for mulighetene man har. Dette gjør det også vanskelig fordi man ikke rekker å være innom alle funksjonene i løpet av studiet, men da er det godt å vite at nettet har mange tutorials som man kan benytte. …MEN jeg har også lært mange nye ting under de forskjellige prosessene og

Eventyret har akkurat begynt…

DET VAR EN GANG… Digital mediedesign, 6:2014 33

av Eirin Handegard I denne prosjektoppgaven i web- og informasjonsdesign har jeg valgt alternativ 1 og laget en nettside basert på en gammel kokebok, Husholdningsbog. En sikker veiledning i kogekunsten av Elen Gullichsen. Hun gav ut en av de første kokebøkene i Norge i 1872. På slutten av 90- tallet fant min mor noen oppskrifter i et ukeblad som hadde opprinnelse her i Fredrikstad. Senere fortalte min svigerfar at de var fra kokeboken som Elen Gullichsen hadde skrevet, og at hun hadde bodd i huset hvor han var født i og hvor vi bor i dag.Ved juletider året etter prøvde vi ut en av oppskriftene, Oppblåst sukker. Den falt såpass i smak at det har blitt en tradisjon å bake dette til jul og gi rundt til naboer og venner i Gamlebyen. For en del år tilbake fikk jeg tak i et eksemplar av boka, utgave 2, og jeg har lenge ønsket å gjøre noe ut av den. Da prosjektoppgaven sto for tur syntes jeg det kunne være en grei anledning å lage en nettside med utgangspunkt i den.

http://home.hit.no/~131948/Oppgaver/prosjektoppgave/sites/WebProOppHjem.html

34 Digital mediedesign, 6:2014

Dette har vært en interessant, lærerik og ikke minst velsmakende oppgave å jobbe med. Jeg har lært mye om det å bygge opp et nettsted og det har vært spennende å utforske mulighetene i Dreamweaver. Det har vært en bratt læringskurve siden jeg ble introdusert for dette for første gang i januar i år og jeg føler at jeg har fått utviklet mine ferdigheter her. Jeg synes siden har blitt både innbydende, delikat og oversiktlig, samtidig som det er enkelt å navigerer seg rundt på. Jeg har brukt formalestetiske virkemidler til å skape uttrykk gjennom bildene og sidene. Jeg vil gjerne videreutvikle siden, samt fordype meg mer ned i Elen Gullichsens kokebok. Kokken og jeg har allerede bestemt oss for at vi skal gjøre noe mer ut av dette, kanskje til og med å lage en ny kokebok med utgangspunkt i hennes oppskrifter og da er det ikke så dumt med ei nettside ved siden av.

Malen Erichsen

WEB

Eksamensprosjekt i Web og Informasjonsdesign

”Det er jeg stolt av” I min prosjektoppgave i Web og Informasjonsdesign valgte jeg å lage en webside som skal promotere meg selv som fotograf. Arbeidsprosessen min foregikk på følgende måte:

”Farger, fonter, former, fotografier….”

Definisjon av nettsted

Ideutvikling

Strukturarbeid

Presentasjonsdesign

Utvikling og programmering

Da jeg startet på dette studiet, første dagen, og så all kodingen, tenkte jeg at det ikke ville interessere meg så mye som jeg hadde trodd. Jeg tok feil. Etter hvert som undervisningstimene gikk og jeg brukte tid i Dreamweaver fant jeg kodingen interessant. Jeg var opptatt av design, og koding er jo å designe. Farger, former, fonter, fotografier osv. Med god hjelp ifra lærere, andre medstudenter og utallige tutorials på nett, fikk jeg til å utarbeide flere nettsted helt i fra bunnen av. Det er jeg stolt av.

Digital mediedesign, 6:2014 35

Digital Mediedesign

Eksamen

NO NICE SUNSETS

En portfolio er tradisjonelt en fysisk samling av utvalgte arbeider som brukes for fremvisning og promotering. Jeg ønsket å samle landskapsfotografiene mine i serien Empty Landscape på én nettside. Tekst og foto Simen Skyer

Empty Landscape er en nettside som viser et fotoprosjekt jeg har jobbet med i mange år. I 2004 kom jeg over Jim Bengston sin bok med samme navn, Empty Landscape. Det ble en viktig oppdagelse i en tid der jeg interesserte meg sterkt for landskapsfotografi. Målet mitt var å lage en side som kan være tilgjengelig for alle til enhver tid og som viser variasjon. Fotografiene er innholdsmessig enkle og jeg ville videreføre det i designet på nettsiden. Jeg valgte en

36 Digital mediedesign, 6:2014

hvit bakgrunn og kun noen få fargeelementer. Less is more er et gammelt og slitt uttrykk som først ble uttalt av Robert Browning på 1850-tallet. Det som menes er at når alt overflødig blir tatt vekk, så vil det som gjenstår bli viktigere og tre tydeligere frem. Jeg synes generelt at mange nettsider inneholder unødvendig mye effekter, farger og symboler. På min side ville jeg utforske grensen for hvor enkelt det var mulig å lage nettsiden før den ville virke for tom. Jeg synes det passer til tittelen på prosjektet og står godt til enkelheten i fotografiene. Jeg har en lys gul ramme rundt siden i ytterkant og har tittelene på det ulike kategoriene i forskjellige farger. Min side er bygget opp på en hierarkisk struktur. Navigasjon

og brukervennlighet mellom sidene ønsket jeg at skulle være så enkel og intuitiv som mulig, men fortsatt med mulighet for å bestemme rekkefølge på sidene. Hierarkisk struktur vil si at mottakeren møter én enhet som forgrener seg ut i informasjon i mindre enheter. Jeg begynte å lage rammeverk for siden med hjelp av css regler, cascading style sheet. Det definerer hvordan elementene i HTML-koden skal se ut. Jeg satt først inn de strukturelle elementene; wrapper, header, footer, maincontent og de rammene som skulle gå igjen på alle sidene. Ut ifra denne første siden lagde jeg et stylesheet som jeg kunne benytte som mal for de andre sidene. Plassering og innstillinger vil bli de samme for hver side ved hjelp av et stylesheet og man sparer derfor endel tid.

Findability er et begrep som betyr hvor søkbar en nettside er. Søkemotorer som google og yahoo finner frem til nettsider ved hjelp av nøkkelord som er lagret på siden. Nøkkelordene bør være relevante til innholdet på siden. Hvordan ordene er organisert er med på å avgjøre hvilken plassering nettsiden får på et søk i søkemotorene. Erfaringene jeg har gjort meg i emnet web på digital mediedesign har vært avgjørende for at jeg kunne lage denne siden. God planlegging i forkant er viktig for at selve programmeringen i Dreamweaver skal være effektiv. Det har også vært interessant å se at tradisjonelle komposisjonsprinsipper også gjelder for en nettside.

Prosjektoppgave av Kari Isingrud:

På streif

- natur, kultur og friluftsliv Nettadresse: http://home.hit. no/~131954/paastreif2014/index.html

På streif er mitt nettsted med artikler, tips og fagstoff om natur, kultur og friluftsliv, samt friluftsliv med hund. I min prosjektoppgave har jeg laget nye nettsider for På streif, og nedenfor kan du lese hvordan jeg har tenkt når jeg laget nettsidene. Jeg tenkte at forsiden som møter brukeren måtte vise tydelig at det handlet omfriluftsliv og den måtte være en interessevekker. Et slideshow med aktuelle bilder og en enkel meny med lenker, viser inneværende sesongs tips og artikler. Bakgrunnsbilde, fargepalett og innhold skal skiftes etter årstid. På denne måten vil sidene virke oppdaterte og aktuelle Jeg har veldig mye stoff på sidene og jeg måtte prioritere å gjøre innholdet synlig og tilgjengelig. Ved å skrolle nedover på forsiden eller klikke i hovedmeny kommer man til alle artikler. Løsningen ble altså en temabasert lenkemeny som gir brukeren god oversikt over alle artikler på nettstedet. Nettstedet er utformet slik at det fungerer godt på alle medium og store skjermer.

MÅL OG MåLGRUPPER I idéprosessen jobbet jeg med å forstå hva som matchet mitt formidlingsbehov innen friluftsliv og brukerens behov for informasjon. Jeg har designet sidene slik at det skal være tydelig hva de handler om, og slik at aktuelle brukere straks ser at dette er et aktuelt nettsted for dem.

NETTSTEDETS STRUKTUR Alt innhold presenteres på førstesiden, og den tekniske strukturen er flat med bare to nivåer. Løsningen gir brukeren god oversikt og den er utformet for søkemotoroptimalisering. NAVIGASJON Jeg har jobbet med forenkling og vært igjennom flere runder med forenkling før jeg endte opp med en superenkel hovedmeny med bare tre valg. Den ligger fast i øvre bildekant, slik at den alltid er synlig for brukeren. Alle artikler er tilgjengelig fra lenker

på førstesiden. Dette er oversiktlig og brukervennlig. Det er integrasjon mot Facebook, og skal tilpasses andre sosiale medier. VISUELL PROFIL Det skal ikke være tvil om at dette nettstedet handler om friluftsliv. Dette har vært styrende for presentasjonsdesignet. Jeg har også ønsket at den visuelle profilen skal gi et inntrykk av naturlighet og luftighet.

Et malt bilde skaper en naturlig og luftig bakgrunn for resten av innholdet. Bakgrunnen kan varieres med årstider og bidra til sidens aktualitet.

Digital mediedesign, 6:2014 37

Web og informasjonsdesign Prosjektoppgave 2014 av Marthe Kristine Karlsen

I min prosjektoppgave har jeg laget en nettside for meg selv som fotograf. Tidligere i dette studiet har jeg designet logo, designprofil og reklamefilm. Dette ønsket jeg å bruke i designet av min nettside. www.fotografmarthekristine.com

Navigasjon

Jeg vil ha en nettside som er lett å forstå og bruke for alle. Derfor har jeg en meny og i tillegg store link knapper. Menyen er tilgjengelig fra alle sider, mens knappene ligger på hver hovedside, som galleri siden.

Galleri

Gallerier er noe av det viktigste på en fotografside. Og jeg ønsker å vise bildene mine på en god måte. Jeg har derfor benyttet meg av plug-in galleri fra extendstudio. Dette gir et proffesjonelt uttrykk og flyt på siden. Med dette galleriet kan man se slideshow, fullskjerm og bla som man selv ønsker. Noe for alle og enhver som er innom min side.

Kontaktsiden

Det er viktig å få potensielle kunder til å ta kontakt med meg. Jeg har derfor laget et kontaktskjema så de ikke trenger å forlate siden for å sende meg en melding. Informasjonen de skriver inn blir sendt til min epost. Alt innhold på denne siden er kopibeskyttet i henhold til norsk lov om opphavsrett. © Fotograf Marthe Kristine

38 Digital mediedesign, 6:2014

Karlsen, Steinar

orangutwang.no I prosjektoppgåva mi innan Web- og informasjonsdesign valde eg å presentere meg sjølv som kunstnar. Nettstaden har fått navnet Orangutwang. no etter firmanavnet som eg har brukt i nokre år. Sida presenterar arbeid eg har gjort innan Foto, Design, Video og Musikk. Sida skal oppdaterast og utvidast med underkategoriar etter kvart som eg har nytt materiale å vise fram. Sida er laga med eit minimalistisk uttrykk for å gje god plass til fargerike illustrajonar, film og bilder.

Å jobbe med web, eller rettare sagt å lære å jobbe med web, er mykje prøving og endå meir feiling, noko denne prosjektperioden har lært meg. Desse vekene har vore prega av gode opplevingar der eg har opplevd det å lage heimeside som lærerikt, inspirerande og verdifullt. Spesielt mykje har eg lært av å bruke ”inspect element”-funksjonen i nettlesaren, då er det mogeleg å finne ut korleis andre sine sider er bygd opp. Dette har gjeve meg trua på å prøve meg i kodefeltet i Deamweaver, eg

har opplevd at eg av og til vel å jobbe i kodefeltet istaden for å bruke menyvala. Det har vore inspirerande for meg. Eg er glad eg har starta med å lage eit enkelt utkast som eg har og kan bygge vidare på. På denne måten føler eg at eg har hatt delvis kontroll heile vegen samtidig som eg har fått ein del utfordringar eg har vakse på. Eg har no ei fullt fungerande grunnside som det er lett å bygge vidare på.

Digital mediedesign, 6:2014 39

Webdesign Prosjekt

I arbeidet med dette prosjektet har jeg laget en nettside til bruk i eget firma. Firmalogoen smil design skal representere symbolisering, mediedesign, illustrasjon og logo. Dette er noe av det firmaet kan tilby innen grafisk design, i tillegg til fotooppdrag. En illustrasjon pĂĽ dette finnes pĂĽ nettsidens forside.

Initialene KK er plassert i midten av en lĂ¸vetann, - en iherdig liten blomst som gjerne vil opp og fram ;) Tekst & Foto: Karin

40 Digital mediedesign, 6:2014

KolĂĽs

Digital mediedesign, 6:2014 41

Parallax

scroll responsive design - et reise gjennom nett side

Hei, mitt navn er Giedrius og jeg studerer informatikk på høgskolen i telemark, dette er et kort innblikk av hvordan nettsiden min fungrer.

http://www.doublea.no/prosjektoppgave

I mitt prosjektoppgave valgte jeg å lage et nett sted om meg eller et fiktiv webutvikler/fotograf firma i porsgrunn. Som dere ser så har jeg laget den oppgaven på engelsk for å peke på større målgruppe og drive bedrift internasjonalt, siden man trenger egentlig ikke å møte personen og alt kontakten kan gjøres via internett. Jeg kalte bedriften for G-Studio som står får Giedrius studio. Jeg synes at det navnet “studio” skaper en verdi eller et bilde i hode for folk der de sier der folk driver en kunst, fotografi eller webutvikling. Jeg mener at hvis en person har en tanke i hodet at du lager et netsted til han så har du man ganske god snart. En annen grunn at jeg ikke valgte å skrive mitt full navn fordi den er ganskje ukjent internasjonalt og kan skape usikkerhet hos potensiell kunde. Som webutvikler/fotograf må man være modern og være oppdatert. Derfor valgte jeg å lage “parallax scroll” nett sted, som “er endringen i posisjonen til to stasjonære punkter relativt til hverandre sett av en observatør, som følge av observatørens bevegelse. Det er den tilsynelatende forflytningen av ett objekt i forhold til en bakgrunn på grunn av endring i observatørens posisjon.” - Wikipedia.

Man kan enten scrolle nedover hele nett siden eller velge å Man kan enten scrolle nedover hele nett siden eller velge trykke på menyen som følger med hele tiden. Menyen eller hele nett siden er delt i 4 sider. Home siden er den første siden som kommer opp når man kommer inn på nett siden. Hvis man velger å skrolle nedover ser mann andre sider som kommer opp parrallelt med bakgrunnsbilder. Allle sidene preseanterer kort og godt hvilket målgruppe vi er på jakt og hva slags service det tilbys.

42 Digital mediedesign, 6:2014

Prosjektoppgave web- og informasjonsbehandling Anders Idland Melchior

Som du sikkert allerede har skjønt, har

å presentere bildene mine på.

Denne

både Javascript, responsivt design og

jeg laget en nettside for å promotere meg

nettsiden er min internettportefølje, så det

søkemotoroptimalisering. Temaer som

selv som fotograf og filmskaper. Jeg er

aller viktigste er at bildene blir vist på en

viste seg å være spennende, men også

spesielt glad i å fotografere actionsport

god måte. Jeg ønsket å få til en løsning

svært utfordrende å mestre skikkelig.

og natur. Jeg ønsket å lage et design som

som både er lett å oppdatere, støtter

understreker dette. Jeg var opptatt av å

alle bildeformater, og er brukervennlig.

Videre har jeg også fått en større forståelse

skape et fartsfylt og livlig design, som

Løsningen på det var å lage såkalte

rundt koding i CSS og HTML. Tidligere

samtidig har en form for ro og harmoni.

”rotatorer” med JavaScript.

jobbet jeg sjeldent direkte i kodefeltet i Dreamweaver. I løpet av prosjektperioden

Over ser dere forsiden på nettsiden min.

Prosessen med å lage nettsiden var veldig

har jeg derimot erfart at forståelsen av

Klikker man på bildene kommer man

lærerik. I løpet av prosjektperioden var

kodene har økt betraktelig, og den mest

inn på de ulike gallerisidene. Det var

jeg innom svært mange ulike aspekter

effektive arbeidsmetoden har ofte vært å

veldig viktig for meg å finne en god måte

ved webdesign. Jeg har satt meg inn i

jobbe direkte i kodefeltet.

Digital mediedesign, 6:2014 43

<h1>Web- og informasjonsdesign</h1> <h3>Sølvi Eirin Mobakken</h3>

http://home.hit.no/~131961/Prosjektoppgave/Sites/Index_eksamen.html

Dette vårsemesteret har vi hatt web- og informasjonsdesign. Et utrolig nyttig og spennende fag, og hovedgrunnen til at jeg valgte nettopp dette studiet. Har vi fått valuta for tiden vi har lagt i dette? Absolutt! Vi har lært masse, faget er enkelt lagt opp, og godt forklart. I prosjektoppgaven valgte jeg og lage en webside som promoterer meg som en art-director. Jeg har prøvd så godt jeg kan å legge masse personlighet i siden, likevel holde den veldig enkel og clean. Jeg

44 Digital mediedesign, 6:2014

gikk ikke så langt at jeg lagte en responsiv side, men den er skalerbar og skal passe de fleste skjermer nå. Webdesign er noe jeg absolutt skal bygge videre på og holde meg oppdatert på, jeg synes det er deilig å endelig ha forstått backend jobben når man ser på forskjellige nettsider, og skjønne hvordan CSSen påvirker utseende. Men smør dere med tålmodighet for det er mye frustrasjon med på veien! Kos dere med webdesign, det har jeg gjort :)

prosjektoppgave i web og informasjonsdesign

I denne avluttende oppgaven fikk vi valget mellom å utvikle et nettsted som enten hadde mat som tema, eller en nettside hvor vi promoterte oss selv som kunstner, designer, fotograf eller lingnende. Valget mit falt på sistnevnte alternativ hvor jeg vil promotere meg selv som fotograf, dette til tross for at jeg aldri før har fotografert profesjonelt på noen som helst måte. Et av kriteriene i oppgaven var å kun bruke egne bilder, så dette ga meg motivasjon til å hente frem kamera og ta noen bilder.

Jeg har lenge hatt sansen for gamle polaroid fotografier så dette var noe jeg forsøkte å gjenspeile i mine bilder, selv om bildene ble tatt med et relativt nytt kamera. Photoshop ble brukt flittig i bildebehandlingsprosessen for å gjenskape den analoge stemningen. For at bildene skulle komme frem på best mulig måte, måtte jeg ha et enkelt layout på nettsiden slik at tok fokuset bort fra bildene. I tillegg til å kun være en nettside for foto ville jeg bruke anledningen til å promotere meg som webutvikler slik at kunne vise frem hva jeg har lært iløpet av kurset.

Jeg er fornøyd med oppgaven og føler jeg har brukt det vi har lært iløpet av semesteret. Til tross for at Dreamweaver har en ganske bratt læringskurve, og det skal sies at det var mye prøving og feiling, føler jeg nå at jeg mestrer programmet på en god måte.

Av Kenneth Nicolaisen

Digital mediedesign, 6:2014 45

46 Digital mediedesign, 6:2014

PROSJEKTOPPGAVE I WEB- OG INFORMASJONSDESIGN Min prosjektoppgave gikk ut på å utforme et nettsted der jeg skulle promotere meg selv som grafisk designer og fotograf. Adobe Dreamweaver var programmet som ble brukt. Inspirasjonen fant jeg fra ulike medier, deriblant i magasin og ulike nettsteder. Jeg skisset layoutforslag først, og bestemte meg siden for fargevalget. Under oppbygningen av siden jobbet jeg med lag for å skape dybde-følelse. Dette var krevende å få til, men desto morsommere var det da jeg fikk det til å funke. Nedtrekksmeny, kontaktskjema, bildekarusell og bildegalleri var noe av det jeg benyttet meg av på

nettstedet. Facebook-knapper ble også kodet inn, slik at man kunne like eller dele direkte fra nettstedet. For å få til å lage forms, PHP, javascript, dynamiske funksjoner, og CSS3 (utover det vi lærte i løpet av studiet), benyttet jeg meg av fagbøker, søkte i søkemotor og YouTube. Som regel klarte jeg ikke det jeg prøvde på med en gang. Noen ganger var det småfeil, som ett komma for lite eller et innrykk, som hindret funksjonen i fungere slik den skulle. Jeg lærte masse av å prøve og feile.

e n i r Ka

n e s k alla

Digital mediedesign, 6:2014 47

Web og informasjonsdesign av Katinka Thors Dette har vært den mest spennende og motiverende modulen i studiet for meg. Det var først og fremst webdesign jeg hadde lyst til å lære etter at jeg har ”lekt med” kodene i bloggen min en stund. Endelig skulle jeg lære det. Lite visste jeg om hvor mye som egentlig ligger i webdesign og vi fikk bare røre innom et lite område i undervisningen. På egen hånd har jeg derfor lært meg litt om HTML5, CSS og litt javascript. Det har vært utrolig spennende og lærerikt og jeg skulle så veldig gjerne lært enda mer. Det skal jeg nok også gjøre, med tid og stunder. I studiet har vi jobbet med Dreamweaver og jeg liker veldig godt at vi kan bruke en programvare uten koding også. Der har vi muligheten til begge deler. Men jeg ser hvor nyttig det er å kjenne litt til hvordan en side er bygget opp og hvordan kodene og ”språket” i dokumentet er. Min nettside har jeg laget for å promotere meg selv som fotograf og webdesigner. Det er de to fagområdene jeg trives best med og jeg har ambisjoner om å bli enda bedre og kanskje det også kan bli et yrke å drive med dette etterhvert? Det jeg har brukt mest tid på å få til et et bildegalleri på førstesiden. Jeg lærte veldig mye av å lage det.

48 Digital mediedesign, 6:2014

Erlend Tufteland

Digital Media Design Bandet ble opprettet 25. januar 2014, og jeg tenkte at det å lage en bandside absolutt ville være relevant i forhold til å fremheve og promotere for mitt eget, nyopprettede band. Ved å bruke denne bandsiden som svar på prosjektoppgaven, kunne jeg kombinere noe jeg brenner for med noe jeg fagmessig kunne ha stor nytte av i forhold til utdanningen min. Dette er også et godt svar på oppgave 2, som går ut på å promotere seg selv som kunstner/designer/fotograf o.l.

Bandet ble opprettet 25.januar i år. Siden da har vi jobbet mye med å lage bilder og logoer som kunne passe til bandets sjanger og «image». Bandet er et metallband, og består av en vokalist og meg. Sangeren står for tekster og vokal naturligvis, mens jeg står for trommer, bass, gitar og bakgrunnseffekter. Vokalisten er fra Slovakia og vi ble kjent gjennom en slags internasjonal urørtside, «newgrounds.com». Jeg la ut en sang, og spurte i beskrivelsen av sangen om noen hadde lyst å legge på vokal på denne instrumentalen. Dette var det flere som ville, men Patrik var den mest motiverte. Han var også interessert i opprette et band. Etter dette har vi laget en singel. Vi mangler mastring på en EPen, man har allerede material nok til vårt første album.

Link til siden: http://dbkurs.hit.no/~122815/web/prosjektoppgave/index.php

Digital mediedesign, 6:2014 49

Studentblogger våren 2014

http://ninadm.blogspot.no/ Andersen, Nina Marie

http://torsdigitalemediadesign.blogspot.no/ Ankjell, Tor Morten

http://studentmediedesign.blogspot.no/ Berg, Lindi Krane

http://crazy-nini.blogspot.no/ Fjeldsaa, Nina

http://malingoldberg.blogspot.dk/ Goldberg, Malin Thilesen

http://hellemelle.wordpress.com/ Gran, Helle Cathrine

http://filigry.blogspot.no/ Grindbakken, Gry Marie

http://trudehagen.blogspot.no/ Hagen, Trude

http://eirinblog.wordpress.com/ Handegard, Eirin

http://simenskyer.wordpress.com/ Isaksen, Simen Skyer

http://keysigns.wordpress.com/ Isingrud, Kari

http://egundrast.blogspot.no/ Hansen, Malen

http://skolemarthe.blogg.no/ Karlsen, Marthe Kristine http://digitalkarlsenblogg.wordpress.com/ Karlsen, Steinar

http://wp.home.hive.no/karkol/ Karin Kolås

http://akkwp.wordpress.com/ Kåsin, Ann Kristin

http://www.kombinasjon.no/ Kvisvik, Frode Heggeli

http://andersmediedesign.blogspot.no Melchior, Anders Idland

http://solvieirin.blogspot.no/ Mobakken, Sølvi Eirin

http://kenicola.blogspot.no/ Nicolaisen, Kenneth Bergum

http://hassannur.blogg.no/ Nur, Hassan Abdulkadir http://digitalphotodesign.wordpress.com/ Nyhus, Kristin Cecilie https://sites.google.com/site/hannemerethes/ Staurland, Hanne Merethe R

50 Digital mediedesign, 6:2014

http://karinesin.wordpress.com/ Tallaksen, Karine http://katinkathors.com/ Thors, Katinka Breivik

Tidligere numre p책 ISSUU Les tidligere numre av Digital mediedesign-magasinet p책 din mobil/iPad her:

http://issuu.com/digitalmediedesign

Digital mediedesign, 6:2014 51

Masterstudier og Ph.d.

Ph.d. i kulturstudier Formgiving, kunst og håndverk Formgiving, kunst og håndverk, nettbasert

Bachelorstudier

Faglærer i formgiving, kunst og håndverk Visuelle kunstfag og design

Påbyggingsstudier

Digital bildeskaping og visuell kommunikasjon Environmental Arts Kunst og håndverk 2, trinn 1-7, (n) Kunst og håndverk 2, trinn 5-10, (n) Leire - kunst og design 2 Tegning og bildekommunikasjon Tekstil - kunst og design Tre m/metall - kunst, håndverk, design 2

Grunnstudier

Digital mediedesign, (n) Kunst og håndverk årsstudium Kunst og håndverk 1, trinn 1-7, (n-o) Kunst og håndverk 1, trinn 5-10, (n) Leire - kunst og design 1 Tegning - bilde Tre m/metall-kunst, håndverk, design 1 (n=nettbasert, o=ordinært) Se for øvrig andre studietilbud på www.hit.no/ Ta kontakt med fakultetet for informasjon og søknadsskjema. Telefon: 35026200

Søknadsfrist: 15. april For spesiell vurdering, forhåndsløfte og realkompetanse er fristen 1. mars.