Lærere: Jesper Hinchely, Merete Geldermann Lútzen, Morten Rold, Ivan Rosenvinge Frederiksen, Tue Bjerl Nielsen og Marc Kluge. Antal anslag ca

Transkript

1 1

2 Fakta ark Projekttitel: Site for a local community Projek url: wp.kleinovich.dk Banner url: kleinovich.dk/christiansoe/bornholmstidende.html Gruppe nr.: 3 Klasse: MULA13 Lærere: Jesper Hinchely, Merete Geldermann Lútzen, Morten Rold, Ivan Rosenvinge Frederiksen, Tue Bjerl Nielsen og Marc Kluge. Antal anslag ca Kamilla Klein cph-kk154@cphbusiness.dk Kia Dahlen cph-kd51@cphbusiness.dk Maria Korshøj Andersen cph-ma237@cphbusiness.dk Pia Ellenton Jensen cph-pj103@cphbusiness.dk 2

3 Indholdsfortegnelse Fakta ark 2 Indledning 4 Problemformulering 4 Motivation for valg 4 Afgrænsning og konsekvenser 4 Metode/teori 5 Product Breakdown Structure 5 Work Breakdown Structure 5 Resource Breakdown Structure 6 Økonomi 6 Interessentanalyse 7 Målgruppeanalyse 7 Risikoanalyse 8 Use case 8 Beskrivelse af Use Case 8 Attribut tabel 9 ER-diagram 10 CRUD 11 Design brief 11 Moodboard 12 Designmanual 13 Layout 13 Header 13 Farver 14 Typografi 14 Navigationsdiagram 14 Mockup 14 Plakat og flyer 15 Banner 15 Grid/linjer 16 Informationsdesign 17 Interaktionsdesign 17 Præsentationsdesign 18 Gestaltlove 18 Skrifttype 18 Billeder 18 Farver 19 Plakater og flyers 19 Online banner 19 Sponsorer 20 Funktionelle krav 20 Non funktionelle krav 21 Test case 21 Dokumentation af kode 21 Child theme 21 SEO - Søgemaskineoptimering 22 Database 22 Responsive 22 Konklusion 23 Kildefortegnelse 23 Bilag 1 - SCRUM 24 Bilag 2 - Risikoanalyse 29 Bilag 3 - Testcase 30 Bilag 4 - Koder 31 Bilag 5 - Koder 32 3

4 Indledning Til dette projekt vil vi udvikle en prototype til et website for Christiansø, som er et lille lokalt samfund. Websitet skal være med til at oplyse beboerne omkring de nyheder og aktiviteter, som der foregår på øen. På websitet skal beboerne kunne logge sig ind og have muligheden for at oprette et emne til debat. Problemformulering Hvordan skaber vi trafik og interesse på det nye website for beboerne på Christiansø? Hvordan kommunikerer vi bedst muligt nyheden om det nye informerende website ud til befolkningen på Christiansø? Hvilke krav har beboerne til websitet? Hvilken målgruppe henvender websitet sig til? Hvilke platforme egner sig bedst for at nå målgruppen? Motivation for valg Vi har valgt, at arbejde med Christiansø, da vi ser det som en udfordring, at arbejde med et lille ø samfund og hvor vi ikke selv er en del af målgruppen. Udfordringen er, at skabe interesse for det nye website blandt beboerne på Christiansø. Vi ser det, som en god mulighed for at optimere deres nuværende website med fokus på beboernes behov. Afgrænsning og konsekvenser Vi har været nødsaget til at lave nogle afgrænsninger i vores SCRUM. Vi har som udgangspunkt arbejdet ud fra SCRUM princippet og arbejdsmetoden, men vi er ikke nok medlemmer i vores gruppe til at udføre en præcis SCRUM. Se bilag 1. I forhold til vores valgte tema i WordPress, så var der også nogle begrænsninger. Vi kunne kun lave et begrænset antal widgets, da der kun var et widget area. Konsekvensen var derfor, at vi måtte ændre på vores deisgn. En konsekvens ved valget af Christiansø, som vores målgruppe er, at vi ikke kender så meget til Christiansø, og derfor ikke har det store kendskab til målgruppen, og hvilke platforme, som ville egne sig bedst dertil. Derudover er det en stor konsekvens, at vi ikke har mulighed for at besøge Christiansø, og få et indblik i samfundet. Det vil sige, at den information, som vi har til rådighed kommer fra andre, og vil derfor være præget af personlige holdninger. Det mest optimale ville være, hvis vi selv kunne have oplevet øen og dens samfund, og fået lov til at snakke med nogle af beboerne på Christiansø. 4

