Projekt 2 - Website with Database

Transkript

1 Projekt 2 - Website with Database Cphbusiness Lyngby Multimediedesigner, 3. semester MulB13e, gruppe 1 September

2 FAKTAARK Projekt titel: Projekt 2 - Website with database Lærere: JHI og TUJE Klasse: Mulb13e Gruppenummer: MULB1 Hjemmeside link: Login på hjemmesiden som admin: Bruger: teacher@tbf.com password: password Antal anslag: (8.7 normalside) Steffen Marschall Mail: cph-sm148@cphbusiness.dk Portfolio: Martin Ungermann Stæhr Mail: cph-ms20@cphbusiness.dk Portfolio: Patrick Bomann Tofteng Mail: cph-pt60@cphbusiness.dk Portfolio: index.php Erik Andreas Münter Mail: cph-em38@cphbusiness.dk Portfolio: cph.designduck.dk Faktaark - 2 af 33

3 Indholdsfortegnelse 2 FAKTAARK 3 Indholdsfortegnelse 4 intro & scrum 4 INdledning 17 Mock-ups 18 Sitemap 19 Aktivitets diagram 20 er-diagram 21 Attribute Tabel 23 Kode dokumentation 4 SCRUM Burndown-chart 6 Design Brief Krav til produktet 7 Design Manual Logo Generelt 7 Logovarianter 8 Respektafstand 9 Placering 9 Farver Farveskalaen 10 Typografi Helvetica Neue 11 The Blue Oasis 12 Axure Handwriting 13 Layout Hjemmesiden 14 Grundelementer Symboler 15 Designelementer 15 Billedstil Billeder Use case model 26 Use case 1 - Opret bruger 27 Use case 2 - Upload af content 28 Use case 3 - Rating af content 30 Case test - Use case 1 31 Case test - Use case 2 32 Case test - Use case 3 33 Litteraturliste Indholdsfortegnelse - 3 af 33

4 INdledning SCRUM I dette projekt skulle vi lave en hjemmeside, med tilhørende database, baseret på et tema. Vores tema var blues i 80 erne og 90 erne. Kravet til opgaven var at hjemmesiden skulle indeholde billeder, video, musik samt muligheden for at rate/votere al indholdet der bliver uploadet på sitet. SCRUM gør det muligt at planlægge og tilrettelægge sit projekt uden at man har en helt bestemt idé om hvordan at tingene vil udforme sig, det giver en rigtig solid rygmarv til ethvert projekt i arbejdsproccessen. I modsætning til andre udviklingsmetoder er SCRUM utrolig fleksibel da det tillader at man skifter fra den ene aktivitet til den anden, uden egentlig at have nogen retningslinjer man absolut skal følge, i form af projektets planlægning. Som en gruppe har vi haft en SCRUM-master igennem hele forløbet, vi har tilrettelagt og planlagt projektet sammen og udformet vores burndown-chart. I løbet af vores sprint har vi afholdt et dagligt møde, det har været i form af fysisk fremmøde eller via. programmet Teamspeak 3. Vi har igennem hele forløbet fulgt vores Product backlog nøje og burndown-chart, så vi hele tiden var klar over hvad hinanden arbejdede med, samt hvad der var blevet færdiggjort. Se burndown-chart på side 5 Intro & Scrum - 4 af 33

5 Scrum - Burndown-chart Intro & Scrum - 5 af 33

