METODE. De non-funktionelle krav er ikke specifikke krav, men kan være med til at bedømme driften af et system/ website.

Transkript

1 Projekt 3 MULB 3. Semester - CPH Business Academy Undervisere: Jesper Hinchely (JHI) & Tue Becker (TUJE) URL : Gr. 15 Louisa Holtti Søllner cph-ls211@cphbusiness.dk Silas Kappel Staal cph-ss263@cphbusiness.dk Simone Blachman cph-sb207@cphbusiness.dk Trine Frydshøj Hansen cph-th179@cphbusiness.dk

2 Projektbeskrivelse Crowdfunding fungerer som fundraising, hvor man gennem sit netværk indsamler hjælpemidler, typisk penge eller et bestemt produkt, til at opstarte sin idé. Man kan som idémand bruge sit nuværende, eller skabe endnu større sit netværk gennem diverse crowdfunding websites. Her skal man kunne vise/fortælle om sin gode idé. Det er vigtigt at have defineret en forretningsplan, hvor det er afklaret, hvor mange, penge, man skal bruge for at kunne udleve sin idé. Man skal med sit crowdfunding projekt, kunne overtale sponsorer til en donation. I vores opgave, er vi en del af firmaet C funding-it, som skal opbygge et website samt database, baseret på crowdfunding, hvor skal kunne oprette sig som funder eller sponsor. Man skal i databasen skulle kunne se de forskellige sponsorer og funds i diverse tabeller. Derudover skal vi lave et specifikt crowdfundingprojekt, hvor vi selv finder på en idé, som man kan donere penge til.

3 METODE BRAINSTORM Til at lægge ud med har vi lavet en brainstorm, for at samle alle vores idéer, så vi kunne danne overblik. Vores Brainstorm kan ses under bilag SCRUM Vi har brugt scrum som arbejdsmetode. Her har vi kørt et sprint over 10 dage. Vi har alle ugens hverdage ført daily meetings. Disse møder varede mellem minutter. Her vendte vi de arbejdsopgaver som vi har lavet hjemme og fordelte nye arbejdsopgaver ud. Dette har vi gjort for at sikre, at alle er opdateret på hvad der er lavet, hvad der skal laves, og hvem der gør hvad. Det er dermed en god måde at danne en struktur på. Vi har fulgt scrum arbejdsmetode ved at estimere hvor lang tid hver arbejdsopagve vil tage, hvor mange ressourcer/mennesker der skal bruges til hver arbejdsopgave osv. Man kan i vores scrum se vores burn down chart, hvor vi meget gerne skulle følge kurven, for ikke at være bagud. FURPS/ FUNKTIONELLE - NON FUNKTIONELLE KRAV Vi har opsat en liste over de funktionelle og non funktionelle krav, for at danne et overblik over hvad vores hjemmeside skal kunne. De funktionelle krav beskriver de funktioner som vores system/website skal kunne udføre. De definere specifikke adfærd/funktioner på selve hjemmesiden. De non-funktionelle krav er ikke specifikke krav, men kan være med til at bedømme driften af et system/ website. For at finde ud af hvilke krav der skulle stilles, har vi set på FURPS. Her er F et de funktionelle krav, og URPS de non-funktionelle krav. Vi har brugt dem som vi fandt mest relevante for vores hjemmeside. Vores scrum og burn down chart ses under bilag

4 METODE

5 ER - DIAGRAM ER DIAGRAM Vores ER-diagram er bygget op omkring at man skal have en bruger for at kunne oprette eller donere til et projekt. Uden bruger kan man dog stadig bevæge sig rundt på siden og se de forskellige projekter. Det var vigtigt for os at man kan som bruger både oprette et nyt projekt og støtte et projekt, med samme log-in. Derfor har vi lavet relationen til Rolle tabellen en til mange. Så en bruger kan godt have mange roller, hvor rolle er defineret ved rolletype tabellen, hvor man enten kan være sponsor eller funder. Man har dog også muligheden for at oprette en bruger uden at vælge en rolle. Vi har en donations tabel til at vise hvilket beløb der bliver doneret, og hvilken dato det bliver gjort. Vi har her undladt at have betalingsprocessen med i ER-diagrammet, da det er en prototype vi laver. Relationen mellem donations tabellen og projekt tabellen er lavet ud fra at man kan have flere donationer til et projekt. Et projekt kan dog godt have ingen donationer. En donation kan ikke bruges til mere end et projekt. I projekt tabellen har vi valgt at have attributter til projekt navnet, datoen det bliver oprettet og den mængde funderen skal bruge til projektet.

6 USE CASE

