Grundforløbsprøve Projektbeskrivelse

Transkript

1 Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi

2 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det Færdige Resultat... 8 Underside... 9 Logo... 9 Skitse Wireframe Underskrift

3 Opgaven Mit webbureau, som består af mig, har fået til opgave at designe og kode et nyt website til Aalborg by. Til opgaven skal der skrives en rapport (Projektbeskrivelse & Projektdokumentation), hvor der skal beskrives hvad der skal laves på siden, hvordan det er lavet og hvorfor Jeg netop har valgt at lave det sådan. Derudover skal der også være JavaScript/jQuery, og validering af formularer. Der skal anvendes forskellige billeder og grafik på hver enkelt underside, for på den måde at undgå at siden bliver for ensformig. Sitet skal være dynamisk, så admin kan ændre alt indhold på siden, via en database. Der skal være admin login, en dynamisk kontakt formular hvor admin kan logge ind for at se og evt. Besvare henvendelser og der skal der også være en målgruppe som siden retter sig i mod. 3

4 Tidsplan I starten af projektet har Jeg udformet en tidsplan, eller en såkaldt gantt plan. Her har Jeg illustreret hvornår visse trin i opgaven kommer til at køre i forhold til at udføre opgaverne. Tiden blev lidt stram hen imod slutningen af design fasen, men Jeg formod at holde tidsplanen. Den første uge. 4

5 Målgruppe Jeg har gået efter en meget bred målgruppe da Jeg mener at sitet for Aalborg skal være interessant for alle, og derfor har Jeg valgt lidt flere temaer end miniumums kravet, og disse er: Sport Seværdigheder Gratis Glæder Musik Bolig Markedet Arkitektur Overnatning Historie I disse emner mener Jeg at der er noget for at holde de flestes interesse. Sport er valgt da det kan bruges til alle uanset alder. Seværdigheder er valgt for muligvis at tiltrække turister både fra andre dele af landet og udlandet. Gratis Glæder.. Gratis glæder har Jeg valgt da Jeg endnu ikke har mødt nogen som ikke vil have noget gratis! Musik alle elsker musik, så er der jo de forskellige genrer, men i Aalborg er der noget for enhver smag! Bolig Markedet er valgt for at gøre det mere attraktivt for folk i tyverne og op, da det oftest er dem som flytter rundt. Arkitektur er meget mere rettet mod den ældre befolkning, da det ellers kun ville være arkitekter som finder interesse i arkitektur. Overnatning kan være attraktivt for stortset alle aldre, dog er den nok mest rettet mod folk mellem 18 og 25 år, og turister. Historie er valgt da det er en vigtig del af selve byen, og det kan være interessant for unge og ældre. 5

6 Layout Jeg har valgt et højformat til sitet, da det er den mest brugte og derfor mest brugervenlige format. Layoutet har en traditionel opsætning: Header o Header er placeret i toppen hvori der et logo som er placeret ud imod venstre side, da det typisk er der brugeren kigger først. o Headerens størrelse er 150x960 pixel, så der er rigelig af plads til at være et logo i. Logo o Logo dimensioner er 150x500 pixel. Navigation o Menu baren er placeret direkte under headeren, det har Jeg gjort for at gøre brugeren opmærksom på at der er flere undersider brugeren kan besøge. o Menu barens dimensioner er 40x960 pixel, der er 5 hovedmenuer med udnermenuer i 3 af dem, den første fra venstre har 4 undermenuer, den næste har 3 undermenuer og den sidste har 4 undermenuer. Jeg har valgt at fordele det da det skaber bedre overblik. Indhold o Indholdet på siden er 620x900 pixel, (Det varierer dog fra side til side da det kommer an på hvor meget tekst og billeder der er på enkelte sider) grunden til at det ikke er lige så bredt som menu og header er for at skabe lidt luft til siden. Derudover er indholdet skubbet 20 pixel ned fra toppen for at lave endu mere luft. Slider o En slider er en funktion der skifter billeder automatisk efter et stykke tid. o Sådan én har Jeg valgt at have i toppen af indhold på forsiden for at give effekten af at siden er dynamisk og interaktiv. o Sliderens dimensioner er 150x892 pixel, Jeg har valgt at lave den lidt mindre end indholds kassen for at skabe endnu mere luft imellem tingene. Nyheds oversigt o På forsiden inde i indholds kassen har Jeg valgt at have en nyheds kasse på 250x300 pixel, hvori admin kan skrive nyheder. Det har Jeg valgt at gøre for brugeren nemmere kan blive oplyst om visse nyheder, et eksempel på en nyhed kunne være nye aktiviteter i Aalborg, eller nye funktioner på selve sitet Reklameboks o Direkte under nyheder har Jeg valgt at ligge en reklame, som skal benytte funktionen adrotator den gør det at den viser et nyt billede hver gang siden bliver indlæst. Dimensionerne på denne kasse er 205x300 pixel. 6

7 Footer o Footeren har dimensionerne 150x960 pixel, det er gjort for at der er plads til forskellige links, så brugeren får et væld af muligheder for mere information, der er lagt kontaktoplysninger om Aalborg Kommune, så brugeren nemt kan få flere oplysninger ved evt. At kontakte dem. Design I designet har Jeg taget udgangspunkt i farverne rød og hvid da det er Aalborgs sports hold farver, det er gjort for at brugere kan relatere sig til dette. De meste brugte farver på designet anført i hexkode er: #9a0202 (Mørk rød) #8c0303 (Mørkere variant af rød) #ff0000 (Lys rød) #ffffff (Hvid) Fonte Fontene der benyttes er Lucida Sans til alt indhold på siden, den er valgt da Jeg personligt mener at netop denne font er meget brugervenlig i det at den er nem og overskuelig at læse. Skriftstørrelsen på indholdssiden er 18 pixel. Den mest benyttede farve af fonte på siden er sort, den er nem at læse på hvid/grå baggrund. Til menuen er der benyttet Arial netop denne er valgt da den ser mere formel ud. Browser Browseren som Jeg vælger at optimere siden mest til er Google Chrome da Jeg kan tilpasse scrollbars, men siden vil kunne fungere på alle de gængse browsere så som, Mozilla Firefox, Internet Explorer og Opera. 7

8 Bilag Det Færdige Resultat Dette er forsiden 8

9 Underside Dette er undersiden for Musik Logo Jeg har valgt at bruge dette logo da det er symbolet for Aalborg kommune, så folk kan genkende det og føle sig mere sikker på at bruge siden. 9

10 Skitse 10

11 Wireframe 11

12 Underskrift / - Underskrift Dato 12