Bannerpage: http://spicegirls.creativefolder.dk/bannerpage/ Landingpage: http://spicegirls.creativefolder.dk/ René Skovgaard Andersen cph-ra73@cphbusiness.dk Stig Hamborg Nielsen cph-sn9@cphbusiness.dk Jayne Alice Marie Canoy Jensen cph-jj208@cphbusiness.dk Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely
Indledning I vores andet projekt på første semester har vi fået den opgave at lave tre reklamebannere for en kunster eller et band. Under udvælgelsen af en kunster eller musikgruppe kom hvert enkelt af os med forslag til, hvem det kunne være. Til sidst blev vi enige om at vælge det britiske pigeband Spice Girls. Valget af bandet Spice Girls er helt bevidst, fordi vi ville lege med lyse farver i vores design, og vi ønskede at ramme en specifik målgruppe i stedet for en bred vifte. Målgruppen vi havde i tankerne, var unge piger på omtrent ti-tolv år. Derfor har vi valgt at placere vores bannere på hjemmesiden www.viunge.dk, som netop unge piger benytter. Formålet med projektet var at arbejde med forskellige former for grafik, animation samt at arbejde som en gruppe. Vi har i dette projekt derfor valgt at bruge følgende software; Adobe Photoshop, Dreamweaver, Illustrator, Edge Animate og InDesign. Til slut har vi valgt at validere vores HTML og CSS på validator.w3.org samt i Adobe Dreamweaver. Formålet har vi udført, og herunder vil vi redegøre for gruppens læringsmål og de vurderinger af hvad hvert enkelt af os har lært undervejs i processen. Afslutningsvis kan relevante links og kilder findes under bilag. Læringsmålene for gruppen Da det primære mål med dette projekt er læringen, var det selvfølgelig det, vi lagde vægt på. Derfor snakkede vi om, hvilke mål vi havde individuelt og som en gruppe, før vi gik i gang med selve opgaven. Herunder lærte vi også hinandens styrker og svagheder. Vi blev hurtig enige om, hvilke mål vi havde som gruppe. Fordi ingen af os havde brugt programmet Adobe Edge Animate udover under vores undervisning, satte vi os for at lære programmet bedre at kende som en af vores primære læringsmål. Der blev leget og eksperimenteret meget i dette program, hvor man havde mulighed for at animere sine bannere. Herunder kom vores andet læringsmål som lød på at kombinere bitmapgrafik, vektorgrafik og animation i hvert enkelt banner. Dette gjorde vi for at udfordre os selv og for at tvinge os til at lære programmet og dets værktøj bedre at kende. De samme krav satte vi også til for vores landingpage der både indeholder animation, bitmap- og vektorgrafik (konverteret til bitmap). Det sidste læringsmål kan man måske knapt kalde for et læringsmål, da det mere er en metode for at få viden. Sidste læringsmål var selvlæring. Det vil sige, at vi skulle lære os selv at benytte programmerne ved hjælp af eksempelvis vejledninger såsom video tutorials. Udover det skulle vi finde flere informationer indenfor vores emne, så vi kunne dygtiggør os selv. Det har været vigtigt for os at kunne videreudvikle os selv og vores kompetencer. Derfor har vi ikke blot taget den arbejdsopgave, vi har været bedst til eller fundet nemmest. Selvlæringen var vores sidste læringsmål, da udbyttet fra det er at få en større viden, og læringen var som sagt vores primære mål. For at kunne nå vores læringsmål lavede vi en plan over vores arbejdsproces og satte nogle bestemte retningslinjer for gruppen. Retningslinjerne lød således, at vi ikke skulle være bange for at kommunikere med hinanden. Det vil sige, at vi skulle være ærlige over for hinanden og ikke være bange for at give hinanden konstruktiv kritik. Hvis der opstod problemer, skulle man således ikke tøve med at bede om hjælp. Den sidste retningslinje var at afholde de aftaler der nu blev lavet. Vi har sagtens kunnet undvære at snakke om disse retningslinjer, da der helt fra starten af har været en meget afslappet men stadig professionel stemning i gruppen. Vi kastede os ud i opgaven uden en kontrakt, og der har heldigvis ikke opstået nogle konflikter. Vi havde overvejet at lave en kontrakt, men vi følte, det var unødvendigt. Det er selvfølgelig en risiko at tage, når man ikke har arbejdet sammen før, men heldigvis er alt gået som planlagt.
Nedenstående figur viser en tidslinje over vores arbejdsproces. En af de essentielle punkter under forløbet har været at sørge for, at vi løbende snakkede sammen, så der ingen misforståelser ville opstå. Derfor har vi gentagne holdt korte møder blot for at høre, hvordan det går med opgaven. Disse møder har ikke kun forgået i det fysiske rum men også i det virtuelle rum. Vi har haft gjort godt brug af at skrive mails, sms e, skrive beskeder på Facebook og i stor grad brugt Dropbox. Ide Udvikling Evalueringsmøde Design af logo Evalueringsmøde Sidste hånd på værket Design af banner og bannerside Kodning af landingpage & rapportskrivning Overstående var gruppens retningslinjer og læringsmål, hvilket vi føler at have nået. Vi har alle bidraget med noget under de forskellige delopgaver - nogle i mindre grad og andre i større grad på baggrund af vores færdigheder. Herunder vil hvert enkelt af os i gruppen komme med en vurdering af hvad vi har lært. De individuelle vurderinger Jayne Alice Jensen Under dette projektforløb har jeg fået en masse ny viden ind. Da jeg er nybegynder i næsten alt det, vi har brugt for at udføre opgaven, har det hele været en konstant, lang og god læringsperiode for mig. Jeg er en nybegynder i de programmer vi har benyttet, så der har været meget at lære. Jeg har især brugt meget af min tid på at lære programmet Adobe Edge Animate. Nu føler jeg, at jeg kan det helt basale indenfor dette program eller i hvert fald har jeg fået en bedre forståelse for de forskellige værktøjer. Når der har opstået tvivl eller spørgsmål fra min side af, har jeg brugt Internettet til at finde information. At søge sig frem til et svar og researche er en ting jeg i stor grad har lært at gør mere under denne uddannelse - og især under dette projekt, da næsten alt har været så fremmede. Det har været til stor gavn, da jeg eksempelvis undervejs ønskede at loope en animation, men ikke vidste hvordan det skulle gøres. Udover at lære de basale animationsteknikker har jeg blandt andet også lært forskellen på vektorgrafik og bitmapgrafik. Udover selvlæringen har jeg også brugt meget af tiden på, at se hvordan de andre i min gruppe har arbejdet i de forskellige programmer. Undervejs forklarede de mig, hvad de gør, og hvad formålet er med deres handlinger. På denne måde lære jeg hurtigt de grundlæggende, og jeg har det nemmere ved at kaste mig selv ud i programmerne efter at have set andre benytte dem. Min gruppe har været god til at hjælpe mig og forklare ting, jeg selv ikke har kunnet finde et svar på. Det var eksempelvis at indsætte en banner på en HTML side, så det har jeg også lært nu. Jeg er tilfreds med det, jeg har lært under dette projekt. Jeg ville dog ønske, at jeg var mere lærenem, så jeg kan benytte de forskellige programmer hurtigere og smartere. Heldigvis gør øvelse mester. René Skovgaard Andersen Ved dette projekts opstart havde jeg ikke prøvet at arbejde i en gruppe i over ti år, så det så jeg som en stor udfordring. Det har nu vist sig ikke at være tilfældet, da vi som gruppe har været rigtig gode til at følge op på hinandens opgaver, og samtidig var vi hurtige til at finde en design retning, hvilket havde den fordel, at vores opgaver kunne sættes direkte sammen til et færdigt projekt. Vi valgte fra starten at bruge Dropbox til at dele vores filer samt til backup. Jeg har tidligere kun brugt Dropbox som online backup, men jeg har lært, at det er et uundværligt værktøj til gruppearbejde.
For mig var Adobe Edge Animate et helt nyt software og efter at have arbejdet lidt i programmet, var jeg faktisk lidt negativ. Jeg følte at programmet manglede mange af de funktioner, som jeg var vant til fra Adobe Illustrator, hvilket fik mig til at undersøge, om man ikke kunne kombinere disse to stykker software. Det viste sig at det kunne lade sig gøre og endda på en let og professionel måde. Så min mening om programmet er nu ændret til en yderst positiv oplevelse, som nu gør mig i stand til at animere vektor grafik lavet i Adobe Illustrator. I dette projekt skulle vi for anden gang i dette semester lave en hjemmeside opbygget fra bunden i HTML5 samt CSS. Denne opgave fandt jeg rigtig spændende, da jeg tidligere har arbejdet med færdige templates som efterfølgende er blevet tilrettet. Jeg føler, at jeg har lært en masse omkring HTML og især CSS. Ved at arbejde med CSS fra bunden lærte jeg, at man hurtig finder bedre/smartere måder at optimere koden på hvilket giver et bedre overblik, når man efterfølgende skal tilrette designet. Stig Hamborg Nielsen Jeg har under dette projekt oplevet en fremgang i metode og brugen af de forskellige værktøjer, vi har til rådighed som multimediedesigner. Jeg havde tidligere aldrig arbejdet med Adobe Edge Animate og kun ganske lidt med kodning og Adobe InDesign. Disse tre værktøjer har tidligere virket en smule uoverskuelige, indtil man lærte dem at kende. Herefter er det gået op for mig, hvor simpelt opgaverne egentlig kan blive lavet, når først man har styr på metoden. Derudover synes jeg altid, det er nyt og anderledes at arbejde med nye personer i gruppe, fordi folk har en meget forskellig tilgang til at gå til værks med et stykke arbejde. Vores gruppe har formået at skabe et godt arbejdsmiljø samt en god struktur med henblik på opgaveuddelegering. Med hjælp fra Dropbox har vi nemt kunne arbejde hjemmefra og stadig have adgang til de forskellige filer, vi hver især har arbejdet på. Jeg har sørget for, at få forklaringer og løsninger på alle de ting jeg ikke selv har været i stand til at lave. Dette synes jeg selv er en virkelig god og konstruktiv læringsmetode. Jeg synes vores færdige produkt er blevet super godt, og jeg er fuldt tilfreds med resultatet.
Bilag Links Link til banner. For at se banneret Fuld banner skal der rulles lidt ned: http://www.spicegirls.creativefolder. dk/bannerpage/ Link til landingpage: http://spicegirls.creativefolder.dk/index.html Link til Jayne Alice Jensens læringsafsnit i portfolio: http://mul94.itkn.dk/learning/project-1-0-portfolio/ Link til René Skovgaard Andersens læringsafnit i portfolio: http://creativefolder.dk/?page_id=398 Link til Stig Hamborgs Nielsens læringsafsnit i portfolio: http://mul118.itkn.dk/projekter-og-opgaver/bannerprojekt/ Kilder Billede på Internet: http://psdblast.com/files/backgrounds/product-promotion-stage-lighting-bacground-large.jpg, 9. oktober 2013. Billede på Internet: http://wallcapture.com/wallpaper/spice-girls-wallpaper-picture-free.html, 9. oktober 2013. Skærmbillede af hjemmeside: http://www.viunge.dk/, 9. oktober 2013. Learning Adobe Edge Animate på Internet: http://it-ebooks.info/read/1252/, 10. oktober 2013. Billede på Internet: http://blogs.redcross.org.uk/first-aid/2011/02/give-us-a-kiss-win-a-trip-to-paris/, 15. oktober 2013. Video på Internet: http://www.youtube.com/watch?v=j7xbtoxmzzc, 19. oktober 2013. Diverse billeder på vores landingpage er fundet ved hjælp af Google.