Gruppe 12. nlouise.dk/fuldafliv_gruppe12/alkoholviden.html. Louise Nielsen Signe Frederiksen Clara Hagelund Lukas Smestad Monica Lund

Transkript

1 Gruppe 12 nlouise.dk/fuldafliv_gruppe12/alkoholviden.html Louise Nielsen Signe Frederiksen Clara Hagelund Lukas Smestad Monica Lund

2 Indholdsfortegnelse Idé og konceptgenerering Moodboard Storyboard Styletile Charactersheet Sekvensdiagram Færdig produktion Alkoviden Færdig produktion Processen

3 Idé og konceptgenerering Ideen bag vores redesign er at give viden til forældrene og ikke de unge Vores ide er baseret på et relativt simpelt design, med et godt flow. Vi kombinerer former fra flat-design med farvepaletten fra limbo-stilen for at opnå et simpelt udtryk. Vores formål er at lave et spændende site med et seriøst budskab Vi ville gerne involvere forældrene mere, samt give dem en mere visuel repræsentation af de forskellige fakta. Vi kom frem til at lave quizzen om til en historie; på den måde kunne vi lave brugeren/forælderen til hovedpersonen i historien og deremd involvere dem mere. Vi fandt inspiration i hjemmesiden: de formår at formidle fakta og viden på en sjov og interessant måde, hvor brugeren bliver nødt til at deltage aktivt. Vi ville lave en flydende animation med flere små animationer. Historien skulle være, at man følger en forælder gennem nattelivet, og ser hvordan de unge agere når de drikker. Forælder-karakteren skulle kunne styres ved hjælp af piletasterne, så brugeren kunne føle sig indvolveret i historien. Gennem historien oplever forælderen forskellige scenarier, som hænger sammen med fakta som bliver vist. Fonten, som bliver benyttet til at vise fakta, er typografien Lato. Resten af hjemmesiden bruger samme typografi, og vi ville gerne have, at der var en rød tråd. Typografien er med semi-afrundede detaljer som giver en følelse af varme. Den stærke struktur giver en følelse af stabilitet og seriøsitet.

4 Idé og konceptgenerering Vi benytter de facts som vi har fået oplyst fra Kræftens Bekæmpelse om unge danskeres forhold til alkohol: 1. 2 ud af 3 danske unge tror, at deres jævnaldrende drikker mere end dem selv. Denne flertalsmisforståelse kan være med til at øge unges alkoholforbrug, fordi man gerne vil være på niveau med vennerne. 2. Unge vil godt have, at forældrene blander sig i deres alkoholforbrug. Kun 14% af hjemmeboende unge mellem synes dårligt om, at deres forældre blander sig. 3. Hvert år får mindst danskere kræft som følge af deres alkoholforbrug. Alkohol er årsag til ca. 5 % af alle kræfttilfælde i Danmark. 4. Danske unge har europæisk rekord i fuldskab. 5. I Danmark må man købe alkohol under 16,5% i butikker, når man er fyldt 16 år. 6. Alkohol øger risikoen for brystkræft. Risikoen for at udvikle brystkræft stiger allerede ved et alkoholforbrug på 1-2 genstande om dagen. 7. Danske unge drikker mindre i dag end for 10 år siden. 8. Alkohol er forbundet med mere end 60 forskellige sygdomme, herunder kræft og hjerte-kar-sygdomme. 9. Sundhedsstyrelsen anbefaler, at man stopper før 5 genstande ved samme lejlighed.

5 Moodboard

6 Storyboard 1. Forklaring til brugeren 2. Første fact 3 unge snakker talebobbel + tankebobbel pop-up 3. Anden fact 1 kaster op 4. Tredje fact 5. Fjerde fact 1 mand på bænk telefon knap 6. Femte fact musik knap 7. Sjette fact 3 unge danser 8. Syvende fact ungdomskort knap 9. Ottende fact 10. Niende fact tankebobbel pop-up 11. Slut

7 Styletile

8 Charactersheet

9 Sekvensdiagram sidenvises Baggrundslyd starter Klik på partyskilt1 Klik på partyskilt2 Klik på studiekort Klik på telefon SCENE1 Efter 5vw kommer fact1 frem Efter 30vw kommer taleboble3 frem Efter 45vw kommer taleboble2 frem Efter 50vw kommer gadelampe1 frem Efter 56vw kommer taleboble1 frem SCENE2 Efter 105vw kommer fact2 frem Efter 150vw kommer gadelampe2 frem SCENE6 Efter 470vw kommer fact6 frem SCENE7 Efter 506vw kommer fact7 frem Efter 550vw kommer barlampe frem Efter 573vw kommer partyskilt2 frem Ved klik på.partyover: festmusikover -> lyd: baggrundslyd starter og fest musik stopper Ved klik på.studiekort: studiekortpopup -> animation:.studiekortzoom kommer frem SCENE8 Efter 640vw kommer fact8 frem SCENE9 Efter 710vw kommer fact9 frem SCENE3 Efter 200vw kommer fact3 frem Efter 216vw kommer telefon frem Efter 250vw kommer gadelampe3 frem Ved klik på.telefon: telefonzoom -> animation:.telefonzoom kommer frem lyd: afspiller ringtone SCENE4 Efter 305vw kommer fact4 frem SCENE5 Efter 343vw kommer fact5 frem Efter 380vw kommer partyskilt1 frem Ved klik på.party: festmusik -> lyd: baggrundslyd stopper og fest musik starter Efter 450vw kommer.dansere frem, discokugle og danselys kommer frem

10 Færdig produktion Alkoviden Backlog til næste sprint 1. Få spriteanimation til at spejlvende når man går til venstre. 2. Ved klik på mand der kaster op skal der komme en lyd af at man kaster op. 3. Mere flydende pop-up, fx når gadelamperne kommer frem så skal det køre mere smooth. 4. Talebobler og facts skal forsvinde når man har passeret dem. 5. Tilpas tekst i css så det ser mere indbydende ud. 6. smukkesere sekvensdiagram. 7.Problemer med footer i browser vinduet.

11 Færdig produktion Processen REFLEKSION Vi har haft en uge med projektopgave, hvor arbejdsfordelingen i gruppen har været god. Vi har oplevet udfordringer med kodningen, og har været nødt til at lære helt nye javascript elementer for at kunne få vores idé til at fungere. Vi har alle taget del i de forskellige opgaver og der er ingen i gruppen der har haft berøringsangst for at gå i gang med en ny opgave. Det har været en fordel at benytte scrum boardet til at skabe overblik over hvad vi skal nå og hvad vi har lavet færdigt. Alt i alt en lærerig uge med godt samarbejde og et fornuftigt resultat. Link til scrum board Burndown-chart