Faktaark. URL campaign site: h1p://amalieardahl.dk/sprint/index.php. URL collected leads: h1p://amalieardahl.dk/sprint/viewleads.

Transkript

1 1

2 Faktaark Elev ID Navn Portfolio cph-sj193 Sofie Roug Jensen cph-as227 Amalie Ardahl Skøtt URL campaign site: h1p://amalieardahl.dk/sprint/index.php URL collected leads: h1p://amalieardahl.dk/sprint/viewleads.php 2

3 Timetable for the development of the project I forbindelse med projektet har vi brugt Scrum Bl at holde styr på arbejdsopgaver og planlægning. Vi startede med at lave en Product Breakdown Structure, så vi vidste hvilke opgaver, der skulle løses. PBS en sa1e vi ind i vores Planning Sheet, så vi kunne esbmere Bdsforbrug pr opgave, og så vi kunne regne ud, hvor meget Bd, vi havde at gøre godt med. Billede af vores Planning Sheet, som viser et es5mat af arbejdsopgaver og 5dsforbrug EMerhånden som vores opgave skred frem og flere opgaver blev løst, opdaterede vi vores Backlog Chart. Backlog Chart gjorde det nemt for os at registrere vores Bmer og hvor mange vi brugte på hver opgave. Det mundede ud i, at vi fik et udfyldt Burndown Chart, som viser en graf over vores Bmeforbrug. Da vi har klippet i en skabelon for en sprint på 10 dage, er det desværre sket, at vi har lavet en fejl, da vi sle1ede de resterende dage. Det resulterer i, at vores Burndown Chart ikke slu1er på 0, og dermed ikke giver et realisbsk billede af vores planlagte opgaver. Det, den dog viser korrekt, er en graf over vores Bmeforbrug pr. dag. Vi fandt, at vores BdsesBmater passede rigbg fint med vores reelle Bdsforbrug. Da sprinten har været en rimelig lille opgave i forhold Bl vores andre projekter, har vi ham et langt større overblik over arbejdsbyrden og har ham tråd i Bngene undervejs. Billede af vores Burndown Chart, som ikke korrekt viser de planlagte 5mer i=t de bruge 5mer 3

4 Beskrivelse af hvordan vi samler, opbevarer og viser indsamlede leads Vores kampagneside/landing page er et værktøj, der fanger ly1ere fra radiospotsene, og får dem Bl at signe op Bl at vinde en julefrokost for dem, og deres venner. Vi har valgt at indsamle oplysninger om deres navn (fornavn og emernavn), e- mail og telefonnummer. E- mail og telefonnummer er i databasen gjort unikke, så man ikke kan deltage flere gange per person, og derved have større chance for at vinde. Hvis man indtaster samme telefonnummer eller e- mail flere gange, får man en fejlmeddelelse. Til at validere formen har vi gjort felterne i HTML formularen required. De1e giver en fejlbesked i browseren, hvis JavaScript er slået fra. Udover den validering, har vi brugt JavaScript Bl at validere input i formularen. Brugeren får en passende fejlmeddelelse, hvis de indtaster en forkert værdi eller hvis feltet er tomt. Hvis der er et felt, som ikke er udfyldt korrekt, får man en besked om, at der er fejl i felterne. Inden data bliver lagt i databasen, har vi serverside validering på. Det er lavet i PHP, og filtrerer det input, som brugeren kommer med, forholdsvis tekststrenge, en e- mail og et telefonnummer. Hvis data er OK, bliver den sendt videre og lagt i databasen. Data bliver lagt i databasen ved brug af SQL (INSERT statement) og PHP. Hvis alle felter er udfyldt korrekt, samt brugeren ikke er Blmeldt på forhånd, får brugeren en meddelelse om, at de nu er Blmeldt konkurrencen. Tabellen i databasen har følgende kolonner: leadid, firstname, lastname, , phone. Her bliver vores indtastede data fra brugeren lagret. LeadId er det eneste, som brugeren ikke udfylder, da det er en primærnøgle, som automabsk tæller op hver gang, der kommer en ny Blmelding. For at få data vist på vores viewleads.php, skal vi allerførst have Blmeldt nogle deltagere. Vi har testet vores system, og har Blmeldt et par stykker, som vi kan sle1e, når der kommer rigbge Blmeldinger. Billedet herunder viser vores kode fra viewleads.php fil. Først har vi required databaseforbindelsen, og så lægger vi vores SELECT statement i en variabel, vi kalder $sql. BageMer forbereder vi at der skal trækkes noget op fra databasen. Vi bruger bind_result Bl at pu1e resultater ned i nye variabler vi laver, så vi bagemer kan bruge dem Bl at vise på siden. $stmt- >execute(); kører scriptet, og whileløkken viser resultaterne, så længe der er noget at hente op fra databasen. Det skal lige bemærkes, at echo kommandoen ikke er fuldendt på billedet, men at koden er fuldendt med <div>, som gør dataene præsentabel. Billede af SELECT statement, som trækker vores 5lmeldinger op af databasen og viser dem i <div>. 4

