rprt

SILJE22.04.2012

obligatorisk oppgave 08

aug 11

WOLD

Ettersom jeg ikke leser vel-dig mye, så var den en bok som jeg fikk til 3-års dagen jeg hadde veldig lyst til å illustrere. Den heter “Siljes morgen”.

Hele boken handler om lille Silje og en nydelig vårdag ute og eventyrene det bringer, også Mons treffer vi på i boken som da er katten til Silje.

Spørsmål jeg stilte meg selv under researhen var:Litt informasjon om tidligere vignetter/interak-tive nettsider alla Super barnetv sin?Hva kan man forvente seg av en slik vignett/nettside?Hvordan er ting satt opp?Hva vil man som bruker/seer føle under og etter besøket.

Det finnes flere ulike tv-vignetter og interaktive nettsider der ute til inspirasjon. Jeg satte meg selv veldig høye mål til hva jeg egentlig ville få til, men jeg så fort at dette ikke var mulig for meg å få til uten å bruke enda mer tid og ressurser på det, noe jeg ikke hadde.

inspirasjon/skisser

Søket etter inspirasjon foregikk blant annet på internett, i tegneserier

og blader. Det er finnes

mye bra og en del mindre bra der ute.

Synes det var krevende, men veldig morsomt å jobbe i et helt nytt program, selv om det satte meg litt på vent før jeg fant ut av de største vanskelighetene og synes slutt resultatet ble mye bedre enn først antatt.

De visuelle virkemidlene jeg har valgt å bruke er å beholde enkelte elementer på nettsiden og vignetten for å gjøre et inntrykk.

Jeg har funnet min inspirasjon hos andre vignetter og interaktive nettsider. Det som er tilfelles med de jeg har sett på er et morsomt uttrykk og et klart budskap.

Målet med tv-serien er å gjøre barn mer oppmerksomme på det rundt oss, både på godt og vondt.

Det er blitt brukt 10mm margin, 4 columns med 5 mm gutter og baseline grid. I tillegg er det lagt til 10 em mellom alle bokstaver i brødteksten for å gjøre det lettere for leseren

inspirasjon/skisser

Målgruppen er forbeholdt barn i alderen 2-7 år. Ettersom aldersgruppen er lav, er det ekstremt viktig å treffe riktig på alle punkter å legge seg til et nivå hvor målgruppen forstår alt.

Aktiviteter og lignende må være forbehold en yngre garde og bli designet deretter.

målgruppe

Målgruppe etter alder er helt elementært her

i denne oppgaven og derfor er gruppen definert utifra hvem som er typisk

lesere av denne boken, ettersom det er en

barnebok.Det er viktig at designet treffer brukeren og at det er å gjenkjenne. Det er nødvendig å gjøre ting visuelt enklere, bruke mye farger, former og enkle ord.

Mitt konsept vil trekke til seg barn helt ned fra 2 års alderen og opp til 7 år.

utvikling/konsept

utvikling/konsept

Det er så utrolig mange like produkter i dagens

samfunn. Konkurransen er stor og det er veldig

vanskelig å skille seg ut. Det er derfor viktig å

utvikle konsepter som er unike og enda mer

relevante for brukerne eller kundene.

Et konsept skal inneholde en gjennomtenkt struktur som skaper en større ramme rundt et produkt. En ramme som får frem nytten og gleden av produktet og overbeviser/informerer om hvorfor akkurat du har behov for dette produktet.

Det var veldig viktig for meg å komme opp med ett unikt og spesielt konsept som skilte seg ut fra andre barne tv konsept.

Jeg kom frem til et konsept som ikke bare handlet om selve boken (Siljes morgen) og innholdet i den.

Konseptet går ut på at samtidig som barna får se boken i tv-serien vil de også ha muligheten til å “treffe” karakterene på nett også. Her vil man kunne høre kjennings melodi til tv-serien i bakgrunnen, mens de kan klikke seg gjennom sider med forskjellig informasjon og elementer.

Dette kan da også bli tatt i bruk blant annet av barnehager og barneskoler på de laveste trinnene.