5 Metode/teori Til dette projekt bruger vi udviklingsmetoden SCRUM s grundprincip. Vi arbejder over 3 sprints, som er fordelt over de 3 uger, som vi har til at arbejde med projektet. Til udarbejdelse af vores offline - og online medier, benytter vi os af AIDA modellen. Vi har lavet en Use Case model ud fra vores ER-diagram, og lavet 3 beskrivelser hertil. Ud fra vores Use Cases har vi brugt CRUD matrix og foretaget nogle test cases. ER-diagrammet har vi udarbejdet ud fra attribut tabellen. Vi har benyttet os af analyserne; risikoanalyse, målgruppeanalyse og interessentanalyse. Risikoanalysen har vi inddraget under planlægningen til at undersøge hvilke risici der er, under projektet. Vi har lavet en målgruppeanalyse, for at definere vores målgruppe. Til sidst har vi lavet en interessentanalyse for at se hvem, som skal involveres i projektet. Vi har også arbejdet med gestaltlovene, præsentationsdesign, interaktionsdesign, informationsdesign, non-funktionelle krav og de funktionelle krav til websitet. Product Breakdown Structure Website: Login funktion Nyhedsbrev Forum SEO Online annoncering: Banner Offline annoncering: Plakat Flyer Work Breakdown Structure Problemformulering Planlægning Produkt Rapport Motivation for valg Afgrænsning og konsekvens Metode og Teori Research Målgruppeanalyse Interessentanalyse Website Database Offline medier Fact sheet Indholdsfortegnelse Kildeliste Efter aflevering af projektet, vil vi udføre usability tests, herunder brugertest, gangstertest og ekspertvurdering. En brugertest er en test af brugerens oplevelse af websitet. En gangstertest er en test af navigationen, for at se om brugeren kan navigere rundt på websitet. En ekspertvurdering er en test af brugbarheden i forhold til nogle retningslinjer. Her noterer man fejl osv. i et skema og tildeler det point fra 1-4. Risikoanalyse PBS WBS RBS Økonomi SCRUM Online medier ER-diagram Attribut tabel Navigationsdiagram Use Case mm. Informationsdesign Interaktionsdesign Præsentationsdesign Non-funktionelle krav Funktionelle krav Test cases 5

6 Resource Breakdown Structure I dette tilfælde skal vi, som designere, bruge en computer og internetforbindelse. Til den tekniske del skal vi bruge et domæne og en server, for at websitet kan benyttes nu og i fremtiden. Økonomi Vi arbejder frivilligt, og vi vil bruge pengene fra sponsorerne til vores online- og offline medier. Vi vil ikke bruge penge på domæne og server, da Christiansø i forvejen allerede har et domæne og server, som det nye website skal overtage. Kamilla Computer Internet forbindelse Pia Kia Maria Computer Computer Computer Internet forbindelse Internet forbindelse Projekt 4 Designere Teknisk Internet forbindelse Domæne Server Der skal reklameres for Christiansø s nye website på Bornholms Tidendes website. Her skal bannerne kører i den måned vi lancere det nye website. Der skal være 3 forskellige størrelser på bannerne, som har målene 930x180, 300x250 og 181x352. Header banneret vil koste os ca kr., det kvadratiske banner koster ca kr., og det aflange banner vil koste ca kr. ekskl. moms. Derudover vil vi gerne have hængt 3 plakater op på henholdsvis Christiansø s opslagstavle, i købmanden og på kroen og lave en flyer, som skal afleveres til beboernes husstande. Vi har fået en pris på plakaterne til ca. 537 kr. og 100 flyers af A5 papir til ca. 274 kr.. Online banner: Offline plakat: Offline flyer: I alt: kr. 537 kr. 274 kr kr. 6

