Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Transkript

1 Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside... 5 Sideopsætning... 5 Banner... 5 ChampionChip... 6

2 Valg af opgave Vi har valgt opgave nummer 2. Vi har valgt denne her opgave, eftersom den så mest spændende ud og passede vores arbejdeform bedst. Det var nemlig her vi så størst mulighed for at lave en hjemmeside, med en masse indhold, eftersom at der er mange forskellige informationsbehov. Introduktion Vores opgave går ud på at lave et mediaprodukt med et højt kommunikations niveau, så vi får oplyst og informeret folk om Roskilde Marathon. Vi har valgt at lave en hjemmeside og en brochure. Vi har hovedsagligt lagt vægt på hjemmesiden, hvor vi har gjort det meget overskueligt for den enkelte bruger at finde rundt. Problem Vores problem er at der er et informationsbehov der skal dækkes, for at Roskilde Marathon kan afholdes. Målgruppe Amerikaneren Harold D. Laswell lavede en simpel kommunikationsmodel, som han videreudviklede i 1948 til den såkaldte "kanylemodel" eller "De 5 H'er". Denne model har vi brugt til at definere målgruppen. Hvem siger Hvad gennem Hvilken kanal til Hvem og med Hvilken effekt Afsender Arrangørerne af Roskilde Marathon. Budskab At informere interesserede om praktiske oplysninger omkring arrangementet. Medie(Christian Krintel) Budskabet bliver udgivet via. Hjemmeside og foldere. Grunden til at vi har valgt at lave to forskellige medier er, at det på denne måde rammer en større gruppe af mennesker. Hjemmesiden er for alle moderne mennesker, som bruger internettet til hverdag, hvorimod at en brochure let kan bruges af alle. Selvom at en brochure kan bruges alle, at man ikke bruge den alene, da den er svær og dyr at få ud til alle mennesker. Den skal derfor være på nogle centrale steder, som stationer, sportsklubber osv.

3 Kodning Vi har skrevet informationen i et let forståeligt sprog, som den enkelte bruger ikke kan misforstå. Hjemmesiden kræver selvfølgelig lidt ekstra dekodning da man bl.a. skal gennemskue menuen, for at finde den søgte information. Modtager(Christian Krintel) Modtagerne er marathon interesserede, som gerne vil melde sig til løbet. Da interesserede kan have alder lige fra 16 til 60 år, kræver det flere mediprodukter som beskrevet i Medie. Effekt Den ønskede effekt er at interesserede får tilfredsstilt deres informationsbehov, og melder sig til løbet. Information (Christian Krintel): For at en stor begivenhed som Roskilde Marathon 2008 skal komme til at forløbe succesfuldt, er der forskellige grupper af personer der skal have nogle informationer. På vores hjemmeside kan tilskuerne læse om relevante ting som: Hvornår løbet starter og hvor det foregår o Vi har valgt både at skrive adressen, og vise hele ruten på et interaktivt kort, så hjemmesiden også virker moderne. Hvor der er plads til at de kan stå Muligheder for at komme dertil, og hvor der er parkeringspladser Hvad der er af mulighed for mad og drikke For arrangørerne af arrangementet er det vigtigt at vide helt præcis hvilke veje i Roskilde, marathonet går igennem, så de kan blive afspærret. Derfor har vi implementeret et interaktivt detaljeret kort over ruten på vores hjemmeside. Arrangørerne kan også helt præcis se hvor mange deltagere der bliver, og dermed sørge for, at der f.eks er vand, frugt og t-shirts til alle. Deltagerne har brug for at vide: Hvordan man tilmelder sig til løbet o Vi har tilmed valgt at implementere et fuldt funktionelt tilmeldningssytem, som vi selv har lavet. Dette gjorde vi bl.a for at kunne give arrangørerne info om hvor mange deltagere der er tilmeldt, men også bare fordi, at vi syntes det ville blive lidt for kedeligt, uden noget der virkede rigtigt. Hvor og hvornår løbet starter og slutter Hvor mange vandposter der er undervejs Hvordan man skal placere sin chip Programmering (Christian Krintel): Vi har lavet en hjemmeside, som indeholder nødvendige informationer for tilskuerer, sponserer og løbere. Desuden indeholder hjemmesiden en tilmeldningsformular, således at løberne kan tilmelde sig løbet. Alle data fra tilmeldningen (Navn, adresse, telefon nr osv.) bliver gemt i en MySql database på serveren, så arrangørerne hele tiden kan følge med i, hvor mange deltager der er tilmeldt. Dette kan også gøres direkte fra hjemmeside, hvor vi har lavet en forbindelse til databasen, så alle tilmeldte løbere bliver listet i en tabel, dog uden de personlige oplysninger Hjemmesiden har vi lavet i Adobe Dreamweaver, som er et WYSIWYG (what you see is what you get) program. Dvs. at man kan redigere hjemmesiden, som man f.eks redigerer et word-dokument, uden at skulle kunne nogen form for kodning. Dette er en fordel, fordi det er hurtigere og nemmere at overskue. Vi

