Presentasjon av obligatoriske oppgaver for 2. semester Design og Mediekommunikasjon

Transkript

1 Presentasjon av obligatoriske oppgaver for 2. semester Design og Mediekommunikasjon Oblig 06 - Enkelt Nettsted Oblig 07 - Fotoessay Oblig 08 - Flash banner og fotogalleri av Laila-Marie Aanensen 2012

2 Webmappen min er laget i Adobe Dreamweaver. Alternativene var Wordpress eller Flash. Grunnen til ikke Wordpress ble valgt er at vi enda ikke har lært noe om å personliggjør profilen vår der. Jeg ønsket å bruke Flash da en kan få mange kule effekter der, men så oppstår problemet da for de brukerene som har for eksempel Ipad eller Iphone. Jeg valge da å gå for et kompromiss. Et nettside laget i Dreamweaver med et Flash element. Siden er laget slik at en kan navigere både igjennom Flash elementet og menylinjen. Ved å bruke Dreamweaver og Flash i WebMappen så har jeg fått ekstra trening i disse programmene som jeg syns har vært, og til tider er, vanskelige. Det er laget til sammen 4 sider. En index-side, og 3 undersider med presentasjon av de forskjellige oblig. oppgavene. Headerlinjen WebMappe er lik på alle undersidene og er linket tilbake til index-siden. På hver underside er oppgaven presentert med link til arbeidet. Banneret nederst er linket til Reflektert Dagbok. Iphonen, som er et Flash-element har 4 App-er som er linket til de forskjellige oppgavene. Link til mappen: Mappe.html Elementene på illustrasjonen her har direktelinker til nettsidene!

3 Forbedring av Oblig 06 - Enkelt Nettsted Det har vært en tung vei å gå for å oppnå en grunnleggende forståelse av HTML og CSS som det står i oppgave teksten. Jeg klarte ikke å skjønne sammenhengen mellom alle tingene i starten. YouTube har vært en god lærekilde til å få en bredere forståelse av scripting og koding. I august så laget jeg et nytt nettsted som skulle være forbedringen av dette nettstedet. Da oktober kom så såg jeg at jeg hadde lært så mye mer siden da at jeg skjønte jeg måtte starte på ny en gang til. Prossessen har vært spennende og vanskelig. Syns mange ganger det er vanselig å finne feilen i kodingen hvis ikke bildene/teksten/bakgunnen blir som jeg hadde tenkt, men lærer hele tiden. Det å forstå hvordan en kunne bruke CSS-arket tok også ei stunf å lære. André forsøk. Har fått laget en bedre menybar og delt siden i kolloner. Her har jeg fortsatt ikke funnet ut hvordan jeg kan midtstille innholde eller hvordan siden kan tilpasse seg forskjellige skjemstørrelser. Over er bilde av index-siden på det første nettsted. Jeg syns da jeg laget denne at jeg var flink! HTML var helt nytt for meg så bare å få til kodingen av dette føltes nesten uoverkommelig. Jeg er glad det har vært stor progresjon siden da. På neste side er flere bilder fra prosessen til indexsiden til endelige nettstedet. Her har jeg fått til å bruke CSS arket skikkelig i tillegg til å legge inn litt ekstra effekter, som bl.a, at linkene i menyen skifter farge hvis en har vært på siden før.