5 Beskrivelse af vores beslutninger og designvalg Målgruppe: Vi har defineret vores målgruppe Bl at være mænd i alderen år, fra det moderne- individorienterede segment, primært fra Hovedstadsområdet. Personer fra målgruppen er akbve mennesker, der ikke har sbmet familie endnu. De bruger meget Bd på uddannelse, arbejde og har ome en sund og akbv livssbl. De har en travl hverdag men får stadig sat Bd af Bl familie og venner. De stemmer omest Venstre eller KonservaBve, da de har en klar overbevisning om at være deres egen lykkes smed. De går ome på café eller bar med deres venner og nyder nogle kolde forfriskninger. Farver: Lys Grå - #BCBBBF Mørk Grøn - #0C3100 Gul - #FCD900 Hvid - #FFFFFF Sort - # Font: Vi har brugt Raleway Bold som er en populær font på Google Fonts. Den er ungdommelig men stadig enkel, og passer godt Bl vores formål. Diskurs: Alt tekst er skrevet i et afslappet og opmuntrende sprog. Læserne skal føle sig godt Blpas og ikke snakket ned Bl. Vi bruger beskrivende Bllægsord Bl at forklare vores budskab. Baggrund: Baggrunden, vi har valgt, foresbller et træ med julelys på. Vi har valgt billedet, fordi det udstråler hygge, varme og maskulinitet i form af træet med de tykke grene, der er på billedet. Stemning: Vi vil gerne skabe en hyggelig stemning, som skal få kunden ud i byen og drikke et par øl med vennerne i de kolde emerårs og vintermåneder. Det er vigbgt for os ikke at gøre vores kampagneside direkte religiøs, da vi gerne vil appellere Bl en større målgruppe, end de kristne. Bokse og knapper: Alle bokse er firkantede med runde hjørner da det giver et blødere design. Derudover er vores content boks på hjemmesiden lavet med en opacity, så baggrunden stadig står lidt frem på siden. De1e giver boksen et mere let design, og den fremstår ikke så tung eller overvældende. Tilmeld- knappen er lavet med gradient så brugeren får oplevelsen af at det er en fysisk knap, når man trykker. Valg af elementer på siden: Vi har ham store overvejelser omkring brug af billeder af øl på sitet. Da det er en ny juleøl der bliver promoveret for, ville vi ikke sæ1e en normal Sapporo øl ind. DereMer overvejede vi om vi skulle bruge et billede fra ne1et af en Sapporo juleøl, men valgte det fra, da vi ikke ville inddrage grafisk materiale der ikke stemmer overens med vores websites design. Vi så allerhelst, at vi selv havde designet et mærkat Bl juleøllen, men da Bden var knap, kunne vi ikke få det passet ind i vores Bdsplan. Vi skulle have brugt meget Bd på at lave effekter på mærkatet, så det snurrede sig rundt om flasken i forhold Bl lys og gradients. I sidste ende har vi valgt det fra, da vi ønsker at opnå et professionelt look, hvilket vi ikke ville have fået, hvis vi havde brugt et halvfærdigt billede, der ikke ligner et ægte mærkat. 5

6 Process description including evaluation of the process Sprint projektet går ud på at lære os, hvordan man håndterer et pludseligt miniprojekt, der ome vil dukke op i diverse situaboner på arbejdsmarkedet. Vi skal derfor kunne abstrahere fra vores store projekt som vi i forvejen er i gang med og straks gå i gang med et andet projekt. I første omgang bruger vi Bd på at læse og forstå opgavebeskrivelsen. Det er en utrolig vigbg del af projektet da man får et overblik og delt de små opgaver fra hinanden. Vi har brugt Scrum Bl planlægning af projektet, da det er et kortere projekt med overskuelig Bdsramme. Vi forsøger albd at designe indefra og ud. Det vil sige, at vi ud fra opgavebeskrivelsen kan definere en målgruppe, som vi mener at kunne Bltrække flest potenbelle kunder. På baggrund af målgruppe finder vi ud af hvilken designmæssig retning, vi skal gå. Vi ville gerne have et lidt maskulint udtryk, da vi primært henvender os Bl mænd. Men vi har ham svært ved at bestemme os for en baggrund, da jul, sne og andre mobver i den genre hurbgt kan blive for feminine. Til sidst valgte vi en baggrund, der udstråler varme og som viser noget træ, hvilket vi mener er maskulint. Logoet i sig selv er også ret maskulint logo med de tyske flags farver. Vores website er i det hele taget ikke særlig juleagbgt, da vi ikke vil indblande religion i vores kampagne. Vi vil derimod bringe vinterstemningen frem og fokusere på den kolde vinterbd som en mulighed for at samles Bl hygge med vennerne. Vi har skrevet inde i vores html at felterne er required, således at de skal udfyldes. Derudover har valgt bruge JavaScript i vores formular, da det vil gå ind og sikre at vi får den korrekte data ind i databasen, da man ikke kan indsende data, der ikke indeholder de kriterier vi har sat. Evaluering: Projekporløbet er gået godt, omstændighederne taget i betragtning. Vi har lavet et fuld funkbonelt website der lever op Bl de kriterier der er blevet sbllet. Vores projektplanlægning har hjulpet os på vej men har ikke ham en stor betydning af projektet, primært fordi vi ikke har ham så mange opgaver, så vi har ikke følt os nødsaget Bl at følge op på processen hele Bden. Vi har arbejdet godt sammen og kender hinandens stærke og svage sider. I et projekt med så kort Bdshorisont er det derfor godt at kunne dele nogle opgaver op samt vide hvem, der har ansvaret for hvilke dele af projektet. Vi er alt i alt godt Blfredse og glade for at vi har lavet er projekt vi selv synes er rigbg flot og som vi mener passer godt Bl målgruppen. 6