7 Interessentanalyse Vi har lavet en interessentanalyse, for at finde ud af hvem, som er en del af projektet. Efter vi har fundet frem til vores interessenter, så har vi opdelt dem i 3 grupper efter hvor stor de enkeltes interesse er. 1 Styregruppen: Forsvarsministeriet (1) og administrator (2). Referencegruppen: Beboerne på Christiansø (4). Projektgruppen: Os selv (3). Forsvarsministeriet har stor indflydelse på projektet, da de styrer øen, men har en lille medvirken. Forsvarsministeriet har udpeget en administrator, som står for den daglige drift af øen. Han skal involveres i projektet med nogen indflydelse og medvirken på projektet, da han skal være inde over det. Beboerne har en stor medvirken og indflydelse på projektet, da websitet bliver udarbejdet for at optimere deres netværk og kommunikation i dagligdagen. Vi har selv stor indflydelse og har en stor medvirken på projektet, da vi står for websitets udformning, design og tilblivelse. Lille medvirken Stor medvirken 1 Digital Media Management, Fischer Harder og Oosterbaan (2013) s /12-14 Informeres Orienteres Lille indflydelse 4 Involveres 2 Høres 3 1 Stor indflydelse Målgruppeanalyse På Christiansø bor der 94 mennesker. Heraf 29 mænd og 16 kvinder er under arbejde, 25 af beboerne er pensioneret eller uden for arbejdsstyrken, og så er der 24 børn. Øen er et lille hyggeligt samfund, hvor der er en masse historiske kulisser. Der er et meget tæt sammenhold på øen, da man kommer hinanden ved og er en del af hinandens hverdag. Vi har arbejdet med Minerva modellen, og her vil vi placere Christiansø i det grønne segment. Dette bygger vi på, at de er knyttet til miljøet og føler en stærk solidaritet overfor andre mennesker. Det grønne segment fanger den befolkning, som søger det hyggelige i samfundet, og for dem der interesserer sig for kultur, skønlitteratur og naturoplevelser. Beboerne på Christiansø hører derfor til i denne kategori, da de lægger meget vægt på at lave aktiviteter med hinanden og komme hinanden nær, specielt om vinteren. Om vinteren ser øboerne mere til hinan den. Der er forskellige aktiviteter i løbet af ugen som alle kan deltage i afhængig af tid og lyst, det være sig kortspil, skydning, strik, kor eller lignende. 1 Beboerne på Christiansø hører også til i dette segment, da de har en stor interesse for miljøet og for dens kultur. Dette ses for eksempel i en udtalelse på deres website: Christiansø er en enestående smuk ø. En voldsom natur med et sceneri, som man ikke finder andre steder: havet, vinden, naturen fuglene, klipperne, udgør sammen med fæstningsbyggeriet en sjælden blanding af natur og kultur. Alt på øen er fredet, - bygninger, ringmure, bastioner, fugle og naturen. I disse historiske kulisser eksisterer i dag et lille samfund, som er indstillet på at værne om denne unikke kulturarv / /

8 Risikoanalyse Se bilag 2. Use case Læse Tilmelde sig nyhedsbrev Kontakte administrationen Startbetingelser: Der skal være internetforbindelse, og hjemmesiden skal fungere optimalt og brugeren skal være logget ind. Beskrivelse: For at oprette et emne i forummet, skal brugeren være logget ind. Herefter har brugeren mulighed for at kommentere på andres emner eller oprette sit eget emne ved at gå ind under menupunktet Forum. Undtagelser: Brugeren kan ikke oprette eller kommentere på et emne, hvis personen ikke er logget ind. Slutbetingelser: Når den ønskede handling er foretaget, så skal ændringen gemmes. Administratoren Oprette log-in Redigere indhold Oprette forum Oprette emne Kommentere emner Bruger med log-in Bruger uden log-in Beskrivelse af Use Case Navn: Oprette emne. Formål: Formålet er, at kunne oprette, læse, opdatere egne emner i forummet. ID: UC-07. Aktør: Bruger med log-in. Frekvens: Når brugeren ønsker, at administrere sine emner. Navn: Redigere indhold (admin). Formål: Formålet er, at administratoren skal kunne redigere alt på websitet. ID: UC-05. Aktør: Administratoren. Frekvens: Når der skal ændres på websitet. Startbetingelser: Der skal være internetforbindelse, og hjemmesiden skal fungere optimalt og administratoren skal være logget ind. Beskrivelse: Hvis administratoren vil redigere i indholdet, skal personen være logget ind. Herfra kan der enten klikkes sig ind på den pågældende side, som der vil rettes i, og trykke på Rediger oppe i headeren. Den anden vej er gennem kontrolpanelet, hvor man skal gå ind under sider, hvor der kan redigeres i de forskellige sider. Undtagelser: Administratoren skal være logget ind, for at redigere i indholdet. Illustrationer: Administratoren kan indsætte medier, hvis det ønskes. Slutbetingelser: Efter der er foretaget ændringer på websitet, så skal administratoren gemme, så ændringerne træder i kraft. 8

