Den virtuelle teenager Gruppe 2 Hold B. Medlemmer: Søren Nielsen Eli Adelholm Lasse Viking Kristensen Sabrine Lassen Caroline Amalie Rasmussen

Transkript

1 Den virtuelle teenager Gruppe 2 Hold B Medlemmer: Søren Nielsen Eli Adelholm Lasse Viking Kristensen Sabrine Lassen Caroline Amalie Rasmussen Link til trello: Link til hjemmeside: Brugernavn: keammd kodeord: kode2015

2 Indholdsfortegnelse 1. Idegenerering 2. Storyboard 3. Mock-up 3.1 Quiz 4. Flowchart 4.1 Forside 4.2 Quiz 5. Screenshot 5.1 Forside 5.2 Quiz 6. Manuskript 7. Back-log 8. Burndown-chart 9. Reflektion

3 1. Idegenerering I vores proces idégenerede vi over hvad vi kunne gøre for at skabe mere liv på hjemmesiden. Vi snakkede om at vi synes deres grafik var passende med flat design, men at de skulle bevæge sig noget mere og især lyde ville vi gerne tilføje. Derfor brugte vi brainstorming til at skabe idéer. Vi stillede spørgsmål som, hvad kunne sige noget og hvad ville have mulighed for at bevæge sig. Især i quizzen blev vi enige om at der skulle være en del mere bevægelse og nogle spændende baggrunde, samt så skulle teenagerne stille spørgsmålene højt, så det blev mere virkelighedsnært. Derfor besluttede vi at beholde de nuværende karakterer men tegne nye baggrunde.

4 2. Storyboard

5

6 3. Mock-up for quiz

7

8

9 4. Flowchart 4.1 Flowchart forside

10 4.2 Flowchart quiz Spørgsmål 1 Ved ikke Ja/Nej Ja Nej Smiler Ryst hovedet Spørgsmål 2

11 Spørgsmål 2 Ved ikke Ja/Nej Ja Nej Smiler Surmuler Spørgsmål 3

12 Spørgsmål 3 Ved ikke Ja/Nej Ja Nej Smiler Krydser arme Spørgsmål 4

13 Spørgsmål 4 Ved ikke Ja/Nej Ja Nej Smiler Krydser arme Spørgsmål 5

14 Spørgsmål 5 Ved ikke Ja/Nej Ja Nej Smiler Ryster hovedet Spørgsmål 6

15 Spørgsmål 6 Ved ikke Ja/Nej Ja Nej Smiler Surmuler Spørgsmål 7

16 Spørgsmål 7 Ved ikke Ja/Nej Ja Nej Smiler Surmuler Spørgsmål 8

17 Spørgsmål 8 Ved ikke Ja/Nej Ja Nej Smiler Surmuler Spørgsmål 9

18 Spørgsmål 9 Ved ikke Ja/Nej Ja Nej Smiler Ryster hovedet Resultat

19 Resultat 4< ved ikke 4> ved ikke Ikke afklaret Afklaret SLUT

20 5. Screenshot 5.1 Screenshot forside 5.2 Screenshot quiz

21 6. Manuskript Forside (Over hver test står overskriften) Har du en klar alkoholdning? Test dig selv her. Den virtuelle teenager (hvis musen holdes over personerne hopper de frem i billedet. Under billedet står teksten) Ved du, hvad du mener om alkohol? Har du klare svar parat, når dit barn stiller spørgsmål? Udsæt dig selv for den virtuelle teenager og væk tankerne med stresstesten. Hvad er din alkoholdning? (hvis musen holdes over ja og nej boksene udvider de sig. Under billedet står teksten) Hvad er din holdning til alkohol og unge? Test dig selv, og del quizzen med forældrene fra klassen. Så kan du se, om du er enig med andre forældre til et barn på samme alder. Hvad ved du om unge og alkohol (hvis musen holdes over den sidste flaske vil proppen springe af, flasken vil vælte og øl vil flyde ud. Under billedet står teksten) Hvorfor er alkohol særlig skadeligt for unge? Hvor gammel skal man være for at købe øl, vin og alkoholsodavand? Øger alkohol risikoen for brystkræft? Test din viden om unge og alkohol. Den virtuelle teenager Startside (Testens startside vises med teksten) Hvor går dine grænser, når det handler om alkohol? Har du et svar klar, når dit barn stiller spørgsmål? Udsæt dig selv for den virtuelle teenager og sæt dine alkoholdninger under pres.

