PROJEKT WEB_DB CROWDFUNDING 3. SEMESTER 3. PROJECT MULB Gruppe 6. 4. oktober 2015 Ved at underskrive dette dokument bekræfter vi, at det indsendte materiale alt sammen er vores eget materiale og arbejde. Andreas Baggesgaard: cph-ab202@cphbusiness.dk Mikki Houmand Olsen: cph-mo124@cphbusiness.dk Charlotte Bergstrøm: cph-cb189@cphbusiness.dk Lisbeth Kobberup Milling: cph-lm162@cphbusiness.dk Url: http://andreasbaggesgaard.dk/crowdfunding/index.php Undervisere: Jesper Hinchely & Tue Becher 1
INDHOLDSFORTEGNELSE INTRODUKTION 3 PROBLEMFORMULERING 3 PLANLÆGNING 3 PLANNINGSSHEET 4 BURNDOWN CHART START 4 BURNDOWN CHART MIDTVEJS 5 BURNDOWN CHART SLUT 5 DESIGNUDVIKLING 6 DESIGN BRIEF 6 NAVIGATIONSDIAGRAM 7 TYPOGRAFI OG FARVER 8 DESIGN DOKUMENTATION 9 KRAV TIL WEBSITET 9 DATABASEGRUNDLAGET 10-11 ATTRIBUTTABEL 10 ER MODEL 3NF 11 USECASE FULLY DRESSED 12-13 BACKER 12 FUNDRAISER 13 KODE-FORKLARINGER PHP 14 KODE-FORKLARINGER PHP LOGG-IND 15-16 KONKLUSION 17 REFERENCER 17 APPENDIX 18-19 INDLEDENDE OVERVEJELSER 18 ER MODEL KONCEPTUEL 19 2
INTRODUKTION Vi skal forestille os, at vi er ansat af selskabet CFunding -IT, som er et lille mediebureau. Vores opgave er at skabe en løsning, som er egnet til håndtering af crowdfunding projekter. Crowdfunding projekterne kan være nye ideer, projekter, events med meget mere, som har brug for funding. Vores løsning skal være et website, hvor potentielle kunder/fundraisere kan mødes. Websitet skal vise, at CFunding -IT er i stand til at udvikle professionelle løsninger til kommercielle websites! PROBLEMFORMULERING Hvordan kan vi dokumentere og udvikle en website-prototype, som interagerer med databasen, så man kan oprette brugere, projekter, logge ind som bruger og donerere beløb. PLANLÆGNING 3
PLANNINGSSHEET BURNDOWN CHART START 4
BURNDOWN CHART MIDTVEJS BURNDOWN CHART SLUT 5
DESIGNUDVIKLING DESIGN BRIEF Virksomheden CFunding-IT er et lille mediebureau, som hører til i det centrale København. CFunding-IT stræber efter at levere højt udviklede webløsninger til deres kunder. Vi er ansat af CFunding-IT. CFunding-IT s visuelle kommunikation: Et seriøst, intelligent, tillidsfuldt, målrettet og troværdigt udtryk. CFunding-IT s nøglepersoner: Andreas Baggesgaard, Mikki Houmand Olsen, Charlotte Bergstrøm og Lisbeth Kobberup. Opgaven Vi er ansat af CFunding-IT til at udvikle professionelle webløsninger og denne specifikke opgave, er at skabe en løsning som er egnet til håndtering af crowdfunding projekter: Nye ideer, nye produkter eller andre ting, som har brug for funding. Det skal være muligt på websitet at registrere sig, både som fundraiser og som backer/donorer. For fundraiser skal det være muligt at oprette forskellige projekter og events, og for donorer/backers skal det ligeledes være mulgt at oprette sig og at donore penge til de forskellige projekter og events. Problemløsning Vi skal have udviklet en funktionel website-prototype med tilhørende database med mulighed for registrering og oprettelse af projekter. Eksponering Online. Målgruppen En bred vifte af mulige fundraisere og backers. Generelt en meget bred målgruppe, idet der vil være mange forskellige projekter og events og derfor lidt for enhver pengepung. Formålet med designet At appelere til en bred målgruppe. Med en neutral holdning at øge opmærksomheden på CFunding-IT s eksistens. Deadline Søndag den 8. oktober kl. 23.59 Materialespecifikationer Website med funktionel database. 6
NAVIGATIONSDIAGRAM 7
TYPOGRAFI OG FARVER 8
DESIGN DOKUMENTATION Farvevalg: Til websitet for C-Funding IT har vi valgt sort og hvidt som primære farver, da det er de enkelte fundingprojekter, der skal have fokus og ikke vores firma. Som accentfarve har vi valgt en lys grøn, som oplagt skal symbolisere: liv, spirer, håb, saftig, nyt, frisk Typografi: Vi har valgt typeface Helvetica Neue, som den primære skrifttype. Den fulde HTML Font Family på websitet er: Helvetica, Arial, sans-serif. Alle er sans serif typer, da de fremstår tydeligst på skærme. Logo: Vi har valgt at lave logoet som et "combination mark" med logotype og "signet" - et grafisk element i form af en lille spire, der vokser op. Den typeface, vi har anvendt, er "Bernhard MT Condensed". Font: "regular". Animeret gif er valgt for at illustrere en spire, der vokser op (som spirende virksomheder/projekter jf. argumenterne under farvevalg vedr. den lysegrønne farve). Website: Vi har valgt et enkelt og overskueligt layout som giver de enkelte projekter rigtig god plads. Vi har bygget websiteskabelonen op vha. bootstrap og tilsat egne håndkodede elementer. KRAV TIL WEBSITET Funktionelle Søgefunktion Oprette bruger (fundraiser, backers) Donere penge Sikkerhed Ikke funktionelle Design, interface Accessibility (skal være nemt at bruge) Usability 9
DATABASEGRUNDLAGET ATTRIBUTTABEL Entity Attributes Value Notes Datatype User (fundraiser / backer) User_id 1-x Unique no. N Name a-å Max. 45 char A Email all char Max. 45 char AN Password all char Max. 45 char AN Project P_id 1-x Unique no. N Description all char Max. 45 char AN Enddate 1-x DATE N Goal 1-x Number N Donation Donation 1-x Unique no. N Attributtabellen er udarbejdet for at give et overblik over det indhold, de værdier og forskellige datatyper vores database skal indeholde. Vi måtte dog desværre opgive oprette/logge-ind funktionen for user, da vi ikke kunne få selve interaktionen med databasen, ved hjælp af php, til at virke. Vi har imidlertid valgt at beholde den oprindelige attributtabel. 10
DATABASEGRUNDLAGET ER MODEL 3NF 11
USECASE FULLY DRESSED BACKER Identifier: UC1 Description Denne Use Case beskriver, hvordan en ny backer/doner registrerer sig som doner. Goal: At registreringen af en backer er nemt, så projektet ikke mister donationen undervejs Preconditions 1. Der er forbindelse til netværket, som forbinder backeren med websitet, hvor projektet findes. Frequency: Dagligt da sitet har flere projekter, der kan doneres til Basic Course (Describe the normal processing path, aka, the Happy Path) 1. Use Casen begynder, når en ny backer har fundet et projekt at donere til 2. Går til registrering 3. Udfylder form med navn, e-mail og password 4. Form valideres og godkendes 5. Backer oprettes i databasen 6. Database klar til at registrere donation 7. Den ønskede donation registreres og der registreres en nedtælling til beløbsmålet Goal 8. Use casen slutter når backeren har fået en bekræftelse på donationen Alternate Course A and B: Description of the alternate course Condition: Form udfyldt forkert 1. Pkt 4 Formen valideres med fejl 2. Backer får en fejlmeddelelse (A eller B) A: Backer eksisterer allerede A1: Backer logger ind med eksisterende login A2: Login valideres uden fejl A3: Pkt 6-8 gennemføres B: Backer har tastet forkert fx. emailadresse uden @, password som ikke opfylder de opstillede krav med hensyn til: Uppercase, lowercase og feks. tal B1: Backer retter emailadresse eller password B2: Formen valideres B3: Formen godkendes uden fejl B4: Pkt. 5-8 gennemføres Post conditions Ny backer/donor er tilføjet Actors 1. Ny backer/donor 2. Cfunding IT 12
USECASE FULLY DRESSED FUNDRAISER Identifier: UC2 Description Denne Use Case beskriver, hvordan en fundraiser (stifter af et projekt) uploader et projekt. Goal: At registreringen og upload af et projekt er nemt, så projektet rent faktisk kommer online og muligt for backers at donere penge til projektet. Preconditions 1. Der er forbindelse til netværket, som forbinder fundraiser med websitet hvor projektet skal uploades Frequency: Dagligt da sitet finansieres af fundraisers Basic Course (Describe the normal processing path, aka, the Happy Path) 1. Use Case begynder, når en fundraiser ønsker at uploade sit projekt 2. Går til registrering 3. Udfylder form med navn, e-mail og password 4. Form valideres og godkendes 5. Fundraiser oprettes i databasen 6. Database klar til at modtage projekt 7. Fundraiser registreres og det nye projekt uploades på websitet 8. Projektet er klar til at modtage donationer 9. Use case slutter når fundraiser har fået en bekræftelse på, at projektet er lagt på websitet Alternate Course A and B: Description of the alternate course Condition: Form udfyldt forkert 1. Pkt 4 Formen valideres med fejl 2. Fundraiser får en fejlmeddelelse (A eller B) A: Fundraiser eksisterer allerede A1: Fundraiser logger ind med eksisterende login A2: Login valideres uden fejl A3: Pkt 6-8 gennemføres B: Fundraiser har tastet forkert fx. email adresse uden @, password som ikke opfylder de opstillede krav med hensyn til: Uppercase, lowercase og feks. tal B1: Fundraiser retter email adresse eller password B2: Formen valideres B3: Formen godkendes uden fejl B4: Pkt. 5-8 gennemføres Post conditions Ny fundraiser og project er tilføjet Actors 1. Ny backer/donor 2. Cfunding IT 13
KODE-FORKLARINGER PHP 14
KODE-FORKLARINGER PHP LOGG-IND 15
KODE-FORKLARINGER PHP LOGG-IND 16
KONKLUSION Formålet med projektet var at dokumentere og udvikle en website-prototype, som interagerer med databasen, så man kan oprette brugere, projekter, logge ind som bruger og donerer beløb. Vi ville gerne, have udviklet websitet med den funktion at man skulle kunne logge ind både som fundraiser og som backer. Og med validering af username og password i form af e-mail adresse samt et brugerdefineret password. Imidlertid gav denne funktion problemer for os, og vi fik ikke interaktionen mellem PHP og databasen til at fungere som vi forventede. Det bevirkede at vi, for eksempel ikke kunne ikke lave en donation baseret på en bruger, da vi ikke havde noget login til at definere en bruger. Derfor måtte vi desværre revidere vores ambitionsniveau og opgive denne funktion. Vi kan derfor konkludere, at det ikke kræver en oprettelse eller nogen form for validering, at logge sig ind på CFunding-IT s website. REFERENCER Bøger: Sams Teach Yourself SQL in 10 min Websites: http://www.databaseanswers.org/ www.w3school.com Programmer: MySql Workbench Bracket Photoshop Illustrator Indesign Framework: Bootstrap 17
APPENDIX INDLEDENDE OVERVEJELSER Problemet (evt problemformulering) ER model - konceptuel (til indledende aflevering) Mål Afgrænsning Metode Teknik Værktøjer Målgruppe Produkter: ER model - konceptuelt niveau + liste med requirements (til indledende aflevering) Website o Mockups o Designbrief inkl. argumentation o Navigationsdiagram (IA diagram) Database til registrering af: fundraisers, sponsorships, backers, consultants, values like money, physical things, assistance, etc o Usecase o Attribut tabel o ER model på 3. normalform SCRUM sprint planning o Indledende burndown chart o Final burndown chart Rapport o Problemformulering o Konklusion og egen reflektion/læringsmål o "Bilag" (se opgave pkt. 7) 18
APPENDIX ER MODEL KONCEPTUEL Project idproject INT Projectinfo VARCHAR(45) Fundraisor_projectowner idfundraisor_projectowner INT Contact_info VARCHAR(45) Indexes Fundraisor_projectowner_idFundraisor_projectowner INT Indexes Project_has_Backer_Donor Project_idProject INT Backer_Donor_idBacker_Donor INT Donation amount INT Indexes Backer_Donor idbacker_donor INT Contactinfo VARCHAR(45) Indexes 19