9 Navn: Tilmeld nyhedsbrev. Formål: Formålet er, at tilmelde sig nyhedsbrevet. ID: UC-02. Aktør: Alle besøgende på websitet. Frekvens: Når brugeren ønsker, at få tilsendt nyhedsbrev. Startbetingelser: Der skal være internetforbindelse, og hjemmesiden skal fungere optimalt, og brugerne skal have indtastet korrekt information. Beskrivelse: Både bruger med og uden log-in, skal have mulighed for at tilmelde sig nyhedsbrevet på forsiden, hvor man skal indtaste fornavn og . Undtagelser: Hvis brugeren ikke indtaster en gyldig . Slutbetingelser: De indtastede oplysninger gemmes, og derefter bliver nyhedsbrevet fremover sendt ud til brugerne. Attribut tabel Alfano. = Alfabet No. = Nummer Entity Attribut Value Notes Datatype Subscribers ID No. Unique no. No. Name A-Å Max. 45 char. Alfano. All char. Max 45 char. Alfano. Newsletter ID No. Unique no. No. Headline All char. Max 45 char. Alfano. Content All char. Max 500 char. Alfano. Users ID No. Unique no. No. Name A-Å Max 45 char. Alfano. Adress All char. Max 45 char. Alfano. All char. Max 45 char. Alfano. Password All char. Encryption Alfano. Forum ID No. Unique no. No. Forum_name All char. Date Timestamp Topic ID No. Unique no. No. Topic_name All char. Max 45 char. Alfano. Topic_content All char. Max 500 char. Alfano. Date Timestamp Reply ID No. Unique no. No. Reply_content All char. Max 500 char. Alfano. Date Timestamp Når man skal kontakte administrationen, så foregår det ved, at beskeden bliver sendt direkte til administratorens , og derfor er det ikke en del af vores database. 9

10 ER-diagram Vores ER-diagram består af 2 dele, da man ikke skal være logget ind på sitet for at tilmelde sig nyhedbrevet. 10

11 CRUD Entities/ usecase Læse Users Subscribers Subscribers_ has_ newsltter Newsletter Forum Topic Reply R Vores CRUD henvender sig både til brugeren og administratoren. Under Oprette emne skal brugeren være logget ind, og har derfra mulighed for at kunne oprette, læse og opdatere egne emner. Under Redigere indhold (admin) er det kun administratoren, som kan gå ind og oprette, læse, opdatere og slette i alle emner og administrere nyhedsbrevet. Tilmeld Kontakt admin. Opret login Opret forum Opret emne nyhedsbrev Kommentere emner Redigere indhold (admin) C (R) C = create R = read. U = update. D = delete (R) C R CUD R R CU R R R CUD RUD R R CRUD CRUD CRUD CR Under Kontakt administrationen er det alle, som kan kontakte administrationen. Det er ikke kun de brugere, som der er logget ind, men alle besøgende på websitet. Design brief Opstart på projekt: Mandag den 1. december 2014 kl. 08:30. Deadline for projekt: Mandag den 22. december 2014 kl. 14:00, hvor websitet skal fungere optimalt, og være tilgængeligt. Kunden: Beboerne på Christiansø. Designerne: Vi har fået til opgave, at udarbejde en prototype til et website for et lokalt samfund. Vi skal også oprette en database, som interagerer med websitet. Derudover skal vi lave nogle eksempler til offline - og online medier. Målet med projektet er, at beboerne på Christiansø skal kunne finde informationer om aktiviteter på øen, og kunne debattere med hinanden ved at oprette et emne. 11