Ettersom tv-serien er en barne tv-serie for barn mellom 2-7 år og er et program om Siljes morgen og hva hun ser, møter og gjør om morgenen.

Siden dette er et enkelt “læringsprogram” vil det kunne bli benyttet som øving av lese ferdighetene til yngre barn.

nettside/flash

For å markedsføre tv-serien mer, er det blitt

laget en interaktiv nettside. Den vil fungere

som en base med all informasjon rundt

“Siljes morgen”. Denne interaktive nettsiden inneholder lyd, og 5 interaktive løsninger.

Siden det er en stund siden jeg har jobbet i Flash måtte jeg gå igjennom diverse gamle notater for i det hele tatt å huske de ulike kodene, nå etter at jeg har lest de såpass mange ganger bør de sitte til neste gang.

Det første du vil komme til på nettstedet er et velkomst vindu med en melding.

Man klikker seg deretter videre til hoved basen for nettstedet, her vises all informasjon og man kan igjen klikke seg videre til forskjellige sider med info på nettstedet.

Jeg har laget begge karakterene Silje og Mons i AI, her sørget jeg også for at alle de ulike delene kom på forskjellige layers slik at jeg senere kunne animere de i AE og AI.

På nettstedet valgte jeg å holde meg til etfargepalett som inneholdt gul, flere nyanser av orange og hvit.

Disse fargene gjentar seg i vignetten og videre utover i nettstedet.

Isteden for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken.

Nettsiden:http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/16.swf

Spillet:http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/spill.html

Planen var hele veien å lage ulike karakterer fra boken og en melodi som var lett gjenkjennelig, tv-vignetten skal gi en god markedsføring for den kommende barne tv serien “Siljes morgen”.

Utsnitt, farger og ikke minst en logo som fanger interessen var veldig viktig for at markedsføringen også skulle fungere.

De to karakterene i boken er det veldig viktig å få tydelig frem, men også hva meningen med tv-serien er.

Det er så klart knyttet opp mot barn, men på hvilket plan. Er det en lære platform, visuell platform ell.

Det er også viktig at produktet som skal markedsføre kommer skikkelig frem uten og overdrive.

Når flatene ble utformet var det viktig å tenke på hvem som skulle lese/se det (målgruppen) og hvilken beskjed tv-serien ville utgi seg som.

tv-vignett/AE

For å lage vignetten var det AE vi skulle jobbe i,

ettersom dette er et helt nytt program for meg ble

det en smule vanskelig i starten, men

dette jevnet seg ut.

I tv-vignetten valgte jeg å holde meg til den fargepaletten jeg allerede hadde kommet frem til nemlig gul, ulike nynser av orange og hvit.

I vignetten ville jeg vise boken “Siljes morgen” i en litt oppdatert utgave, litt annerledes utgave.

Vignetten i seg selv er veldig enkel ettersom dette er første gang.

Det er de samme fargene som er blitt brukt gjennomgående.

Typografien som ble valgt og som blir brukt på alle flater er Delicious, den ble brukt i alle varianter.

Den har runde, lekne bokstaver, noe som assosieres med harmoni, glede, lek og barn. . Grunnen til at de samme fontene og fargene blir brukt gjennom både tv-vignetten og den interaktive nettsiden og spillet er kun for å skape en base hvor en spesiell målgruppe vil kjenne oss igjen.

Det første jeg gjorde var å lage et storybord, dette var ikke like lett som det jeg hadde trodd (å tenke på sekunder men tegne i eks ant. ruter var vanskelig).

Men etter litt prøving og feiling fant jeg ut av hva jeg ville gå for.

Det ble en versjon hvor det kommer inn tekst etter beaten på melodien, Silje kommer gående over skjermen og skriften Siljes morgen kommer til syne etter henne.

http://www.youtube.com/watch?v=QSYjM_ywQkU&feature=youtu.be

spill/flash

For å markedsføre tv-serien mer, har jeg

laget et interaktivt spill. Det handler om katten

Mons fra “Siljes morgen” som vil ta edderkoppene