4 har valgt at lave hjemmesiden i formatet.asp (active server pages). Som navnet antyder er det en server baseret teknologi, i modsætning til.html som udelukkende afvikles hos klienten. Med server-side teknologier kan man lave mere dynamiske hjemmesider, og det er nødvendigt, når man vil skrive til en database på serveren, som vi var interesserede i. Asp kan som standart kun afvikles på windows baserede serverer, ellers skal man have fat i en server-side side teknologi som.php, som er cross platform altså platform uafhængig. Med asp kan man også inkluderer en fil på flere sider, hvilket er rigtig praktisk når man har en menu på sin hjemmeside. Man laver altså ét document med menuen og inkluderer det på alle de sider, hvor der skal være en menu. Så skal man kun rette ét sted, når man vil ændre sin menu. Denne kode indsættes på siden, hvor man vil vise menuen: <!--#include file= menu.html --> I filen menu.html kunne man have følgende simple menu, bestående af nogle link-knapper: knapper: <a href= side1.asp ><img src= knap1.png title= Gå til side 1 ></a> <a href= side2.asp ><img src= knap2.png title= Gå til side 2 ></a> <a href= side3.asp ><img src= knap3.png title= Gå til side 3 ></a> Design Menu knapper (Christian Krintel): Menu knapperne har vi lavet i freeware tegneprogrammet GIMP. I programmet kan man arbejde med flere lag, hvilket vi har udnyttet til lave highlights på knappen og glow effekt på teksten. Som grundfarve har vi valgt en mørkegrå farve, fordi det giver et flot metal look, og så står den i god kontrast til det overordnede blå farvetema, som vi har på siden. Det er vigtigt, at menuens knapper har en tilstrækkelig stærk kontrast til det overordnede farvetema, så man ikke ricikerer at brugeren overser menuen. Samtidig er det selvfølgelig også vigtigt at farverne virker harmoniske sammen, så det stadig giver et helhedsindtryk. Glow effekten på teksten lavede vi fordi vi syntes, at teksten var for flad uden. Glow effektens farve er igen i overensstemmelse med sidens farvetema, for at det ikke skal virke forvirrende. Brochure Vi har valgt at lave en brochure, så der er flere muligheder for at kunne få noget at vide om vores maraton, og for at folk som ikke har internet, eller ikke bruger det så meget, også har mulighed for at vide at det afholdes. Rent indholdsmæssigt skal der stå nogle ting om løbet generelt, ruten, og et eller flere links til hjemmesiden, så man har mulighed for at læse mere, melde sig til etc. Design Vi har lavet nogle skitser for at bestemme brochurens design. Der skulle både være en forside, en bagside, en tilmeldingsblanket, og selvfølgelig information. Tilmeldingsblankettens bagside har ingen informationer, da man skal indsende den, og derfor ikke kan se hvad der stod, hvis man kun har halvdelen af brochuren. Vi har også lavet nogle af billederne i gråtoner, så de er mere neutrale og ikke forstyrrer. Farverne har vi valgt at holde nogenlunde neutrale, og forsiden har nogle blå elementer, som passer til hjemmesidens farvetema. Den løbende mand, er også taget fra hjemmesiden, igen for at skabe mere sammenhæng mellem brochuren og hjemmesiden.

5 Hjemmeside Sideopsætning På mange sider er der ofte en navigationsmenu i toppen eller i siden. Vi har valgt at lave menuen i siden fordi det giver plads til mange flere knapper end hvis de er i toppen. F.eks. er knapperne lange, og derfor kan der ikke være så mange ved siden af hinanden, men der kan være flere oven over hinanden. Banner Efter at have researchet lidt, og set på nogle andre maraton-sider, blev vi enige om at vi skule have et banner. Banneret skal være relevant for siden, og sidens tema, og derfor lavede vi logoet af den løbende mand, som går igen i brochuren. Baggrunden blev valgt fordi den abstrakte struktur minder om noget i bevægelse, hvilket er relevant for et maraton. Derudover tegnede e vi et omrids af Roskilde Domkirke, for at vise mere om hvor det foregår. Teksten blev valgt ud fra hvad vi synes så godt ud (rent subjektivt). Når knapperne er i siden er de også lettere at overskue, da man skal kigge på et mindre område. Baggrunden i siden og i toppen har vi valgt at lave blå, så de passer lidt til banneret, og derved skaber det blå farvetema. Fordi man kan have forskellig opløsning på sin skærm, skal baggrunden stadig være ordentlig, når man har forskellig størrelse vindue. Derfor har vi lavet dem som gradients, og i hjørnet er der en som overlapper. Vi har lavet et lille billede, som vi tiler side om side, da dette giver en bytydeligt mindre loade tid af siden, end hvis man havde lavet det som ét stort billede. Af ukendt årsag viser Internet Explorer

6 et af billederne mørkere, og der er derfor en tydelig overgang. Dette problem eksisterer ikke med andre browsere. Mellem menuen/banneret, og selve området hvor at indholdet er, har vi lavet endnu en gradient, som skal lave overgangen mere blød, og gør det mere behageligt at se på. ChampionChip Vi har også valgt at designe vores egen ChampionChip, som er en chip som løberne har på, så man kan registrere deres tid elektronisk. Designet er inspireret af et andet design fra New York Marathon, og stilen har vi prøvet at holde så fotorealistisk så muligt. På den måde får løberen et ordentligt indtryk af hvordan den ser ud.

7