4 Rapport Oblig 06 - Enkelt nettsted Skisse underveis INNLEDNING Tolkning av oppgaven I denne oppgaven skulle jeg bruke Notepad og Adobe Dreamweaver og lage et enkelt nettsted. Nettstedet skal inneholde en Index side og tre undersider der alle sidene skal linkes til hverandre. Temaene på de tre undersidene skal være historisk oversikt, design på nett og egen erfaring. Sidene skal styles med CSS, lastes opp på FTP server med brukernavn og passord som er tildelt tidligere i skoleåret per mail. Læringsmål Få kunnskap om bruk av typografi og farger for skjermbaserte medier, samt få grunnleggende kunnskap om scripting og koding for webbaserte medier. I tillegg få praktiske ferdigheter og kunnskaper innen verktøy innen arbeid med skjermbaserte medier. Budskap/oppnådd handling Målet mitt for denne oppgaven var å klare å legge inn de samme elementene som var lagt i læringsvideoene, få satt inn mine egne mål, egne bilder og egen tekst. Linke sidene sammen og få det rent teknisk til å fungere. Det har jeg klart, og gleder meg til å kunne være mer kreativ i oppgaveløsningene ved neste nettside. Research og arbeidsprosess Kreativ metode I denne oppgaven så føler jeg at det ikke har vært så mange kreative metoder. Det har vært mest hardt arbeid for å få et veldig enkelt oppsett til å fungere rent teknisk. Jeg laget en enkel skisse på papiret før jeg satte i gang på hvordan sideoppsettet skulle være, slik at jeg hadde et enkelt utgangspunkt. Inspirasjonsmetode Utenom læringsvideoene på Noroff så har jeg brukt både Adobe tv sine sider og youtube sidene for å hente hjelp til å forstå Dreamweaver programmet. Designvalg Komposisjon, layout, grid Har delt inn nettsiden i enkle elementer, heading, sidebar, main content, image og footer. Det var disse som var spesifisert i læringsvideoene som var lagt tilgjengelige så valgte derfor dette oppsettet i oppgaven min. Mest fordi emne er helt nytt og jeg måtte vite at jeg klarte å finne ut av hvordan jeg skulle løse utfordringene. Tekniske utfordringer Mange tekniske utfordringer i denne oppgaven. De fleste gikk i å forstå programmet Adobe Dreamweaver. Det var også litt vanskelig å få til å koble til server og få siden opp å gå. Dette mest fordi læringsvideoen som var gitt var laget i en eldre versjon av Dreamweaver og dialogboksene derfor så litt annerledes ut. En av utfordringene var å få elementene på rett plass. Det gikk greit å forstå forskjellen på absolutt og relativ posisjon på elementene, men det var ikke like lett å få de til å oppføre seg og bevege seg dit jeg ville.

5 Å sette inn bilder på nettsidene gikk stort sett bra. Måtte likevel jobbe en del med å få inn ett bilde som bar laget som en collage i Photoshop. Jeg vet enda ikke helt hva som laget krøll, selv om denne filen som de andre var jpg så ville den ikke inn på nettsiden. Lagret den flere ganger med forskjellig navn og til slutt så fikk jeg lastet den opp. Å navngi filene rett ble presisert i videoleksjonene, der overså jeg beskjeden litt og tenkte det ikke var så farlig, men det var det. Det første var at jeg ikke fikk opp fremsiden på nettstedet. Jeg hadde navngitt filen: min første nettside.html, men forstod ikke at startsiden måtte hete index.html for at serveren skulle vite hva den skulle åpne først. En annen utfordring var at noen av undersidene virket og andre ikke, jeg strevde lenge med å finne ut hvorfor. Også her var det et våkent blikk fra en medelev på forumet som sa at jeg ikke måtte ha mellomrom mellom ordene i fil-navnet, men heller understrek. Små ting, som jeg ikke tenkte over siden jeg ikke forsto konsekvensene, men viktige ting. En annen ting som ble utfordrende også var, etter at jeg hadde jobbet noen dager i Dreamweaver så var jeg uheldig og flyttet på en av verktøyboksene i programmet. Brukte lang tid på å finne den tilbake for jeg visste ikke hva den het som var forsvunnet. Så CSS! I oppgave-teksten står det vi skal style siden med CSS. Jeg fikk til å lage en css-styling side som var linket til index siden min. Jeg er likevel usikker på om jeg har gjort alt rett her. Er det bare teksten som skal være i dokumentet som skal ligge på index-filen og alle koder knyttet til plassering av elementer skal ligge i CSS-filen?