som kryper ned. Dette spillet har 3 forskjel-lige scener.

En start scene hvor du får informasjon om spillet.

En spill scene hvor det kommer edderkopper krypende nedover.

En slutt scene eller tapende scene.

Man har tilsammen 5 liv, for hver gang en edderkopp treffer deg dør du. For hver edderkopp du treffer får man 10 poeng, hvis en edderkopp unnslipper mister du 5 poeng.

I tillegg til at det kommer flere edderkopper av gangen vil også spillet øke hastighet etterhvert som tiden går.

Ganske morsomt og vanskelig spill man gjerne prøver igjen for å sla gammel score.

Spillet er kun laget i en scene, det er 3 frames med ulike elementer og actionsscripts.

På nettstedet valgte jeg å holde meg til etfargepalett som inneholdt gul, flere nyanser av orange og hvit.

Disse fargene gjentar seg i vignetten og videre utover i nettstedet.

Istedet for å bruke veldig mye farger har jeg valgt å tone det ned å heller jobbe med noen utvalgte farger. Dette gjorde jeg for å lage et særpreg over min tolkning av boken.

http://elevarbeid.webstu-dent.no/mmd_webstudent/silje_wold/siljesmorgen/spill.html

storyboard/flash-sideStoryboardet korter ned

hva som skjer med interaktivitetene ved hjelp

av piler og tekst.

storyboard/tv-vignettStoryboardet ser ikke så

veldig profesjonelt ut, men likevel. Jeg forstår utifra

bildene hva videoen går ut på og det er jo også litt av poenget og korte ned mest mulig og ta i bruk hjelp av

piler etc, for å vise plassering osv av

elementer.

evaluering/arbeid

En evaluering av min egen

arbeidsprosess. Her vil jeg si litt om hva

som kunne blitt gjort annerledes altså hvordan

jeg kunne brukt tiden bedre, tatt bedre valg

designvalg ol.

Skulle gjerne brukt tiden bedre i AE, det er et program jeg aldri har prøvd før.

Synes det var ganske annerledes fra de andre programmene, tok en stund å sette seg inn i og så ganske mange videoer på youtube, for å skjønne hva de forskjellige knappene gjør.

Om tiden hadde vært der ville jeg laget flere figurer og klart å animere de også på hjemmesiden.

Ville også gjerne ha klart å ordne feilen i spillet, er ikke snakk om store feil, men fikk ikke tid til å ordne den.

Feilen er at når du dør går det mellom 2-3sek før et nytt liv begynner, imens detter det fortsatt edderkopper. Vil egentlig at livet skal komme med engang eller at edderkoppene også venter i 2-3sek før de kommer ned.

kilder/blogg

Her er en samling over kilder som ble tatt i bruk under research

og utarbeiding av oppgaven. I tillegg en link

direkte til bloggen.

TV-VIGNETT:

http://nrksuper.no/super-store/flashfiles/btv/#/TV

http://nrksuper.no/super-store/flashfiles/btv/#/

http://www.youtube.com/watch?v=1MS48VPkWGo

http://www.youtube.com/watch?v=dLrUzi0SITU

INTERAKTIVE SIDER:

http://www.2advanced.com/#/home

http://rcw.2a-archive.com/

http://www.govacation-game.com/

http://www.badjuju.com/

http://nrksuper.no/barne-tv/

http://nrksuper.no/super-store/flashfiles/btv/

www.buster2401.wordpress.com (blogg)

LINKER TIL HJELP VED OPPBYGGING AV SPILLET:

http://www.adobepress.com/articles/article.asp?p=1578506

Slik fikk jeg linket spillet og nettsiden.

http://www.youtube.com/watch?v=ekZiCYfDGEo&feature=related

Bakgrunnsmusikk som man kan skru av og på etter ønske.

http://www.youtube.com/watch?v=r_QFlwRsOco

Hvordan lage underlag og figur/animasjon i Flash til spillet.

http://www.youtube.com/watch?v=j9Gqa3MrOQk

Hvordan ma lager fiender.

BLOGG:

http://buster2401.word-press.com/