Crowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www

Transkript

1 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www 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

2 Indhold Projektplanlægning... 3 Scrum sprint planning... 4 Billede af kurve... 4 Målgruppe... 4 Private... 4 Virksomheden... 5 Støt... 5 Hvad er crowdfunding?... 6 Crowdfunding projekt - Dansk flygtningehjælp... 6 Tekst til hjemmeside... 6 Endeligt logo... 7 Skitser til logo... 7 Farvetabel... 7 Typografi... 7 Design... 8 Inspiration til design af hjemmeside... 8 Navigations design Interaktions design Præsentationsdesign Farver Brugervenlighed - Gestalt lovene Attribut tabel ER-diagram (skitser) ER-diagram Database Use Case Use Case Use Case

3 1.0 Indledning 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 Projektplanlægning 2.0 Metode og teori 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. 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. 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 / 3

4 3.0 SCRUM 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å nedenstående billede vises vores endelige burndown chart: Billede af kurve 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: 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

5 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. 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

6 5. 0 Crowdfunding projekt 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. 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. Crowdfunding projekt - Dansk flygtningehjælp I forbindelse med CFunding-IT's hjemmeside opretter vi 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. 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."

7 6.0 CFunding-IT's logo Valget med at have et blad med som bindestreg i vores logo gør at det repræsentere vækst og sikkerhed. Og det er vigtigt da vi gerne vil vise at vi (CFunding-IT) kan hjælpe dig med dine projekter og at vi er interesseret i at støtte dig. Skitser til logo Den grønne farve (8cc63f) viser en god dømmekraft og viser at vi hjælper med at tage de rigtige beslutninger samt viser den morale. Vi har også valgt at benytte den orange farve (fbb03b), da orange er opmuntrende og udadvendt og samtidig relaterer til den sociale kommunikation. Orange er både varm og en indbydende farve hvilket vi gennem vores logo ønsker at udstråle. 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 få en troværdig side. Endeligt logo Typografi 7

8 7.0 Designbrief Virksomheden Det er et krav at virksomhedens logo ses tydeligt, og at man på hver side kan se CFunding-IT's visuelle identitet. Dette kunne f.eks. løses ved at have virksomhedens logo i højre hjørne på samtlige undersider. Derudover skal logoets farver ikke præge undersider med projekter, da det er vigtigt at have fokus på projekterne her og ikke selve virksomheden. 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. Det er derudover vigtigt at der er en funktionel søgefunktion, som gør det nemt at søge på enkelte projekter. Design Hjemmesidens farver skal være neutrale og rolige farver. Det skal primært være kolde farver, som grå og blå, som præger hjemmesiden. Den blå farve skal bruges, da den ofte forbindes med stabilitet og troværdighed, hvilket er vigtigt for virksomheden. Hjemmesiden skal gennem farver, knapper m.m., udstråle et professionel og simpelt design. Typografien skal være letlæselig og enkel. Dog må typografien i overskrifter osv. gerne skille sig ud, for at opnå et fokusområde. Inspiration til design af hjemmeside 4 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 og 4 8

9 8.0 Wireframes og Mockups 9

10 10

11 9.0 Designmanual 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. For at gøre det endnu nemmere at finde rundt på hjemmesiden har vi lavet en søge knap, som findes i højre hjørnet over for menuen. I indholdet på forsiden kan man finde en billede slider, 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. Interaktions design Brugere der besøger vores hjemmeside har mulighed for at logge ind som privat person eller som virksomhed. 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. 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 ****. Den er letlæselig, enkelt og elegant, og er optimeret til web. 11

12 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. 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. Brugervenlighed - Gestalt lovene For at hjemmesiden 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

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. 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. 13

14 ER-diagram (skitser) 14

15 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. 15

16 11.0 Use Cases Use Case 1 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. Finder 'opret ny bruger' 3. Bliver registreret som bruger 4. Opretter projekt 5. Får godkendt projekt 6. Bruger modtager støtte Alternativ handling: 2. Brugeren kan ikke oprette sig som ny bruger, det kan skyldes at der er fejl i brugerens oplysninger, eller at besøgende ikke indtaster data, som er 'required' i databasen. 4. Brugeren får oprettet sig som ny bruger, men kan ikke finde hvor man kan oprette et nyt projekt, der kan brugeren bruge søgefeltet til at finde det. 5. Brugeren kan ikke få oprettet sit projekt, det kan skyldes at brugeren ikke har tilføjet en kategori, som er angivet i databasen. 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 søger på projekter 5. Bruger finder det ønsket projekt 6. 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 søgefeltet til at finde projekterne. 5. Brugeren kan ikke finde støt knappen på det ønsket projekt, her kan bruger bruge søgefunktionen, for at finde støtknappen. 16

17 Use Case 3 Navn: Søgefunktion Aktør: Støt specifikt projekt 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 bruger søgefeltet til at søge på et specifik projekt, men kan ikke finde det, dette kan skyldes at brugeren har skrevet forkert i søgefeltet, så skal brugeren skrive det korrekte i søgefeltet. 4. Brugeren finder det ønsket projekt, men kan ikke finde støt knappen, her kan brugeren bruge søgefeltet for at finde støt knappen. 17

18 12.0 Konklusion 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 Crowdfundning 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 Litteraturliste crowdfunding Til sidst har vi lavet 3 scenarier af UseCase der viser step-by-step hvad der kræves af brugeren for at kunne oprette sig som bruger, oprette et projekt eller kunne støtte et projekt. 18