6 Som det vises av bilde så er plasseringen av teksten i sidebaren definert i index-siden og ikke på css-siden. Jeg er usikker på om dette er rett. Jeg vil egentlig tro at den informasjonen skal ligge under css-siden, men tør ikke flytte på ting nå siden ting ENDELIG fungerer. Det er noe jeg må sjekke, slik at jeg evt. får det rett neste gang. Egenevaluering Refleksjon rundt eget produkt Jeg har laget et veldig enkelt nettsted. Enkelt oppsett og navigasjon. Dette måtte jeg rett og slett gjøre for den tekniske delen av oppgaven var så vanskelig. Jeg er likevel veldig fornøyd for at jeg har fått det til, at alt virker slik det skal og at jeg har fått til litt forskjellige effekter. Utvikling og prosess Utrolig krevende å komme i gang med oppgaven da dette var et helt nytt tema for meg. Brukte lang tid på å forstå hvordan ting fungerte og hang sammen. Selv om jeg leste html-leksjonene og så læringsvideoene som var lagt til disse tre ukene så måtte jeg ty til en del youtube videoer for å klare å løse oppgaven. De tekniske utfordringene var store da både ord og uttrykk var nye for meg. Selv om jeg leste og hørte ting mange ganger så fikk jeg ikke sammenhengen med meg siden jeg ikke forstod hva ordene betydde, som for eksempel: paragraf, tag, selector, med mer. Når jeg nå ser på disse ordene som var så vanskelig i starten så er det rart de laget så mye krøll for meg, men jeg hadde ingenting å henge de på så derfor ble de vanskelig å forstå. Har i denne oppgaven også fått mye hjelp av forumet både av medelever og lærere. Kildehenvisninger og referanser Html-leksjoner fra Noroff, uke Videoleksjoner fra Noroff, uke Graphic Design School, Intro HTML og CSS: Unit 7: web design basics The smashing book, The art and science of CSS layout, The ultimate guide to fantastic color usage, Usability principles for modern websites søkte på leksjoner om html/css/dreamweaver LINKER Enkelt Nettsted: html Reflektert Dagbok Konklusjon Har hatt en kjempebratt læringskurve de siste 2,5 ukene. Har vært nær på å gi opp flere ganger da oppgavene føltes uoverkommelige ut. Ser at jeg må beholde roen og tanke ett skritt om gangen så lærer en litt å litt. Det var nok også deadlinen på denne Oblig-oppgaven som stresset ekstra da det var så mange læringsaktiviteter som var lagt opp til så nærme innleveringen. Jeg følte i realiteten så hadde jeg bare 2 døgn på oppgaven siden jeg måtte lære så mye nytt før jeg startet. Sånn sett er jeg fornøyd med å ha klart å fullføre oppgaven.

7 Forbedring av Oblig 07 - Fotoessay Å lage fotoessay var en spennende oppgave, å gå litt dypere bak bildene for å finne historien. Jeg fikk tilbakemelding på noen av bildene som burde forbedres. Da jeg ikke hadde tatt disse i RAW format, så kunne jeg ikke justere så veldig mye på de. Løsningen var da å ta en ny runde med fotografering. I forbedringen av oppgaven har jeg jobbet enda mer med både innstilling på kameraet og med etterbehandlingen i photoshop. Bildene i essayet er redigert iforhold til farge og kontrast for å justere fargebalansen og lyset litt bedre. Ett av bildene jeg har valgt å ta med denne gangen er pappaen som står sammen med guttene og ser utover havet. Tonene er mørke for å fremheve et litt dyster stemning. Bilde som er fremsiden av essayet er justert for å fremheve kontrastene enda bedre. Veggen bak er også rettet opp fra forrige levering. Jeg har også valgt å ta med dette bilde av han jeg portretterte, han han er en alsidig musiker og jeg ønsket å få frem flere sider av han.

