INDHOLDSFORTEGNELSE 1 INDLEDNING 3 PROBLEMFORMULERING 3 PROBLEMAFGRÆNSNING 3 METODE OG STRUKTUR 4 VIRKSOMHEDSANALYSE 5 MÅLGRUPPE ANALYSE 9

Transkript

1 Page 1 of 40 Indholdsfortegnelse INDHOLDSFORTEGNELSE 1 INDLEDNING 3 PROBLEMFORMULERING 3 PROBLEMAFGRÆNSNING 3 METODE OG STRUKTUR 4 VIRKSOMHEDSANALYSE 5 FIRMAETS HISTORIE 5 VIRKSOMHEDSSTRUKTUR 6 FIRMAETS VÆRDIER OG IMAGE 6 ERFARING/PROFESSIONALITET 7 FLEKSIBILITET/EFFEKTIVITET 7 VIRKSOMHEDENS MÅL 8 MÅLGRUPPE ANALYSE 9 MÅLGRUPPEN 9 VIRKEMIDLER 10 BRUGERPROFILER 11 KONCEPTANALYSE 12 KONCEPTET 12 KVALITET 12 FUNKTIONALITET 12 SITEMAP 13 WIREFRAME 13 ALLE SIDER 13

2 Page 2 of 40 ANALYSE AF KONCEPTS VISUELLE UDTRYK 14 GRAFISKE VIRKEMIDLER 14 PRÆSENTATIONSDESIGN 15 INFORMATIONSDESIGN 16 INTERAKTIONSDESIGN 18 ANALYSE AF KODNINGEN 19 FLASH-KODNINGEN 19 HOME SIDEN 19 ALLE SIDER 20 ANALYSE AF HTML-KODEN 21 NYHEDSSIDE 22 FORMÅLET MED PROTOTYPEN OG EVALUERING AF DENNE 24 DEFINITION OG AFGRÆNSNING AF PROTOTYPEN 25 KONKLUSION 25 LITTERATURLISTE 27 BØGER 27 ARTIKLER 27 BROCHURE 27 WEBSIDER 27 BILAG 28 INTERVIEWGUIDE (BILAG 1) 28 WIREFRAME (BILAG 2) 30 SITEMAP (BILAG3) 31 SKÆRMBILLEDE AF HOVEDSIDEN (BILAG 4) 32 SKÆRMBILLEDE AF PROTOTYPENS MAPPESTRUKTUR (BILAG 5) 33 DESIGNFORSLAG TIL PROTOTYPER (BILAG 6) 34 DMP MØLLESERVICE BROCHURE (BILAG 7) 35 LOVGIVNING FOR VINDMØLLER (BILAG 8) 39 DESIGNET AF SIDERNE (BILAG 9) 40