6 Design Brief Start projekt: Slut projekt: Opgaven Vores arbejdsgruppe har fået til opgave at fremstille en hjemmeside om Blues i 80 erne og 90 erne. Denne hjemmeside skal have elementet af et voting/rating system, som skal kunne integreres på andre sider i professionel sammenhæng. Målgruppen Hjemmesiden: Generelt blues elskere og andre musik entusiaster. Ud fra Convey-IT synspunkt: Potentielle kunder hos firmaet convey-it. Da siden skal fremstilles som et eksempel for dem. Krav til produktet Farver Vi vil arbejde ud fra en grålig farve, for at holde blues stemningen. For at skabe kontrast på siden vil vi gerne gøre brug af stærk pink og orange farve som kontrast til den grå/sorte baggrund og gennemgående tema. Billeder Eventuelle ikke bruger uploadede billeder skal være blues orienterende. De skal være med til at skabe stemningen på siden. Så covers fra cd er og billeder af blues kunsterne. Logo Skal skabes i strækt kontrast til den grå/sorte baggrund. Derfor skal den udføres i hvid med vores to andre kontrast farver (pink og orange) som elementer af logoet. Elementer I designet skal der kunne trækkes paralleller rundt på hele sitet. Eventuelle design elementer skal udføres i hovedfarverne sort, grå, orange eller pink. Pink og orange skal bruges hvor der er behov for fremhævelse af elementet. Sort og grå skal bruges hvor elementet skal være mere baggrunds element. Tekster Al ikke bruger skrevet tekst på siden skal være let læseligt og nemt at forstå. Må som udgangspunkt ikke være mere end 255 karakterer langt. Typografi Skrifttypen skal ligne en blanding imellem moderne og lidt uskarpe kanter for at understøtte temaet. Design Brief - 6 af 33

7 Design Manual Logo Generelt The Blues Factory logoet skal altid have tandhjulene som o et i logoet. Det er tilladt at vise tandhjulene alene Hovedfarven på logoet er hvid med orange og pink node i tandhjulene. Design Manual - 7 af 33

8 Logo Logo positiv udgave Logo knækket positiv udgave Logovarianter The Blues Factory logo findes i en hvid (positiv) udgave og en sort/grå (negativ) udgave. Se respektafstand og placering på næste side. Logo negativ udgave Logo knækket negativ udgave Design Manual - 8 af 33

9 Logo Respektafstand Afstanden som holder logoet væk fra andre forstyrende elementer. Kan defineres som svarende til et tandhjul i forhold til størrelse. Placering Logoet skal placeres frit stående fra andre elementer. Og skal som udgangspunkt placeres på en mørk baggrund. Design Manual - 9 af 33

10 Farver Farveskalaen The Blues Factory farve skala er valgt for at skabe en blues stemning, og derfor arbejdes der med lettere mørke farver. Derfor holdes det også i enkelte farver med skarp kontrast. Pink CMYK 20/96/35/1 RGB 197/43/107 HEX #c52b6b Orange CMYK 0/50/99/0 RGB 247/147/27 HEX #f7931b Hvid CMYK 0/0/0/0 RGB 255/255/255 HEX #FFFFFF Lys grå CMYK 55/46/46/11 RGB 119/119/119 HEX #777 Grå/sort CMYK 70/63/62/59 RGB 50/50/50 HEX # Sort CMYK 73/67/65/83 RGB 19/19/19 HEX # Don t Brug ikke pink som baggrund. Don t Brug ikke orange som baggrund. Do Orange og pink skal bruges i små mængder fx highlights Tekst Tekst Ipsum & lorem Design Manual - 10 af 33

11 Typografi Helvetica Neue The Blues Factory primære skrifttype til brug i tekster. Brødtekst og overskrifter på hjemmesiden, samt brug til tekst i eventuelt trykt materiale. Helvetica Neue abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. Design Manual - 11 af 33

12 Typografi The Blue Oasis Denne font bruges til logoet. Det er dens primære funktion. Den kan dog bruges til små tekster hvor samlingen til logoet skal trækkes. Der må ikke laves sætninger med denne skrifttype. The Blue Oasis abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Design Manual - 12 af 33

13 Typografi Axure Handwriting Skrifttype valgt som særlig highlights på hjemmesiden og tryksager. Den bruges i små mængder, og aldrig mere end 5 ord i sammen hæng må bruges med denne skrifttype. Axure Handwriting abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. abcdefghijklmnopqrstuvwxyzæøå abcdefghijklmnopqrstuvwxyzæøå ,@-?&/. Design Manual - 13 af 33

14 Layout.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1.colmd-1 Hjemmesiden.col-md-4.col-md-4.col-md-4 Her arbejdes der ud fra Twitter Bootstrap (v3.2.0). Det er et 12 delt system, der har en div container der passer til 1170px, i bredden, i max størrelsen..col-md-8.col-md-4 Ved rigtig brug af de funktioner Bootstrap tilbyder er det muligt at få hjemmesiden til at være fuld responsive ved brug af media queries..col-xs-6.col-md-6.col-lg-6.col-xs-12.col-md-12.col-lg-12.col-xs-6.col-md-6.col-lg-6 Design Manual - 14 af 33