8 Rapport Oblig. 07 Fotoserie: Musiker Laila-Marie Aanensen, jan. -12

9 INNLEDNING TOLKING AV OPPGAVEN Jeg skal i denne oppgaven jobbe med et fotoessay som skal portrettere en person. Dette skal være en foto-serie, hvor bildene er med å danne en historie uten at de trenger å presenteres i en spesiell rekkefølge. Det skal tas 6 bilder som skal danne fotoessayet og det er valgfritt om vi vil legge ved tekst eller ikke. Minst ett av bildene skal ha naturlig lyskilde. I tillegg skal det lages ett sort/hvitt studiofotografi av en gjenstand eller et objekt som er nær knyttet til personen jeg portretterer. Dette bilde skal brukes som forside og skal ikke være en del av de 6 bildene om tilhører foto-essayet. Bildene kan redigeres i Adobe Photoshop. Det skal i tillegg foreligge en skriftlig kontrakt mellom fotograf og personene som skal portretteres. RESEARCH OG ARBEIDSPROSESS KREATIV METODE / INSPIRASJONSMETODE / ANALYSE / MOODBOARDS Jeg leste gjennom HTML-leksjonen og så på linkene som var lagt ved der. Syns det var en gripende foto-serie som var lagt inn der av Jan Joachim Johannessen: Kunts siste uke. Den fanget meg både emosjonelt og kunstnerisk. Den trigget meg til virkelig finne et spennende tema å jobbe med. Det første jeg begynte med var å søke litt rundt på internett. Googlet foto essay photoessay og fant flere spennende foto-serier. Prøvde å se hvordan fotografen fanget motivet, hvordan lys/skygge spilte inn, og forskjellen på svart/hvitt bilder. I mange tilfeller så følte jeg at svart/ hvitt-bildene kommuniserte mer emosjonelt enn fargebildene. Jeg sitter med et inntrykk av at en må være både ganske flink og heldig for å få rett fargebalanse i bildene for at ikke fargene skal virke forstyrrende på motivet.

10 IDÈUTVIKLING / SKISSER Jeg bestemte meg for å jobbe med mannen min som modell. Han er fullblods hobby-musiker. Han har mange instrument i studioet sitt og jeg er sikker på at jeg vil finne mange spennende motiver der, både av utstyr han har og han som utøver. Jeg ønsker å formidle hans lidenskap til musikken gjennom bilde-serien min, men også det store spekteret det er av følelser hos han som kunstner! Han er først og fremst gitarist, men spiller også andre instrument. Dette former han til den musikeren han er. Håper å kunne fange øyeblikk som beskriver flere sider av han. Som for eksempel bilde til Jan Joachim Johannessen. Deler av bilde får en inntrykk av er nesten svart/hvitt, men har alikevel litt farger som forsterker inntrykket av motivet. Noen ideér til motiv kom lett, og da skisset jeg de ned så jeg ikke skulle glemme de. Det var disse som var utgangspunktet da jeg startet fotograferingen, så ble det også en del spontane bilder. I min leting etter mer kunnskap om foto-essay så kom jeg også over flere av Noroff sine tidligere studenter som hadde jobbet med samme oppgave som jeg var i gang med. Spennede å se hvordan de hadde løst oppgaven. Jeg hadde underveis i researchen fått en formening om hvordan jeg løse min oppgave og gikk i gang med å grovskisse noen av motivene i frykt for å glemme hva jeg tenkte.

