Mappevurdering 2.semester

Du skal til denne mappevurdering samle alle arbeidene fra 2.semester på EN nettside. Denne nettsiden må designes på en måte som representerer deg som designer. Siden skal ha linker til alle oppgavene, og link til din reflekterte dagbok.

De siste ukene har jeg jobbet veldig intenst med mappevurderingen for 2.semester. Jeg har hatt mange problemer med WordPress, både med installasjonen og videre i prosessen. Føler fortsatt jeg ikke har fått tilstrekkelig med hjelp fra lærere, og føler dette er et veldig krevende emne hvor studentene blir etterlatt for å klare seg selv. Derfor har de siste ukene vært veldig krevende både psykisk og fysisk, samt lite motivasjon og ønske om å gi opp. Tross en vanskelig periode har jeg klart å komme i mål, og jeg har produsert en nettside jeg er fornøyd med.

Først måtte jeg laste ned WordPress på nytt. Det er slik at man må laste ned WordPress på nytt for hver nettside man skal lage, så dermed blir det mange brukernavn og passord man må holde styr på. Etter installasjons delen lastet jeg ned en del themes som passet designet jeg ønsket for min mappevurdering. Themet Photolistic ble mitt valgte tema, som fokuserer på bilder/illustrasjoner, siden designet er minimalt og rent. Videre forandret jeg en del innstillinger under Settings i Wp; general (title, tagline, date), reading (static page, front page). Under Appearance ble det også gjort en del endringer for å lage mitt eget design, og gjøre nettsiden mer personlig, samt gjøre nettsiden mer som en webside og mindre blogg aktig.

Jeg startet med å lage noen skisser til layout og design, og innholdet/tekst på nettsiden. 

Jeg bestemte meg tidlig for at jeg ville inkludere sommerfugler i denne mappevurderingen også. Sommerfugler fasinerer meg, og de skaper stemning og liv til en nettside. Jeg er glad i farger, og derfor passer det bra å kunne gi hver og en sommerfugl hver sin farge. Det skaper en god helhet, og mulighet for gjentakelse ved bruk av de samme fargene.

Denne illustrasjonen er brukt som utgangspunkt, og deretter har jeg nøye valgt ut farger som passer sammen og danner en god helhet til nettsiden. Etter arbeid med å fargelegge sommerfuglene, startet arbeidet med å lage en header til nettsiden. Jeg brukt de dimensjonene som temaet jeg lastet ned allerede brukte til sin header, 940 px x 350 px. Plassering av elementene tok mye tid, og etter mange utkast og vurdering ble tekst lagt til.

Etter arbeidet med headeren har jeg jobbet mye med å fjerne uønskede widgets, og dette kunne jeg utføre ved å gå inn i Editor, og finne de ulike html filene det gjaldt. Videre lastet jeg ned en plug-in for flash filer.

Deretter åpnet jeg Adobe Flash og utarbeidet 4 forskjellige pekere med linker til obliger og blogg. Disse pekerne inneholder titler til obliger og blogg, samt hver sin sommerfugl med farger tatt fra headeren.

Disse pekerne lastet jeg opp via SWFObj plug-in, på en side jeg hadde kalt for WEBM 2.semester. Jeg forandret størrelsen så det ble to og to pekere (slik som vist over), istedenfor at det var en og en. Mitt ferdige resultat av mappevurdering for 2.semester kan du finne og se ved å bruke linken under:

http://elevarbeid.webstudent.no/dmk1_nettstudier/annette_dahlen/WEBM/

Jeg beklager lite blogging og oppdatering fra min side, det er ikke noe jeg har for vane å gjøre. Det skal bli mye oppdateringer og blogging fremover, neste uke starter eksamen og da gleder jeg meg til å fortelle dere alt jeg skal ta for med i 4-5 uker fremover.

Ellers ønsker jeg alle medstudenter lykke til med eksamen; vi må støtte og hjelpe hverandre om det trengs! Riktig god help til alle sammen!

– Annette B. D.

8.1 Lyd Effekt

Med aktiviteten Bil:start-stopp skal du nå legge til en lydeffekt inn i Flash filmen. Kravet er kun en lyd effekt. Presenter resultatet på din individuelle webserver.

Forrige uke jobbet jeg kun med den obligatoriske oppgaven, for å fokusere på å bli ferdig, samt for å oppnå det ønskede resultatet. Dette har ført til at jeg henger etter, siden jeg hadde to læringsaktiviteter som også skulle gjennomføres den uken. Disse aktivitetene har jeg gjort denne uken, siden jeg måtte bruke helgen på å komme meg etter alt arbeidet med Oblig.08-Flash. Det tok virkelig på psykisk og fysisk.