15 Grundelementer Symboler Symboler Symbolerne er med til at guide brugere med kendte og vante ikoner. Fx hvis en bruger finder behov for at gemme en video til favoritter, bruges et hjerte som ikon. Designelementer Designelementer The Blues factory arbejder i et firkantet design og dermed bliver designelementer også i samme stil. KNAP KNAP Newest content Boksen på frontsiden med skrå vinkel skal være unik, da den skaber fokus på teksten i boksen Start browsing. Pilen med tekst skal være med til at bringe diskret focus på hvad der står nedenfor. Hermed ikke et forstyrrende element til det overordende design. Som tidligere nævnt kan tandhjulene stå for sig selv. Dog må de ikke drejes, så noden vender nedad Design Manual - 15 af 33

16 Billedstil Billeder Billedstilen viser et blues miljø. Det er billeder af cd albums og kunsterne. Det kan selvfølgelig ikke kontrolleres helt, da brugere uploader hvad de mener passer til blues, men fra The Blues Factory er billederne i denne stil. Det bør bestræbes at billeder, der ligger statisk på siden eller eventuelt i trykt form, er simple og mørke, uden at fremstå dystert. Design Manual - 16 af 33

17 Mock-ups Tegninger / wireframe Vi startede med at tegne vores wireframe med idéen om hvordan sitet skulle udføres. Webdesign skitser Herefter udførte vi sitet i photoshop for at få en idé om hvordan vi ønskede det endelige design skulle se ud. Mock-ups - 17 af 33

18 Sitemap Struktur over The Blues Factory hjemmesiden Sitemap - 18 af 33

19 Aktivitets diagram Aktivitetsdiagrammet gør rede for alle use cases og interne funktioner vi har at arbejde med på vores produkt (hjemmesiden). Samtidig med at aktivitesdiagrammet giver et godt overblik over hjemmesidens funktionelle side, sørger aktivietsdiagrammet også for at det bliver lettere at bemærke og dokumentere parallelle og sammenfaldende aktiviteter. Til dette projekt har vi derfor valgt udarbejdet et aktivitetsdiagram, så vi let kunne danne os et overblik over hvordan de forskellige funktionaliteter på hjemmesiden og deres samspil med hinanden. Aktivitets Diagram - 19 af 33

20 er-diagram ER-diagrammet er udvilket sideløbende med attribute tabellen. Vi har dog valgt at fremvise ER-diagrammet først i denne rapport. Da det giver en bedre forståelse for læseren eftersom ER-diagrammet giver en mere visuel forståelse af databasen. Vores database indeholder 5 entiteter, som alle indeholder forskellige typer af attributter. Er-diagram - 20 af 33

21 Herunder findes attribute tabellen, delt op i database tabellerne, med en kort forklaring for hver tabel, hvor vi mente at en forklaring var et behov. Entity Attributes Value Notes Datatype products pid (INT) Unique no. N pname A-Å Max. 70 char. AN (VARCHAR) ptid (INT) Unique no. N uid (INT) Unique no. N pflag (INT) Number N pdesc Text Text AN pdate Date AN (DATE) filetype A-Å, 0-9 Max. 20 char. AN (VARCHAR) up (INT) Number, default 0 N down (INT) Number, default 0 N I denne tabel findes dataen over produter/uploaded indhold samt rating system Product_ type Attribute Tabel Entity Attributes Value Notes Datatype ptid (INT) Unique no. N ptype A-Å (VARCHAR) I denne tabel findes dataen over product typer. Max. 20 char. ptype Er varchar og bliver udfyldt af en produkt type så som videos, music eller images. Entity Attributes Value Notes Datatype users uid (INT) Unique no. N firstname A-Å Max. 30 char. AN (VARCHAR) lastname A-Å Max. 30 char. AN (VARCHAR) A-Å, 0-9 Max. 45 char. AN (VARCHAR) pw A-Å, 0-9 Max. 64 char. AN (VARCHAR) role user, admin enum variables AN (ENUM) AN pid Er primary key, som auto_increment er (A_I) nye produkter med et unikt produkt nummer. up / down Er numre med en default på 0. De arbejder med rating systemet beskrevet længere nede i rapporten. Under kode dokumentation. I denne tabel findes dataen over brugere role ENUM giver muligheden for at give forbestemte variabler og at man skal være det ene eller det andet. Det er ikke muligt at gå ud over det forbestemte variabler. Attribute Tabel - 21 af 33