11 ARBEIDSPROSESS Mine erfaringer innen foto er ganske begrenset. Jeg har stort sett bare brukt automatiskt innstillinger på kameraet mitt, da jeg rett og slett ikke har visst hvordan jeg skulle bruke de manuelle innstillingene. Jeg kjøpte et NIKON D3100 i høst da jeg begynte på studiet og har brukt høsten litt til å leke litt med innstillinger ved siden av de skoleoppgavene som omhandlet foto. Siden jeg hadde noen skisser som utgangspunkt så begynte jeg der når jeg skulle ta bilder. Startet med noen gjenstander som jeg ville ha som motiv. Tenkte at det var best siden jeg ikke er så dreven på manuell innstillinger, da kunne jeg bruke den tiden jeg ville/trengte for å få bilde slik jeg ville ha det. Så de to første motivene var av en liggende gitar og av en gitarsamling. Neste photo-shoot ble sammen med musikeren. Jeg bare ba han om å spille, og gjerne med en del fingerspill så jeg kunne knipse litt. Her tok jeg både nærbilder av spillingen, ansiktet og halvprofil-bilder. Gikk over på en del andre instrument og prøvde å fange innlevelsen hans ved siden av spillinge. Siste photo-shoot var på stranden en ettermiddag. Det var et utrolig flott lys, og vi hadde ungene med så det ble litt leking og dermed noen bilder med mye liv. Jeg kunne her fange musikeren i en annen sinns-stemning enn når han er inni musikken. Jeg tok så bildene med meg og lastet de over på Mac-en for å vurdere kvaliteten på både motiv, lyssetting og innstillinger. Lyskilde: spotter

12 ETTERARBEID REDIGERING I PHOTOSHOP Så var det å plukket ut de bildene jeg ville jobbe videre med. Jeg har jobbet litt med Photoshop før jeg begynte på studiet, men det er stort sett bare selvlærte ting og ferdighetene var ikke så veldig gode. Men med god hjelp av videoleksjonene i høst og denne uken så har jeg plukket opp en del nye tips og jeg gledet meg til å ta fatt på redigeringen. Her ble det mange versjoner av hvert bilde der jeg prøvde ut de forskjellige tingene jeg hadde lært. Med bl.a. : New Adjustment Layer og -Brightness/Contrast, - Color Balance og -Black & White justeringer. Uttrykket på bilde forandret seg mye etter hvilke filter som ble lagt på og hvilke innstillinger som ble valgt. I noen tilfeller ble det et vanskelig valgt om hvilket bilde som var best da uttrykket ble så forskjellig.

13 OVERSIKT KAMERA INNSTILLINGER OG REDIGERING I PHOTOSHOP Orginalbilde: NIKON D3100 ISO f/8-1/60 Justeringer i Photoshop: Black & White Orginalbilde: NIKON D3100 ISO f/8-1/60 Justeringer i Photoshop: Brihtness/Contrast Black & White Orginalbilde: NIKON D3100 ISO f/5,8-1/60 Justeringer i Photoshop: Black & White Orginalbilde: NIKON D3100 ISO f/5,8-1/60 Justeringer i Photoshop: Brihtness/Contrast Black & White Orginalbilde: NIKON D3100 ISO f/8-1/60 Justeringer i Photoshop: Brihtness/Contrast Color Balance Black & White Orginalbilde: NIKON D3100 ISO f/8-1/60 Justeringer i Photoshop: Black & White Orginalbilde: NIKON D3100 ISO f/5,8-1/125 Justeringer i Photoshop: Brihtness/Contrast Black & White

