Ugeopgave uge 47. Gruppe 4: Rasmus Mogensen, Jeppe Lønow, Stefan Sølbeck & Christian Sevel

Transkript

1 Ugeopgave uge 47 Gruppe 4: Rasmus Mogensen, Jeppe Lønow, Stefan Sølbeck & Christian Sevel Link: fuldafliv/fuldafliv-template/index.html Brugernavn: keammd Password: kode2015 Link til SCRUM-board: Indholdsfortegnelse: Idé og koncept generering Moodboard Styleguide Karakter design Storyboard Scenografi Wireframes Layout Diagram Screenshot Burndown-chart Backlog Refleksion

2 Idé og koncept generering Gennem idé genererings fasen kom vi frem til at vi ville genskabe sektionen hvad er din alkoholdning på en mere levende og fortællende måde.

3 Moodboard Styleguide

4 Idé og koncept generering Skitser: Basisfigur:

5 Storyboard Scene: 1 Lyd: Bip-lyd fra kasse, 16 -skilt glider ud Animation: 16 -skilt glider ud efter 2sek Scene: 1 Frame: 2 Lyd: Bip-lyd fra kasse, 18 -skilt lander Animation: 18 -skilt flyver ned Scene: 2 Lyd: Fest-musik Animation: Personer hopper/danser Scene: 2 Frame: 2 Lyd: Fest-musik Animation: Mor kommer ind fra højre Scene: 2 Frame: 3 Lyd: Fest-musik, irriterende mor stemme Animation: Talebobbel popper op Scene: 3 Lyd: Smalltalk Animation: Personerne skiftes til at drikke (loop) pr. person Scene: 4 Lyd: Fugl der fløjter (idyl) Animation: Personerne går hen mod skolen Tid: 4sek Scene: 4 Frame: 2 Lyd: Fugl der fløjter (idyl), skilt falder ned Animation: Skilt falder ned Scene: 5 Lyd: Reklame-speak (sløret) Animation: Flaske bliver vist Scene: 5 Frame: 2 Lyd: TV skratter Animation: Støj på TV-skærmen Tid: Indtil der klikkes Scene: 6 Lyd: Stigende fløjt begynder Animation: Prisen begynder at stige Tid: 5sek Scene: 6 Frame: 2 Lyd: Stigende fløjt slutter Animation: Prisen stopper med at stige

6 Scenografi

7 Wireframes Startside: Header - Menu.Scene. figur 3. figur 4. figur 5. figur 6. figur banner. figur 2 Paragraf med tekst.scene figur 1 figur 2 figur 3 figur 4.scene figur 1 div paragraf figur 2.scene div question mark 1 div div question question mark 2 mark 3 div paragraf div paragraf div paragraf div paragraf div - Footer Underside: 1.div -.Figur1.div - paragraf. div - skrank 2 div - diskokugle div noder.div - paragraf..div -.Figur1.div -.Figur2.div -.Figur3.div -.Figur5.div -.Figur4 3.div - paragraf. øl.div -.Figur1.div -.Figur2.div -.Figur3 4.div - paragraf. - skilt.div -.Figur1.div -.Figur2 5.div - paragraf. div - tv 6.div -.skilt.div -.øl.div - paragraf.

8 Layout diagram Startside: Underside:

9 Screenshots Startside: Underside:

10 Burndown-chart Backlog Lave sitet responsiv Lave funktionel statistik til sidst af quizzen 100% funktionalitet på andre browsere end Google Chrome Testrapport af sitet Reflektion Vi har fået kreeret nogle animationer til forsiden og Din alkoholdning -quizzen, som er med til at gøre oplevelsen mere levende. Vores arbejdsprocess har været god og flydende og vi har været gode til at komplimentere hinandens arbejdsprocess. Vi har haft fokus på at få hele sitet til at fungere i én browser, frem for at kun noget af vores site ville fungere i alle browsere. Derfor fungerer den kun optimalt i Google Chrome. Derudover har punkter som testrapport været anden prioritet, da vi selv kunne se at brugervenligheden fungerede. Den sidste funktion i quizzen, med forældres statistiske svar, har vi ikke haft tid til at udarbejde.