12 Kundens ønsker: Kunden ønsker, at man skal kunne finde praktisk information vedrørende Christiansø, og kunne deltage aktivt i debatter omkring forskellige emner. Dette kunne f.eks. være nabo fester, begivenheder eller frivilligt arbejde. Moodboard Målgruppen: Vores primære målgruppe er beboerne på Christiansø, men da Christiansø er fyldt med turister i sommermånederne, så er vores sekundære målgruppe turisterne. Der skal derfor laves et menupunkt, som hedder Turist, hvor turisterne kan finde praktisk information mm.. Designernes krav til produktet: På websitet skal der være en letlæselig tekst, da målgruppen er meget bred. Vi vil bruge skrifttypen Arial, da alle kan læse den på computerskærmen. Denne skrifttype er god, da 99,84% af Windows brugere kan se den, og 98,74% af Mac brugere kan se den. Siden skal skabe en hjemlig følelse for beboerne på Christiansø ved at have fokus på naturen og de kulturelle aktiviteter. Vi vil både gøre det attraktivt for turister og øboerne, at færdes på hjemmesiden, og derfor skal siden appellere til en bred gruppe mennesker. Siden skal være enkel, så vi kun har de vigtigste informationer på websitet. Nogle af de mest væsentlige funktioner på hjemmesiden skal være, at man skal kunne finde praktisk information, tilmelde sig nyhedsbrevet og kunne debattere i forummet. Farverne, som vi vil benytte til websitet skal være en lyseblå farve, som er hentet fra himlen. I starten af projektet gik vi hver for sig, og brainstormede en masse ting, som vi forbandt med Christiansø. På vores moodboard ses bl.a. Bornholms flag, da de har en tæt kontakt til Bornholm. Derudover er der billeder af Christiansø s natur og glade børn fra skolen på Christiansø, som skal symbolisere fællesskab. 12

13 Designmanual Child: Layout Wireframesne viser websitets opbygning. Der er både et wireframe af master - og child siderne, da vores opbygning er en smule anderledes på master, frem for på child siderne. Master: Header Billedet i headeren skal skabe blikfang. Her har vi valgt et billede af Christiansø, som viser husene ned mod havnen. 13

14 Farver Den lyseblå er valgt på baggrund af farven i himlen (se header billedet på forige side) for at skabe liv på hjemmesiden. Udover den lyseblå farve har vi brugt de akromatiske farver; sort og hvid. #B2C0DB Navigationsdiagram Navigationsdiagrammeet er udviklet for at sikre, at den menu, som vi bruger, er nem for brugerne, at navigere rundt på. Velkommen Nyheder Forum Praktisk info Turist Historie Forretningslivet Kontakt Overnatning Attraktioner Typografi Arial, er en letlæselig skrift på computerskærm. Mockup Websitet er lavet med udgangspunkt i mockup en A B C D E F G H I J K L M N O P Q R S T U V X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v x y z æ ø å Overskrifter (h1) er 35px, bold. Underoverskrifter (h3) er 20px, bold. Brødtekst (p) er 15px, regular. 14

15 Plakat og flyer Vi har valgt, at lave en plakat og en flyer. Plakaten skal hænges på opslagstavlen på øen, i købmanden og på kroen. Vores flyer skal afleveres i alle beboernes postkasser. Banner Der er 3 bannere, som skal være på Bornholms Tidende s website. De skal dog ikke alle være på forsiden. Bannerne kan ses her: 15

16 Grid/linjer Master: Child: 16