14 PRESENTASJON ADOBE INDESIGN Jeg har valgt å bruke Indesign til å ferdigstille presentasjonen og rapporten min. Dette er også et av programmene jeg lærte i høst og jeg vil prøve å bruke det så ofte jeg kan for å få mest mulig erfaring. Siden jeg har valgt å bare jobbe med svart/hvitt bilder så valgte jeg en svart bakgrunnsfarge på presentasjonen. Den er nøytral og jeg syns bildene kommer bedre frem. Det var valgfritt om vi ville legge tekst til bildene. Jeg har valgt å ikke gjøre det. Litt for at bildene taler for seg selv, og litt for en musiker, lik som mange kunstnere liker ikke å bli satt i bås. Det er ofte litt mystikk rundt kunstnere, mye følelser og personlighet. Jeg føler også at jeg kanskje da vil utlevere mer av portretter enn han vil ønske selv. REFLEKSJON RUNDT EGET PRODUKT UTVIKLING OG PROSESS En spennende oppgave som jeg umiddelbart ble begeistret for. Syns at jeg har gjort et godt arbeid i denne oppgaven. Jeg har fått tatt mange bilder, og fått prøvd med i mange ulike situasjoner so, fotograf. Ferdighetene innen manuell innstillinger på kameraet blir bedre og bedre. Det synes jeg er kjekt. Jeg liker foto-serien min som jeg har presentert og syns den er spennende. Den viser flere sider av musikeren, og får frem litt av lidenskapen og sinsstemningen i portretter som musiker. Valget for å gå for farge eller svart/hvitt var vanskelig. Jeg laget flere fotoserier der utgangspunktet i bildeserien var ganske liket, men der noen av bildene var i farger og noen i svart/hvitt. Jeg valgte til slutt en ren svart/hvitt serie da jeg syns den var mest gjennomført. Jeg er godt fornøyd med prosessen min i denne oppgaven. Har denne gangen planlagt bildene godt i forkant, noen jeg fikk igjen for når vi satte igang med fotograferingen. Det var lett å organisere foto-shootene da når jeg hadde styringen og visste hva jeg ville ha ut av den.

15 KILDEHENVISNINGER HTML- leksjoner fra Noroff høsten 2011 og vinter Nikon D3100, From snapshots to great shots Google, søkeord: fotoessay/ photo essay / portrettbilder

16 Forbedring av Oblig 08 - Flash banner og galleri. Denne opgaven bestod av to deler. Flash banneret og Flash Galleriet. Her var det mye koding som laget hodebry. Spesielt så slet jeg med å få laget flere pekere på en side. Fikk til slutt hjelp av en medstudent som tok bilde av sin koding slik at jeg forsto hva jeg måtte gjøre for å få min til å virke. Jeg hadde gitt alle pekerene forskjellige nav, men hadde bare listet opp function komandoene etter hverandre. Da jeg fikk delt de opp og foranandret på navnene så gikk det bedre. Jeg har også gjort logoen enklere, uten så mange detaljer og lagt et transparent bilde som bakgunn på banneret. Å gjøre forbedringer på fotogalleriet gikk lettere. Her var det å skifte ut de nye bildene som jeg hadde valgt ut i fotoessay-oppgaven og plassere de i galleriet. Jeg la også inn at galleriet skal åpne i et eget vindu i nettleseren. I forhold til utseende på knappene: frem og tilbake, og navigeringen har jeg også gjort en del forbedringer, slik at en kan komme tilbake til startsiden og tilbake til flash-banneret som ligger på enkelt nettsted. Jeg har plassert et home symbol i galleriet som tar brukeren tilbake til oversikten av bildene, mens siste bilde i galleriet tar brukeren til fremsiden av galleriet når de trykker på neste. Jeg har i tillegg laget en knapp ut av logoen. Ved å trykke på denne blir brukeren sendt videre til flash-banneret.

17 Rapport Oblig 08 - Flash galleri og banner. De siste ukene på skolen har vi lært om Flash. I denne oppgaven skulle jeg bl.a lære grunnleggende scripting og koding for webbaserte medier, lære om interaktivitet og brukervennlighet og grunnleggende motion-graphics produksjon. Jeg har laget et fotogalleri og et flash banner som er integrert i enkelt nettsted oppgaven min. Jeg har også laget en logo til galleriet mitt som er intigrert i animasjonen på banneret.