7 USE CASE USE CASE Vores model består af en aktør, et subjekt, og use cases. Vores aktører er her kunden og administatoren, og subjektet er vores website. Disse to aktører har forskellige use cases hver især, som vil blive beskrevet. AKTØR - BRUGER Først og fremmest skal vores user, der bruger vores website, have mulighed for at browse rundt på vores website. Brugeren skal også have mulighed for at kunne søge efter et bestemt projekt, eller en kategori. I næste use case kan brugeren have sin egen profil. Det skal være muligt at oprette login, at kunne logge ind og ud, samt at administrere sin profil ved at indtaste nødvendige data, så man kan se fx hvem der har oprettet et projekt eller støttet et projekt. AKTØR - ADMINISTRATORER Vores administratorer står for at opdatere vores website og database. En e-shop vil typisk få flere produkter på sigt, eller have brug for fornyelse, fx i form at flere kategorier. Vores admin skal have mulighed for at kunne oprette en ny kategori efter behov. Dertil muligheden for at kunne rette og slette en kategori. For at få et nyt projekt på vores website, skal det godkendes af admin. Når et projekt først er godkendt, kan administratoren oprette projektet på hjemmesiden, og have muligheden for at rette/slette et projekt. Efter at brugeren har oprettet et login, kan brugeren nu indtage en rolle. Brugeren har mulighed for at kunne indtage rollen funder og/eller sponsor. Som funder kan man via. administratoren, anmode om at få et projekt godkendt, og som sponsoren kan man støtte med penge til et projekt.

8 USE CASE - UC1 USE CASE - TEMPLATE Name: Kunde Identifier: Manage Account UC1 Preconditions: List the state(s) the system can be in before this use case starts Når man ikke er oprettet som bruger eller logget ind kan man kigge på de forskellige projekter, og se detaljer om projekterne. Basic course: Man klikker på Sign Up hvis man ikke allerede har en bruger, og derefter skal man indtaste oplysninger som brugernavn og password. Man logger sig så ind og kan redigere sin profil i dropdown menuen My user Use case begins when: 1. Når man klikker på Sign Up. 2. Når man logger sig ind med sin bruger Alternate Course A: 1. Hvis man ikke kan finde Sign Up knappen i menuen, ligger den også på forsiden. 2. Hvis man har glemt sit password kan man få en mail tilsendt, hvor man modtager en ny kode. Condition: Man får en fejlmeddelelse når man prøver at logge ind med forkert brugernavn eller adgangskode. Man kan derefter klikke på glemt password, intaste sin mail og få sendt en ny kode, samt ens brugernavn. Post conditions : 1. Use casen slutter når man har klikket på registrer og man har fået bekræftelse på oprettelsen. 2. Use casen slutter når man logger ud. Use case ends when: 1. Når man har oprettet en bruger efter at have indtastet sine oplysninger. 2. Når man trykker på log-ud knappen i dropdown menuen.

9 USE CASE - UC2 Use Case Description: Name: Kunde Identifier: Indtag rolle - UC2 Preconditions: List the state(s) the system can be in before this use case starts 1. Man vil støtte et projekt og kigger derfor på det specifikke projekt inden man klikker på Sponsor. 2. Man vil oprette et nyt projekt og logger derfor ind for at få muligheden for at klikke Create project. Basic course: Path: 1. Man logger ind, finder det projekt man vil støtte, går ind på undersiden til det enkelte projekt og klikker derefter på Sponsor knappen. Så vælger man hvor meget man vil støtte med og bliver sendt videre til en betalinsside hvor man indtaster oplysninger 2.Man logger ind, og finder oppe i menuen muligheden for at oprette et projekt. Man klikker og udfylder felter omkring projektet, hvorefter det bliver sendt til godkendelse. Use case begins when: Use casen begynder når man klikker på Sponsor. Use casen begynder når man trykker på opret nyt projekt Use case ends when: Når man har fået en bekræftelse på hjemmeside, at man enten har støttet eller oprettet et projekt succesfuldt. Alternate Course A: Man kan ikke trykke på sponsorer eller oprette nyt projekt, derfor skal man signe in først. Condition: Man kan ikke trykke på knappen sponsorér hvis man ikke er logget ind, og man har ikke muligheden for at oprette projekt hvis man ikke er logget ind. Post conditions : Use casen slutter når man får en bekræftelse på sin side.

10 MINERVA