22 1. billede (En dreng står i supermarkedet og spørger) Vil du købe en vodka til mig? 2. billede (En dreng står i køkkenet og spørger) Må jeg tage 3 øl fra køleskabet til mine venner og mig? 3. billede (En pige står udenfor og spørger) Må jeg tage i parken efter skole og drikke en øl med vennerne? 4. billede (En pige står i køkkenet og spørger) Kan jeg låne 200 kr. til festen i morgen? 5. billede (En dreng står i selskabslokale og spørger) Må jeg smage alkohol til min konfirmation? 6. billede (En pige står udenfor om natten, ringer hjem og spørger) Må jeg selv bestemme hvornår jeg kommer hjem fra festen? 7. billede (En dreng står i selskabslokale og spørger) Må jeg drikke alkohol til sidste skoledag i 9. klasse? 8. billede (En pige står i supermarkedet og spørger) Må jeg holde opvarmning derhjemme? 9. billede (En dreng står udenfor om natten og spørger) Alle de andre om være ude til kl. 03 må jeg også?

23 Slutside (Hvis du enten har svaret ja eller nej i testen vises slutsiden med et logoet) Du er afklaret (og teksten) Godt at du har styr på dine alkoholdninger og har svar parat. Unge, der har aftaler med deres forældre om alkohol, drikker nemlig mindre end unge, som ikke har aftaler. (Hvis du har svaret ved ikke i testen mere end 4 gange vises slutsiden med et logoet) Du er ret uafklaret (og teksten) Det vil være en god idé, hvis du får tjek på dine alkoholdninger. Unge, der har aftaler med deres forældre om alkohol, drikker nemlig mindre end unge, som ikke har aftaler.

24 7. Back-log Næste team som skal arbejde videre på dette projekt kan ud fra overstående få en ide om hvilken retning projektet skal gå. De manglende elementer omhandler overordnet sprite samt lyd. Angående sprites er de tegnet til de forskellige firgure og ud fra flowchart er det muligt at se hvor de skal implementeres i quiz kodningen. Derudover skal stemmerne på figurene til quizzen indtales i bedre kvalitet således det ikke lyder så mekanisk men derimod giver en mere virkelig oplevelse for brugeren når testen tages. På forsiden er der problemer med billedet til den virtuelle teenager der ikke sidder som det skal. De overstående opgaver skal prioriteres således: 1. Implementering af sprites i quizzen 2. Optagelse af nye stemmer til figurene 3. Implementering af de nye stemmer 4. Redigering af billede på forsiden

25 8. Burndown-chart

26 9. Reflektion Vores gruppearbejde har været super effektivt og vi har udnyttet hinandens stærke sider til at løse de forskellige arbejdsopgaver. Arbejdet med Trello har gjort arbejdsfordelingen samt arbejdet generelt mere overskueligt. Vi har været ramt af sygdom i gruppen af mild grad, men i og med vi er 5 medlemmer ramte det ikke lige så hårdt. Undervejs i vores arbejde er vi støt på problemer omkring vores JS og JQ. Især arbejdet med variabler har været lidt af en udfordring men vi fik dog styr på det til sidst. Derudover har vi lært hvordan man kan styre volumen på lyden via JS istedet for at skulle gøre det inde i Audition. Et af de problemer vi ikke har været i stand til at løse er skiftet imellem en sprite og et stand billede. For eksempel har vi på forsiden et billede af de 3 øl som har en sprite og som efterfølgende skal erstattes af et stand billede. Billederne er gemt i samme fil format og har samme størrelse men alligevel fornemmer man et skift i størrelserne. Derudover oplevede vi store problemer med vores kodning omkring spørgsmålene. Vi ønskede at figurene hver især skulle reagere forskelligt alt efter om man trykker ja, nej eller ved ikke. Det skabte dog alt for store problemer og vi valgte derfor at sætte vores sprites ind således de kommer når musen køres henover figurene. Til sidst burde vi formentlig også have delt flere af vores trello opgaver ind i flere små opgaver idet mange af dem blev alt for store opgaver.