18 TOLKING AV OPPGAVEN SKISSER Jeg skal lage et Flash Fotogalleri for Fotoessayet som var Oblig 07. For å få dette til så må jeg bruke Adobe Flash og Action script 3.0. Jeg skal også lage en logo og et Flash banner med enkel animasjon som skal ligge på nettstedet mitt og skal linkes til fotogalleriet. ARBEIDSPROSESS Det første jeg gjorde var å dele opp oppgaven siden den desto av flere deler: Flash fotogalleri, logo og interaktivt banner. Jeg begynte med å søke etter fotogalleri på nettet. Tegnet litt skisser underveis slik at ideene ikke skulle forsvinne. Syns at de som var enklest og hadde minst forstyrrende elementer var de fineste. Bestemte meg for å lage et stilrent fotogalleri selv. Jeg ønsket at bildene skulle komme godt frem og valgte å ha størrelsen på galleriet på 1024x768 pt som var anbefalt størrelse på en nettside på videoleksjonene.

19 KOMME IGANG MOODBOARDS Før jeg kunne sette i gang så måtte jeg gjøre noen forbedringer på noen av bildene i fotoessayet. Siden jeg ikke kunne noe om Flash fra før så visste jeg heller ikke hvor vanskelig, eller lett det var å skifte ut bilder i Flash galleriet mitt etterpå. Tok ikke sjansen på at jeg skulle klare det, så jobbet noen dager med fotoessayet først. UTFORDRINGER OG UTVIKLING Så var det å gå i gang med skisser til logo og til banneret før jeg satte i gang med fotogalleriet. Det var utfordrende å begynne å jobbe i flash med en så stor oppgave med flere scener. Det var vanskelig å finne feil i kodingen når ting ikke fungerte. Har sett fotogalleriet mitt i turbofart ufattelig mange ganger. Her var jo også den dårlige oppløsningen på læringsvideoene skyld i en del frustrasjon siden jeg ikke klarte å se alt hun skrev. Fordelen med å måtte jobbe så mye med oppgaven er jo at en lærer mer og det fester seg litt bedre for hver gang.

20 Jeg oppdaget at mer jeg jobbet med galleriet, mer lærte jeg og mer så jeg at jeg kunne forbedre. For eksempel så så jeg at home knappen, forrige og neste knapp forskøyv seg litt fra side til side.forstod ikke helt hvordan jeg skulle løse det da jeg hadde brukt hjelplinjer på hver side. En natt jeg lå å grublet på det, så kom jeg på at jeg hadde sett i en videoleksjon at jeg kunne stille inn verdiene under properties, så da gjorde jeg det neste morgen. Det har vært flere ganger jeg plutselig har kommet på ting jeg har sett i leksjonene tidligeren når jeg har holdt på med helt andre ting, og da har kunnet startet med ny iver neste arbeidsøkt. Jeg stevde med å linke banneret mitt til fotogalleriet. Jeg brukte point to file i Dreamweaver men fikk det ikke til å virke. Klarte å lage knapp til banneret i flash så det viste en hånd når jeg tok musen over, men ingenting skjedde når jeg trykket på den. Etter litt hjelp på forumet så oppdaget jeg at jeg har hoppet over en videoleksjon i flash. Da jeg visste at jeg måtte lage en peker, så gikk alt så mye bedre. ARBEIDSNOTATER Mange navn og mål som skal holdes styr på underveis, derfor samlet jeg alt på ett ark slik at det skulle være enklere å finne tilbake til navn og mål.

21 En annen utfordring som jeg stod ovenfor i forhold til home knappen var: skal home knappen sende brukeren til forsiden av galleriet eller til oversikten med de seks bildene? Jeg landet på at det ville være best å linke home knappen til oversikten med de seks bildene. Tenker hvis jeg selv skulle komme over galleriet på nettet og ville klikke meg litt frem og tilbake, så tror jeg at jeg hadde blitt irritert av å måtte gå innom forsiden på galleriet hele tiden. Jeg løste det med å la neste knappen på siste bilde i galleriet sende brukeren tilbake til forsiden av galleriet. Jeg syns det har blitt utrolig kjekt å jobbe med Flash og Dreamweaver nå. Jeg begynner å se mulighetene og det er veldig kjekt. Blir stolt og inspirert når jeg får ting til, og ser at også i denne oppgaven så har læringskurven vært kjempe bratt. Jeg har fått mye hjelp av medstudender når jeg har stått fast, men ser at det også er utfordringer med å være nettstudent. Noen ganger når jeg har problemer og står fast så er det ikke alltid jeg vet hva jeg skal spørre om for jeg vet ikke helt hva problemer er, bare at jeg ikke får det til slik jeg vil! Men det er god trening å tvinge seg til å sette ord på problemet da er det også lettere å finne løsninger på nettet.