11 MINERVA MÅLGRUPPE ANALYSE - MINERVA Den primær målgruppe er funders, som ønsker at få samlet penge nok til at kunne få udlevet sin drøm/ projekt. Den sekundære målgruppe er sponsorerne, uden dem, kan man ikke samle penge ind til projektet, men det er først og fremmest vigtigst med diverse projekter som man kan støtte/samle ind til. Hvis man skal placere vores målgruppe ud fra minerva modellen, passer de bedst ind i det grønne og blå segment. Begge er moderne og er typisk up to date med det nyeste på markedet. Vores sponsors er også moderne da de følger med på disse crowfundings sider. De interessere sig for alt det nye, inde for fx teknologi. Derudover er vores sponsors karrierebevidste, de har typisk en høj uddannelse, og har penge til at kunne give en god hjælpende hånd til vores funders. De er måske selv iværksættere og ønsker at hjælpe andre, der ønsker det samme. Vores sponsor kan også være i det grønne segment, hvis de også har en stor interesse for miljø osv. Vi mener at vores funders er moderne, for ellers ikke vil bruge crowdfunding som et middel til at indsamle penge, men i stedet gå til banken, og dermed vil de måske ikke undersøge alternative muligheder. Vores funders er blå fordi de er resultatorienterede og moderne. De kan også ligge i det grønne segment, ved fx at have en grøn idé, fordi de har stor interesse for natur, økologi og bæredygtighed.

12 MOODBOARD

13 DESIGNBRIEF PROBLEMSTATEMENT Vi har fået til opgave at udvikle en prototype af en hjemmeside med en tilhørende funktionel database for en crowdfunding virksomhed, C Funding it. For at hjemmesiden kan fungere helt optimalt, skal der udvikles et login-system, hvorved man kan vælge at interagere som funder eller sponsor. Derved skal man kunne søge på projekter under forskellige kategorier, som man ønsker at støtte. Ligeledes er det idéen, at man som funder skal kunne oprette sit projekt i sin brugerprofil. MÅLGRUPPE Den primære målgruppe er funders, der har brug for en eller flere sponsorere til deres projekt, men også sponsorer, der har lyst til at støtte og bidrage til en række forskellige projekter. Derfor er det vigtig, at hjemmesiden tager højde for at henvende sig til begge disse grupper. VISUEL IDENTITTET OG LOGO Virksomhedens profil, skal udstråle nytænkning og troværdighed. Det er funders og sponsorer, der er vores målgruppe, og det er derfor vigtigt, at virksomhedens visuelle identitet især er troværdig. Derudover skal identiteten udstråle, at det handler om crowdfunding, og det er derfor utrolig vigtigt, at farvevalg er i fokus. Virksomhedens visuelle identitet skal udstråle nytænkning, troværdighed og succes. Typografien til både overskrifter og brødtekst skal være letlæselig, og derfor skal der bruges to sans-serif fonte. Til overskrifterne skal der bruges en sans-serif font, der har et minimalistisk og enkelt udtryk, men stadig en form for særpræg. Brødteksten skal være traditionel, letlæselig og mindre dominerende. HJEMMESIDE Hjemmesiden skal fremstå enkel og troværdig og derfor skal designet holdes i et enkelt og rent udtryk, med klare blå, grønne og orange farver. Illustrationer laves i form af infografik på hjemmesiden, da vi mener det giver et mere rent og enkelt udtryk, end hvis man havde brugt billeder. Illustrationerne skal fungere som eye-catchere og bidrage til en bedre samlet forståelse af selve virksomhedens koncept. RAPPORT Rapporten er udviklet, så den er i rød tråd med det resterende design og udtryk. Det er vigtigt, at rapporten fremstår i et enkelt og rent design, så det er nemt at finde den information, man ønsker.

14 DESIGN Typografi Typografien til både overskrifter og brødtekst skal være letlæselig, og derfor har vi valgt, at der skal bruges to sans-serif fonte. Til overskrifterne skal der bruges en sans-serif font, der har et minimalistisk og enkelt udtryk, men stadig en form for særpræg. Brødteksten er valgt ud fra, at den skulle være tradiotinel og letlæselig. Farvevalg Virksomhedens visulle identitet skal som tidligere nævnt udstråle nytænkning, troværdighed og succes. Derfor har vi valgt at bruge en blå farve #256A8D og en lysere blå #398CBC, der symboliserer troværdighed og layalitet, en grøn farve #6BB341, der symboliserer nytænkning og en orange farve #F9B049, der symboliserer selvsikkerhed og succes. Den blå og orange skaber en komplimentærkontrast, hvilket skaber harmoni og balnace mellem farverne.