17 Informationsdesign Når man opbygger et website, så handler det om, at gøre oplevelsen af websitet enkelt og overskueligt for brugeren. Det er vigtigt, at der ikke er for mange forstyrrende elementer, som kan skabe støj, da det kan medføre, at brugerne finder websitet uoverskueligt, og derfor ikke ønsker, at besøge siden. Vi har også valgt kun, at benytte de mest relevante informationer på websitet, så der ikke er for meget overflødig tekst. Beboernes krav til websitet: Brugerne skal have mulighed for at debattere. Brugerne skal kunne finde relevant information på websitet. Det skal være nemt for brugerne, at tilmelde sig nyhedsbrevet, og oprette sig, som bruger. Hovedpunkter Efter at vi har udvekslet idéer, har vi udarbejdet nogle hovedkategorier og underkategorier. Til sidst har vi defineret hvordan vores endelige resultat skal være. Forum: Her skal der være mulighed for at debattere, og man skal kunne se alle emner og opslag fra brugerne. Nyheder: Her kan man finde de seneste nyheder, som er opslået af administratoren. Praktisk info: Her skal der være information om skole, sundhed, kirke og bibliotek, og eventuelle links hertil. Turist: Hvis en turist forvilder sig ind på siden. Kontakt: Under kontakt skal man have mulighed for at kunne kontakte administrationen. Underpunkter til Turist Attraktioner: Her skal man kunne læse om kirken, museer, havnen, lokale guider, forretningslivet og naturen. Forretningslivet: Her skal man kunne læse om hotellet, restauranten, kiosken og købmanden. Historie: Her skal man kunne læse om Christiansø s historie. Overnatning: Her skal man kunne læse om teltpladsen. Ønskede resultat Det ønskede slutresultat er, at beboerne på Christiansø får en bedre mulighed for lettere at kommunikere sammen og blive opdateret på de seneste nyheder. Forhåbentlig vil alle beboerne på Christiansø oprette sig som bruger og dermed bidrage til fællesskabet. Strukturering På forsiden har vi valgt kun, at vise den mest nødvendige information, da det gør det mere overskueligt for brugeren, at anvende websitet. På forsiden vil vi arbejde meget med det visuelle udtryk, da forsiden er det første, som brugeren ser, så det er vigtigt, at det fanger deres interesse, og giver dem lyst til at udforske resten af websitet. Interaktionsdesign Det er vigtigt, at websitet er funktionelt, og at brugerne kan navigere rundt på websitet uden problemer. Det er vigtigt, at underkategorierne på websitet har det samme visuelle udtryk, så der er genkendelighed. Vi har valgt ikke, at lave underpunkter i selve menuen, da for mange underpunkter kan skabe støj og forvirring blandt brugerne, så derfor har vi valgt kun at have 5 overordnede menupunkter. 17

18 Præsentationsdesign Gestaltlove Loven om nærhed: Denne lov har vi benyttet os af i forhold til menuen, da menupunkterne er placeret sammen, så man ved, at de har en relation. Vi har også benyttet den på siderne, hvor man nemt kan se, hvilke overskrifter, som hører til hvilke tekstafsnit. Loven om lukkethed: Her kan vi især tale om footeren, som vi har givet en border-top for at markere, at her er tale om en footer. Derudover har vi også valgt, at indsætte to billeder på forsiden. De to billeder har vi valgt at sætte ind i en polaroid ramme. Dette er for at give websitet en effekt af det gamle, og fordi øen er fyldt med kultur, værdier og historie. Vi synes derfor, at det var en god måde at arbejde med billederne på, så de skiller sig ud og skaber blikfang. Det ene billede er af kirken på Christiansø, og det andet billede er af børnene fra Christiansø skolen. Vi valgte disse billeder, da det afspejler noget af kulturen og fællesskabet på øen. Skrifttype Vi har valgt, at benytte skrifttypen Arial, da den er letlæselig på computerskærmen for alle. Denne skrifttype er også valgt på baggrund af at 99,84% af Windows brugere kan læse den, og 98,74% af Mac brugere kan se den, så den er et sikkert valg, når vores målgruppe er så bred, som den er. Billeder Gennemgående på alle sider på websitet har vi valgt, at bruge et billede af Christiansø. En af de største grunde til det store antal turistbesøg er Christiansøs natur. Derfor har vi valgt et billede, hvor man både kan se land, vand, klippesten og grøn natur. 18