Jeg startet med å åpne arbeidsfilen fra aktivitet, bil:start-stopp. Videre fant jeg Sound library fra menyen i Adobe Flash, og gikk gjennom alle lydfiler med billyd. Tilslutt valgte jeg to lydfiler jeg likte best og dro de over til biblioteket. Jeg opprettet et eget lyd-lag og dro den ene lydfilen over på scenen. Når jeg nå trykket på play, spilte animasjonen med lyd. Det eneste problemet var at lyden var lengre enn animasjonen, så den stoppet ikke før lenge etterpå. Jeg søkte på nettet etter hvordan man kunne stoppe lyden, siden man ikke kunne bruke koding med Actions Script for å gi lyden en funksjon. På Adobe sine sider fant jeg mye interessant, og i Properies panelet var det mange valg jeg hadde oversett. Jeg valgte Stop under valget sync, og hadde spillehodet i siste frame i tidslinjen.

Lyd spiller en stor rolle til en multimedia produksjon, og i denne aktiviteten har jeg erfart bruken av lyd i en Flash produksjon. Videre i prosessen byttet jeg ut den gamle bil:start-stopp animasjonen med den nye med lyd, i Adobe Dreamweaver. Bil animasjonen finnes nederst på mitt enkle nettsted, her.

Egentlig burde jeg lagt til en knapp på animasjonen, slik at animasjonen ikke spiller av før brukeren ønsker det. Nå spiller animasjonen seg selv, og repeteres. Ulempen er at jeg har lagt filen på en html-side i mitt enkle nettsted, så med engang brukeren kommer til siden vil animasjonen spilles av med lyd. Brukeren vil ikke skjønne hvor lyden kommer fra, før vedkommende er nederst på siden. Jeg burde lagt til en knapp eller lagt animasjonen på en egen side, men dette er noe jeg har forbedre senere.

– Annette B. D.

 

7.2 Pendel Animasjon

Du skal i denne oppgaven designe en klokke med en pendel. Animer så pendelen ved bruk av classic tween. Classic tween er en av metodene som er innebygget i Adobe Flash for å utføre mellomposisjonene for et symbol fra en ekstremposisjon til en annen.

Først laget jeg en slags forenklet klokke i et lag, og en pendel fra klokken i et annet lag. Jeg forandret rotasjonen på pendelen; til venstre i frame 1 og til høyre i frame 24 (altså 1 sek. animasjon). Deretter høyreklikket jeg og valgte Create Classic tween. Det som skjedde nå var at pendelen til venstre fortsatte å være venstrevendt helt til frame 24. Feilen lå mest sannsynlig i punktet man kan forandre plassering på, hvor bevegelsen kommer fra.

Jeg begynte på nytt; klokke i et lag, og laget et eget symbol til pendelen, som jeg la i et annet lag. Forandret plasseringen og passet på å forandre bevegelses/animasjons-punktet. Deretter valgte jeg igjen Create Classic tween, og slettet den siste framen i timeline, siden den er helt lik frame 1. Slik ser min klokke med pendel ut i Adobe Flash:

Jeg har lagt merke til at punktet i midten «blinker», så noe feil har jeg nok gjort. Animasjonen av pendelen kan du se nederste på mitt enkle nettsted, her.

– Annette B. D.

Uke 23 – Typografi/bilde – Action Script

Denne uken kommer jeg til å jobbe videre med programmet Adobe Flash. Jeg har brukt dagen idag og gårsdagen på å se gjennom ukens 10 videoleksjoner, og lese gjennom leksjoner om Action Script 3.0. I tillegg til dette har jeg vært på biblioteket og lånt flere bøker, denne gangen mer i dybden av illustrasjon og animasjon ved Flash.

Fra leksjonene har jeg lært at Action Script 3.0 er et objektorientert programmeringsspråk som Flash bruker. Det vil si at jeg må bruke et eget Actions panel i programmet for å legge inn forskjellige koder, som kan være en hendelse eller en funksjon. Et eksempel på dette er kommandoen stop, den gjør at flashfilmen stopper ved en ramme. Det finnes to typer actions; 1. Frame actions, som utfører en kommando når filmen når en definert ramme og 2. Button actions, som utfører en kommando etter interaksjon fra brukeren.

Huskeregler for Action Script (det jeg har lært så langt som er svært viktig):
– Navngi koding riktig, og påse at alle elementers navn er riktig. Movie Clip skal navngis med _mc, og button skal navngis med _btn
– Opprett et eget lag hvor du kan legge inn Actions, husk og lås andre lag du har i programmet når du arbeider.
– Bruk labels for navigering, og i sammenheng med kommandoen goto.
 Avslutt alltid syntaxen med semikolon ; 

– Annette B. D.