3 Page 3 of 40 Indledning I dette projekt vil vi gennemgå vores arbejde med at fremstille en ny side for virksomheden DMP Mølleservice som er et firma der beskæftiger sig med servicering, opstilling, nedtagning og reparation af vindmøller. Virksomheden var allerede i besiddelse af en hjemmeside ( Vores mål med denne opgave var dog at lave en hjemmeside, som i langt større grand end den gamle formår at udstråle de værdier og kvaliteter som firmaet også selv gerne vil udstråle. Vil igennem rapporten, analysere virksomheden og dens målgruppe og derved prøve at nå frem til det bedst mulige resultat som i sidste ende forhåbentlig vil formå at øge firmaets erhvervelse af kunder igennem Internet mediet. I de følgende punkter vil vi opstille en problemformulering og en problemafgrænsning som vil vise, hvordan vi vil gribe arbejdet med firmaets problemer an. Problemformulering Hvordan kan vi bedre præsentere DMP Mølleservices tjenester overfor nye og eksisterende kunder? Hvordan kan vi bedre fremstille DMP Mølleservices image overfor nye og eksisterende kunder? Hvordan kan vi gøre det nemmere for firmaets ledelse at kommunikere nyheder nemt ud til kunderne? Problemafgrænsning I forbindelse med dette projekt har vi valgt at fokusere på at lave en ny hjemmeside for DMP, i forsøg på at løse problemstillingerne. Grunden til dette er at DMP, allerede har en hjemmeside men at den er ude af trit med det image som firmaet på nuværende tidspunkt besidder. Den første problemstilling er at, vi vil præsentere deres ydelser/tjenester bedre. Dette vil vi bl.a. gøre ved at revidere den tekst som er på hjemmesiden og tilføje noget nyt tekst, evt. fra deres nye og ganske udmærkede folder. Man skal ikke være i tvivl om hvad DMP Mølleservice rent faktisk kan tilbyde af forskellige tjenester, som man er på den nuværende side. Den anden problemstilling, er at vi vil formidle deres image overfor kunderne. Firmaet har i de seneste par år været i en stor udvikling og det nuværende design/logo og image, som den nuværende hjemmeside bruger, er blevet droppet til fordel for et nyt og mere moderne.

4 Page 4 of 40 Grunden til dette imageskift har været på grund af målgruppen de sidste par år har ændret sig markant. Derfor skal vi have analyseret den nye målgruppe og have lavet en hjemmeside, som henvender sig bedre til den nye målgruppe. Og gør brug af det nye logo og image som firmaet har tilegnet sig. Den tredje og sidste problemstilling er hvordan vi kan gøre det nemmere for firmaets ledelse at kommunikere information ud til deres kunder. På den nuværende side har firmaets ledelse ikke nogen mulighed for at informere kunderne om nyheder eller andet, eftersom at de ikke besidder den krævede kendskab til HTML programmering som er krævet for at kunne redigere i den nuværende side. Derfor vil vi prøve at finde en løsning på hvordan man kan lave et system som kan betjenes direkte fra siden, så folk uden kendskab til kodning har mulighed for at skrive nyheder m.m. Metode og struktur I dette afsnit vil der blive beskrevet, hvordan vi har tænkt os at besvare vores spørgsmål i problemformuleringen. Til besvarelsen af vores problemformulering vil der lægges ud med et interview med DMP Mølleservice (Se Interviewguide Bilag 1). I dette interview vil vi stille spørgsmål, som skal være med til at gøre det lettere for os at håndtere og give direkte svar på de problemer vi skal have løst. Der vil redegøres i relevant omfang ang. de informationer og ønsker/krav vi fik, som først og fremmest kom fra firmaet selv, og vi vil derefter også søge brugbar information på den hjemmeside firmaet allerede har. Udover dette, vil vi tage specielt brug af bøgerne vi er blevet præsenteret for i undervisningen på skolen og hvor vi bl.a. har lært mange ting omkring virksomheder, målgrupper, design og navigation. Efterfølgende skal give et indblik i, hvordan rapporten er struktureret og hvordan problemformuleringen besvares lidt efter lidt. Indholdet i rapporten og valget af emnernes rækkefølge vil blive beskrevet. Vi har for en god ordens skyld valgt at indvie læseren fra starten af, i hvilke spørgsmål vi sætter os selv at løse og samtidigt give et bud på hvordan teamet har tænkt sig at gøre dette, samt i indledningen at fortælle meget kort om hvilket firma der arbejdes med. Dernæst bliver man som læser ledt gennem en mere dybdegående analyse af virksomheden og ligeledes målgruppen. Formålet med virksomhedsanalysen er at fortælle om DMP Mølleservices historie, virksomhedsstrukturen med hierarkisk organisationsdiagram over ansatte, om firmaets image, værdier og mål. Målgruppeafsnittets formål er at definere den målgruppe, der skal rammes og hvad vi vil gøre for at opnå dette. Til sidst bringes i dette afsnit også to brugerprofiler med tilhørende brugerscenarier.

5 Page 5 of 40 Disse emner bringes på bane allerede helt fra starten, for at give et solidt fundament at bygge ovenpå i følgende analyser. Når vi derefter har været godt omkring virksomheden og målgruppen, så brugerne/kunderne til hjemmesiden og de ting som firmaet står for er blevet fastslået, vil vi efterfølgende præsentere ideen bag vores koncept til den ny hjemmeside for DMP Mølleservice. Formålet med dette afsnit om konceptet er at give en dybere forklaring på de grundlæggende ting det ny koncept bygger på, til videre brug i analysen af det visuelle design. Det visuelle design forklarer om selve udseendet af designet og begrundelse af dette. Der begrundes valg af fonte, farver og billeder, så læseren får at vide hvorfor vi netop valgte at gøre det på den måde. Til sidst forklares om interaktionsdesignet som også er en del af siden. Det næste rapporten byder på er forklaring til Sitemap og Wireframe, som findes vedlagt som bilag. Derefter kommer analyse af selve kodningen og forklaring til nyhedssiden. Dette medtager vi for at give den teknisk interesserede muligheden for at se hvordan vi helt præcist har lavet siden. For at se hele koden skal selve filerne dog åbnes. Som en afslutning på dette skriver vi lidt om prototypen, for at beskrive formålet og evaluere denne. Vi kommer kort ind på definitionen og afgrænsningen af prototypen. Som det sidste punkt, konklusionen, vil vore svar på problemformuleringen blive opridset. Det medtages for at give en slags opsummering over forløbet vi startede ud med nogle spørgsmål som vi undersøgte gennem rapporten, disse skal nu bringes klart for læseren. Virksomhedsanalyse I dette kapitel, vil vi kigge lidt nærmere på den virksomhed som vi har valgt at arbejde med. Vi vil lægge ud med at fortælle lidt om firmaets historie, derefter vil vi fortælle lidt om firmaets struktur. Efter det vil vi komme ind på hvilke værdier firmaet ligger vægt på, og til sidst vil vi fortælle lidt om hvad mål firmaet har med siden. Firmaets historie DMP Mølleservice blev i 1987 grundlagt af en gruppe folk, med mange års erfaring inden for fremstilling og servicering af vindmøller for vindmøllefabrikanterne. Grundlaget for DMPs eksistens kom i slutningen af 80 erne hvor mange møllefirmaer gik konkurs og mange mølleejere derfor stod uden mulighed for at få udført service på deres vindmøller. Virksomheden havde ramt rigtigt. DMP udvidede og etablerede i 1997 et datterselskab i Tyskland hvor markedet udviklede sig meget stærkt, med behov for alternativ service på en række vindmøllertyper.

6 Page 6 of 40 Med 20 års erfaring i branchen kan DMP mølleservice tilbyde service, ombygninger og reservedele til en meget stor del af de vindmøller der i dag opstilles i ind - og udlandet. Virksomhedsstruktur DMP Mølleservice er et mindre firma, uden den store kommunikations linie blandt medarbejderne. Som de selv siger Vi er ikke er større end næsten alle snakker sammen hver dag og alle ved hvad de andre laver. Firmaet bliver af ledelsen styret meget socialt. Men er dog opbygget efter klassisk hierarkisk virksomhedsstruktur som man kan se på følgende diagram: Direktør Servicechef Montøre Værkstedsfolk/reperatøre Firmaets værdier og image DMP Mølleservice, er et firma som ligger stor vægt på deres image internt men som ikke altid har været lige god til at kommunikere dette budskab ud gennem de medier de har brugt til at sprede deres kendskab. De har nu i flere år kørt med en hjemmeside som har afspejlet nogle værdier og et image, som for flere år siden er blevet udskiftet med et nyt. Grunden til dette skift har været en udveksling i ledelsen, som har skabt en anden ledelsesform, og ikke mindst et markant skift i målgruppen. Tilbage i slutningen af 80 erne bestod en stor del af målgruppen af miljøbeviste personer (man kan kalde dem hippier hvis man vil) som sammen med andre lagde sammen og fik rejst en mølle som kunne levere strøm til deres huse. Denne praksis er dog gennem 90 erne stort set forsvundet, og kun meget få privat personer anskaffer sig nu om dage vindmøller. Det nye marked består i dag i stedet for af større landmænd som har pladsen og kapitalen til at kunne få rejst nogle vindmøller på deres grund, af varierende størrelse. DMP mølleservice er måske ikke det billigste firma du kan få fat på, så derfor prøver de at begrunde deres højere prisleje på service med et image hvor hovedværdien er kvalitet. Og

7 Page 7 of 40 lægger derfor i alle aspekter af deres firma vægt på at levere et kvalitets produkt til kunden. Dette kan yderligere specificeres gennem følgende underværdier: Erfaring/professionalitet Som jeg nævnte tidligere, har DMP mange års erfaring i branchen og har nogle af de bedste mekanikere og montører der findes. De har desuden en meget stor knowhow om markedets udvikling. Hvilket ofte resulterer i at DMP selv udvikler og forbedre dele og komponenter for at optimere driften og forlænge levetiden. Fleksibilitet/effektivitet DMPs erfarne service montører sparer tit kunden for lange ventetider de ved for det meste hvilke reservedele, der skal medbringes til de forskellige reparationer. Og hvis reservedelene ikke findes eller kan skaffes, kan de hurtigt fremstille dem på deres eget maskinværksted, som gør det muligt for DMP at levere reservedele af en høj kvalitet til lavest mulige pris. DMP tilbyder desuden overvågning via telefon på langt de fleste mølletyper der i dag har en vagtordning, så man altid kan kontakte en servicemontør hvis der skulle opstå problemer uden for normal arbejdstid. DMP modtager fejlmeddelelser fra møllerne 24 timer i døgnet, og er af den holdning at møller med fejl eller stop altid serviceres først, så den hurtig kan komme i drift igen så må de normale serviceeftersyn rykkes lidt. Derfor har DMP Mølleservice brug for en hjemmeside der afspejler at det er et kvalitetsmæssigt godt håndværk der udføres, så målgruppen føler sig tryg ved at henvende sig til dem, efter at have fået den relevante information om firmaet på siden, dette vil de gerne opnå ved følgende ting: Give kunderne en visuel forventning om at firmaet har styr på tingene og lever op til deres image som ifølge firmaet selv bygger på service og kvalitet til kunden. Tidligere kunder ved at det måske koster lidt mere at henvende sig til dem end andre steder, men det bliver belønnet med en garanti om at de også får lavet arbejdet godt. Og deres hjemmeside skal i modsætning til den gamle også prøve at afspejle dette. At den udstråler troværdighed, så det kan lokke flere kunder til. Det skal se professionelt ud. Mulighed for at se billeder af blandt andet firmaets arbejde med vindmøller i feltet. En omfattende men præcis information omkring hvad firmaets rent faktisk har at tilbyde kunderne. Et design der gør siden let at navigere rundt i hvor man nemt kan finde den information man ønsker.

8 Page 8 of 40 Virksomhedens mål Virksomhedens mål med at få lavet denne hjemmeside, er at de i større grad vil være i stand til at hente kunder igennem det voksende medie som er Internettet. Hvis man kigger på deres gamle hjemmeside, kan man have sine tvivl om hvorvidt den overhovedet var i stand til at skaffe dem kunder, men om den tværtimod ikke snarer skræmte kunderne væk. Grunden til det er at den gamle side stærkt strider imod mange af virksomhedens værdier. Hvis man griber fat i nogle af de punkter vi slog fast der skulle opnås med den nye side kan vi sammenligne dem med den gamle side, og se på hvordan den opfyldte de værdier. Give kunderne en visuel forventning om at firmaet har styr på tingene og lever op til deres image som ifølge firmaet selv bygger på service og kvalitet til kunden. Den gamle side kan bestemt ikke leve op til dette mål, eftersom den rent kvalitetsmæssigt ikke er af særlig høj standard, her kan man henvise til lav opløsning på designet, knapper med kornet kant, brug af et logo de flere år tilbage har valgt at skifte ud med et nyt og bedre. Tidligere kunder ved at det måske koster lidt mere at henvende sig til dem end andre steder, men det bliver belønnet med en garanti om at de også får lavet arbejdet godt. Og deres hjemmeside skal i modsætning til den gamle også prøve at afspejle dette. Som nævnt i den sætning afspejler den gamle side altså ikke dette særlig godt. Der kan man bl.a. henvise til de mange fejl der er på siden, og fejl må jo ikke ligefrem siges at kunne kaldes kvalitet. De fejl der kan henvises til, er bl.a. menuer der hopper ud af position ved skift af sprog, meget store problemer med korrekt visning af siden når opløsningen kommer over 1024 x 768 billeder og tekst hopper ud af designet, designet som er blevet sat ind som baggrund, gentager sig selv i bunden af siden. Og sidst kan det nævnes problemer med at teksten hopper ud af designet, hvis man i browseren vælger en større tekst størrelse end standard størrelse. Selve indholdet af siden hvad angår tekst, er ikke helt ved siden af på den gamle side, der er dog nogle firmarelevante informationer som mangler og nogle som kunne være forklaret bedre end de er på siden. Men det gennemgribende problem med den gamle side, er det gennemgående design som jeg har dokumenteret bryder med mange af firmaets værdier om kvalitet. Dette mangelfulde og fejlfyldte design kan være med til at skræmme kunderne væk inden de overhovedet læser teksten, eller at få kunderne til at dømme firmaet ud fra den hjemmeside de har, end ud fra de oplysninger som hjemmesiden levere til kunden. Med denne nye hjemmeside håber firmaet på at kunne hente flere kunder gennem nettet, og med god samvittighed begynde at promovere deres hjemmeside, og anskue den som en decideret del af deres marketingsstrategi.

9 Page 9 of 40 Målgruppe analyse I dette kapitel vil vi analysere den målgruppe som DMP Mølleservice har. Vi vil lægge ud med at redegøre for hvordan vi finder frem til den primære målgruppe. Og derefter forklare hvordan vil vi prøve at påvirke målgruppen og hvilke effekter vi vil bruge til det. Vi vil til sidst slutte af med nogle brugerprofiler hvor vi vil prøve at vise nogle eksempler på hvad den primære målgruppe lægger vægt på. Målgruppen Det er vigtigt at finde ud af, hvilken målgruppe man skal ramme for at kunne formidle de nødvendige informationer på en effektiv måde. Hvis vi kigger nærmere på målgruppen viser det sig faktisk at den ikke er specielt bred, eftersom de folk der vil have brug for at opsøge et firma som DMP Mølleservice enten selv i forvejen skal have en vindmølle, eller er nogen som gerne vil købe en. Næstefter ved vi, at vindmøller ikke just er hver mands eje de er meget dyre og må/kan ikke opsættes hvor som helst. Her kan man bl.a. henvise til lovgivningen som begrænser muligheden for placeringen af en vindmølle. Lovgivning for vindmøller siger at mindste afstand til naboer er på 4 gange møllens totalhøjde se Bilag 8. Så det er ikke ligefrem alle der har den nødvendige plads til at opstille en mølle. Dernæst skal man jo også have en effekt ud af at anskaffe sig en mølle, det kan være af økonomiske hensyn og af hensyn til naturen. Vi kan yderligere snævre vores målgruppe ind, ved at se på vores samtaler med virksomheden. Tidligere har en stor del af målgruppen, været grupper af personer som har lagt stor vægt på beskyttelse af naturen. Men eftersom vindmøller er blevet større og mere effektive gennem tiden, skal der nu store grupper mennesker til for at udnytte nutidens møller, før det rent økonomisk kan betale sig. Dette er grunden til at de 2 største købere på området nu om dage er det offentlige og større landmænd. Dog har DMP Mølleservice på nuværende tidspunkt ikke rigtig nogen andel hos det offentlige hvilket kan begrundes med følgende: Når det offentlige anskaffer sig vindmøller, er det større vindmølleparker som typisk består af mellem 10 og 30 vindmøller. Disse møller bliver anskaffet fra vindmøllefabrikanter som Vestas. Disse producenter tilbyder som DMP også service til vindmøllerne, men den service de tilbyder, er normalt dyre end den service DMP er i stand til at tilbyde, hvis man kigger på en enkelt mølle. Men i tilfældet med det offentlige hvor man har en samlet vindmølle park på vindmøller, er det mere lukrativt for Vestas at give dem en god ordning hvor det bedre kan betale sig for kommunen. Hvorimod det er langt dyre og mindre attraktivt for Vestas at skulle servicere 30 ejere af enkelte vindmøller rundt omkring i landet. Dette vil sige at man kan indsnævre den primære målgruppe til:

10 Page 10 of 40 Større landmænd med økonomien i orden, fordi; De har jorden (områderne) til det De har kapitalen til at investere i vindmølle eller flere De har energibehovet, for at drive deres store landbrug De har pga. deres store energibehov mange penge at spare i længden ved at anskaffe sig deres egen energikilde Virkemidler Efter vi har fået fastlagt målgruppen, skal vi nu finde ud af hvordan vi kan påvirke vores primære målgruppe. Og hvilke virkemidler vi skal bruge for at gøre det. Vi har valgt at lave en ny hjemmeside til DMP Mølleservice for på den måde at forbedre deres kommunikation til kunderne. Kommunikationen skal forbedres på denne måde, da flere og flere landmænd bruger computere i deres hverdag og at de for at få hurtig information har lettere ved at søge efter et firma på nettet end at bladre en stak gamle medlemsblade igennem for at finde en reklame for vindmølleservice. Hjemmesiden til DMP Mølleservice, skal være en informationsside omkring hvad firmaet kan tilbyde kunderne (reparation og opsætning af vindmøller). For at påvirke landmændene, skal vi ind og lave en hjemmeside, der er hurtig at finde information på, da vi går ud fra at de har travlt nok i forvejen. Vi skal lave en side der er overskuelig og let at bevæge sig rundt i, også for dem der måske ikke har den store interneterfaring. Det er vigtigt at vi laver en side der har professionel udstråling så kunderne føler sig trygge og veltilpas ved at henvende sig til DMP. Vi vil få siden til at udstråle professionalitet ved at bruge fx de samme farver fra logoet i det gennemgående design på siden. Vi har valgt at holde os til at bruge forskellige skrifttyper og størrelser til henholdsvis brødtekst, overskrifter, underoverskrifter og menupunkter. Dette skal give brugeren bedre overblik og indikere forskellighederne. Vi vil også vise nogle billeder der giver kunden mulighed for at se noget af det arbejde DMP udfører til dagligt. På siden skal kunden have mulighed for at læse om firmaet. Både firmaets historie og hvad der er mere aktuelt i firmaet pt. Dette skal være med til at give tryghed for kunden. Derudover kan kunden finde underpunkterne om fx reparationer og opstilling af møllerne, der er selvfølgelig er relevant når kunden finder siden og undersøger om han kan bruge DMP til det han skal have lavet. På forsiden skal brugeren præsenteres for DMP s værdier, som er kvalitet og godt håndværk, samt for nyhedsgrupper der kan besøges hvis det findes interessant at læse om hvad der foregår lige nu. Brugeren får med det samme at vide at firmaet selv mener at det er kvalitet det de laver, hvilket giver mere tillid når brugeren ellers klikker rundt på siden.

11 Page 11 of 40 Brugerprofiler Brugerprofil 1: Jens Klausen på 32 år, har en gård på 40 tønder land. Han bor sammen med sin kæreste som hedder Herdis Klausen på 29, selve gården er gået i arv i 3 generationer De har et barn som hedder Hans, og er 9 år, som skal arve gården efter dem. Hele familien er i landbrug, og selve familien har et par gårde rund om i landet, mest over i midt Jylland. Jens er en handyman, som har lavet mange ting på gården og mener at tingene skal gøres ordentligt. Han vil have at tingene ser godt ud og kan holde til at blive brugt, samtidig med at man ikke bruger mere tid på det end nødvendigt. Bruger Scenarier 1: Jens Klausen har en vindmølle til at stå på deres mark, som har stået der i de sidste 20. Der har kun været nogle få problemer med den, men som til gengæld har tage tid at lave. Den er lige gået i stykker igen, efter en kraftig storm, som har revet propelakselen skæv. Men sidste gang han fik den lavet var der meget bøvl med, at det ikke blev lavet ordentligt og at det tog meget lang tid. Han sparede godt nok nogle penge ved det, men han har ikke tid til at kigge efter møllen hele tiden, så nu vil han gerne have lavet det ordentligt i første omgang i stedet for. Så derfor gik han ind på nettet for at se hvilke firmaer, der tilbød at fikse hans vindmølle hurtig og ordentligt. Derved kom han ind på DMP Mølleservices hjemmeside og opdagede en meget let side, som var hurtig at naviger rundt i. En ordentlig opbygget side som funger resulterede i, at Jens Klausen kontakter firmet for at få repareret sin vindmølle. Bruger profil 2: Torben Rasmussen på 39 år og bor sammen med sin hustru Janni Rasmussen på 36 år. De har ingen børn og kan heller ikke kan få nogen. De har købt en gård med 30 tønder land, som bliver brugt til både dyr og mark. Torben er opvokset inde i byen, men har altid været vild med landbrugslivet og naturen. Hans marker er hans liv og han bruger meget tid på dem, men han har ikke den store forståelse for de tekniske ting. Janni arbejder inde i byen som tøjdesigner, og arbejder ligeså mange timer som ham.

12 Page 12 of 40 Bruger Scenarier 2: Efter noget tid har familien Rasmussen, haft en del overskydende økonomi, da de har haft en god høst i flere år, sammen med deres dyrebesætning. Efter noget tid, hvor de har snakket frem og tilbage med deres bankrådgiver, beslutter de sig for at købe en vindmølle. De blev enige om, at det ville være en god investering, og fordi de tilmed have nogle områder i marken, som de ikke kunne bruge til andet. Men Torben, viste ikke rigtig hvilket firma han skulle have til at sætte den op, da han gerne ville have at den bare skulle virke og at det skulle gå hurtigt, da han har travlt nok på gården i forvejen. Derfor besluttede han sig for at slå det op på nettet, hvor han faldt over DMP Mølleservices hjemmeside, som virkede meget simpel og anvendelig, og var hurtigt at naviger gennem. Der var kun det information som man skulle bruge og det resulterede i, at han kontakter firmet for at få opsat en vindmølle. Konceptanalyse I dette kapitel vil vi beskrive det koncept som vi har tænkt os at bruge i forbindelse med fremstilling af hjemmesiden. Konceptet vil være baseret på de ting vi nåede frem til i forbindelse med målgruppe- og virksomheds analysen. Først vil vi beskrive vores koncept og herefter vil vi forklare i en kommunikationsplan hvordan vi har tænkt os at få vores budskab ud til målgruppen. Konceptet Ideen med dette koncept er at beskrive hvordan vi på bedst mulig måde præsentere DMPs image i designet af deres nye side. Og sørge for at det klart fremstår hvad firmaet laver og hvilke firmaværdier det er de lægger vægt på. Vores koncept bygger på 3 grundlæggende ting; kvalitet, enkelthed og funktionalitet; Kvalitet Prøve at opnå et professionelt look, der udstråler professionalisme så det kan skabe tillid og troværdighed for kunden. Gennemarbejdet design, uden fejl og mangler. Flotte billeder, gennemgående design og farver. Enkelthed En ikke alt for omfattende menu, der er nem og hurtig at navigere rundt i. Små og kun relevante mængder af information på hver side. Hurtige og forståelige forklaringer. Ikke for mange distraktioner på siden som kan fjerne fokus fra det vigtige. Funktionalitet God funktionalitet for både kunder, som for firmaet selv. Muligheder for som kunde at få den

13 Page 13 of 40 ønskede information hurtigt og nemt. Og for firmaet god mulighed for at kommunikere nyheder, eller nye tiltag igennem siden. Sitemap Da vores ide med denne hjemmeside er at skabe en informationsside, har vi valgt en global navigationsmetode fra The elements of user experience. 1 Det vil sige vi har fire hovedmenuer, hvor af der er undermenuer, men fordi det er en global navigationsmetode, har man mulighed for at åbne alle hovedmenuerne hele tiden. Det vil skabe en let måde at naviger rundt på hjemmesiden, som giver brugen en fornemmelse af, at det er nemt at bruge og det vil også smitte af på opfattelsen af firmaet. Se bilag 3. Wireframe Alle sider Siderne er lavet på den måde at man har et billede oppe i topvinduet, som fader ud i den blå farve DMP Mølleservice har i deres logo. Det gør vi for at give hjemmesiden, en farve som står for DMP Mølleservice. Hvor farven er 100 procent, har vi valgt at vise informationsteksten i hvid for at den skal være let at læse. Vores hovedmenuer og undermenuer er lavet som et globalt navigationssystem, se Sitemap, Bilag 3. Derved er hovedmenuen den bar med mellemgrå farve, hvor den lysegrå er undermenubaren. I undermenu-baren har alle sider, en undermenu-overskrift, som giver information om hvad man kan i undermenuen, den sider ved siden af logoet for DMP Mølleservice. Hovedsiden har 3 nyhedsbokse som sider i undermenu-baren, lige under undermenuoverskriften. Ydelse og Om os siderne har en undermenu, i stedet for nyhedsboksen, som giver mulighed for at vælge den information man skal have fat i, uden at skulle kunne slide vinduet længer ned. Kontakt siden har kun information om hvor og hvordan man kan kontakte DMP Mølleservice. For at se siderne i Wireframe, se Bilag 2. 1 The elements of user experience, Jesse JamesGarret, 2003, s. 127.

14 Page 14 of 40 Analyse af koncepts visuelle udtryk Grafiske virkemidler Først vil jeg forklare hvorfor vi har lavet vores side så brugervenlig og hvad vi har tænke på, da vi skulle i gang med den. Hertil siger Donald A. Norman (Fra The of Everydag Tings ), nogle gode ting som også kunne gælde multimedieproduktion, som lyder: Visibility. Synlighed: Det er kun de ting, man skal bruge, der skal være synlige og tilgængelige og de skal fortælle, hvordan tingen skal bruges. Det skal være tydeligt, hvad der er salt og peber og hvordan de skal betjenes. Hvordan man skal hælde af en termokande skal låget drejes, tages helt af eller hvad. Det er også det vi prøver at opnå med vores siden, det skal være hurtig og nemt at finde rundt og man skal vide hvad de forskellige ting kan bruges til og hvordan man bruger dem gennem designet. Men vi har også lagt meget vægt på hvordan det størrelsesforhold vi bruger i forhold til hinanden. Grillo (1960) siger at størrelse er the feeling of design fitting its space and its surroundings. - Hvor vi har ramt den rigtige størrelse, da siden er harmonisk, ikke overfyldt og ikke tom, men tilpas. Vores ide var også at bruge selve siderne til at vise de billeder der skal ind på siden, i stedet for at lave en menu som hed Billeder, da vi mente at det gav siden liv, og viste deres gode håndværk gennem deres arbejde som de har i firmaet (se under Virksomhedsstruktur). Der for valgte vi nogle billeder som har dybde så man får en tredimensional grafik som giver billederne liv. Og ved at indsætte billeder får vi muligheden for at sige 1000 ord bare med det billede. Altså hele siden er bygget op så man den har nogle konstanter som er vores fadingeffekt fra billeder over i det blå. Som skrevet, har vi gjort det for at vise de billeder som vi synes der skal være på siden, for at give den liv. Men stadig være en del af hjemmesiden, altså for at binde virkeligheden sammen med hjemmesiden for at gøre den troværdig og professionel. Vi har også vores navigationsbarer, som går igen gennem hele hjemmesiden. Det gør den for ikke at forvirre folk, men derimod gøre det letter at naviger rundt på siden. Vi har også vist hvor man er på hjemmesiden ved at menuknappen skifter farve og går sammen med bund af hjemmesiden, og det giver en fornemmelse for hvor man er og hvad der er tilbage.

15 Page 15 of 40 Vi har lavet siden ud fra vores målgruppe, som er folk der har penge, og ud fra hvad servicefirmaet udgiver, som er at det skal være nemt, hurtigt og let at bruge, men alligevel se professionelt ud. (Se nærmere under Målgrupper og Virksomhedsanalyse) Præsentationsdesign Her vil jeg forklare, hvorfor vores design ser ud som det gør og hvad det signalere. Hvis vi starter med at se på vores valg af fonts, har vi valgt arial-familien til alt tekst og menu knapper. Arial er en god font til pc fordi den ikke har serifer og fordi den har en fast bund, så øjnene hurtig får et godt overblik og noget at køre efter. Først har vi vores overskrift i topvinduet på forsiden (se Bilag 4) som er en font størrelse 50 Arial Black med bold, som vi har vagt fordi den er meget let at læsse på nettet og fordi den er dejlig fed og skelner sig meget ud fra sloganet nedenunder, og så har den et professionelt look da den er meget let og hurtig at læse. Sloganet er en font størrelse 37 Arial Baltic, som giver en tyndere i både asænders og desænders end Arial Black men den holder stadig en god læselighed. De næste vi tager, er nyhedsgrupperne som er i bunden af home-siden/ forsiden. Til overskriften bruger vi en font størrelse 22 Arial med bold og italic, den er ikke så stor i forhold til nyhedsteksten nedenunder, men den er til gengæld italic, som skelner den ud fra selve nyheden. Nyhedsteksten har en font størrelse 18 Arial med bold, herved sker der en forskel da overskriften er en del større italic. Den sidste vi har vi tryk-knappen, som har samme størrelse som nyhedsteksten, men den er bare blå i stede for sort, det gør vi for at give fornemmelse om at man kan trykke på den, og stadig være en del af teksten. Den næste font vi tage op er navigationsknapperne som er font størrelse 17 Arial Greek med bold og italic, denne skrifttype er en mellemting mellem teksten, som bliver brugt til overskriften over slogan og til nyhed grupperne, da dens asænders og desænders er lige tykke og er en mellemting. Vi valgte denne type for at give en fornemmelse at man kan trykke på dem og at de skelner sig ud af det hele, men alligevel har en sammenhæng. Til at vise vores tekstoverskrift med, har vi valgt den samme skriftstørrelse som slogans overskriften, som er en Arial Black, men her er den bare mindre. Den har kun en størrelse på 42 uden noget bolt og italic (se Bilag 9). Vores tekst der er nedenunder er bare en font størrelse 18 Arial med bold, denne kombination mellem de to fonttyper og størrelse skabe en god kontrast, som ikke er træls at se på og er nogenlunde sammenhængende i design. Vores valg af farver, har vi gjort for at give firmaet liv. Altså bruge deres farver, som de har i deres logo til at vise firmaet frem på, som er den DMP blå og så grå.

16 Page 16 of 40 Det har vi gjort for at give firmaet facade ud af til, og gøre den mere professionel, fordi det virker gennemført. Vi har også brugt den grå farve, men den har vi mere trukket ud for at give lidt kontrast med hele hjemmesiden (Se evt. Bilag 4) det vil sige vi har brugt en grå farvegruppe. Selve farverne passer godt sammen, da de giver en skarp kant mellem det blå og det grå, hvor menu og topvinduet er. Hvorefter den lys- og mellemgrå også har en god opdeling, men alligevel ved man at de hænger sammen, da de har samme nuancer. Det sidste er vores valg af billeder, da vi har lagt meget vægt på at de har en betydning for selve emnet som man er inde under, altså hvis man leder efter service ser man en som er ved at reparere en vindmølle. Men alle billederne har også meget dybde, det vil sige at de har meget liv og giver et bedre spil mellem billederne og hjemmesiden. Vi lavede også menuerne, så den skrå streg mellem dem har samme hældning som en vinge i DMP logoet. Det giver også en god sammen hæng mellem firmaet og hjemmesiden. Til sidst tager vi også lige flagene som sidder i menuen, da de skal være hurtige og nemt at komme til, årsagen til at vi bruger flag er fordi det er et kendetegn som alle kender og ved, lige meget hvad land de kommer fra, men også fordi, alle ved hvad det bruges til. De indikerer valg af sproget for hjemmesiden. Informationsdesign Informationsdesign er hvordan information er sat op og hvorfor den er sat op på den måde. Hvorfor de står i grupper og hvordan det ser bedst ud. Når man ser på vores forside (se evt. Bilag 4) har vi sat vores slogan oppe i toppen af vinduet hvor det står på line med og selve sloganet er lidt mindre end DMP mølleservice for at give den rigtige fornemmelse af, hvad for noget information der kommer først. Da det først handler det om DMP, hvor efter deres slogan kommer, som vi har lavet til firmaet da de ikke havde noget slogan i forvejen. Men også bare det, at vi har lavede rimelig god afstand mellem sloganenes punkter gør også at de bliver betragtet som hovedpunkter i sig selv, fordi ikke står tæt sammen. Sloganet er altid i det blå for at være letter at se, og får at give fast punkt at ligge dem i, og så bliver folk heller ikke så forvirrede når man skifter side, da man ved at det altid ligger i det blå på alle sider. De 3 nyheds blokkene på første side (se evt. Bilag 4) er sat op, så man hurtig og nemt kan se hvad det handler om. Det gør vi ved at give dem god afstand til hinanden, så man hurtigt kan skelne og læse nyhederne hver for sig. Men hver nyhed har en overskrift i toppen, hvorefter der kommer en kort nyhed og så kommer der en knap som er blå og viser dato og en tekst der hedder Læs mere.

17 Page 17 of 40 Overskriften er lavet større end de andre to, fordi man skal vide det er overskriften hvor den også er kursiv. Selve nyheden har samme størrelse som knappen i bunden, men hvor knappen er blå for at adskille dem selv om de hænger sammen. Selve nærheden af den blå skrift og nyhedesskriften gør, at man ved at de hænger sammen, men farven gør at man ved det ikke er en del af teksten. Selve teksten på hjemmesiden er lavet på samme måde så jeg tager bare en enkelt, jeg vælger historie siden (se Bilag 9). Informationen bliver vist i topvinduet hvor vi har en overskrift og en tekst. De er sat sammen ved hjælp af tæthed og for at kende forskel på overskrift og tekst har vi lavet overskriften lidt større. Vi har valgt at gøre denne måde til alt information på siden der skal vises i topvinduet, pånær sloganet som har sin egen størrelse, fordi det udgiver et budskab om hvem de er og derfor godt må skille sig lidt ud. Her efter har vi navigations navne i den mellem grå farve, som er hovedmenuen, som er sat med lige langt af stand mellem hinanden for at give en form for enshed, som vil gøre at de er lettere at se og gør siden mere harmonisk. Men selvfølgelig ser man home-siden først, hvorefter man går over til deres ydelser, som folk kommer ind for at læse om, hvorefter man har noget information om hvem de er, og hvor lang tid de har væres i vindmølleområdet. Til sidst kommer man til kontakt så man kan ringe til dem. 1. Home = Start side 2. Ydelse = Hvad de sælger og hvad de kan gøre, som er det folk først vil læse om 3. Om os = Historie og i dag, som folk skal vide for at stole på dem, og være sikker. 4. Kontakt = Kontakt, som er det de skal efter de ved hvad de kan og hvem de er. Vores undermenu på siden Ydelse (se Bilag 9) er også sat op på en bestemt måde. De er blevet sat sådan, at de har noget mellemrum så folk kan se at de ikke hænger sammen med hinanden, og at man kan trykke på dem. For hvis det bare var tekst ville de sidde noget tættere, så det var en liste. De er sat efter hvad folk har mest brug for, da folk skal vide hvad DMP har af services før de køber en vindmølle og for dem der skal have en vindmølle lavt, så kommer de direkte til service og reparation, hvorefter dem der skal have eftersyn og igen hvis de har det kan de også få overvåget deres vindmølle. Så kommer demontage og montage for dem der ikke gider have en vindmølle længer eller for dem der gerne vil have en vindmølle.

18 Page 18 of 40 Denne liste passer fordi de mennesker som skal se side vil hurtig finde det information som de skal bruge 1. Service og Reparation = For dem der gerne vil have repareret der vind mølle og for dem som gerne ville vide mere om firmaet 2. Serviceeftersyn = For dem ikke har problemer med deres vindmølle men gerne ville have den tjekket en gang i mellem og for dem som gerne ville vide mere om firmet 3. Overvågning = Dem som ikke gider bruge tid på at tjekke deres vindmølle og for dem som overvejer at købe en vindmølle 4. Demontage/montage = For dem som gerne vil købe en vindmølle og for dem som gerne ville have fjernet en. 5. Eget værksted = For dem som har brug for noget specielt til deres vindmølle. Vores undermenu på om os siden (se Bilag 9) der har vi to punker; Aktuelt og Historie som også er placeret lidt fra hinanden, da de skal ligne knapper. Vi har placeret dem på denne måde, da folk helst gerne vil vide lidt om i dag, før de ville kigge fortiden igennem. Derfor er de placeret sådan, at man først finde aktuelt og så historie for at se om de har levede op til deres forventninger. På den måde får folk deres information hurtig og nemt. Interaktionsdesign Interaktionsdesign er det man gør på en hjemmeside; altså når man trykker på en knap, giver siden et input hvorved man får et output tilbage på ens input. Det eneste for interaktionsdesign vi har på denne side er vores navigation, sprog og nyheder. Hvis vi ser på vores navigation, så er det bare en tekst man trykker på som har en 17 Arial Greek med fed og kursiv som du kan se i Bilag 4. Det den gør, er at køre et slideshow mellem de sider vi gerne vil vise og gør det muligt at komme gennem siden. Sprog er i teorien en database søgning, da vi har flere forskellige tekststykker til at ligge på siden som vi slår op hver gang vi skal bruge dem, selv om det bare er variabler som blive gemt i Flash-filen - men mere om det under analyse af kodningen. Som vi gør ved at trykke på et af de 3 flag, som man fx kan se i Bilag 4. Der resulter i, at siden skifter alt tekst ud til engelsk eller tysk, fra databasen Nyheder er også en database, da vi slår op hvad for noget information som vi skal bruge i en tekstfil, læs mere om det under analyse af kodningen. Hver gang siden åbner kommer information frem, det er jo ikke ret meget interaktionsdesign i det, men eftersom vi kan trykke på en knap for at gøre det større, så bliver det til

19 Page 19 of 40 interaktionsdesign, da vi beder det om at komme frem. Vi giver et input og så slår computerne op i databasen for at se hvad der står og giver os et output, som vi så kan læse. Analyse af kodningen Alt er lavet i flash, det vil sige det meste at kodningen er i actionscripting, hvor det sidste er i html, som er vores åbningsside for flashfilen. Den er bygget op af 12 frames i hovedscene, altså 12 sider - en siden for hver menu. Flash-kodningen Home siden Når vi ser på Home siden, er der 3 nyhedsbokse, de nyheder bliver loadet ind fra en tekstfil. For at læse variablerne i tekstfilen skal vi skrive en actionscripting kode i frame 1, som heder: loadvariablesnum("nyhedcode12.txt",0); Jeg valgte at kalde tekst filen Nyhedcode12.txt så folk ikke kan finde den, uden at komme ind på hjemmesidens server. Home siden har 4 hovedmenuer, og 3 undermenuer. Hvis vi tage hovedmenuer først så er de bygget op, så man har 4 tryk-buttons som er gennemsigtig, altså der er ikke noget i dem udover et sted man kan trykke, hvorefter man har en dynamisk tekst under knapperne. Så det er muligt at indsætte en variable tekst ind i stedet for, dette gør det muligt at skifte sprog, altså indsætte en tekst på forskellige sprog. Det er den måde alle knapperne virker på også under menuknapperne. Undermenuerne på Home siden er lavet for, at man skal kunne læse hele nyheden. Når nyhederne skal vises i stort, altså, når man trykker på læs mere under de små nyhedsbokse, skal denne information vises i topvinduet, se Bilag 4. Men da vi har valgt at lave et slogan som har en anden størrelse, end den tekstinformation skal vises i, valgte vi at skrive en actionscripting kode for at gøre dette, som hedder: skrift1 = new TextFormat(); skrift1.size = 42; skrift2 = new TextFormat(); skrift2.size = 18; _root.info_overskrift1.settextformat(skrift1);

20 Page 20 of 40 _root.info_overskrift2.settextformat(skrift2); Det vi gør, er at give Flash information om, at lave en variabel med de informationer som skal laves om. Hvorefter de 2 sidste linier giver Flash besked om, hvad for et tekstfelt der skal laves om og med hvad for nogle ting der skal ændres. Alle sider For at gøre det lettere at skrive information ind i hjemmesiden, har jeg valgt at lave en movie som indeholder alt tekst, der bliver brugt i hjemmesiden. Ved at lave det på denne måde har vi mulighed for at skifte sprog uden problemer. For at skifte sprog har jeg lavede en variable som hedder sprog som kan skifte mellem 1-3 som skal indiker hvad for et sprog man har på hjemmesiden, altså 1 er dansk, 2 er tysk, 3 er engelsk. Her nedenunder har jeg valgt at vise en lille del af den danske tekst på hjemmesiden, der er 2 andre som ligner denne som så i stedet for står for tysk og engelsk. onclipevent (enterframe) { if (_root.sprog == 1){ //Her bliver teksten til hovedmenuen skrevet på dansk, hele dette stykke er gentaget 2 gange mere - en på tysk og en på engelsk. _root.home = "Home"; _root.ydelser = "Ydelser"; _root.omos = "Om os"; _root.kontakt = "Kontakt" //Her under har vi lavet en if funktion som viser nyhederne i stor udgave på Home siden, når man trykker på en af de 3 undermenuerne. Men når nyhedklik er lig med 0 så viser flash sloganet, men når den er lig med 1-3 viser den nyhederne 1 til 3 fra tekstfilen. if (_root.nyhedklik == 0){ _root.hovedeoverskrift = "DMP Mølleservice"; _root.info_overskrift = "Kvalitet \ngodt håndværk \nhver gang"; } else if(_root.nyhedklik == 1){ _root.hovedeoverskrift = _root.nyhed1_overskriftd; _root.info_overskrift = _root.nyhed1_tekstd add "\n\n" add _root.nyhed1_dato; _root.info_overskrift1.settextformat(skrift1); _root.info_overskrift2.settextformat(skrift2);

21 Page 21 of 40 } else if(_root.nyhedklik == 2){ _root.hovedeoverskrift = _root.nyhed2_overskriftd; //Når Vi trykker på læs mere i nyhederne, viser den nyheden i stor. For at kunde få en dato til at ligge i bunden af den har vi skrevet en code som heder (_root.nyhed2_tekstd add "\n\n" add _root.nyhed2_dato; ) _root.nyhed2_tekstd betyder at vi tage teksten fra vores txt fil på dansk og lave en line med ingenting ved hjælp af "\n\n" og til sidst indsætter vi datoen fra tekst filen ved hjælp af _root.nyhed2_dato;. Og for kan lægge dem sammen skriver vi add _root.info_overskrift = _root.nyhed2_tekstd add "\n\n" add _root.nyhed2_dato; _root.info_overskrift1.settextformat(skrift1); _root.info_overskrift2.settextformat(skrift2); } else if(_root.nyhedklik == 3){ _root.hovedeoverskrift = _root.nyhed3_overskriftd; } _root.info_overskrift = _root.nyhed3_tekstd add "\n\n" add _root.nyhed3_dato; _root.info_overskrift1.settextformat(skrift1); _root.info_overskrift2.settextformat(skrift2); Selve koden er blevet forklaret i Flash filen, så for at læse mere information om kodningen åben denne fil. Analyse af HTML-koden Vi har ikke så meget html-kode, da vi lavede det meste i flash. Så det vi har lavet i html er at lave en tabel, som ligger lige i centrum af vinduet og så sat en html-fil ind, som så vil blive vist så man kan se den i 1024x768. Først indiker vi hvad farven skal have på baggrunden og margenerne: <BODY bgcolor=#ffffff leftmargin=0 topmargin=0 marginwidth="0" marginheight="0"> Her efter laver vi en tabel, som bliver centret på midten af hjemmesiden: <TABLE height="100%" cellspacing=0 cellpadding=0 width="100%" border=0> <TBODY> <TR> <TD valign=center align=middle> <table height=329 cellspacing=0 cellpadding=0 width=1001 align=center border=0>

22 Page 22 of 40 <tbody> <tr> <td valign=top align=middle width=1001 bgcolor="#000000"> Her bliver flash filen sat ind og der bliver bestemt hvad størrelse den skal have: <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" width="1008" height="732"> <param name="movie" value="7.swf"> <param name="quality" value="high"> <embed src="7.swf" quality="high" pluginspage=" type="application/x-shockwave-flash" width="1008" height="732"></embed> </object> </td> </tr> </tbody> </table> </BODY></HTML> Nyhedsside Allerede fra start af i dette projekt hvor vi interviewede firmaet, fandt vi ud af at et af de store ønsker at firmaets ledelse havde til hjemmeside, var en mulighed for at kunne tilføje nyheder til hjemmesiden. Den gamle side var opbygget i normal html, og hvis man ikke kan finde ud af at redigere i dette er der ikke mulighed for at tilføje nye ting til siden. Desuden skal det nævnes den gamle side slet ikke havde en nyhedsafdeling. Så vi besluttede os tidligt for i projektet, at vi ville lave et nyhedssystem som enhver person uden kendskab til HTML ville kunne betjene. Vi arbejde lidt på ideen, og nåede frem til, at vi ville lave et Content Management System (CMS), hvor man kan tilføje, redigere og fjerne data nemt og hurtigt til en database igennem et nemt interface på hjemmesiden. Dog da vi kom videre i projektet fandt vi ud af i en samtale med vores vejleder, at det ikke lige var på udviklingen af databaser at vi skulle lægge vægten i dette projekt. Og derfor valgte vi at flytte fokus mod designperspektiverne af hjemmesiden i stedet. Dog har vi af egen lyst valgt at lave systemet alligevel. Og vi vil her forklare kort hvad det er vi har lavet. Da vi skulle vælge hvilket kodesprog vi skulle bruge valgte vi at lægge os fast på ASP sammenkoblet med en Access database, eftersom Lasse have en del erfaring inden for det. Men før man overhovedet begynder at kode noget som helst, skal man sørge for at fastlægge hvilke funktioner, man vil have og hvad systemet skal indeholde.

23 Page 23 of 40 Vi besluttede os for at vi skulle have et system der kunne både, tilføje, rette og fjerne nyheder fra en database. Og der skulle desuden være et indbygget login-system som sikrede at ingen uden tilladelse fik lov til at gå ind på siderne og ændre i nyhederne. Hvad angår opbygningen af nyhederne, valgte vi at vi skulle have en lille nyhed som skulle lægge på forsiden, og man så ville kunne klikke på den nyhed, og komme ind til en nyhed med en længere beskrivelse. Derfor skulle nyheden indeholde følgende punkter (jeg kalder punktet det samme som de er beskrevet med i koden): Overskrift- Titlen giver næsten sig selv, en overskrift til nyheden. Dato Datoen, bliver automatisk sat ind i systemet når man skriver nyheden. Intro En lille forklaring af hvad nyheden handler om, denne skal stå på forsiden. Tekst Dette er selve nyheden, altså den lange tekst. Link Hvis man vil tilføje et link nederst på siden, til en bestemt ting man evt. relatere til i nyheden. Lille billede - Lille nyheds billede til forsiden sammen med nyheden. Stort billede Stort nyheds billede, der bliver vist når man går ind på den enkelte nyhed. Det skal dog allerede her nævnet at vi ikke i vores kode/prototype af systemet har gjort brug af billeder, hvilket skyldes manglende kendskab til hvordan man skulle gøre det. Og fordi vi i selve designet af siden, valgte ikke at lave billeder i nyhederne. Men det vi havde tænkt os var, at man når man tilføjede nyheden så skulle man kunne vælge et billede fra sin billedsamling, og når man tilføjede skulle systemet selv kunne uploade, og indstille billedet til den rigtige størrelse så det passede ind på siden. Vi har valgt ikke at sætte kode eksempler ind i denne tekst, eftersom ASP ikke er et studierelevant kodesprog, så derfor skal det stå frit for om man vil studere koden nærmere. Men her kommer en kort forklaring til det: Som en start kan jeg sige at alt ASP kode er indrammet i tegnene <% indsæt asp kode her %>. Og denne kode kan skrives ind i et HTML dokument hvor som helst. I forbindelse med kodningen af denne asp kode har jeg gjort stor brug af muligheden for at sætte alt sin kode ind på en enkelt side og bruge forskellige modes til at få siden til at vise forskellige data alt efter ønske. Starten af en mode kan se sådan her ud: <% if mode = "admin" then %> Efter then kan man så sætte den ønskede kode, såvel som ASP som HTML ind, og den vil blive udført når man går ind i den ønskede mode. Man får adgang til modes, ved brug af underadresser i linknavnet som f.eks. nyheder.asp?mode=admin. Til at tilføje og redigere nyheder, bruger man HTML tekstfelter, som i forbindelse af en form sender de ønskede informationer via. En asp kode, som så sender den information videre til vores Access database.