19 Farver Vi har valgt, at benytte den lyseblå farve til websitet, da vi har taget udgangspunkt i himlen. Vi har valgt, at holde resten af websitet i de akromatiske farver, da billedet i headeren er fyldt med farver, så vi ville skabe en kontrast til billedet, ved at beholde baggrunden i en hvid farve og teksskriften i en sort farve. Plakater og flyers Til projektet har vi også valgt, at lave en plakat, som skal hænge på opslagstavlerne rundt omkring på øen, i købmanden og på kroen. Der skal også deles flyers ud i beboernes postkasse, så de bliver opmærksomme på det nye website. Plakaten har vi valgt, at lave i A2, da den skal fange beboernes opmærksomhed. Vi har valgt, at holde både flyer og plakat i samme visuelle stil, som vores website, så man skaber en form for genkendelighed. Vores flyers har vi valgt, at lave i A5, da de skal kunne afleveres i beboernes postkasser. Plakaten har vi valgt, at dele op i 2 bokse. I den øverste boks har vi brugt den samme lyseblå farve, som vi har brugt på websitet. Den nederste boks har vi valgt, at beholde den hvide farve, da det er den farve, som vi bruger på baggrunden på websitet. Vi har valgt, at den lyseblå boks skal være i toppen, da den blå farve er taget fra himlen i vores header billede, og giver derfor god mening, at have øverst. Derudover skaber den lyseblå farve også blikfang, og nede hos købmanden eller på kroen, der er den vigtigste information, at Christiansø har fået et nyt website. Computeren har vi sat i det gyldne snit, så det er dét, som man først får øje på, når man kigger på plakaten. Vores flyer har vi valgt, at dele op i 2 bokse. I den øverste boks har vi brugt den hvide farve, som vi har brugt på baggrunden på websitet. I den nederste boks har vi valgt, at have den samme lyseblå farve, som på plakaten og footeren på websitet. Derfor har vi valgt, at lave den blå boks i bunden, da den passer til footeren. Da den lyseblå farve skaber blikfang, så giver det god mening, at placere den lyseblå farve i bunden, da man så først får øje på linket. Computeren har vi sat i det gyldne snit, så det er dét, som man først får øje på, når man kigger på vores flyer. Derfor har vi valgt 2 forskellige designs til plakat og flyer, da det skal være forskellige ting, som er blikfang på de to medier, men de beholder stadig den samme visuelle stil, som på websitet. Se billeder på side 15. Online banner Vi har valgt, at lave 3 bannere i størrelserne 930x180, 300x250 og 181x352. Vi har valgt disse størrelser, da det er størrelserne på bannerne på Bornholms Tidende s website, hvor bannerne skal være. Vi har valgt Bornholms Tidende, da der er meget trafik på siden, og der ikke findes en lokal avis for Christiansø, så derfor var det oplagt, at placere den der. Mange af artiklerne på Bornholms Tidende omhandler Christiansø, og derfor går vi ud fra, at beboerne på Christiansø også benytter websitet. Vi har valgt, at lave bannerne i den samme visuelle stil, som på vores website, så man skaber en genkendelig. 19

20 Sponsorer Nogle af øens største aktører er Gæstgiveriet og Ruth s kryddersild. Gæstgiveriet er øens restaurant, hotel, kiosk og købmand, og Ruth s kryddersild er en lokal specialitet. De to sponsorer er lokale stærke brands og kendt i lokalsamfundet. De får reklame på websitet, og vi får et lokalt stempel på websitet, og når lokale brands bakker op om en sag, vil det forhåbentlig smitte positivt af på beboerne. Brugeren skal kunne tilmelde sig nyhedsbrevet. For at tilmelde sig nyhedsbrevet, behøves brugeren ikke at være logget ind. Hvis brugeren er logget ind, vil feltet være fyldt ud automatisk. Non-funktionelle og funktionelle krav Funktionelle krav Brugeren skal kunne lave et login og logge ind på siden. Hvis brugeren vil logge ind bruges formularen nedenunder til venstre, ellers vælges registrer, herefter kommer man til formularen til højre. Brugeren skal kunne oprette et emne i forumet. For at oprette et emne, skal brugeren være logget ind. 20