22 Entity Attributes Value Notes Datatype favorites ffid (INT) Unique no. N uid (INT) Unique no. N pid (INT) Unique no. N I denne tabel findes dataen over brugernes farvoritter. Tabellen samler brugere med produkter under en fælles id, så det er nemt at finde ud af hvilke brugere der har favorittet de forskellige produkter. Entity Attributes Value Notes Datatype comments cid (INT) Unique no. N pid (INT) Unique no. N comments TEXT TEXT AN uid (INT) Unique no. N cdate Date AN (DATE) cflag (INT) Number N I denne tabel findes dataen over brugernes kommentarer. cflag Er et nummer. Kobler sig op med php kode der gør således at hvis en kommentar er flere end 24 flags, bliver kommentaren gemt. På samme måde som pflag i products. Attribute Tabel - 22 af 33

23 Kode dokumentation Følgende vil beskrive hvordan koden for rating af produkter fungere. Koden er opdelt i 3 dele. 1) Vis nuværende rating / Vis knapperne på media.php 2) Javascript 3) Updater databasen / Set cookie i votes.php media.php - linje $net_vote = $up - $down; echo <li><a class= up glyphicon glyphicon-chevron-up id=. $mediaid. ></a></li> ; echo <li class= votes_count id= votes_count.$mediaid. ><span class= counter >.$net_vote. </span></li> ; echo <li><a class= down glyphicon glyphicon-chevron-down id=.$mediaid. ></a></li> ; $( a.up ).click(function(){ voting.js - linje 3 Funktionen starter når man klikker på et link med klassen up. Der er en tilsvarene funktion til a.down. voting.js - linje 8-20 $.ajax({ type: POST, data: action=up&id= +$(this).attr( id ), url: votes.php, success: function(msg) { $( li#votes_count +the_id).html(msg); $( li#votes_count +the_id).fadein(); $( a.up ).addclass( disablelink ); $( a.down ).addclass( disablelink ); } }); $up og $down bliver minusset med hinanden, denne værdig bliver gemt i $net_vote. Derefter laves der 2 knapper og en tæller. Up vote knappen har klassen up og down vote har klassen down, de bliver begge tildelt produkt id et ( pid ) som id. På vores tæller tildeler vi id et votes_counter + $mediaid ( pid ), som vi senere i javascript delen bruger til at fjerne tallet og updatere den til det nye tal (efter der er blevet stemt). Linie 8-11 fungere ligesom hvis det var en html form, method bliver sat til POST og action til votes.php?action=up&id=?, hvor id et er det samme som product id et. Når den har været igennem votes.php bliver det nye tal echo ed ud på siden med en fadein effekt. Hvor efter klassen disablelink bliver tildelt til både a.up og a.down, for at indikere at man ikke kan vote igen. Kode Dokumentation - 23 af 33

24 votes.php - linje if ($action== up ) { $votes_up = $up+1; $q = UPDATE products SET up = $votes_up WHERE pid =? ; $notchanged = ($up - $down); $total = ($votes_up - $down); } votes.php modtager dataen via javascriptet. Hvis man har votet up er $action sat til up. $up er antallet af up votes som allerede er i databasen, dette bilver plusset med 1 og gemt i $votes_up. Herefter sætter vi $q til at updatere up til $votes_up. $notchanged bliver sat til det gamle resultat og $total bliver sat til det nye resultat. votes.php - linje $cookie = media$id ; if(isset($_cookie[$cookie])) { echo $notchanged; } else { $month = time(); setcookie(media.$id, Voted, $month); Hvis cookie er sat, bliver det gamle resultat posted ud, altså hvis brugeren har voted en gang bliver intet ændret. Hvis cookie ikke er sat, bliver cookie sat, med en periode på en måned, herefter bliver $q kørt og databasen bliver updateret. Kode Dokumentation - 24 af 33

25 Use case model Use case model beskriver de ønskede funktion i et system. I dette tilfælde på The Blues Factory, beskrives der bruger og administrator funktioner Hver af disse funktioner har en tilknyttet use case, hvor vi har valgt at fremvise de tre første i denne rapport. Use Case Model - 25 af 33

26 Use case 1 - Opret bruger Name: Oprettelse af bruger Identifier: UC1 Description: Denne use case beskriver hvad der skal ske for at en person kan blive oprettet som bruger på hjemmesiden. Goal: En person er blevet oprettet som bruger. Preconditions: Hjemmesiden skal være indlæst og på siden hvor formularen til brugeroprettelse er, skal den udfyldes. Den del af databasen, der har med brugeroprettelse at gøre skal være sat op og funktionel. Assumptions: Personen der vil oprette en bruger har en browser. Personen vil gerne kunne rate noget indhold med sin bruger. Frequency: Denne use case er estimeret til at kunne foregå op til ca. 10 gange dagligt, baseret på hjemmesidens størrelse og indhold. Basic Course: 1. Use case begynder ved at en person med interesse for blues kigger på indholdet af hjemmesiden og gerne vil kunne rate indholdet. Personen klikker sig videre til opret bruger for at kunne give sin rating og muligvis flere ratings i fremtiden. 2. Personen indtaster sine informationer de korrekte steder i formularen og godkender diverse betingelser, indstillinger osv. 3. Use case slutter ved at personen klikker submit og hans/hendes informationer gemmes i databasen som en bruger, oprettelsen er fuldendt. Alternate Course A: Personen indtastede forkerte oplysninger i formularen til brugeroprettelse. Condition: Personen indtastede nogle forkerte informationer. 1. Personen der vil oprette en bruger udfyldte formularen for brugeroprettelse og klikkede submit, men dataen indeholdte forkerte informationer. 2. I stedet for at fuldende brugeroprettelsen får personen vist en fejlmeddelelse, der beder personen om at rette fejlene og viser hvilke steder i formularen, at personen har indtastet forkerte oplysninger. 3. Personen retter sine fejl og indtaster de korrekte informationer, som bliver sendt og gemt korrekt i databasen. Oprettelsen er fuldendt. Alternate Course B: Personen prøver at rate noget indhold med det samme uden at være logget ind eller have oprettet en bruger. Condition: Personen prøver at rate med det samme uden en bruger. 1. Personen kigger på noget indhold på hjemmesiden og vil give sin rating uden at have oprettet sig som bruger først. 2. Personen bliver bedt om at logge ind eller oprette sig som bruger for at kunne rate indholdet og for at have nemmere ved at rate andre ting på et senere tidspunkt og kunne se sine ratings. 3. Personen indtaster sine oplysninger i formularen og trykker submit, hvorefter oplysningerne bliver sendt og gemt i databasen, oprettelsen er fuldendt. 4. Når dette er fuldendt bliver den nye bruger henvist tilbage til siden, hvor han/hun prøvede at rate indholdet og kan fortsætte sin rating. Post Conditions: Personen har fået sin brugerkonto oprettet og databasen er blevet Use Case 1 - Opret Bruger - 26 af 33

27 opdateret med deres information. Actors: Brugeren Extended Use Case: UC2 Upload af content UC3 Rating af content Notes: Besøgende på hjemmesiden skal så vidt som muligt blive bedt om at oprette en bruger på hjemmesiden da dette vil fremskynde processen bag det at lave en rating, dette kan betyde at brugeren vil lave flere ratings i fremtiden og dermed vende tilbage til hjemmesiden. Den besøgende kan ikke give sin rating uden at være oprettet som bruger. Use case 2 - Upload af content Identifier: UC2 Description: Denne use case beskriver hvad der skal ske for at en bruger kan uploade noget content på hjemmesiden Goal: At content er blevet uploadet og kan ses og rates af andre. Preconditions: Hjemmesiden skal være indlæst og man skal være logget ind på sin bruger. Den del af databasen, der har med upload af content at gøre skal være sat op og funktionel. Assumptions: Brugeren har lavet en brugerkonto og er logget ind på hjemmesiden. Brugeren vil dele et billede, en video og/eller noget musik på hjemmesiden og har derfor besluttet at uploade det. Frequency: Denne use case er estimeret til at kunne foregå op til ca. 10 gange dagligt, baseret på hjemmesidens størrelse og indhold. Basic Course: 1. Use case begynder ved at en bruger vælger at uploade noget content på hjemmesiden og klikker sig ind på upload content. 2. Brugeren udfylder diverse felter med den relevante information og vælger medietype, samt korrekt medie der uploades. 3. Use case slutter ved at brugeren klikker upload, mediet er nu gemt i databasen og uploaded på hjemmesiden. Use Case 2 - Upload Af Content - 27 af 33

28 Alternate Course A: Brugeren glemmer at vælge medie Condition: 1. Brugeren glemmer at vælge medie inden der klikkes upload. 2. Brugeren glemmer at vælge medie inden der klikkes upload. 3. Brugeren får en fejlmeddelelse om at intet medie var valgt og upload altså ikke blev gennemført. 4. Brugeren kan nu vælge sit medie og prøve at uploade igen. Upload bliver gennemført korrekt og mediet er nu gemt i databasen. Upload er gennemført. Alternate Course B: Brugeren vælger forkert medie type Condition: Brugeren kommer til at vælge forkert medietype under upload 1. Brugeren kommer til at vælge forkert medietype og får en fejlmeddelelse efter at have klikket upload. 2. Brugeren retter sin fejl og vælger den korrekte medietype der skal uploades til hjemmesiden. 3. Brugeren klikker upload igen og mediet bliver gemt korrekt i databasen. Upload gennemført. Post Conditions: Brugeren har fået uploadet sit medie korrekt. Actors: Brugeren Notes: Det er vigtigt at angive hvilke typer af medie som hjemmesiden accepterer fra start af i upload-processen for at formindske eventuelle fejl og misforståelser. Der bør angives ting som formater, størrelser osv. Use case 3 - Rating af content Identifier: UC3 Description: Denne use case beskriver hvad der skal ske for at en bruger kan give sin rating af content på hjemmesiden. Goal: At content er blevet ratet korrekt og brugerens rating er gemt. Preconditions: Hjemmesiden skal være indlæst og man skal være logget ind på sin bruger. Den del af databasen, der har med rating af content at gøre skal være sat op og funktionel. Assumptions: Brugeren har lavet en brugerkonto og er logget ind på hjemmesiden. Brugeren vil rate noget indhold på hjemmesiden og vil muligvis gerne kunne se/ændre sin rating på et senere tidspunkt. Frequency: Denne use case er estimeret til at kunne foregå op til ca gange dagligt, baseret på hjemmesidens størrelse og indhold. Basic Course: 1. Use case begynder ved at en bruger vælger noget content på hjemmesiden og efter at have vurderet indholdet, giver sin rating ved at klikke på rating systemet. 2. Use case slutter ved at brugerens rating er gemt i databasen og brugeren kan se sin rating og hvis ønsket ændre den til noget andet på et senere tidspunkt. Rating er gennemført. Use Case 3 - Rating Af Content - 28 af 33

29 Alternate Course A: Brugeren har allerede ratet mediet tidligere. Condition: Brugeren har allerede ratet mediet tidligere, men vil rate det anderledes nu. 1. Brugeren har allerede givet sin rating tidligere, men vil give en anden rating nu. 2. Brugeren kan se sin rating men klikker sig frem til den nye rating han/hun vil give via rating systemet. 3. Den nye rating bliver gemt i databasen og overskriver den gamle rating givet af brugeren. Rating er gennemført. Post Conditions: Brugeren har givet den rating der skal gives som er gemt korrekt og kan ses samt ændres på et senere tidspunkt hvis ønsket. Actors: Brugeren Use Case 3 - Rating Af Content - 29 af 33

30 Case test - Use case 1 Test case: #1 Test case navn: Opret Bruger System: PC/Browser Subsystem: Designet af: Convey IT / Andreas Design dato: Udført af: Martin Udførsels dato: Kort beskrivelse: Oprettelse af bruger på blues.cph.designduck.dk Forhåndsbetingelser: Hjemmesiden skal være indlæst og på siden hvor formularen til brugeroprettelse er, skal den udfyldes. Den del af databasen, der har med brugeroprettelse at gøre skal være sat op og funktionel. Step Handling Forventet system svar Virker/Fejl Kommentar 1 Klik Login og herefter Sign Up Bør henvises til Sign up siden Virker 2 Udfyld felterne forkert (fx Bør gerne give en fejl og ikke sende brugeren videre Virker 3 Udfyld felterne korrekt Bør sende brugeren videre, med oprettet bruger, og Virker bør lande på login siden. 4 Check slutbetingelse 1 Virker 5 Log ind med forkert data (fx forkert ) Bør ikke viderestille brugeren til profile side, men Virker blot forblive på login siden. 6 Log ind med korrekt data Bør viderestille brugeren til brugerens profile side. Virker Slutbetingelser: Der er oprettet en ny bruger Case Test - Use Case 1-30 af 33

31 Case test - Use case 2 Test case: #2 Test case navn: Upload af content System: PC/Browser Subsystem: Designet af: Convey IT / Steffen Design dato: Udført af: Patrick Udførsels dato: Kort beskrivelse: Upload af content/medie på blues.cph.designduck.dk Forhåndsbetingelser: Hjemmesiden skal være indlæst og man skal være logget ind på sin bruger. Den del af databasen, der har med upload af content at gøre skal være sat op og funktionel. Step Handling Forventet system svar Virker/Fejl Kommentar 1 Klik Profile dernæst Upload content Bør henvises til Upload siden (.../upload.php) Virker 2 Vælg forkert medietype Burde ikke kunne lade sig gøre. Virker Der er altid en medietype image valgt by default 3 Upload uden at have valgt fil der skal Burde give fejlmeddelelse og ikke gennemføre Virker bruges upload. 4 Upload med forkert filtype Burde ikke uploade filen og give en fejl besked Virker 5 Upload med korrekt medietype og fil Burde gennemføre upload korrekt og viderestille til Virker det uploadede medies side 6 Check slutbetingelse 1 Virker Slutbetingelser: Der er blevet oprettet ny content Case Test - Use Case 2-31 af 33

32 Case test - Use case 3 Test case: #3 Test case navn: Rating af content System: PC/Browser Subsystem: Designet af: Convey IT / Steffen Design dato: Udført af: Andreas Udførsels dato: Kort beskrivelse: Rating af content/medie på blues.cph.designduck.dk Forhåndsbetingelser: Hjemmesiden skal være indlæst og man skal være logget ind på sin bruger. Den del af databasen, der har med rating af content at gøre skal være sat op og funktionel. Step Handling Forventet system svar Virker/Fejl Kommentar 1 Klik på noget content Burde henvise til det klikkede contents side Virker 2 Giv en rating af content Burde gemme den rating man har givet sammen med cookie for den bestemte id, der gør man ikke Virker Gemmer cookie som media$id kan stemme på samme id igen.. 3 Check slutbetingelse 1 Virker 4 Gå ind på samme content-side / Reload siden Burde have gemt den rating man gav tidligere 5 Giv en ny rating Burde ikke være muligt eftersom cookie en der er gemt styrer id en og hvorvidt der er stemt. 6 Rate andet content (anden?id=?) Burde være muligt eftersom en cookie med denne id ikke er gemt 7 På Factory floor siden sorter efter rating. 8 Find to styks content der har samme rating og vote den ene op. Check herefter ved at sortere siden efter rating om den nu er over den anden Bør opstille siden med højeste voterede indhold i toppen og nedefter. Den opdaterede liste med voteret indhold bør gerne vise den der er stemt på, længere mod toppen end den anden. Virker Virker Virker Virker Gemmer endnu en cookie som media$id Det overhæler det andet indhold med hvilken rækkefølge det er loadet ind i. I forhold til top og venstre. Slutbetingelser: Ny rating er indtastet og succesfuldt opdateret i databasen. Case Test - Use Case 3-32 af 33

33 Litteraturliste Internet adresser Musik/videoer/billeder til indhold Ray Charles - Hit the road Jack: U2 / BBKING - When love comes to town Gary Moore - Still got the blues Eric Clapton - Layla (unplugged) Stevie Ray Vaughan & Double Trouble - Pride And Joy Paul Rodgers - Louisiana Blues Tina Turner - Undercover agent for the blues Tab Benoit - Louisiana Style Corey Harris - If you leave me BB king, France The Blues Brothers - Who s making love Litteraturliste - 33 af 33