MCTC 2009 Multimediedesigneruddannelsen 3. sem, Eksamensprojekt dec - jan 2009-2010 Erhvervsakademiet København Nord link: www.mctc.7effrey.dk Ahmad Hahmoud Besir Redzepi Garwun Jeffrey Lai 21 dec. 2009 Introduktion 1 1
Rapportens overordnede kapitler er inddelt efter faserne i den udviklingsmodel, vi gør brug af, nemlig HOME metoden. Hvert kapitel er desuden delt op i hver sin farve, så man hurtigt kan orientere sig i udviklingsprocessen. Visse billeder og modeller kan findes i en større størrelse i det medfølgende bilag. Det vil blive notificeret på siderne, hvis de findes som bilag. Indholdsfortegnelse 1.0 Introduktion 1.1.0 Indledning 4 1.2.0 Problemstilling 5 1.3.0 Problemformulering 5 1.4.0 Sådan vil vi gribe opgaven an 5 2.0 Foranalyse 2.1.0 Projektledelse 7 2.2.0 Teori 7 2.3.0 RisikoAnalyse 9 2.4.0 Interessent analyse 10 2.5.0 TOWS 13 2.6.0 Analyse af MCTC.dk 14 2.6.1 Analyse af Mc-herning.dk 15 2.6.2 Analyse af motorcykelforum.dk 16 3.0 Undersøgelse 3.0.0 Målgruppeanalyse 18 3.1.1 Kommunikationsplan 19 3.1.2 Kommunikationsmodel 20 4.0 Design 4.1.0 Design brief 23 4.2.0 System design 24 4.3.1 Use case scenario 25 4.3.2 Use case diagram 27 5.0 Realisering 5.1.0 Præsentationsdesign 29 5.2.0 Informationsdesign 32 5.3.0 Er-diagram 33 5.4.0 Usabillity test 35 5.5.0 Konklusion 37 5.6.0 Økonomi og Fremtidig 38 6.0 Andet 6.1.0 4 personer 41 6.2.0 Merchandise 43 6.4.0 Arbejdsproces 47 6.3.0 Bilag1 48 Introduktion 2 2
Introduktion Dette kapitel vil beskrive målet med opgaven og kort introducere til problemstillingen i opgaven. 1.1.0 Indledning 1.2.0 Problemstilling 1.3.0 Problemformulering 1.4.0 Sådan vil vi gribe opgaven an Introduktion 3 3
1.1.0 Indledning MC Touring Club er Danmarks største forening for motorcyklister, og har nu mere end 38.000 medlemmer. Foruden bladet Touring Nyt, kan MC Touring Club også tilbyde rabat på motorcykel-forsikring, rabat på benzin, billige campingpas, bøger, kort og meget mere. Desuden kan du møde andre medlemmer og udenlandske motorcyklister på MCTC's egen cam-pingplads på Djursland, MC Touring Camp. Du kan se noget om MC Touring Clubs egne arrangementer i Touring Nyt eller på www.mctc.dk. MC Touring Club udsender bladet Touring Nyt, som udkommer 9 gange om året. Touring Nyt er Danmarks mest aktuelle mc-blad - og målt i antal sider og distribueret oplag også Danmarks største. Touring Nyt udgiver også hvert år MC-guiden med oversigt og data over alle gademotorcykler på det danske marked. Kilde: http://www.mctc.dk/default.asp?id=18201 Introduktion 4 4
1.2.0 Problemstilling Foreningen skal have udviklet et nyt website med tilhørende database. Derudover skal funktionaliteterne på det nuværende website bibeholdes i den nye løsning. Endvidere har foreningen en forventning til at det nye website bliver mere levende ved brug af f.eks. videoklip, foto-serier osv., som alle skal være med til at sikre klubben på bedst muligvis kommunikerer sit budskab ud til sin målgruppe. Desuden er der også et ønske om, at medlemmer skal kunne få deres eget private login, med undersider specielt rettet mod dem. 1.3.0 Problemformulering: 1.4.0 Sådan vil vi gribe opgaven an Vi vil løse opgaven ved, først at undersøge klubbens budskab og finde ud af hvem de henvender sig til. Dernæst vil vi undersøge hvilke mangler, der er på det nuværende website ved bl.a. at kontakte klubben og dens medlemmer. Informationen vil gøre os klogere på hvilke services der skal tilbydes, for at brugerne begynder at føle mere ejerskab for siden. Endvidere vil vi lave en risiko- og interessent-analyse for, at undersøge hvem og hvordan ændringerne på websitet (og kommunikationen) påvirker både direkte og indirekte. Til sidst vil vi diskutere, hvor meget ændringerne vil koste foreningen. Hvordan skaber vi et website til en forening, der på bedst muligvis kommunikerer sit budskab ud til sin målgruppe samt tilbyder information og services, der skal til for, at allerede eksisterende brugere føler ejerskab for websitet? Introduktion 5 5
Foranalyse Dette kapitel vil berøre projektplanen samt byde på en analyse af foreningen MC Touring Club. 2.1.0 Projektledelse 2.2.0 Teori 2.3.0 Risikoanalyse 2.4.0 Intressentanalyse 2.5.0 Tows analyse 2.6.0 Analyse af MTCT.dk 2.6.1 Analyse af MC-Herning.dk 2.6.2 Analyse af Motorcykelforum.dk Undersøgelserne skal gøre os klogere på foreningen vi laver produktet til. Foranalyse 6
I dette afsnit vil vi beskrive, hvordan vi vil gribe opgaven an. Vi vil komme ind på, hvilken fremgangs- og udviklingsmetode vi gør brug af, for at sikre et gennemført projekt. 2.1.0 Projektledelse Udviklingsmetode Ved at gøre brug af HOME-metoden, som er en åben og helhedsorienteret metode for udvikling af multimedier, kan vi være sikre på, at vi gennemgår de nødvendige udviklingsprocesser for udviklingen af produktet. Vi vil sammen med HOME-metoden gøre brug af udviklingsparadigmet Prototype, fordi vi tror et tæt samarbejde med foreningen vil føre til et produkt, som de vil bruge i fremtiden. Paradigmet er godt, fordi vi med det samme kan lave mange slags udkast, og finde ud af hvad de egentlig gerne vil have. Ofte har kunderne nogle idéer om, hvad de gerne vil have, men har svært ved at udtrykke sig helt præcist. Ved brug af Prototype kan vi i et hvis omfang løse dette problem. 2.2.0 Teori I teori afsnittet vil vi gennemgå alle de modeller og analyser, vi gør brug af gennem hele udviklingsprocessen. I stedet for at fokusere på den tørre teori vil vi komme ind på, hvorfor vi gør brug af modellerne, og hvilke fordele vi kan drage af dem. Desuden vil vi nævne hvem, der måtte være interesseret i teori afsnittene. HOME-metoden Denne metode bruger vi som en plan over hele projektet. Den byder på mange forslag til aktiviteter og teknikker under hele udviklingsprocessen, så vi kan sikre et projekt med et fast grundlag. Dette teoriafsnit vil typisk være en interesse for projektejeren, så han kan sikre sig, at udviklingsholdet har et fast grundlag for projektet. Prototyping Paradigmet er et princip i vores arbejdsmetode. Vi analyserer og laver en prototype. Får det afprøvet og bliver klogere. På baggrunden af den indsamlede viden, laver vi en ny forbedret prototype. Sådan bliver vi ved inden for vores deadline. Er projektejeren ikke tilfreds inden da, må vi lave en ny kontrakt. Dette afsnit henvender sig til både projektejeren og udviklingsholdet, således at begge parter ved, hvordan de skal arbejde, og hvad de kan forvente af hinanden. RisikoAnalyse Analysen identificerer hvad der kan gå galt under vores udviklingsproces, og hvordan vi skal forebygge, at disse ting går galt. Afsnittet er forbeholdt udviklingsholdet. Interessentanalyse Analysen giver os et klart syn over hvilke fordele og ulemper, vores interessenter kan opleve med projektet. Derved kan vi udvikle en strategi for, hvornår og hvordan vi skal forholde os til de forskellige interessenter. Disse oplysninger er nok mest interessante for projektlederen og udviklingsholdet. Foranalyse 7
TOWS-Analyse Bruges til at identificere virksomhedens stærke og svage sider, samt muligheder og trusler der kan påvirke virksomheden udefra. Informationen vil gøre os klogere på virksomheden, og vi vil på baggrund af den viden kunne skabe en strategi, der udnytter virksomhedens stærke sider, men samtidig forsvare for de svage. Et afsnit der vil være meget interessant for produktejeren, men bruges primært af udviklingsholdet til udviklingen af produktet. Gallup Kompas Segmenteringsværktøjet gør os klogere på hvem der kunne være vores målgruppe, da den bl.a. byder på information omkring forskellige menneskegrupper segmenteret efter livsstile og værdier. På baggrund af disse informationer kan vi skabe et budskab, der kan forstås af den fundende målgruppe. Det er hovedsageligt udviklingsholdet, der gør brug af dette afsnit til målretning af kommunikationen. Lisbeth Thorlacius Ved at gøre brug kommunikationsmodellen fra Lisbeth Thorlacius, kan vi analysere andre websites for at undersøge, hvordan andre MC foreninger og klubber henvender sig til deres målgruppe. Med den viden og informationerne om målgruppen fra Gallup Kompas kan vi udarbejde den visuelle kommunikation på vores website. Dette afsnit vil være interessant for projektejeren og udviklingsholdet. Udviklingsholdet vil bruge det til, at omsætte budskabet fra tekst til noget visuelt, og projekteejeren vil bruge det til at sikre, at vi har det rette grundlag, der skal til, for at lave et vellykket produkt, der kan forstås af modtageren Use Case Use case beskrivelserne bruges til at give et indblik i, hvem der interagerer med de forskellige dele af systemet, samt hvad der sker bagom systemet ved de forskellige interaktionsmulighederne. Afsnittet er forbeholdt udviklingsholdet, således at han ved hvordan systemet skal designes og programmeres. Desuden giver det også produktejeren et indblik i interaktionssmulighederne på websitet. Navigationsdiagram Giver overblik over informationsstrukturen på websitet og hvordan brugerne navigerer rundt på sitet. Afsnittet er forbeholdt udviklingsholdet, således at de ved, hvordan informationerne skal struktureres. Usability/Brugervenlighed Vi vil lave nogle analyser for brugervenligheden på hjemmesiden for at finde ud af, om der er noget der skal gøres mere tilgængelige eller på andre måder forbedres til målgruppen. Det vil desuden gøre os klogere på målgruppens færden på websitet. Afsnittet er primært forbeholdt udviklingsholdet, således at de ved hvad der skal forbedres, men kan også bruges som dokumentation for, at brugerne kan finde ud af, at bruge websitet. Foranalyse 8
2.3.0 RisikoAnalyse Analyse der identificerer hvilke risici vi som udviklingshold kan støde på under udviklingsprocessen. Risiko Årsag Sandsynlighed Konsekvens Risikotal Handleplan Opgaven bliver ikke afleveret. Mangel på nødvendig information. Sygdom Dødsfald Findes ikke Utilgængelig i arbejdsperioden. 1=lidt sandsynligt 2=bestemt muligt 3=yderst sandsynligt 1= generende 3=skader og koster Sandsynlighed x konsekvens 10=hindrer gennemførelse 2 3 6 Længere arbejdstider Ændring i arbejdsform. 2 5 10 Finde andre udveje. Kontakte ligne sider. Forsvundne filer. Computeren gå ned, og arbejde bliver ikke gemt. Teknisk karakter Samarbejde Uenigheder dovenskab Asocial arbejdsmiljø 2 10 20 Backup af alle filer, både på hjemmeside og usb/ harddisk. 1 7 7 Kontrakt teambuilding. Kompetencer Ingen viden om emnet. 1 8 8 Søge hjælp. Foranalyse 9
I dette afsnit vil vi undersøge, hvem der vil blive berørt af det nye produkt, og hvordan vi håndterer dem der har indflydelse på udviklingsprocessen samt modtagelsen af det færdige produkt. 2.4.0 Interessent analyse Aktører: Medlemmer som er til for det sociale Medlemmer som kun bruger fordelene Ikke-Medlemmer som overvejer at blive medlem Foreningen, MCTC Andre foreninger Sponsorer Medlemmer som er til for det sociale Interessenten kan opleve følgende FORDELE ved projektet: Bedre struktur for hurtigere adgang til specifik information, samt større mulighed for social interaktion mellem medlemmer. Interessenten kan opleve følgende ULEM- PER ved projektet: Brugerne kan/vil ikke vænne sig til det nye design, og måden informationerne er blevet struktureret på. I værste tilfælde vil de melde ud af foreningen. Samlet vurdering af interessentens bidrag/ position (1-5pt): 5pt Denne interessent er vigtig, fordi de er med til at sørge for foreningens eksistensgrundlag. Det er nemlig det sociale netværk, der er kernen i enhver forening. Håndtering af interessenten: Grundet interessentens betydning, vil det være ideelt at have kontakt til interessenten under hele udviklingsforløbet i form af små møder ved hver udviklingsfase i HOME-modellen. Derved føler de, at der er med til at udvikle det nye website, som giver ejerskabsfornemmelse. Medlemmer som kun bruger fordelene Interessenten kan opleve følgende FORDELE ved projektet: Medlems fordelene bliver mere overskueligt pga. bedre strukturering af information. Interessenten kan opleve følgende ULEM- PER ved projektet: Brugerne kan/vil ikke vænne sig til det nye design, og måden informationerne er blevet struktureret på. I værste tilfælde vil de melde sig ud af foreningen. Samlet vurdering af interessentens bidrag/ position (1-5pt): 2pt De er sådan set ligeglade med foreningen og kun interesseret i fordelene som medlem. Derved vil de højst sandsynligt ikke have interesse i at bidrage til udviklingen af produktet. Håndtering af interessenten: Vi vil ikke gøre så meget ud af denne interessent pga. dens betydning. Det skal dog være muligt for interessent gruppen, at foreslå tilføjelser og ændring på baggrund af referaterne fra møderne mellem medlem og udviklere. Ikke-Medlemmer, og som overvejer at blive medlem samt motorcykel interesserede. Interessenten kan opleve følgende FORDELE ved projektet: Enklere og mere tiltalende design som skal fremme troværdigheden. Den mere logiske strukturering af informationsstrukturen, skal bl.a. gøre det nemmere at blive medlem, samt at finde ud af hvilke fordele man får som medlem. Foranalyse 10
Interessenten kan opleve følgende ULEM- PER ved projektet: Uvist om det fremtidige websites målgruppe og design samt bange for udelukkelse af websitet fremover. Samlet vurdering af interessentens bidrag/ position (1-5pt): 5pt Denne interessent gruppe er vigtig, fordi de måske er foreningens kommende medlemmer. Det er vigtigt, at give et godt indtryk. Håndtering af interessenten: Der er ikke nogle direkte måde, man kan komme ud til denne interessent gruppe. Man kunne lave en brugerundersøgelse på det nuværende website, som tillod alle at svare på nogle spørgsmål. Resultaterne kunne gøre os klogere på, hvad folk forventer på et motorcykel website som dette. Foreningen, MCTC Interessenten kan opleve følgende FORDELE ved projektet: Får flere medlemmer pga. bedre kommunikation ud til målgruppen, samt mere aktivitet på siden pga. den sociale interaktion mellem brugerne. Interessenten kan opleve følgende ULEM- PER ved projektet: Bestyrrelsen kan/vil ikke vænne sig til det nye design, og måden informationerne er blevet struktureret på. Eller de kan ikke se det nødvendige i at skifte designet på deres nuværende website. Desuden kan de risikere, at brugere selv opretter tråde i forummet, og arrangerer noget ude for klubben, fordi de måske ikke vil deltage i klubbens arrangementer af forskellige årsager. Samlet vurdering af interessentens bidrag/ position (1-5pt): 3pt Foreningen kan bidrage med lidt information og statistik over deres medlemmer. De er ikke helt den vigtigste interessent bortset fra, at det er dem, vi laver produktet til. Håndtering af interessenten: Vi vil arrangere nogle møder med bestyrelsen i starten af udviklingsprocessen således, at vi kan være sikre på, at vi har de nødvendige informationer til at skabe et website til den rette målgruppe. Desuden vil interessenten føle lidt ejerskab for det nye website, hvis vi indrager dem i nogle beslutningsprocesser under forløber. Grunden til vi ikke vil have dem indblandet under hele forløbet er, at produktejerne ofte vil styre projektet hen imod deres egne interesser. Foranalyse 11
Andre foreninger Interessenten kan opleve følgende FORDELE ved projektet: Hvis produktet bliver udviklet med et forkert kommunikationsgrundlag kan det være, at nogle medlemmer vil skifte forening samt nye (som ikke er medlem endnu) vælger foreningen fra til fordel for nogle andre. Interessenten kan opleve følgende ULEM- PER ved projektet: Produktet er så godt lavet, at det tiltrækker medlemmer fra andre foreninger. Samlet vurdering af interessentens bidrag/ position (1-5pt): 4pt De andre foreninger er vores konkurrenter, derved er det vigtigt at vise en klar adskillelse fra MCTC og de andre foreninger. Håndtering af interessenten: Vi vil analysere interessenternes sider, og gøre brug af den viden vi indsamler. Vi har ingen intentioner om, at kontakte foreningerne om udviklingen af det nye website. Sponsorer Interessenten kan opleve følgende FORDELE ved projektet: Sponsorerne vil opnå større effekt, fordi brugerne i højere grad vil være i stand til at finde ud af, hvem dér er klubbens sponsorer. Interessenten kan opleve følgende ULEM- PER ved projektet: Sponsorerne kan blive bange for at miste eksponering, fordi de føler, at de bliver godt eksponeret med det nuværende design. Desuden kan de frygte, at medlemmerne forlader foreningen pga. det nye website. Samlet vurdering af interessentens bidrag/ position (1-5pt): 2pt De kan bidrage med lidt statistik over folk der køber motorcykel osv., men ellers spiller de ikke rigtig nogle vigtig rolle. Håndtering af interessenten: Da de ikke bidrager med så meget, har vi ikke tænkt os, at gøre så meget ud af at informere dem om hele projektets gang. Vi nøjes med at informere dem om, at vi har sådan et projekt i omløb, og at de meget gerne må komme med inputs til forbedringer, som vi vil tage til overveje. Foranalyse 12
2.5.0 TOWS Ved brug af denne analyseproces har vi identificeret og analyseret virksomhedens stærke og svage sider samt de eksterne muligheder og trusler. På baggrund af analysen kan vi udtænke strategiske tiltag for MCTC. Det kan bl.a. give os et praj, om hvilken retning vores produkt skal pege hen imod. TOWS Muligheder: Øget interesse for at køre MC Øget interesse for MC i udlandet Påvirkning af andre MC klubber Flere ældre (i samfundet) Trusler: Øget konkurrence. Folk søger medlemskab hos andre foreninger Finanskrise Rockere i nyhederne Dårligt image for Motorcyklister Styrker: Fællesskab med mange medlemmer Rejser og arrangementer God økonomi: 2,2 mil overskud Danmarks største forening for Motorcykel Eget blad Promovere i flere og større medier (aviser, web og tv). Skabe merchandises som indirekte promotion. Mere promotion! Målrettet kommunikation til ønskede grupper Styrk klubbens image Understreg klubbens styrker Svagheder: Dårligt og kedeligt website Dårlig kommunikation på website Skab et bedre website med bedre kommunikation Annoncerer for nyt website i MCTC bladet Lave en sammenarbejdsaftale, med en af de andre MC klubber. Sponsor aftaler med andre MC klubber. Foranalyse 13
For at kunne lave det bedste produkt er vi nødt til at undersøge hvordan de andre gør, derfor analysere vi nogle af dem der minder om MCTC.dk. 2.6.0 Analyse af MCTC.dk Det første man lægger mærke til, når man går ind på MC touring clubs hjemmeside, er det store banner under den globale menu, som er placeret næst øverst på hjemmesiden. På banneret ser man hhv. en motorcyklist og en samling af motorcykler med nogle mennesker i baggrunden, som symboliserer det klubben står for, nemlig fællesskab og motorcykler. Foreningen gør brug af et meget klassisk layout med logo og søgefeltet placeret øverst - dog med en variation af at søgefeltet er placeret i venstre hjørne i stedet for højre, som må betyde, at der er ekstra fokus på søgninger på dette website. Se Fig.1. Under banneret er indholdet struktureret i to sektioner. Ude i venstre side finder man overskrifterne på de seneste nyheder, og på højre side finder man det information, man nu har trykket sig ind i. Lige netop på forsiden kan man som det eneste finde foreningens kontakt informationer samt dens bank informationer. Det tyder lidt på, at betaling af kontingent er det vigtigste for foreningen, eller også er det bare en indikation af, at det er hvad folk bruger web sitet til, nemlig at finde ud af konto og reg. nummer til foreningen. Det næste store man lægger mærke til lige efter banneret er et billede af et dankort. Dankortet er omringet af en boks, med titlen MC Touring Club Shop. Der er ingen beskrivelse af hvad det er, og man finder først ud af, at det faktisk er en indkøbskurv til deres netbutik, når man har bestilt en vare. Visuelt set er designet meget enkelt opbygget med klare linjer og små bokse til at adskille informationen på websitet. Enkeltheden bliver bl.a. også afspejlet i farvevalget, som faktisk kun består af grå og sort, som også er de farver vi ofte ser i motorcykel miljøet. Bare forstil dig den lækre pianolakering på motorcyklen, med de sorte gummidæk på den gråfarvet motorvej. Dominerende farver #1c1c1c #919191 Fig.1 Foranalyse 14
2.6.1Analyse af mc-herning.dk Mc-Herning er MC klub for alle i Herning, som ligeledes tilbyder medlemskab og fordele som MCTC. Det første der falder i øjnene på klubbens website er det primitive design med små skønhedsmæssige fejl, der får websitet til at ligne noget fra 90 erne. De mange tekst fyldte tabeller og et logo vist hvide baggrundsfarve overlapper designet, ser heller ikke særlig professionelt ud. Men de mange tabeller formår at strukturere informationerne rimelig tydeligt, og får desuden websitet til at overholder gestaltlovene rimeligt fint. Dernæst kan man heller ikke undgå at lægge mærke til den mørkegule farve ude i siden, på den globale menu og når de skal understrege noget vigtigt. Den gule farve symboliserer varme, glæde, optimisme, klar tankegang og mental styrke. Citatteret fra: http://elinb.dk/farvernes_betydning.htm http://www.visible.dk/videnom/farvers-betydning.php Siden er venstre stillet, hvilket gør den nem at læse, da man i Danmark læser fra venstre mod højre. Problemet med dette er, at folk får stadigvæk større computerskærme, hvilket vil medføre at websitet faktisk vil befinde sig i den ene ende af skærmen. Det var meget typisk, at hjemmesider fra 90 erne var venstre stillet som dette. Siden er åben for alle, og kræver ikke, at man er logget ind for at se alt indholdet på siden. På forsiden kan man ud over de seneste nyheder finde et dynamisk banner fra fnp.dk. Man kan spørge sig selv, hvorfor det egentlig er der. Vi går ud fra det må være efterspurgt bl.a. brugerne. Se Fig.2. Når vi går ind på hjemmesiden, går vi derfra med en fornemmelse af, at det nok ikke er en professionel, der har lavet websitet. Vi nærer ikke den store tillid til klubben pga. dette. Hele designet udstråler old school, især de grå knapper med billeder på forsiden der linker videre til andre relevante sider såsom vejret, salg/køb af mc er osv.. Mc-herning.dk (Per Nielsen (sekretær)) har svaret på nogle spørgsmål og de er glade for deres website. Fungerer jeres hjemmeside og er medlemmerne glade for det? Ja det syntes jeg faktisk den gør. Som jeg plejer at sige det. Vi ejer slet ikke frimærker så al kommunikation foregår gennem hjemmesiden og en sms service, som vi har. Vi fandt desuden frem til, at klubbens medlemmer primært bestod af ældre. Vi vil derved konkludere, at de ældre ikke er så kræsne hvad angår design og funktioner. Fig.2 Farve #cccc33 Foranalyse 15
2.6.2 Analyse af motorcykelforum. dk Det første indtryk man får af www.motorcykelforum.dk, er at det virker professionelt. Det store simple banner med de 2 forskellige motorcykeltyper på hver sin side får siden til at henvende sig til flere slags motorcykelkørere. Øverst i hvert hjørne kan man finde knapper, som linker videre til websites af samme design, men som omhandler noget andet. Under banneret i højre side finder man login felterne. Se Fig.3. Hjemmesiden er centreret og er domineret af et gråt baggrundsbillede, der skal forestille en metalmåtte - dem man ofte bruger som trædeflader i biler og motorcykle. Dernæst bruges en rød farve på den globale menu, som står i skarp kontrast til den grå farve, som derved skaber blikfang med det samme, lidt ligesom et faresignal. Derved lægger man hurtigt mærke til navigationsmulighederne på websitet. Den røde farve er faktisk den farve, der mest tiltrækker øjet. http://www.visible.dk/videnom/farvers-betydning.php Desuden bruges den røde farve i links og til at understrege vigtigheden i noget. Logoet, som faktisk bare er deres navn, er placeret midt i det store banner med en svag spejling af sig selv i bunden. Da formålet med websitet er at dele sine oplevelser og interesser med andre, vil det primært være tekst, der vil være dominerende på websitet. Vi har derfor undersøgt, hvilken skrifttype de bruger, og de gør faktisk brug af verdana, som er en udmærket skrifttype til lange tekster. Indholdet på websitet er struktureret I 3 bokse, hvor den midterste er lidt over dobbelt så stor som de andre to ude i hver sin side. Det er da også derfor, at det vigtigste indhold står i midten. De 2 andre bokse ude i siderne indeholder primært hyppigt brugte funktioner. Her finder man bl.a. login, seneste nyheder, kalender m.m.. Man får desuden muligheden for at minimere nogle af disse bokse, ved blot at trykke på et minus tegn oppe i hjørnet af boksene. Websitet virker generelt meget flot, og overholder alle Gestaltlovene. Dominerende farver #fe0000 #cccccc Fig.3 Foranalyse 16
Undersøgelse Dette kapitel vil berøre projektplanen samt byde på en analyse af foreningen MC Touring Club. 3.0.0 Målgruppe analyse 3.1.1 Kommunikationsplan 3.1.2 Kommunikationsmodel Undersøgelserne skal gøre os klogere på foreningen vi laver produktet til. Undersøgelse 17
I dette afsnit vil vi komme ind på hvem der er interessanten og hvad de ellers beskæftigere sig med. Igennem spørgeskemaer vil vi fået et bedre billede af interessanten. 3.0.0 Målgruppeanalyse Da MCTC er Danmarks største MC forening, og antallet af medlemmer teoretisk udgør 27 % af ejede motorcykler i Danmark, bruger vi data og statistik fra MCTC til at skabe et billede, hvordan målgruppen demografiske ser ud. Dernæst vil vi lave nogle spørgeskemaundersøgelser, for at komme tættere på vores målgruppe. Til sidst kan vi ud fra alle de indsamlede informationer prøve at lokalisere dem i Kompasrosen fra Gallup, som vil gøre os endnu klogere på målgruppen. Motorcyklister Interessenten består primært af mænd mellem 31-60år, som har en stor interesse for motorcykler. De er sågar entusiaster, på sådan et teknisk højt niveau, at de anser motorcyklen som noget æstetisk. Og som enhver entusiast er de også interesseret i små gadgets. I deres fritid surfer de rundt på forskellige motorcycling communities for at holde sig opdateret, men også for at møde andre med samme interesse. Derfor er der bl.a. ofte et også stort fremmøde på diverse udstillinger/messer og andre arrangementer der omhandler små ture og motorcykler. Frihed og naturoplevelse betyder rigtig meget for dem, og findes der noget bedre end at dele den med nogle? Derfor kører de ofte i grupper, hvor de bl.a. deler erfaring om motorcykelkørelse, gør-det-selv projektor og andet lignende. Man finder hurtigt ud af, at der hersker et helt specielt broderfællesskab blandt interessent gruppen. Interessenten breder sig på den nordøstlige del af Kompasrosen, hvor de individ-orienterede segmenter hersker. Det er uafhængige mænd som er meget orienteret omkring om deres køn, og som holder fast på nogle grundlæggende ideer. F.eks. så har de altid handsker og veste på, som et kendetegn, når de kører motorcykel. Det viser sig, at Mange nye motorcyklister har også en bil og kører kun hyggekørsel på motorcyklen i ny og næ. Kilde: http://www.rayven.dk/ flere_k%c3%83%c2%b8rer_galt_p%c3%83%c2%a5_ motorcykel-a-57.html?tpath=2. Det giver en indikation af, at motorcykelejere ofte har et fast job hvor økonomien kan dække udgifterne til disse goder. De har sikkert også haft stiftet familie, siden der er blevet råd til motorcyklen, som er blevet købt for at opfylde drengerøvsdrømmen. På baggrund af en undersøgelse fra Århus Kommune og en artikel fra Urban, så tror vi, at sådan en familie har en bruttoindkomst omkring 500.000 kr. http://www.aarhuskommune.dk/portal/borger/kort_ statistik/aarhus_i_tal/trafik http://www.e-pages.dk/urban/545/19. Undersøgelse 18
3.1.1 Kommunikationsplan Vi har valgt, at gøre brug af en kommunikationsmodel Lisbeth Thorlacius har udviklet. Fordelen ved netop denne model er, at den sætter fokus på det visuelle udtryk i websites, som mange andre kommunikationsmodeller ikke gør. Desuden skaber den overblik over de aktører, der er indbladet i vores kommunikation. Kode Alm. Talesprog. Kontekst Alm. Talesprog og stilmæssigt ligge sig op af andre MC websites. Mediet Unikt design og Hierarkisk informationsstruktur. Faktisk afsender Implicit afsender Produkt Implicit modtager Faktisk modtager Os som designer og udvikler for websitet. MC Touring Club. Informations og community website. Motorcykel interesserede. Motorcykel interesserede. Undersøgelse 19
I dette afsnit vil vi gå i dybden med kommunikationsmodellen.vi kommer ind på kommunikationsmodellen fra Lisbeth Thorlacious, som vil give os et overblik over de analytiske redskaber inden for tekniske og funktionelle aspekter. 3.1.2 Kommunikationsmodel: Ved at anvende kommunikationsmodellen fra Lisbeth Thorlacious, vil det give os et overblik over de analytiske redskaber inden for tekniske og funktionelle aspekter. En sådan model ville give os, webdesignere, metodiske muligheder for at planlægge og udarbejde websites, hvor æstetiske virkemidler understøtter både indholdet og funktionaliteten. Modellen har været anvendt, som en plan til udarbejdelse af den visuelle kommunikation på vores website samt analyse af andre websites. Oplysningerne fra Gallup kompas har været grundlaget for den visuelle kommunikation. Dette har bl.a. givet os et indblik i, hvem og hvordan virksomheder henvender sig til, og hvordan de gør det. Afsender: Vores primære opgave som den implicitte afsender er at skabe et æstetisk udtryk, som er i overensstemmelse med foreningens ønskende udtryksstil. Ved hjælp af den ekspressive og emotive funktion, vil vi skabe et professionelt og troværdigt website til foreningen MCTC, hvilket også er den faktiske afsender. Ved brug af Den anden emotive funktion vil dette komme til udtryk når vi, som afsender ønsker, at skabe følelser og holdninger hos modtageren. Det er vigtigt, at modtagerne får det indtryk af, at det er en troværdig og professionel hjemmeside, da det kan være afgørende for foreningens image. Modtager: Ifølge Thorlacius omfatter den konative funktion de henvendelsesformer, som afsender benytter sig af. Vi har valgt, at gøre brug af den konative kommunikationsfunktion ved hjælp af spændende billeder, reklame bannere m.m., som skal pirre modtagernes nysgerrighed. Dette vil skabe en konativ funktion, hvilket skal resultere i at modtagerne vil skride til handling ved at klikke sig ind på billederne for at læse mere. Modtagere kan få behov for yderligere hjælp eller personlig henvendelse omkring nogle oplysninger på hjemmesiden. Derfor vil vi bruge følgende interaktive funktioner: Den konverserende: Skal skabe muligheden for en to-vejs-kommunikation mellem afsender og modtager. F.eks. i form af en chat/mail Den konsultative: Det er typisk i form af en søgefunktion. Modtageren indtaster et søgeord, og systemet kommer så tilbage med et svar. Den transaktive: Det vil være gennem foreningens netbutik, hvor medlemmerne kan købe diverse merchandises osv.. Produktet: Vi vil benytte os af Den formale æstetiske kommunikationsfunktion, der ifølge Lisbeth Thorlacious opfattelse er det visuelle udtryk - altså evne til at formidle den æstetiske oplevelse. Oplevelsen af vores produkt skal helst være positivt og ikke mindst homogent. Derved kan vi sikre os, at modtagerne oplever det samme. På denne måde kan vi mindske risikoen for en negativ oplevelse af produktet. Derfor gør vi heller ikke brug af den æstetiske funktion, da vi føler, at den er risikofyldt. Undersøgelse 20
Konteksten: MCTC er Danmarks største MC klub med over 30.000 medlemmer spredt rundt i Danmark. Derfor vil vi ved brug af den referentielle funktion så vidt muligt sørge for, at alle medlemmerne vil kunne forstå formålet og budskabet med websitet. Dette kan gøres ved brug af bestemte Ikoner, indeks og symboler, som alle forstås ens uanset hvor man bor i landet. I form af den intertekstuelle funktion, vil vi gøre brug af visuelle virkemidler, hvilket man forbinder med motorcykler og lignende. Mediet: Mediet er vigtigt set i forhold til at den fatiske funktion, som spiller en stor rolle i vores produkt. Forstået på den måde at vores modtager hurtigt skal kunne identificere virksomheden bag websitet. Derfor vil vi prøve at skabe et unikt design, som måske kunne gå hen og blive et kendetegn for virksomheden. Vi vil gøre brug af en hierarkisk informationsstruktur, da det if. Lisbeth Thorlacious er den bedste måde at strukturer store mængder af information på. Koden: Med dette produkt vil vi vise, at MTCT er en forening for medlemmer, og en forening som interesserer sig for alt, hvad der har med motorcykler at gøre. Vi kan ved brug af den metakommunikative funktion, kan vi understrege at budskabet på deres nuværende website ikke er formidlet helt optimalt. Derfor skal vi forny koden, og den intersemiotiske funktion i modellen foreslår, at vi skal implementere noget nyt for at indikere den nye tid. Vi vil derfor lave et nyt logo, tilføje nye billeder og skabe et forum med spændende debatter. Alt det har til formål at understrege, at dette er et moderne website for alle der måtte have interesse for motorcykler. Undersøgelse 21
Design Dette kapitel vil primært byde på beskrivelser af produktets indvendige og udvendige design. 4.1.0 Design brief 4.2.0 System design 4.4.1 Use case scenario 4.4.2 Use case diagram Ud fra forrige kapitel ved vi nu hvilke krav vores målgruppe stiller til produktets design. Design 22
Design briefet skal give os en idee af hvordan websitet skal se ud. Derfor er det vigtigt at se tilbage på de undersøgelser vi lavet af de andre website. 4.1.0 Design brief Der skal udvikles et website med det formål, at målgruppen skal se websitet, som en smart og hurtig måde at udveksle viden, diskutere eller bare snakke sammen. Det vigtigste er, at websitet forbinder brugerne i sociale aktiviteter på siden, men også gør det muligt, at der skabes aktivitet udenfor websitet. Websitet skal have et troværdig og anstændigt look for at få flest mulige medlemmer. Desuden ønskes det at få brugeren til at føle sig på sin motorcykel, når han besøger sitet. skal det være tydeligt, at kunne skelne mellem kommerciel annoncering og ikke-kommerciel annoncering. Logo og søgefunktionen skal placeres samme sted, som så mange andre kendte MC- klubber. Det udviklede websitet skal primært henvende sig til mænd mellem 31-60år, som har en stor interesse for motorcykler. Sitet skal være letlæseligt og overskueligt med anvendelse af en font, der findes på de fleste computere. Der må ikke være for mange forstyrrende elementer, der påvirker brugeren på en negativ måde. Nyheder og arrangementer skal være nemt tilgængelige, og navigationsmulighederne på websitet skal være tydelige. Brugeren skal til enhver tid kunne danne sig et overblik over, hvor på siden han befinder sig på websitet. Desuden Design 23
I dette afsnit vil vi berøre websitets funktioner og interaktionen mellem aktørerne i systemet. Dette vil skabe oversigt over websitet og dets funktioner. 4.2.0 System design Det er vigtigt at understrege, at man skal være logget ind for at gøre brug af alle mulighederne på websitet. På det nye website skal det være muligt, at oprette en gratis bruger, som man kan bruge i 30 dage. Herefter kan man vælge at betale kontingentet for det fulde medlemskab. I de 30 dage kan man bruge siden fuldt ud, bortset fra at man ikke kan drage nytte af klubbens mange sponsor-fordele. Vi har valgt at gøre det således, så vi kan skabe overblik over hvilke slags folk, der har interesse for websitet. Derved kan vi skabe en større statistikbank, som nu indeholder statistik for alle interesserede og ikke kun for eksisterende medlemmer. Desuden gør det brugerne mere trygge at færdes på siden, fordi det er en lukket side, hvor alle brugerne kan se, hvem de skriver med i f.eks. et forum. Man ser denne måde brugt på mange sociale websites. Facebook er et godt eksempel. På Facebook skal man også oprette en bruger, før man kan se dens muligheder og se hvad andre snakker om (hvis du er ven med dem). Design 24
Beskrivelserne i use case scenarierne beskriver hvad der sker bagom websitet, når aktørerne interagerer med systemet. Derudover skal scenarierne give programmøren en grundlæggende idé for, hvorledes databasen skal designes og sidst programmeres til websitet. 4.3.1 Use case scenario Foranstaltning: Bruger skal være medlem/administrator og logget ind. Læs forum Bruger Klikker ind på undersiden Forum Oversigt. System Bruger System Henter undersiden Forum og henter emner på fora fra database tabellen Forum. Klikker på ét emne på et forum. Henter underside Forum og henter indlæg fra pågældende forum fra database tabellen Forum. Opret forum Bruger Klikker ind på undersiden Forum Oversigt. System Bruger System Bruger System Henter undersiden Forum Oversigt og henter emner på fora fra database tabellen Forum. Klikker Opret Forum. Henter underside Opret Forum og henter database tabellen Forum. Indtaster emne og kategori i tekstfelter, og trykker Gem. Informationerne sættes ind i database tabellen og gemmes. Opret indlæg forum Bruger Klikker ind på undersiden Forum Oversigt. System Bruger System Bruger System Henter undersiden Forum Oversigt og henter emner på fora fra database tabellen Forum. Klikker på ét emne på et forum. Henter underside Vis Forum og henter indlæg fra pågældende forum fra database tabellen Forum. Indtaster kommentar/indlæg nederst på siden i tekstboksen og trykker Gem. Informationerne sættes ind i database tabellen Forum_Indlag. Vis arrangement Bruger Klikker ind på undersiden Arrangement Oversigt. System Bruger System Henter undersiden Arrangement og henter titler på arrangementer fra database tabellen Arrangement. Klikker på én titel på et arrangement. Henter underside Arrangement og henter information om pågældende arrangement fra database tabellen Arrangement. Design 25
Tilmeld/Afmeld arrangement Bruger Klikker ind på undersiden Arrangement Oversigt. System Bruger System Bruger System Henter undersiden Arrangement og henter titler på arrangementer fra database tabellen Arrangement. Klikker på én titel på et arrangement. Henter underside Arrangement og henter information om pågældende arrangement fra database tabellen Arrangement. Klikker på knappen Tilmeld / Afmeld. Brugeren bliver tilskrevet/fraskrevet arrangementet i database tabellen Deltagere. Foranstaltning: Bruger skal være administrator og logget ind. Opret/Redigér arrangement Admin Klikker ind på undersiden Opret/Redigér Arrangement System Admin System Henter undersiden Opret/Redigér Arrangement og henter database tabellen Arrangement. Indtaster/redigerer informationer om arrangementet i tekstfelterne, og trykker Gem. Informationer sættes ind i database tabellen Arrangement. Opret/Redigér aktivitet Admin Klikker ind på undersiden Redigér Arrangement. System Admin System Admin System Henter undersiden Redigér Aktivitet og henter database tabellen Aktiviteter. Klikker ind på Opret/Redigér Aktivitet. Henter undersiden Opret/Redigér Aktivitet og henter database tabellen Aktiviteter. Indtaster/redigerer beskrivelse og notater til arrangementet i tekstfelterne, og trykker Gem. Informationer sættes ind i database tabellen Aktiviteter. Opret/Redigér opgave Admin Klikker ind på undersiden Redigér Arrangement. System Admin System Admin System Admin System Henter undersiden Redigér Aktivitet og henter database tabellen Aktiviteter. Klikker ind på Opret/Redigér Aktivitet. Henter undersiden Redigér Aktivitet og henter database tabellen Aktiviteter. Klikker ind på Opret/Redigér Opgave. Henter undersiden Opret/ Redigér Opgave og henter database tabellen Opgaver. Indtaster/redigerer beskrivelese og notater til arrangementet i tekstfelterne, og trykker Gem. Informationer sættes ind i database tabellen Opgaver. Design 26
Dette forsimplede diagram illustrerer de forskellige aktøreres interaktionsmuligheder på websitets system. Diagrammet er visualiseret ud fra use case scenarierne på næste side. 4.3.2 Use case diagram Læs Forum Opret Forum Opret Forum Indlæg Opret Arrangement Tilmeld Arrangement Medlemstyper 30 dags prøve Fuld medlemsskab Medlemmer Tilmeld medlemmer til Opgaver Opret salgs- og købsannonce Opret Nyhedsindlæg Administrator Administrator har udover sine egne muligheder, de samme som ethvert medlem. Rediger Nyhedsindlæg Bliv Medlem Opret underside Ikke-Medlem Rediger Bruger Design 27
Realisering Dette kapittel vil byde på den sidste del af udviklingsprocessen, og vigtigst af alt komme med konklusionen 5.1.0 Præsentationsdesign 5.2.0 Informationsdesign 5.3.0 Er-Diagram 5.4.0 Usabillity test 5.5.0 Konklusion 5.6.0 Økonomi og fremtidig kommunikation Ud fra de forrige kapitler vil dokumentere udviklingen. Realisering 28
I dette afsnit vil vi beskrive det færdige website. www.mctc.7effrey.dk Se bilag 1 side 45 5.1.0 Præsentationsdesign Vi har valgt at holde os til K.I.S.S konceptet for at holde websitet simpelt og overskueligt. Derved kan brugeren koncentrere sig mere om, at være aktiv på sitet i stedet for at være konstant irriteret over forstyrrende elementer eller lignende. Derudover har vi prøvet, at implementere følelsen, af at køre motorcykel op vores website. Det har vi bl.a. gjort ved, at benytte os af et baggrundsbillede af noget asfalt, da det er noget motorcyklisterne ofte ser, når de er ude og køre. Ideen bag billedet er, at genbruge elementer fra motorcyklisternes miljø, da det vil få siden til at se meget mere spændende og indbydende ud, da de vil kunne genkende det fra deres eget miljø. Desuden vil vi sørge for, at gestaltlovene er overholdt f.eks. Lighed (font, farve), lukkethed (indenfor farvefelter) og nærhed (punkterne står tæt og på linje). Logoet er placeret oppe i øverste venstre hjørne - ret klassisk og det er det første, man ser efter, at man er blevet påvirket af banneret, idet det er det første punkt i læseretningen. MCTC s oprindelige logo er blevet ændret, fordi klubben trængte til fornyelse. Desuden passer det nye logo meget bedre ind med det nye. Søgefunktionen er ligeledes placeret det klassiske sted ude i højre side. På forsiden ser man et billede af en motorcykel sammenkoblet med et motorcykeltræf, som skal signalere hvad websitet handler om, nemlig fællesskab og motorcykler. Herpå har vi desuden gjort noget af teksten rødt for at understrege det vigtige, men også for at skabe opmærksomhed omkring det. Vi gør brug af samme princip omkring den røde farve som på motorcykelforum. dk. Top-baren og footeren besidder en grålig farve, der fader over i sort, fordi der på denne måde skabes en stærkere kontrast til den hvide side. Den grå farve er valgt på baggrund af, at websitet handler om motorcykler med sorte gummi dæk på grå motorveje. Ifølge visible.dk kan den grå farve også bruges ved ting der symboliserer: materielle værdier og teknologi. kilde: (http://www.visible.dk/v idenom/farvers-betydning.php) Derudover har vi valgt den grå farve, fordi vi gerne vil bevare nogle af de elementer fra det gamle website. Derved bliver overgangen fra det nye website til det gamle ikke alt for stort. Desuden bruger motorcykelforum.dk også den grå farve, som kunne gå hen og afspejle metal/ krom farven man finder på motorcykler. Kilde: Jesper Koppel: Jeg synes også det er fint, I bevarer klubbens tradition vedr. billeder, nemlig at fokusere på individualitet (lækre motorcykler) og det sociale (MC-træf). På forsiden kan man oprette en bruger. Boksen med udfyldningsfelterne til oprettelse af en ny bruger er udseendelsesmæssigt den samme som de nederst på siden. Den eneste forskel er at denne boks er større end de andre, fordi den er vigtigere. Hovedformålet med forsiden er nemlig, at lave en bruger eller at logge ind. De 3 bokse nederst på forsiden skal give brugere, som ikke er logget ind/ikke medlemmer, et hurtigt overblik over nyheder og fordele. Realisering 29
På den midterste af boksene kan man se de seneste oprettede brugere. Det skal gøre det nemmere at skabe social kontakt, og sørge for at de nye brugere får en god modtagelse. Det gør det også nemmere, at skabe social kontakt idet folk kan slå dig op for, at lære mere om dig. Sagt med andre ord, så snart du har oprettet en ny bruger, vil du være i rampelyset. Login funktion er den funktion, som vil blive brugt mest på websitet. Det er derfor også den vigtigste og står øverst på forsiden. Denne placering er typisk for login funktionen på mange andre website, hvilket gør at den hurtigt bliver genkendt på vores. Når man er logget ind ser man at den gråhvidlige bjælke er rykket et hak ned, og der er kommet et bannerlignende element med nogle motorcykler, for at signalere at fællesskab. Billedet smelter sammen med baggrunden for ikke at stjæle overblikket over indholdet på siden. Det ses nu, at der på den grå-hvidlige bjælke er opstået en global menu. Denne menu er placeret ved siden af logoet, således at det er blandt noget af det første, man lægger mærke til på websitet. Indholdet på siden besidder 2 indholdsbokse, en lille og en stor placeret hhv. højre og venstre med en gradient i headeren ligesom mctc.dk. Vi har valgt at bruge 2, og ikke 3 som motorcykelforum.dk, fordi det giver et bedre overblik. Den store indholdsboks, som indeholder de seneste nyheder, er i venstre side pga. læseretninger er fra venstre mod højre. Derved bliver denne indholdsboks læst først. Dernæst har vi placeret den lille indholdsboks i højre, som indeholder små oversigter over seneste nyheder, arrangementer og lignende. Vi har på vores site, ligesom på motorcykelforum.dk, gjort det muligt at personificere sin egen startside i form af, at man kan minimere dét indhold, man ikke vil læse. Desuden har vi taget højde for, at lange tekster ikke er særlig interessante, derfor vil man på startesiden, når man er logget ind, kun blive mødt af overskrifter på nyheder med tilhørende tekster i forkortet version. Vi bruger Verdana som vores skrifttype, fordi den er specielt udviklet til skærmbrug. Faktisk så læser man hele 25% langsommere på computerskærm sammenlignet med dét at læse fra papir. Vi er blevet inspireret af mctc.dk og motorcykelforum.dk, fordi de formidler deres information på en overskuelig måde, men også fordi begge sider har utrolig mange medlemmer. Se Bilag 1. kilde: (udvikling af multimedier side 143 & 144) Tekst-farver #666666 #000000 #c60910 Verdana A B C D E F G H I J K L M N O P Q R S T U V W 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 w x y z 1 2 3 4 5 6 7 8 9 0! # & / ( )?., - + @ * < > \ = { } [ ] Realisering 30
Logo Vi har valgt at skabe et nyt logo, fordi vi mener klubben har brug for en fornyelse. Hele foreningens navn - MC Touring Club er nu en del af logoet, hvilket det ikke var førhen. Det nye logo afspejler desuden det nye websites farver, for at gøre det en del af designet. C et I MC er formet som en hjelm for at afspejle sikkerhedsværdierne, da det er noget af det allervigtigste, når man er ude og køre på vejene. Fonten der er blevet brugt til at skabe logoet bortset fra C et - hedder Optima. Fonten har ikke fødder, men er stadig lidt kraftigere for, at vise at det er et logo, og ikke almindelig tekst. Touring Club Realisering 31
I dette afsnit kommer vi ind på sidens struktur og mulihgheder. 5.2.0 Informationsdesign Vi har valgt at strukturere vores information efter en hierarkisk træstruktur. Ifølge Lisbeth Thorlacious kommunikationsmodel vil dette være den bedst mulige måde at strukturere et website på, da det vil være nemt og overskueligt for brugeren. Man skal være logget ind før, man rigtig kan foretage sig noget som helst på websitet. Når man er logget ind, ser man velkomstsiden med de seneste nyheder. Det er nu muligt, at navigere rundt på de 5 menupunkter på den globale menu: Nyheder, Forum, Netbutik, Kalender og Køb og salg. Øverst oppe er der links til forskellige undersider med hvert deres respektive indhold, som primært omhandler noget om websitet eller foreningen. Her finder man bl.a. også websites sitemap, så brugerne altid kan orientere sig, hvad og hvor de befinder sig på websitet. Køb og salg opret/fjern salg Netbutik Sitemap Om MCTC Kontakt Fordele Forside Admin Ikke bruger Bruger Kalender Opret/redigere arrangement Opret /redigere nyheder Opret/redigere kalender Opret/redigere bruger Fordele Glemt kode Om MCTC Opret bruger Køb og salg opret/fjern salg tilmeld/afmeld arrangementer Forum Redigere/slet indslag i forum Kalender Netbutik Sitemap Om MCTC Kontakt Fordele Nyhed tilmeld/afmeld arrangementer Realisering 32
Dette diagram viser hvordan de indbyrdes tabeller i databasen er struktureret, og hvorledes de er i stand til at skabe referencer til hinanden. 5.3.0 Er-diagram Vi har så vidt muligt designet efter de første tre normaliseringsformer: 1NF (Første normalform) vedrører måden man designer database tabellerne. Alle feltværdier skal være udelelige (atomic), og alle gemte records skal være unikke. 2NF (kræver 1NF) vedrører også tabellens design, men simpliciferer tabellen. Alle ikke-nøglefelter der ikke er afhængige af primær-nøglen (primary-key) i tabellen, skal stå i en anden tabel. 3NF (Kræver 2NF) vedrører hele database designet. Der må ikke skabes indirekte afhængigheder (dvs. ingen af ikke-nøglefelter (i tabel1) er afhængig af et andet ikke-nøglefelt (tabel2) som til gengæld er afhængig af et nøglefelt (i tabel3)). Som det kan ses skabes der tit relationer til vores Medlemmer tabel, og det er bl.a. fordi, at der skal være meget fokus på hvem der gør hvad og hvornår. I et website som vores, som tilstræber værdierne fra web2.0 bliver databasen hurtig rimelig stor, og vi har derfor begrænset os til, at lave nogle af de basale ting, vi mener er absolut nødvendige for at opfylde websites formål. Som det kan ses af i Medlemmer bruger vi mailen som brugernavn, når medlemmerne skal logge på siden. Vi har desuden valgt, at give forskellige rettigheder til forskellige bruger afhængig af deres rolle. F.eks. har administratoren fuld rettigheder til alle funktioner, og den alm. bruger kun rettigheder til oprettelse af fora og annoncer. Den alm. bruger er desuden inddelt i Fuld Medlemsskab og 30 dags prøve, men de har sådan set de samme rettigheder. Realisering 33
Er-diagram ANNONCE ID fk_medlemmer Overskrift Dato Tekst ARRANGEMENT ID Titel Beskrivelse St_dato Sl_dato fk_medlemmer (Opretter) 1 1 MEDLEMMER ID Fornavn Efternavn Alder Kon (køn) Motorcykel Telefon (nummer) Addresse Postnummer (by) Sidst logget ind Rolle (Admin, alm. bruger) Mail (brugernavn) Adgangskode Billede DELTAGERE ID fk_arrangement fk_medlemmer Status Dato AKTIVITETER ID fk_arrangement Emne Beskrivelse (+ notater) Sted St_dato Sl_dato 1 1 NYHED ID Overskrift Tekst Dato FORUM_INDLAG ID fk_forum fk_medlemmer Overskrift Kommentar Dato OPGAVER ID fk_aktiviteter fk_medlemmer Emne Beskrivelse 1 SIDER ID Overskrift Tekst FORUM ID Emne Kategori Dato Tekst Realisering 34
5.4.0 Usabillity test Gangster test: Indikation: Point Denne information fremgår slet ikke af undersiden 0 Denne information er svær at finde på undersiden 2 Denne information fremgår forholdsvis tydeligt på undersiden 3 Gennemsnit Denne information fremgår meget tydeligt på undersiden 4 Bruger 1 Bruger 2 Bruger 3 Bruger 4 Bruger 5 Bruger 6 Spørgsmål: Point: Point: Point: Point: Point: Point: Point: Hjemmeside: Hvilken hjemmeside er jeg på? 3 3 3 3 3 3 3 Underside: Hvilken underside er jeg på? 3 2 3 2 2 2 2.3 Sektioner: Hvilke overordnede sektioner findes på denne hjemmeside? 3 2 3 1 3 2 2.3 Lokal navigation: Hvad er mine muligheder på dette niveau? 3 2 2 3 3 2 2.5 Du er her -indikator: Hvor er jeg i den samlede struktur? 3 2 3 2 2 2 2.3 Søgefunktion: Hvor kan jeg søge? 3 3 3 3 3 3 3 Realisering 35
Ekspert test: Vi har lavet denne test på 4 personer fra målgruppen, og har samlet alle fejlene her, hvor brugerne ligeledes har vurderet fejlene fra 1-4, hvor 1 pt er mildt og 4 pt er slemt. Fødselsdato format (4pt): Det er uvidst hvordan, man skal skrive sin fødselsdato når man opretter sig som bruger. Mangel på tilbage knapper: (2pt): På nogle sider kan man ikke komme tilbage til den side man kom fra. Profil billede (4pt): Kravet om at indtaste url til et billede besværligt og uklart for mange. Det skal være muligt, at uploade et billede fra sin computer. Logud knappen (2pt): Logud knappen er svær at finde for nogle. Sletning af ting (4pt): Der bør være en dialog boks, der kræver bekræftelse når man sletter ting. Annoncer (2pt): Folk bliver forvirret over, at der er en redigerings knap selvom man ikke har oprettet en annonce. Intro side (1pt): Folk er kede af at man ikke kan se nyheder for mctc.dk, hvis man ikke er logget på. Skrivefeltet(1pt): Skrivefeltet er for lille. Advanceret skrive-funktion (2pt): Mange synes at der er for mange muliheder i skrive funktionen, de bliver forvirret og der skal slettes nogle knapper. Reklamebanner(2pt): Bannerne genere øjet som gør det svært at koncentrer sig om teksten. Skab din egen side(2pt): Den gemmer ikke indstillingerne for de mininmerede emner hver gang du logger ind og ud. Realisering 36
5.5.0 Konklusion Vi har ved brug af Gallup Kompas fundet frem til, at målgruppen for MCTC primært består af mænd i alderen 31-60 år fordelt ud på segmenterne moderne, individ- og moderne-individorienterede. Dernæst har vi på baggrund af spørgeskemaundersøgelser fundet frem til, at fællesskab betyder rigtig meget for dem. Derfor har vi på websitet bl.a. implementeret et forum, som skaber social kontakt på nettet. Derudover byder forummet den enkelte bruger muligheden for at føle ejerskab, da det sådan set er dem der styrer indholdet derinde. Derud har vi lavet et arrangement kalender, hvor man kan tilmelde sig forskellige arrangementer. Ved brug af Thorlacious kommunikationsmodel har vi analyseret andre websites, og fundet ud af, at websitet skal være simpelt og overskueligt. Derfor er tingene på websitet placeret som på så mange andre websites. Ligeledes er teksterne så vidt muligt gjort korte og overskuelige. Ved at bruge at genbruge elementer fra motorcyklisternes miljø, har vi skabt et unikt website, som fremkalder følelsen af at køre på motorcykel. Denne æstetiske oplevelse er essentiel for enhver motorcykelentusiast, som netop er vores målgruppe. Personlig Refleksion Vi føler, at dette projekt har gjort os klogere på, hvordan man målretter sit budskab til en målgruppe til en meget bred målgruppe. Det har været stort og kompliceret, og har indebåret rigtig meget analyse arbejde, for at komme så tæt på målgruppen som muligt. Derudover har programmeringsdelen også været rigtig hård, da vi er rimelig grønne på området. Men vi føler, at vi har fået udviklet et produkt, som målgruppen vil blive glade for. Realisering 37
5.6.0 Økonomi og Fremtidig kommunikation Magasiner som MCTC udsender 9 gange om året, skal være klubbens hovedindtægt. Det er en rigtig god måde, at nå ud til medlemmerne, da det ikke er alle, der har lyst til at sidde foran computeren for at læse. Vi mener desuden, at man skulle satse så meget på magasinet, at det skulle være muligt, at købe bladet i kiosker m.m., for at nå endnu bredere ud. Det er især her, magasiner henter nye læsere. Dernæst opfordrer vi, at man i bladet henvise til websitet, hvor man kan skabe debatter om artiklerne, da målgruppen godt kan lide, at snakke om alt hvad der har med motorcykler at gøre. Man skulle desuden prøve at have noget eksklusivt på websitet, hvor man virkelig gør brug af internettet som medie. Her forestiller vi os bl.a. nogle små videoer fra deres ture, eller måske nogle video anmeldelser fra årets største messer og udstillinger. Man kunne også forestille sig, at man promovere mere i offentligheden med nogle reklamer på de bus/s-togs stationer hvor størstedelen af målgruppen befinder sig. Desuden kunne man hyre folk til, at lave mere online reklamering på andre websites for, at få flere besøgende. Selvom besøgende ikke direkte giver penge i lommen, så vil budskabet sprede sig fra mund til øre bl.a. de besøgende, og til sidst vil det forhåbentligt ramme nogle, som opretter sig som medlem. Vi har ingen idé om hvad det ville koste, at indføre alt den implementering, måske 500.000kr. og måske 1 million kr. Vi ved dog nogenlunde, hvad vi ville tage for det udviklet website, hvis vi var professionelle, og kunne vores grej. Realisering 38
Økonomi over projektet: Timeløn: 800,- 8 timer pr. dag 1 hverdag = 8 timer x 1 time=800,- = 6400 kr,- Dage Timer Database: ER-diagram + Database 2,5 dage x 16 Timer = 12800,- Design og analyse: Logo 0,5 dag x 5 Timer = 4000,- Navigationsdiagram 0,5 dag x 1 Time = 800,- Usecase 0,5 dag x 3 Timer = 2400, Offline/Online produkter 0,5 dag x 2 Timer = 1600,- Designbrief 1 dag x 2 Timer = 1600,- Banner reklamer 1 dage x 3 Timer = 2400,- Kommunikationsanalyse 1 dag x 7 Timer = 5600,- Interaktionsdesign 1 dag x 2 Timer = 1600,- Præsentationsdesign 1 dag x 1 Time = 800,- Infomationsdesign 1,5 dag x 1 Time = 800,- Målgruppeanalyse 3 dage x 12 Timer = 9600,- Funktionalitet: Website 2 dage x 16 Timer = 12800,- Dage i alt: Samlet pris: 15 mandedage 56800 kr,- Realisering 39
Andet Dette kapittel vil indeholde merchandise, referencer og Bilag 6.1.0 4 personer 6.2.0 Merchandise 6.3.0 Arbejdsproces 6.4.0 Bilag 1 Andet 40
I dette afsnit vil vi beskrive 4 personer, som kunne være en del af målgruppen. 6.1.0 4 personer Navn: Jonas Alder: 22 Beskrivelse: Han er som lærlinge som mekaniker og har stor interesse for film, biler, motorcykler. Han er up to date omkring de alt hvad der har med motorer at gøre, og abonnerer ligeledes på magasinerne Bilmagasinet, Touring Nyt og M! Desuden ser han Top Speed på TV3 hver dag. I fritiden surfer han rundt på forskellige fora, hvor han snakker med forskellige folk med samme interesse som ham. Han har ligeledes Facebook, som alle hans venner, og spiller World of Warcraft for at fordrive tiden, når han ikke har råd til en ny dvd-film. Når det er weekend går han i byen i København sammen med sine venner, hvor de hænger ud på et diskotek til sent om natten, hvor han kan tage metroen hjem til sine forældre. Han er stadigvæk hjemmeboende, men har planer om at flytte ud, når han en gang er færdig med udannelsen. og diverse Bilmagasiner, at han også interesserer sig i alt fra gadgets og aviser som M! Golf Magasinet, Tipsbladet, og diverse Bilmagasiner, til Ny teknologi, it, biler og stereoanlæg/ Hi-fi. HIFI4ALL. Navn: Frank Alder: 66 Beskrivelse: Han er lige blevet pensionist, og nyder pensionisttilværelse med sin kone. I hverdagen lever de et meget ensartet liv, bortset fra når børnene lige kommer på besøg. Dagligdagen går med lave kryds og tværs og høre Jazz, og abonnerer ligeledes på HIFI4ALL, Golf Magasinet og Touring Nyt. Når vejret byder på det, kører han på sin motorcykel for, at nyde naturen og det gode vejr mellem ørerne, ellers bruger han rigtig meget tid nede i hobbyrummet, hvor han pudser sin motorcykel eller laver andre gørdet-selv projektor. Han er tidligere elektriker, og kan sådan set udføre alt reparation på den villa de bor i. I ferieperioden kører han og hans kone ned til tyskland på motorcykel sammen med nogle venner, hvor de har et lejet sommerhus. I Tyskland vil de også bruge tiden på at tag til udstillinger, messer eller arrangementer der vil omhandle motorcykler. Andet 41
Navn: Birthe Alder: 45 Beskrivelse: Birthe er gift med sin mand Lars, hvor de begge har passion inden for motorcykler. Hun kan godt lide at køre rundt i sin motorcykel om sommeren. Hvorimod hendes mand Lars vil være den der har motorcyklen fremme, året rundt. Hun vil være medlem af motorcykelforeningen MCTC, dog ikke så aktiv som hendes mand, da hun også har andre interesser som fx Madlavning. Hun bruger meget af sin tid i køkkenet når hun ikke har sin motorcykel fremme. Når Lars kommer hjem fra en tur med drengene, vil Birthe have gjort maden klar, hvor den ville stå på Kartofler med brun sovs. Hun bruger meget internettet til at finde opskrifter som hun ikke har prøvet før. Navn: Ivan Alder: 31 Beskrivelse: Er lige blevet færdig med en uddannelse som mekaniker, hvor karakteren blev 10, for det høje tekniske niveau. Han har bosat sig i et hus på Amager sammen med hans kone. Han har åbnet en ny virksomhed som ikke ligger langt fra hvor han bor, hvor han nu kan se frem til at bruge meget tid, til det han altid har haft lyst til, som mekaniker. I weekenden er han sammen med vennerne, hvor de bruger tiden på at reparere deres motorcykler, hvorefter de så skal testes, ved at køre ned til ned til foreningen hvor de vil få en kop kaffe og dele erfaring om motorcykler, med andre medlemmer af foreningen. I fritiden surfer han rundt på forskellige fora, hvor han snakker med forskellige folk med samme interesse som ham. Når vinteren nærmer sig vil han bruge tiden til at gå, ved at gøre motorcyklen klar til sommer, ved at smøre den ind i de forskellige ting for at pladerne på motorcyklen ikke begynder at ruste. Andet 42
6.2.0 Merchandise Disse merchandises kan sælges i netbutikken. -En hjelm -Et klistermærke man kan sætte på hvor man har lyst. -En t-shirt Andet 43
Meta tag Denne meta tag er rettet mod Googles søgerobotter, og har vist sig at være meget effektiv på vores forrige projekter. Vi har valgt, at søgeoptimere til Google, fordi det er den mest brugte søgemaskine blandt danskerne. Ligeledes har gjort brug af H1 og H2 tags, da søgemaskinerne tildeler disse tages en vist vigtighed. <META NAME= Description CONTENT= Mctc.dk er Danmarks største motorcykel klub. Dette er et skoleprojekt. > <META NAME= Keywords CONTENT= Multimediedesigner > <META NAME= Author CONTENT= Ahmad celik,besir redzepi,jefrey lai > <LINK REV=made href= mailto:hahmoud2@hotmail.com > <META HTTP-EQUIV= Reply-to CONTENT= Hahmoud2@hotmail.com > <META NAME= DC.Description CONTENT= Mctc.dk er Danmarks største motorcykel klub. Dette er et skoleprojekt. > <META NAME= DC.Subject CONTENT= Multimediedesigner > <META NAME= DC.Creator CONTENT= Ahmad celik,besir redzepi,jefrey lai > Andet 44
Websites fremgang Før vi fandt frem til det rette website var disse eksempler på spil. Logoets fremgang Vi lavede disse logoer, før vi fandt frem til det rette. LUB Andet 45
Det er den eneste kode vi ikke selv har programmeret, som vi gør brug af på vores hjemmeside. Koden er skrevet i javascript og gør det muligt, at hhv. at gemme og vise ting ved tryk på nogle knapper. Kode ShowHide.js //giver begge funktioner navnet divhide, så man kan bruge dem begge under et navn.// function divhide(showhidediv, switchimgtag) { //giver variablen ele til controllers med id = showhidediv var ele = document.getelementbyid(showhidediv); //giver variablen imageele til controllers med id = switchimgtag var imageele = document.getelementbyid(switchimgtag); //Nedenstående kode sættes i gang ved at trykke på minus/plus knappen i vinduerne i html siderne. //når html-siderne loader er variablerne som standard: //ele.style.display = block ; og imageele.innerhtml = <img src= billeder/minus.gif border= 0 > } //Hvis ele har css style display:block, gør følgende: if(ele.style.display == block ) { //sæt ele til at være usynlig, gøres ved at sætte den til display:none; Det er diven med indhold der bliver usynligt. ele.style.display = none ; //gør ImageEle til plus iconet imageele.innerhtml = <img src= billeder/plus.gif border= 0 > ; } //Hvis overstående ikke er opfyldt, gør følgende: else { ele.style.display = block ;//gør at man kan se diven, diven med indhold bliver vist// imageele.innerhtml = <img src= billeder/minus.gif border= 0 > ;//iconet bliver lavet om til en minus } Andet 46
6.3.0 Arbejdsproces Gant-diagram Andet 47