Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok Cph-jl192@cphbusiness.dk Cph-ch259@cphbusiness.dk Cph-sy21@cphbusiness.dk Cph-mj418@cphbusiness.dk Cph-km137@cphbusiness.dk
Indhold 1.0 Indledning... 3 2.0 Metode og teori... 3 2.1 Projektplanlægning... 3 3.0 SCRUM... 4 3.1 Scrum sprint planning... 4 4.0 Målgruppe analyse... 5 4.1 Målgruppe... 5 4.1.1 Private... 5 4.1.2 Virksomheden... 5 4.1.3 Støt... 5 5. 0 Crowdfunding projekt... 6 5.1 Hvad er crowdfunding?... 6 5.3 Crowdfunding projekt - Dansk flygtningehjælp... 6 5.4 Tekst til hjemmeside... 6 6.0 CFunding-IT's logo... 7 6.1 Endeligt logo... 7 6.1.2 Skitser til logo... 7 6.2 Farvetabel... 7 6.3 Typografi... 7 7.0 Designbrief... 8 7.3 Navigation... 8 7.4 Design... 8 7.4.1 Inspiration til design af hjemmeside... 8 8.0 Wireframes og Mockups... 9 9.0 Designmanual... 11 9.1 Navigations design... 11 9.2 Interaktions design... 11 9.3 Præsentationsdesign... 11 9.4 Farver... 12 9.6 Brugervenlighed - Gestalt lovene... 12 9.7 udvikling af hjemmeside... 13 10.0 Database udvikling... 14 10.1 Attribut tabel... 14 10.2 ER-diagram (skitser)... 15 10.2.1 ER-diagram... 16 Database... 16 11.0 Use Cases... 17 11.1 Use Case 1... 17 11.2 Use Case 2... 17 11.3 Use Case 3... 18 12.0 funktionel database... 18... 18 13.0 Konklusion... 19 14.0 Litteraturliste... 19 2
1.0 Indledning 2.0 Metode og teori I 2012 blev crowdfunding støttet med 2,7 milliarder på verdensplan. 1 Crowdfunding bliver større og større og er i Danmark også blevet populært. Derfor laver CFunding-IT nu en platform, hvor man kan tilmelde sit crowdfunding projekt. Det er derfor vores opgave, at lave en håndkodet hjemmeside samt en database, som fungerer således at man kan oprette en profil og tilmelde et projekt samt at kunne støtte online gennem hjemmesiden. Hjemmesiden vil indeholde sider til kommende projekter, samt et eksempel, som vi vil udarbejde i forbindelse med projektet. I forbindelse med hjemmesiden og dette projekt, vil der blive arbejdet med Scrum og skrevet en rapport, med tilsvarende dokumentation samt Use cases m.m 2.1 Projektplanlægning Til dette projekt har vi benyttet arbejdsmetoden SCRUM. Her har vi gennem vores product backlog og sprint backlog kunne følge og opdatere vores tid og dermed se hvorvidt, vi har brugt den planlagte tid og hvor vi er i processen. Vi kan ud fra vores Burndown chart se, om vi holder tidsplanen eller om vi evt. er foran planen. 2.3 Hjemmeside og database Som en del af vores arbejde med hjemmesiden begyndte vi at brainstorme på design og indhold. Ud fra dette udarbejdede vi et designbrief, som er standpunkt for vores hjemmeside. For at teste interaktionen på vores hjemmeside har vi lavet use cases, hvor vi ser på de handlinger en bruger kan lave på hjemmesiden. 2.4 Analyser og research Vi har analyseret vores målgruppe for at skabe et overblik over primære og sekundære målgrupper. Dette er bl.a. også gjort, for at opnå bedste resultat for vores hjemmeside. I forbindelse med indhold på vores hjemmeside og vores eget crowdfunding projekt researchede vi andre projekter og lign. hjemmesider, her fandt vi inspiration fra bl.a. hjemmesiden www.boomerang.dk. 1 http://www.ivaerksaetteren.dk/flx/artikler/7/crowdfunding-er-det-nye-sort- 1166/ 3
3.0 SCRUM 3.1 Scrum sprint planning Vi startede med at udarbejde scrum. Her fastlagde vi hvilke opgaver der skulle udarbejdes og hvor mange personer, der skulle være med til at lave hver opgave. Dernæst hvor mange timer vi regnede med, at vi ville bruge på opgaverne samt hvor mange timer, der ville være optimistiske og pessimistiske. Hver dag har vi holdt et scrum-møde, hvor vi har tilføjet de præcise brugte arbejdstimer i vores backlog burndown dokument. På billede vises vores endelige burndown chart, og nedenfor vores sprint backlog burndown 4
4.0 Målgruppe analyse 4.1 Målgruppe CFunding-IT vil have to målgrupper for oprettelse af crowdfunding projekter på deres platform samt den målgruppe som støtter projekterne: 4.1.1 Private Man ser ofte en form for crowdfunding projekter på forskellige digitale medier. Fx hvis en person er blevet syg, at pårørende sender en meddelelse ud, om folk vil støtte med x-kroner. Private crowdfunding projekter kunne også være i form af fx en spiller hos en sportsklub, der vil støtte klubbens og deres udvikling eller til en turnering og derfor opretter et crowdfunding projekt. CFunding-IT's platform kunne være en godt sted for ovenstående, for at få deres besked ud til mange mennesker. 4.1.2 Virksomheden Det kan både være ikke eksisterende- og eksisterende virksomheder, der vil oprette et crowdfunding projekt. Ikke eksisterende virksomheder i form af, hvis der mangler kapital til at op starte deres virksomhed og derved laver en crowdfunding indsamling. Eksisterende virksomheder kunne være i form af små eller store virksomheder, som igennem deres brand vil lave et crowdfunding projekt og derved støtte fx en velgørenhedsorganisation. 4.1.3 Støt Man kan ikke sætte en fast målgruppe på de personer, der støtter crowdfunding projekter. Hvis vi tager udgangspunkt i ovenstående med sportsklubben, så vil det være sportsklubbens netværk der støtter projektet. Er det derimod en stor virksomhed med et stærkt brand, kan det være mange forskellige personer, der støtter projektet. 5
5. 0 Crowdfunding projekt 5.1 Hvad er crowdfunding? Crowdfunding er en alternativ måde at finansiere forskellige projekter. Gennem crowdfunding kan virksomheder eller privatpersoner modtage bidrag eller investeringer fra mennesker over nettet, til bl.a. at kickstarte et projekt eller lign. Indenfor crowdfunding findes der fire typer: Rewardbaseret crowdfunding, aktiebaseret crowdfunding, låne baseret crowdfunding og donationsbaseret crowdfunding. 2 Vores projekt er et donationsbaseret projekt. 5.2 Donationsbaseret crowdfunding Når der er tale om donationsbaseret crowdfunding, er det rene donationer, som derfor ikke går til personen som opretter projektet, men til f.eks. velgørenhed. Dette omhandler primært støtte til 'ikke statslige organisationer' (NGO'er 3 ) og til privatpersoner, som f.eks. modtager økonomisk hjælp til medicin eller lign. 5.3 Crowdfunding projekt - Dansk flygtningehjælp I forbindelse med CFunding-IT's hjemmeside har vi udarbejdet et crowdfunding projekt. Efter en del brainstorming fandt vi det naturligt og spændende at lave crowdfunding om flygtningehjælp. Derfor handler vores crowdfunding projekt om støtte til flygtninge i Danmark. Vores projekt går ud på, at hjælpe flygtninge videre fra Danmark. Dette gøres ved at man gennem CFunding-IT kan støtte med penge, som vil benyttes til at købe nødvendig mad og tøj, som Dansk Flygtningehjælp kan udlevere til flygtninge ved grænserne. Dette projekt vil ligge under flere kategorier, f.eks. Samfund og velgørenhed, for at promovere projektet. Derudover vil dette blive delt på Facebook og andre sociale medier. Samarbejdet med Dansk Flygtningehjælp vil også sikre en bedre promotion, bl.a. på deres egen Facebook side og evt. deres hjemmeside. 5.4 Tekst til hjemmeside "Flere tusind flygtninge strømmer i disse dage over grænserne. Mens vores hverdag fortsætter, kæmper flere og flere flygtninge for livet og en bedre fremtid. Vi kan hjælpe! Ved blot at støtte med et mindre beløb, kan vi sammen hjælpe flygtninge på deres vej videre i livet. Vi vil i dette projekt hjælpe flygtninge ved grænserne, ved at indsamle penge til tøj og mad, som gives gennem dansk flygtningehjælp til flygtninge ved den tyske grænse. Støt i dag og hjælp en familie på deres vej mod en bedre fremtid." 2 http://evm.dk/publikationer/2015/15-05-08-rapport-om-crowdfunding 3 https://da.wikipedia.org/wiki/ngo 6
6.0 CFunding-IT's logo Bladet der vokser er sat ind i stedet for en bindestreg mellem CFunding og IT. Bladet symboliserer vækst og sikkerhed. Derudover at CFunding- IT kan hjælpe dig med dine crowdfunding projekter, samt at vi er interesseret i at støtte dig 6.1.2 Skitser til logo Den grønne farve (8cc63f) symboliser vækst. Derudover symboliserer grøn også håb, hvilket karakteriserer crowdfunding. Vi har også valgt at benytte den orange farve (fbb03b), da orange er opmuntrende og udadvendt og samtidig relaterer til den sociale kommunikation 4. Orange er både varm og en indbydende farve hvilket vi gennem vores logo ønsker at udstråle. 6.2 Farvetabel Typografien er Myriad Pro, som er familie med Font Family gør at det er letlæseligt, det er vigtigt for os at vores website samt vores logo er letlæseligt, for at opnå en troværdig side. 6.1 Endeligt logo 6.3 Typografi 4 http://www.farvernesbetydning.dk 7
7.0 Designbrief 7.1 Virksomheden Det er et krav at virksomhedens logo ses tydeligt, og at man på hver side kan se CFunding-IT's visuelle identitet. Derudover er det vigtigt for CFunding-IT, at deres visuelle identitet præger hjemmesiden, men uden at overskygge fokusset på de enkelte projekter. Typografien skal være letlæselig og enkel. Dog må typografien i overskrifter osv. gerne skille sig ud, for at opnå et fokusområde. 7.4.1 Inspiration til design af hjemmeside 5 7.2 Funktionelle krav I forhold til interaktionen på hjemmesiden, er det vigtigt at man kan oprette en bruger, både hvis man ønsker at oprette et projekt, samt hvis man ønsker at støtte et. 7.3 Navigation Navigationen på hjemmesiden skal være simpel og bestå af en enkel global menu. I denne menu skal der ligge labels på vores undersider, men også knap til vores login. Navigationen skal være en dropdown menu således at man nemt kan se sider. 7.4 Design Hjemmesidens farver skal være neutrale og rolige farver. Det skal primært være kolde farver, som f.eks. grå, som præger hjemmesiden. Hjemmesiden skal gennem farver, knapper m.m., udstråle et professionel og simpelt design. 5 https://www.booomerang.dk/ 8
8.0 Wireframes og Mockups 9
10
9.0 Designmanual 9.1 Navigations design Det er vores store interesse at give brugere nem adgang til alle oplysninger lagt på vores hjemmeside, derfor skal navigationen på hjemmesiden være så simpel som mulig, samt bestå af en enkel global menu. På menuen ses alle undersider samt login knap. For at give et klart indblik til vores undersider, har vi lavet en dropdown menu. I indholdet på forsiden kan man finde en billedeslider, der viser de projekter vi har på hjemmesiden, samt en støtte knap. Hvis man som besøgende bliver interesseret i et projekt og gerne vil støtte det, trykker man på knappen og bliver automatisk henvendt til underside med projektet. I vores footer, nederst på hjemmesiden finder man kontakt til firmaet, vilkår, FAQ og få man adgang til sociale medier, som f.eks. Facebook og Twitter. 9.3 Præsentationsdesign Designet på vores hjemmeside er nemt og brugervenligt. Firmaets logo er stort og tydeligt, og ligger op i venstre hjørne. I modsatte side af vores logo findes søge knappen. Under dem er menu med dropdown. Under menuen findes indhold og footer. Vi har valgt en traditionel opsætning af indhold. Vi bruger kun få farver på hjemmesiden og de er primært kolde farver som blå og grå. Disse farver skal vise simpelt design og skal symbolisere stabilitet og troværdighed. Siden vi har valgt et professionel og simpelt design, vi har valgt font Verdana og Helvetica. De er letlæselige, enkelt, elegant og er optimeret til web. 9.2 Interaktions design Brugere der besøger vores hjemmeside har mulighed for at logge ind og oprette sig som bruger. Man kan her oprette sit eget projekt eller vælge at støtte et projekt. Efter oprettelse kan man gå til underside opret projekt og trykke på opret projekt knap, også bliver man nødt til at udfylde en formular til. 11
9.4 Farver Til hjemmesiden har vi benyttet samme orange farve, som i logoet. Denne farve er brugt i forbindelse med menu, knapper og tekst i footer. Farven er benyttet til fokusområder, som f.eks. 'Hover' tilstand i menu og knapper. Den grønne farve er benyttet som fokus til vores login. Det er vigtigt at man som besøgende nemt kan se, at man kan logge ind. Derfor er der fokus på 'Log ind'. De grå farver er benyttet som baggrundsfarver, da vi holder baggrund og tekst neutralt og fremhæver med orange og grøn farve. 9.5 Typografi Verdana: Til labels i menuen HelveticaNeue-Light: Font-family til vores brødtekst. Disse typografier er benyttet til hjemmesiden, for at fokusere på en nem læselighed. Her er der tale om hvordan typografien grafisk ser ud. Der er med vilje valgt en 'sans-serif' da dette er nemmere at læse på en skærm. 9.6 Brugervenlighed - Gestalt lovene For at hjemmesiden er overskuelig og brugervenlig har vi benyttet gestaltlovene i flere sammenhænge; Loven om lighed bruges i forbindelse med vores projekter. Her er der en intern genkendelig mellem hvordan projektet er præsenteret samt når man klikker ind for at støtte det. Derudover benyttes loven om lukkethed meget, både i menuen og til vores tekster. Dette gøres, for at adskille elementer og sikre at den besøgende ikke er i tvivl om hvilke elementer som hører sammen. F.eks. under projekter er det tydeligt at se hvilke billeder og tekster, som har relation. Der har derfor været stor fokus på gestaltlovene, for at optimere brugervenligheden. 12
9.7 udvikling af hjemmeside 13
10.0 Database udvikling I vores database har vi først lavet en attribut tabel hvor vi derefter har lavet et ER-diagram hvor vi efterfølgende har kodet vores database. 10.1 Attribut tabel Vores attribut tabel viser vores elementer i vores ER-diagram. Her kan vi se hvilke attributter som indgår i databasen og hvilke primærnøgler vi har. Vi har to forskellige brugertyper; en for brugere som ønsker at oprette et projekt og en for brugere som ønsker at støtte et projekt. Attributterne for disse brugere er ens, da det er samme data som skal registreres, når man opretter sig. Bruger_id og Brugernavn skal være UNIQUE fordi det kun må optræde en gang. Brugernavn og kodeord er 'Required' fordi man som bruger skal indtaste et brugernavn og et kodeord, for senere hen at kunne logge ind. Projekt_bruger skal indtaste navn på projekt og derefter vil der blive oprettet et projekt_id for det pågældende projekt. Dette produkt_id vil være UNIQUE da et produkt_id kun kan optræde en gang. 14
10.2 ER-diagram (skitser) 15
10.2.1 ER-diagram Ud fra vores attribut tabel har vi først tegnet skitser for vores erdiagram og derefter sat det endelige ind i MySQLWorkbench. I løbet af vores skitser har vi fået relationerne mellem de forskellige tabeller til at passe; Vi har sørget for at der ikke er gentagelser samt mangetil-mange relationer (1. Normalform) Vi har derefter valgt at lave en ekstra tabel for kategorier, for at vi ikke skal gentage en kategori, hvis den bliver valgt flere gange til forskellige projekter. Derudover kan vi her fastlægge de kategorier, som brugerne skal vælge, når de opretter et projekt. ( Kategorier kan ikke ses i attribut tabellen, da normalformerne er udarbejdet under skitsetegningerne). Database Vores database er bygget op efter vores ER-diagram. Vi har to typer af brugere; dem der vil oprette et projekt, og dem der vil støtte et projekt. Selve formlen/registreringen er den samme, da det er de samme oplysninger der skal bruges. Når man er logget ind og skal oprette et projekt, skal man udfylde med projektets navn, kort beskrivelse samt hvilken kategori projektet tilhører. Hvert projekt får tildelt et projekt_id, så man kan identificere projekterne. Når man skal støtte et projekt, bliver man sendt videre til en betalingsside. 16
11.1 Use Case 1 11.0 Use Cases Navn: Opret nyt projekt Aktør: Ny bruger Beskrivelse af handling: En bruger som ikke er registret, ønsker at oprette et projekt. Forudsætning: Det forventes at brugeren har et projekt og at det er klar. Konkret handling: 1. Besøger website 2. Opretter projekt 3. Får godkendt projekt 4. Bruger modtager støtte Alternativ handling: 2. Brugeren kan ikke oprette projekt. Det kan skyldes at der er fejl i brugerens oplysninger, eller at besøgende ikke indtaster data, som er 'required' i databasen. 4. Hvis brugeren ikke får godkendt projekt, kan det skyldes samme problem som ovenstående. Det kan også skyldes, at brugeren ikke har tilføjet en kategori, som er angivet i databasen. 11.2 Use Case 2 Navn: Støt projekt Aktør: Ny bruger Beskrivelse af handling: En bruger som ikke er registeret, ønsker at støtte et projekt. Forudsætning: Det forventes at der er et projekt, brugeren kan støtte. Konkret handling: 1. Besøger website 2 Finder opret ny bruger 3. Bliver registreret 4. Bruger finder det ønsket projekt 5. Bruger støtter projekt. Alternativ handling: 2. Besøgende kan ikke oprette sig som ny bruger, det kan skyldes at der er en fejl i brugerens oplysninger. 4. Brugeren får oprettet sig som ny bruger, men kan ikke finde projekter, her kan brugeren benytte Knapperne med kategorier og på den måde søge mere specifikt. 17
11.3 Use Case 3 Navn: Støt specifikt projekt Aktør: Registreret bruger Beskrivelse af handling: En bruger som er registreret, ønsker at støtte et specifikt projekt. Forudsætning: Der forventes at brugeren kender et projekt, som brugeren ønsker at støtte. Konkret handling: 1. Brugeren besøger hjemmesiden 2. Brugeren logger sig ind 3. Brugeren finder ønsket projekt 4. Brugeren støtter projekt Alternativ handling: 2. Brugeren kan ikke logge ind, dette kan skyldes at brugeren ikke har skrevet de korrekte oplysninger og dermed ikke kan genkendes i databasen. 3. Brugeren kan ikke finde projektet og kan derfor kigge under en specifik kategori. 12.0 funktionel database Meddelelse som sendes til bruger, når et projekt er oprettet. Vores database som indeholder data om oprettede brugere, som nu er tilmeldt og klar til at oprette et projekt eller at støtte et. Her ses det, at brugeren selv har indtastet de nødvendige oplysninger, som er krævet og derefter er blevet tildelt et bruger_id. 18
13.0 Konklusion 14.0 Litteraturliste I denne opgave har vi lavet et website til CFunding-IT, her har vi lavet en platform der gør at man kan tilmelde sit Crowdfunding projekt samt at kunne støtte et projekt. Dette har vi gjort ved at lave en database. I databasen vises det når en bruger er oprettet, et projekt er oprettet og at man kan kunne støtte på et projekt. Først har vi lavet Scrum for at få et overblik over hvad vi skal have lavet og hvor meget tid vi har til det. Herefter har vi analyseret hvad vi ville have med i databasen, hvorefter vi har lavet en attribut tabel og lavet et ER-diagram i workbench. Til sidst har vi lavet 3 scenarier af Use-case der viser step-bystep hvad der kræves af brugeren for at kunne oprette sig som bruger, oprette et projekt eller kunne støtte et projekt. http://www.ivaerksaetteren.dk/flx/artikler/7/crowdfunding-erdet-nye-sort- http://evm.dk/publikationer/2015/15-05-08-rapport-om- crowdfunding https://da.wikipedia.org/wiki/ngo https://www.booomerang.dk/ http://www.farvernesbetydning.dk 19