22 STILUTTRYKK Farge: For å få bildene best mulig frem så har jeg valgt svart bakgrunn både på galleriet og på html-siden. Svart står er stilrent og setter fokuset på bildene i galleriet mitt. Har vært litt frem og tilbake med å ha en gjennomskinnelig knapp med alpha innstilt på 60. Laget en knapp med litt svakt mønster. Usikker på hva som ser best ut, men har landet med å ha Alpha på 0 og ha helt klare bilder. Følte oversikten så litt uferdig ut med Alpha på. Beskjæring av bilder var også en ting jeg måtte ta stilling til i forhold til oversikten min, (scene 2) Skulle de ha original format på oversikten eller skulle jeg lage et felles format for alle seks bildene. Her følte jeg etter jeg hadde skisset litt og prøvd meg litt frem at det som så mest ryddig ut, var å lage et felles utseende på bildene på oversikten, så var de i originalformat på scenene der det vises ett og ett bilde.

23 LOGO OG FLASH BANNER Da jeg skulle begynne på logoen, så måtte jeg tilbake til videoleksjonen på ny. Jeg måtte se igjennom noen av tegne og animasjonsvideoene for å komme litt inn i det igjen. Det er klart når det er så mye nytt så tar det litt tid å få inn ting. En Logo er et viktig kjennemerke for et produkt. Jeg valgte å lage en logo utifra et bilde av et litt eldre kamera (se moodboard) Dette bilde appelerte til meg og jeg syns kameraet kom godt frem. Jeg laget logoen utifra det med flere lag i Flash. Kameraet som er logoen tok jeg med meg videre i utviklingen av banneret og laget en animasjon der jeg animerte et bilde som blir tatt med kameraet og blir sendt ut til foto galleriet. Her har jeg også holdt meg til gråtoner (svart/ hvitt) for å få et rent uttrykk og for at det skal være et felles uttrykk på banner og galleri.

24 KONKLUSJON: Jeg har brukt mye tid på å lære Adobe Flash. Jeg har sett igjennom videoleksjonene og prøvd oppgaver selv for så å måtte gå tilbake til videoleksjonene flere ganger. Notater fra videoleksjonene er viktige, men noen ganger ikke gode nok. En utfordring når jeg var helt blank på Flash var å få med seg alt i videoleksjonene. Litt dårlig oppløsning på videoene slik det var vanskelig å se skikkelig hva som ble skrevet i kodene laget en del problemer. Jeg har sett en del You Tube videoer i tillegg til skolevideoene for å få mer forståelse for programmet. Plutselig løsnet det og jeg forstod hvordan jeg kunne løse ting og å gjøre ting bedre. Oppgaven har krevd høy konsentrasjon og mye krefter, men er veldig fornøyd med at jeg kom i mål. KILDEHENVISNINGER OG REFERANSER Html-leksjoner: Adobe Flash og Dreamweaver You Tube: v0y php?showtopic= mod/forum/ Google søkeord: fotogalleri, flash fotogalleri, fotoapparat LINK TIL NETTSIDEN MIN: Laget av: Laila-Marie Aanensen, dmk januar 2012, Noroff

25 Mappeinnlevering Laila-Marie Aanensen. Design og mediekommunikasjon, Noroff. 2. november 2012