21 Non funktionelle krav Validering (f.eks. ). Der skal valideres på om der er skrevet i feltet eller ej. I feltet valideres der på om der er skrevet og det har en korrekt endelse som f.eks..com Test case Ud fra vores Use Cases har vi fortaget nogle test cases. Hertil testede vi vores 6 Use Cases, hvortil 5 af de 6 blev godkendt. Den test, som ikke virkede var af nyhedsbrevet. Vi forventede, at når man tilmeldte sig nyhedsbrevet, så kom der Tak for tilmeldingen. Dette var ikke tilfældet, og derfor blev den ikke godkendt. Denne fejl har vi efterfølgende ordnet, og det virker nu. Ved at arbejde med test casen har det hjulpet os med at teste nogle af de tekniske områder på websitet, og om siden fungerede optimalt. Se bilag 3. Brugerne skal kunne tilgå sin profil 24 timer i døgnet. I bunden af websitet er der en log ind funktion. Funktionen er altid tilgængelig. Dette kræver dog at WordPress fungere optimalt. Søgemaskineoptimering (SEO). Vi har valgt, at lave en beskrivelse til hver af undersiderne ud fra sidernes indhold. Vores main keyword er Christiansø på alle sider, da det er websitets udgangspunkt. Vi har valgt nogle meta keywords som henviser tydeligt til Christiansø. Mange af vores ord indeholder ø og derfor vil SEO primært være optimeret til dansksprogede søgninger. På alle sider har vi derudover lavet en meta description som beskriver indholdet på siden. Læs mere på side 22. Dokumentation af kode Child theme Da vi havde installeret vores template Casper fra WordPress, oprettede vi et child theme. Dette gjorde vi ved at lave en ny mappe, der hed casper_childtheme. I denne mappe lagde vi et stylesheet med ovenstående oplysninger. Oplysningerne henviser til det ordinære tema. Dette gør, at vi kan redigere i temaet, og selvom temaet opdateres, så vil vores ændringer stadig gælde. 21

22 SEO - Søgemaskineoptimering Til søgemaskineoptimering har vi brugt et plugin der hedder Yoast. Alle siderne har fået en Meta description, Meta keywords og et Meta title. Meta description er den tekst, der kommer under titlen på en søge resultat side (SERP), og det er denne tekst, der skal fortælle læseren hvad der er på siden. Meta keywords er de ord, som man gerne vil findes på, når en bruger foretager en søgning på en søgemaskine. Meta title er navnet på siden, og overskriften på søge resultat siden. Responsive Det tema, som vi valgte var responsive på forhånd, men efter de ændringerne, som vi havde lavet til computer versionen, så så det ikke pænt ud i tablet og mobil versionerne. Media Query er sat til skærme med en max vidde på 600px til mobil, og 900px til tablet. Dette er de forudindstillede tal. Den nye responsive styling, som vi har lavet, ses også her i koden Database Når man tilmelder sig, som bruger på websitet, sendes informationerne til tabellen wp0_users i databasen. Tilmeldings formlen er et plugin og derfor bliver forbindelsen til databasen selv lavet. 22

23 Konklusion Websitet henvender sig til alle øens beboere og det er derfor vores målgruppe. Da vores målgruppe består af en lille gruppe mennesker, men med en bred aldersspredning skal der reklameres bredt for lanceringen af det nye website. Vi har derfor valgt både at hænge plakater op hos købmanden, på kroen og på opslagstavlen, og derudover sende en flyer ud i alle beboernes postkasser. Derudover vil der være 3 online bannere på Bornholms Tidende, da de skriver meget om Christiansø på deres website, og derfor også oplagt kan reklamere for Christiansø s nye website. Resultatet af både den online og offline reklamation skulle gerne sprede budskabet om det nye website til alle beboerne på Christiansø og give dem interesse for at undersøge det nye website nærmere. Da beboerne nu får mulighed for at få nyheder og kommunikere sammen online, vil resultatet forhåbentlig være, at trafikken og interessen for websitet vil stige i takt med at de vænner sig til de nye tiltag. Beboerne har efterlyst et sted hvor de kan finde praktisk information, nyheder og deltage i debatter og det har de nu fået. Kildefortegnelse Websites: 04/ asp 05/ / / Bøger: Digital Media Management af Louise Harder Fischer & Marie Oosterbaan

24 Bilag 1 - SCRUM 24

25 Bilag 1 - SCRUM 25

26 Bilag 1 - SCRUM 26

27 Bilag 1 - SCRUM 27

28 Bilag 1 - SCRUM 28

29 Bilag 2 - Risikoanalyse Konsekvens værdi: 1 Mindreproblem, der skaber irritation. 2 3 Problem, der forårsager forsinkelser, hvilket nødvendiggør en revision af planen og budget. 4 5 Alvorligt problem, der forhindre gennemførelsen af projektet og konsekvensen kan være lukning. Sandsynligheds værdi: 1 Ikke sandsynligt. 2 3 Muligt. 4 5 Meget sandsynligt. 29

30 Bilag 3 - Testcase 30

31 Bilag 4 - Koder SEO Responsive 31

32 Bilag 5 - Koder Database Child 32