15 DESIGN Idéen med logoet er, at skabe et udtryk af en spirende idé og noget der forbindes med crowdfunding. Spiren, der erstatter i et i logoet skal netop symbolisere idéer og nytænkning, og derfor har vi valgt at det skal fungere som logoets signet. Derudover indgår virksomhedens navn i logoet, og vi har valgt at dele logotypen op i tre dele, så der er mere, så der er mere fokus på c et for crowdfunding med en mørkere grå farve, mindre fokus på funding med en lysere grå farve og med fokus på IT med en grøn farve, der skal symbolisere nytænkning. Typografien er en sans-serif font, Quicksand, som giver et minimalistisk og enkelt udtryk, men stadig med en form for særpræg. BESKRIVELSE AF ILLUSTRATIONER Vi har valgt at lave nogle få illustrationer, for at give brugeren en bedre samlet forståelse af virksomhedens koncept. Vi har valgt at lave vores illustrationer i flatdesign, da det giver et rent og enkelt udtryk. Illustrationerne fungerer som eye-catchere, og vi har valgt denne løsning, da man ofte vil huske illustrationer frem for en stor blok tekst. Farver til logo: # #cccccc og # 6AB241

16

17 WIREFRAMES FORSIDE SIGN UP Logo Menu Log in / opret dig Søg Billede Overskrift Tekst Sign up Log in Sign-up Felt Felt Knap Felt Overskrift Felt Felt Billeder Felt Sign me up Footer Sociale Media

18 WIREFRAMES LOGIN DISCOVER Log in Log in Felt Felt Felt Felt Log in Log in

19 WIREFRAMES STØT PROJEKT OPRET PROJEKT Logo Menu Me Søg Logo Menu Me Søg Projekt - støt Projekt - støt Støt Støt

20 WIREFRAMES KONTAKT Logo Menu Me Søg Hvem er vi?

21 MOCKUP FORSIDE SIGN UP CROWDFUNDING ABOUT US PROJECTS LOGIN SEARCH CROWDFUNDING ABOUT US PROJECTS LOGIN SEARCH HEADER Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. SIGN-UP Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. FIRSTNAME LASTNAME PASSWORD Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. HOW IT WORKS Have a BIG idea Tell lots of investors at once Get your dream funded

22 MOCKUP LOGIN DISCOVER CROWDFUNDING ABOUT US PROJECTS LOGIN SEARCH LOGIN Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. CROWDFUNDING ABOUT US PROJECTS ME SEARCH DISCOVER PROJECTS PROFILE ACTIVITY CREATE PROJECT MESSAGES SETTINGS LOGOUT Forgot your password, click here PROJECT TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 48 % funded $24,012 pledged 72 backers 30 days to go PROJECT TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 48 % funded $24,012 pledged 72 backers 30 days to go

23 MOCKUP STØT PROJEKT OPRET PROJEKT CROWDFUNDING ABOUT US PROJECTS ME SEARCH CROWDFUNDING ABOUT US PROJECTS HEADLINE PROJECT TITLE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. CREATE PROJECT DESCIPTION

24 MOCKUP KONTAKT CROWDFUNDING ABOUT US PROJECTS ME SEARCH ABOUT US Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.lorem ipsum dolor sit amet, consectetuer adipiscing elit

25 KONKLUSION Vi har udviklet en prototype af en hjemmeside med et tilhørende funktionel database for crowdfunding virksomheden, C Funding IT, samt et PHP-baseret login og opret ny bruger. For at udvikle vores hjemmeside, har vi benyttet en række forskellige metoder og fremgangsmåder. Vi har blandt andet lavet et ER-diagram, som tydeligt viser strukturen på vores database. Vi har analyseret processen fra at oprette sig som bruger til at man donerer et beløb til et projekt. Derudover har vi gennemgået forskellige designteorier, for at udvikle et enkelt design til en hjemmeside, der er nem at navigere rundt på.

26 BILAG - BRAINSTORM

27 BILAG - BURN DOWN

28 BILAG - BURN DOWN

29 BILAG - BURN DOWN BURN DOWN CHART - FORKLARING Modellen viser, hvordan vores arbejdsproces er foregået i løbet af de 10 sprint. Den røde linje illustrerer hvordan den optimale arbejdstid er, og er en guideline for den blå linje, som er selve arbejdsprocessen. Som man kan se, følger den blå linje kurven, så man kan se at vi er med. Derefter kan man se, at vi ikke længere følger kurven, hvilket bl.a. skyldes, at der er nogle arbejdsopgaver, der ikke er blevet registreret i vores Scrum. Vi har i de 3 dage lavet Usecase, templates og illustrationer. De efterfølgende dage, har vi indhentet det forsømte arbejde, og man kan her se, at den blå linje igen følger kurven. Derved har vi nået alle vores arbejdsopgaver til tiden.

30 BILAG - SCRUM