Transcript Rapport Praktisk oppgave 2.pdf

Rapport Praktisk oppgave - Modul 2
Designfasen
av
Brumle Blichfeldt
Innholdsfortegnelse
Rapport Praktisk oppgave - Modul 2.................................................................................................. 1
Sammendrag ........................................................................................................................................... 3
Innledning ................................................................................................................................................ 3
Litt teori om designfasen......................................................................................................................... 3
Målgruppen ............................................................................................................................................. 3
Fremgangsmåte ....................................................................................................................................... 3
Konklusjon ............................................................................................................................................... 8
Referanser ............................................................................................................................................... 9
2
Sammendrag
Oppgaven som ble gitt var: «Som forrige gang er siktemålet med denne øvingen å lage Flashpresentasjoner som viser vesentlige sider ved teoristoffet vi har gjennomgått. Denne gangen dreier
det seg om å lage enkeltfilmer av hver av de tre
designteknikkene: Informasjonsdesign, Interaksjonsdesign og Presentasjonsdesign. Dersom du har
gjort de frivillige øvingene til leksjon 5 og 6 så er to av de tre presentasjonen du her skal lage allerede
tilgjengelig som filmklipp i bibliotek.»
Innledning
Har ingen tidligere erfaring med disse tre designfasene, så for meg ble det å lese meg opp på teorien
og lage storyboard før jeg kunne sette i gang med prosjektet. Fant teorien rundt disse tre
designfasene veldig interessant da jeg ser at de kan knyttes blant annet opp mot det å designe et
spill, noe som er et fagfelt som interesserer meg.
Litt teori om designfasen
Designfasen slik den er presentert i denne oppgaven kan deles inn i tre unike faser;
informasjonsdesign, interaksjonsdesign og presentasjonsdesign
Målgruppen
Tanken min var at dette skulle være en tilnærming til stoffet på lik linje med hvordan studenter har
mulighet til å skaffe seg lærdom i dagens informasjonssamfunn. I den første fasen;
informasjonsdesignfasen bruker studenten en iPad til å se på materialet, i den andre fasen;
interaksjonsdesignfasen opplever studenten hvordan ting henger sammen i god VilVite-stil (Vil Vite
senteret), der man kan ta på, trykke og se på ting. Og i den siste fasen; presentasjonsdesign er
studenten i klasserommet og får undervisning på vanlig måte
Fremgangsmåte
Følte det var nok bakgrunnsinformasjon i boken til å lage en presentasjon. Gjorde noen søk på nettet,
men gikk tilbake til materialet i boken. Etter å ha lest gjennom kapitlene satte jeg opp Storyboard for
hver av fasene.
Storyboarding
Når jeg følte jeg hadde funnet nok materiale til å kunne lage en presentasjon satt jeg meg ned og
laget en grov skisse over innholdet jeg ønsket å ha med.
3
Bakgrunnsbildene
Informasjonsdesign
Her var temaet at studenten skulle finne informasjon på en iPad. iPad er brukt i store deler av
presentasjonen og de steder der den ikke er synlig er tanken at det skal være en «close-up» av
nettbrettet sin skjerm. De stedene der det er «close-up» er laget ved å velge et layer som bakgrunn,
sette en firkant over dette og endre farge på forskjellige frames.
Interaksjonsdesign
Her skifter bakgrunnen ganske ofte. Dette skal simulere at vi kommer inn i nye opplæringsrom (tenk:
VilVite senter). Dette er gjort ved å velge et layer som bakgrunn, sette en firkant over dette og endre
farge på forskjellige frames.
Presentasjonsdesign
Her er vi tilbake i klasserommet så en tavle er gjennomgående bakgrunnsbilde bortsett fra når man
kan lese om storyboarding
Overskriftene
Generelt
Har brukt veldig mye cooltext.com1 sin logomaker til å lage overskrifter. Flash har mange innebygde
fonter, men det er raskere og lettere å finne og enklere å lage overskrifter på denne nettsiden. De
gangene flash sine fonter har vært benyttet har det stort sett blitt endret på størrelse og farge på
standardfonten
Informasjonsdesign
Har en lett blanding av overskrifter laget av cooltext og standard flash font.
Interaksjonsdesign
Har en lett blanding av overskrifter laget av cooltext og standard flash font.
Presentasjonsdesign
I denne presentasjonen har jeg brukt cooltext mye. I og med at jeg på forhånd hadde laget et
storyboard med de overskrifter jeg ønsket å dekke var det enkelt å masseprodusere overskrifter på
denne siden med forskjellige farger
Presentatøren
Informasjonsdesign
Har ingen presentatør
1
http://cooltext.com/
4
Interaksjonsdesign
Har ingen presentatør
Presentasjonsdesign
Her har jeg prøvd å finne en karakter som kunne presentere et materiale. Fant denne karakteren ved
å søke på presentasjon på google2 bildesøk. For å få liv i karakteren har jeg lagret den i et symbol og
animert bevegelse med armen. Karakteren skifter side innimellom for å ikke bli stående fastlåst på
ett sted. Legger du godt nok merke til det ser du at fargen på slipset innmellom skifter farge.
Lag
Generelt
Har prøvd å legge de forskjellige elementene på hver sine lag, og samlet på samme lag det som
naturlig hører sammen. ActionScript har fått sitt eget lag helt øverst. Lyd har fått eget lag der det er
lagt inn.
Informasjonsdesign
Denne ble laget før jeg rakk å lese om ActionScript 3.0, så denne er bygget opp bilde for bilde lag for
lag, noe som har ført til en presentasjon på 2100 frames.
Interaksjonsdesign
Her er den første presentasjonen med ActionScript 3.0 og knapper. Har brukt noen lag som
utgangspunkt for resten av presentasjonen og lagt inn knapper med til nye frames, med mulighet for
å hoppe tilbake.
Presentasjonsdesign
Her har jeg mange lag basert på undertemaer av Presentasjonsdesign der mange har fått tildelt 2 lag.
Ett for bakgrunns-effekter og ett for hovedinnhold.
Frames per second (fps)
Generelt
Presentasjonen er satt til 12 frames per second da Informasjonsdesigns-fasen er bygget opp uten
ActionsScript.
Informasjonsdesign
12 frames per second
2
https://www.google.no/search?q=presentasjon&safe=off&biw=1077&bih=659&source=lnms&tbm=isch&sa=X
&ei=ttBAVJO6EsThywO3_oH4Bw&ved=0CAYQ_AUoAQ
5
Interaksjonsdesign
Opprinnelig 24 frames per second, men blir skrudd ned til 12 i hovedpresentasjonen. Noe som går
bra pga bruk av knapper
Presentasjonsdesign
Opprinnelig 24 frames per second, men blir skrudd ned til 12 i hovedpresentasjonen. Noe som går
bra pga bruk av knapper
Innhold
Generelt
Presentasjonen inneholder de tre designfasene; Informasjonsdesign, Interaksjonsdesign og
Presentasjonsdesign i den rekkefølgen.
Hver av fasene dekker viktige aspekter ved designfasen fra man velger informasjon som skal
presenteres til man har laget et storyboard som forteller hvordan det skal se ut.
Informasjonsdesign
Omtaler utvelgelse, briefing. Strukturering av informasjon som skal brukes i det ferdige multimediet.
Utfordringen her ble at jeg ikke hadde kommet til leksjonen om ActionScript, noe som gjorde at det
ble veldig mange frames og hopp fremover på både 10 og 40 frames for å lage naturlige pauser.
Interaksjonsdesign
Handler om hva vi skal lage, hva det skal være. Hvilken struktur skal multimediet følge. Forklarer hva
vi mener med interaksjon. Her tok jeg i bruk ActionScript. Hadde ingen store utfordringer her, men
fikk testet noen av mulighetene med ActionScript3 blant annet når ‘frekvens’ skulle utformes. Fra og
med denne presentasjonen fikk jeg også tatt i bruk knapper, noe som gjorde design mye enklere.
Presentasjonsdesign
Først blir noen begrepet kort forklart sett bra kunden og sluttbrukers synspunkt. Så blir de forskjellige
elementene man kan bruke i presentasjonen utdypet. Deretter blir det gitt en del råd rundt selve
designet, brukergrensesnitt, utseendet, farger. Hadde ingen store utfordringer med denne
presentasjonen. Brukt veldig mange bilder funnet på Google Bilder
Lyd
Generelt
Har ikke mange lydeffekter med. Opplevde at flash var til tider var vanskelig når det gjaldt lyder.
Prøvde å laste ned filer fra nettet, men de nektet flash å importere og endte opp med å lage lyder
selv ved å spille de inn i lydinnspilling i windows 8
3
http://coursesweb.net/flash/actionscript-change-movieclip-color_t
6
Informasjonsdesign
Har en lydfil med her helt i starten.
Interaksjonsdesign
Her er det ingen lyd med.
Presentasjonsdesign
Her er det en lyd med under presentasjonen av lyd
Animeringen
Generelt
Har prøvd å bruke en stor variasjon av teknikker, både fra leksjonene, men også ved å lete opp på
nett. Flash Professional CC støtter ikke Bone Tool og Deco Tool og har derfor ikke blitt benyttet under
de tre designfasene. Det jeg opplever tar lengst tid ved animering er forberedelsene av de
elementene som skal være med, det være seg enten å tegne det selv eller finne det på nett, bryte det
opp og bruke verktøy som ‘lasso’ og ‘magic wand’ for å fjerne uønskete deler av bildet, for siden å gå
over med viskelær i etterkant på det som ikke blir fjernet.
Informasjonsdesign
Som tidligere nevnt i denne rapporten var jeg ikke kommet til leksjonen med ActionScript når denne
ble laget. Så animasjoner er laget manuelt ved å telle antall frames og med stor bruk av movieclip og
graphic. Av animasjoner i denne presentasjonen er en hånd som benytter iPad, animering av tekst og
maskering for å vise frem månefasene under temaet ‘Faser’
Interaksjonsdesign
I denne presentasjonen har jeg inkludert ActionScript, noe som gjør det mulig å sette stopp-punkter
der det er behov. Det gjør at jeg kan bruke færre bilder og heller bruke enkle animeringer for å få
frem budskapet. Har brukt tekstanimering, movieclips og graphics, og i tillegg animering av knapper.
Presentasjonsdesign
I denne presentasjonen har jeg inkludert ActionScript, noe som gjør det mulig å sette stopp-punkter
der det er behov. Har brukt tekstanimering, movieclips og graphics, og i tillegg animering av knapper.
Av animasjoner har jeg tatt med en klokke, som jeg har bygget opp fra bunnen. Den går i ett minutt.
Avslutningen
Det som jeg opplevde som mest problematisk var når jeg skulle sette de tre klippene sammen. Føler
at det godt kunne vært en opplæringsvideo på det og.
7
Konklusjon
Konklusjonen min etter å ha gjort denne oppgaven er at det går bedre og bedre gang for gang. En del
av «shortkeysene» begynner å sitte i fingrene, bruker ikke like lang tid på å lete opp i leksjonene for
vanlige ting. Har begynt å få mine egne rutiner på ting, samt mitt eget lille arsenal av gode kilder på
nett. Dette i tillegg til erfaringer fra tidligere programmering hjelper godt på når jeg skal søke på nett
etter hjelp.
8
Referanser
1
http://cooltext.com/
2
https://www.google.no/search?q=presentasjon&safe=off&biw=1077&bih=659&source=lnms&tbm=i
sch&sa=X&ei=ttBAVJO6EsThywO3_oH4Bw&ved=0CAYQ_AUoAQ
3
http://coursesweb.net/flash/actionscript-change-movieclip-color_t
Utvikling av multimedier – Marie Christensen | Louise Harder Fischer
Leksjon 4-6 Multimedieproduksjon med tilhørende opplæringsvideoer
9