PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen
|
|
- Dagmar Mathiasen
- 8 år siden
- Visninger:
Transkript
1 Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV.
2 Indholdsfortegnelse Indledning... 2 Udviklingsprocessen... 3 Første iteration... 3 Præsentation af websiden... 9 Indhold og udtryk... 9 Opbygning Forbedringer Refleksion Referencer
3 Indledning Jeg har fået til opgave at oprette en webside, der skal fungere som fag præsentationsside. Websiden skal være dedikeret til mig selv, og være mit ansigt udadtil i en professionel sammenhæng. Den skal dermed kunne fungere som CV side - eller nærmere, som en personlig platform ud fra hvilken jeg skal forsøge at "sælge" mig selv. Til dette formål vil jeg benytte mig af teorier og begreber, vi er blevet introduceret til i løbet af kurset Webdesign. Jeg vil desuden bruge den viden jeg har tilegnet mig på kurset Grafiske værktøjer, samt kurset Web kommunikation, som vi havde på 3. Semester. Opgaven består hovedsageligt i at udvikle og oprette den designmæssige del af websiden, og den lød oprindeligt på at websiden skulle være opsat i Wordpress. Dette er et online content management system (CMS), hvor man kan oprette en profil, og derefter opbygge en hjemmeside i et tema-baseret template system, der gør det nemt for brugeren at arrangere de forskellige elementer, uden videre erfaring med kodesprogene. Wordpress benytter kodesproget PHP, der muliggøre brug af databaser, ved at kommunikerer det der står i databasen til browseren som HTML. På denne måde tjener den som link mellem browseren og computerens øvrige organisatoriske egenskaber, hvilket gør det muligt at skabe dynamiske websteder, med mulighed for brugersystemer og lignende. HTML står for HyperText Markup Language, og er det sprog man bruger til at kode selve opsætningen af en webside. CSS står for Cascading Style Sheet, og bruges til at beskrive hvordan de forskellige elementer skal se ud rent visuelt. Fordelen ved at benytte disse kodesprog er at de er forholdsvis enkle, samt kompatible med de fleste browsere, og dermed giver et produkt der fungere optimalt på stort set alle platforme (Bilag 1, PowerPoint (PP) vist på kurset Webdesign d. 29/ ) Jeg har som udgangspunkt snuset lidt til kodesprogene HTML, CSS og JavaScript allerede, og har desuden en del ressourcer at trække på i form af familiemedlemmer og venner, hvorfor jeg har valgt at lave min webside helt fra bunden. På denne måde opnår jeg den fleksibilitet jeg forventer af mit produkt, og som passer til mit niveau. Jeg vil dermed designe og skrive siden selv i særskilte HTML-filer, ved brug af HTML, CSS og JavaScript, samt udvikle mit eget CMS, som er skræddersyet til at understøtte websiden. 2
4 Udviklingsprocessen Jeg har valgt at lave et undersøgelsesdesign ud fra lifecycle-udviklingsmodellen. Jeg vil dermed arbejde iterativt i min udviklingsproces, og på denne måde får jeg mulighed for at udvikle og tilpasse mit design hen af vejen, både ud fra mine egne krav og forventninger, men også i samarbejde med potentielle brugere. Modellen som den er fremlagt af Preece et al ser således ud: (Bilag 2, PP vist på kurset Webkommunikation kursusgang 2) Første iteration Kravspecifikationer Først og fremmest må jeg bestemme hvad det er for en slags side jeg vil lave, og hvilke behov der måtte være for en bruger på denne type webside. Dernæst må jeg analysere behovet for visuel kommunikation, på denne type side. Når jeg ved det, kan jeg opsætte nogle konkrete mål for designet. 3
5 For at finde ud af hvilke informationsteknologier der som et minimum er brug for, og for at få inspiration til yderlige features der med fordel kunne implementeres på hjemmesiden, vil jeg undersøge mit koncept ud fra Wengers model om kommunikationsteknologier. Først må jeg nærmere bestemme hvilken type hjemmeside der er tale om, for at kunne placere konceptet korrekt i modellen. Websiden skal fungere som personlig præsentation af mig selv, i en professionel sammenhæng. Den skal altså primært handle om mig og mine evner inden for webdesign. De budskaber der skal være, vil derfor være centreret om statiske informationer omkring et individ, og de vil dermed være af en asynkron natur. Hjemmesiden er således baseret på individuel adfærd og asynkron kommunikation. Disse karakteristika placerer websiden helt ude i den yderste ring til venstre på modellen, som set på billedet herunder: (Modellen er taget fra bilag 3, PP vist på Kurset Webkommunikation Kursusgang 1). 4
6 Da jeg gerne vil tiltrække så mange potentielle brugere som muligt, og have mulighed for at hævde mig selv på en lidt mere konkret måde, må jeg bevæge mig længere til højre og lidt ned i modellen. Her finder vi blogs, der er en lidt mere gruppe orienteret teknologi, som tillader at jeg oplyser mine brugere om nye tiltag eller personlige anliggender, uden at forandre det oprindelige formål. Denne teknologi kan dermed forøge sandsynligheden for at flere vil vende tilbage til min side gentagende gange, og er derfor et oplagt valg som supplerende element på siden. For at kunne fastholde brugerne endnu bedre, vil jeg gerne indføre et element af interaktivitet. Dette vil fremme folks interesse i at følge med i hvad der videre sker på siden, når de har læst alt indholdet og de posts der måtte være. På Wengers model kan vi se at den teknologi der passer bedst til dette formål, er muligheden for at kommentere på indholdet. På min webside kunne det være relevant under blog sektionen, hvor det ville introducere et element af deltagelse, og dermed få folk til at involvere sig og blive længere. Disse teknologier kan med fordel understøttes af et bruger-system, der giver folk en identitet og dermed forøger følelsen af tilknytning til siden, samt den grad af interaktivitet det er muligt at opnå. I dette tilfælde vil jeg dog begrænse det til muligheden for at kommentere på posts og lignende, altså til at etablere en tilstedeværelse generelt, for at holde fokus på det siden handler om, nemlig mig. Jeg vil dermed implementere en blog på siden, hvor det er muligt at kommentere på de forskellige posts. Denne blog skal yderligere understøttes af et login/brugersystem, der tillader brugeren at antage en selvvalgt identitet. Når man tager selve formålet med hjemmesiden i betragtning, vil jeg sige at disse teknologier komplimentere hinanden meget godt, og er oplagte til opgaven. De gør det muligt at tilføje information på en ellers statisk platform, og på den måde tiltrække nye seere og fastholde potentielt vigtige brugere. Efter at have bestemt hvilke kommunikationsteknologier der er behov for, kan jeg nu reflektere over mit foreløbige koncept ud fra Thorlasius s kommunikationsmodel, og på den måde bestemme behovet for visuel kommunikation: 5
7 (Modellen er taget fra bilag 4, PP vist på Kurset Webkommunikation Kursusgang 1). Afsenderen er i dette tilfælde mig selv. Herfor er det nemt at finjustere mine krav, og afstemme dem med produktet i løbet af hele processen. Jeg vil gerne fremstå professionel, og give udtryk for at jeg formår at tænke ud af boksen når det kommer til webdesign. Dette skal afspejle sig i designet. Modtageren er potentielle arbejdsgivere eller forretningsforbindelser, hvorfor websiden må udtrykke troværdighed, og vise at jeg formår at bruge de hovedkompetencer jeg påstår at besidde. 6
8 Websiden skal selvfølgeligt understøtte alle de normale kommunikationsformer som er nødvendig for at en webside fungere, som en intuitiv navigativ funktion og en konsistent fatisk funktion. Ud fra det jeg har fundet ud af indtil videre, vil jeg derudover ligge ekstra vægt på den æstetiske funktion. Her vil jeg benytte mig mest af den formelle æstetiske funktion, for at vise at jeg har styr på webdesign, men med et touch af den sublime æstetiske funktion, for at vise at jeg også formår at tænke ud af boksen. Ydermere vil jeg ligger vægt på den interaktive funktion, ved at der er mulighed for registrering og konversation. Jeg kan nu opstille mine kravspecifikationer: Websiden skal fremstille mig professionelt, brugeren skal få det indtryk af mig at jeg har styr på webdesign. Den skal være brugervenlig og alsidig, brugeren skal kunne finde ud af siden uden videre instruktion og den skal virke på de fleste platforme. Siden skal indeholde en blog og mulighed for at registrere sig og konversere, brugeren skal få en følelse af aktivitet og tilstedeværelse når de besøger siden. Den skal være udformet så mit budskab, og dermed CV, når ud til så mange som muligt. Design Nu kan jeg opstille min foreløbige informationsarkitektur: 7
9 Når man kommer ind på siden skal det første der kommer, være en helside video af mig der står og hilser, som derefter glider over i en bevægende baggrund, der ligger inde bag interfacet. Designet skal være udført i hvide farver, for at symbolisere rene, ordnede forhold og navigationen skal være simpel og elegant. Det lidt kliniske udtryk opvejes af den bevægende baggrund, der skaber en følelse af tilstedeværelse, og skriftfarven skal være mørkegrå, for at mindske kontrasten til det hvide. Dette design vil give en god balance mellem det visuelle og det indholdsmæssige udtryk. Nu kan jeg opstille mit endelige organisationsdiagram: Prototype Ud fra dette har jeg udviklet en high-fi prototype, forsiden ser sådan ud: 8
10 Evaluering Under brugertests af denne prototype udført på kurset Webdesign, fandt jeg blandt andet ud af at det kun behøvede at være muligt at downloade mit CV på den sidste side af CV delen, i stedet for på alle siderne. Jeg fandt også ud af at det ville være mere intuitivt at lave kontakt fanen om til tekst, i stedet for telefon symbolet. Derudover var der meget god overensstemmelse mellem intentionen og receptionen, af websiden generelt. Præsentation af websiden Efter at have tilpasset designet, er jeg nu klar til at præsentere min endelige informationsarkitektur PPHansen.dk Indhold og udtryk De grafiske elementer som ikoner, baggrund, header og footer har jeg lavet i Photoshop, med brug af gradient-tools og gennemsigthed. Mit CV er tilgængeligt som PDF-fil, der er udarbejdet i InDesign. Jeg forsøger at fange brugerens opmærksomhed inden for de første fire sekunder, med en kort intro video. Designet er generelt simpelt og elegant, 9
11 og udført i et fluid grid design, der gør at siden passer godt på de fleste platforme (Cattaneo, Maier og Spooner 2009, 42-45). Jeg benytter et sprog der er tilpasset og egnet brug på internettet. Indholdet er udgjort af korte, præcise formuleringer og aktuelle tekster, der tilbyder den vigtigste information først, og jeg viser hvad jeg kan ved at linke til tidligere arbejde (Bilag 5, PowerPoint vist på kurset Webdesign d. 24/9-2015). CV-delen ser således ud: Faglige kompetencer 10
12 Tidligere arbejde Personlige kvalifikationer 11
13 Persondata Bloggen ser således ud: 12
14 Kontakt siden ser således ud, her er alle elementer interaktive ( Find mig på google maps eksempelvis): 13
15 Og de login relaterede sider ser sådan ud: 14
16 Opbygning Hele siden er bygget op i PHP kode, dermed er design og CMS fuldt integreret med hinanden. CMS systemet, der venligst er udviklet i samarbejde med Ruben Hansen, giver mulighed for at redigere stort set alt på siden, mens jeg er logget ind som Admin, gennem denne særskilte menu (dele af CMS vedlagt som bilag 6): 15
17 Jeg benytter mig af Persuasive design, gennem call-to-action tiltag (bilag 7, PP vist på kurset Webdesign d. 8/ ): Siden er optimeret til google søgning, ved at jeg bruger H1 og H2 tags, og ved at jeg bruger relevante overskrifter og ord gentagende gange i tekststykkerne (Bilag 8, PP vist på kurset Webdesign d. 24/9-2015): 16
18 Forbedringer Der mangler lidt styling på bloggen og de login-relaterede sider, de kan godt blive meget mere overskuelige. Dette er planlagt til ændring snarest muligt. Der kunne oprettes en engelsk version, hvad der er ret relevant i min situation, og muligt siden jeg også ejer PPHansen.dk. Refleksion Da jeg startede på at udvikle websiden havde jeg kun begrænset erfaring med kodesprogene, men den udfordring jeg satte mig selv for, har tvunget mig til at lære dem ordentligt at kende. Jeg har derfor fået en langt større viden om webdesign generelt, i løbet af processen. 17
19 Referencer Cattaneo, Alessandro, Andrew Maier, og Chris Spooner. The Smashing Book. Lübeck: Media GmbH, Thorlacius, Lisbeth. Visual Communication in Web Design - Analyzing Visual Communication inweb Design W3Schools Wenger, Etienne, Nancy White, John D Smith, og Kim Rowe. Technology for communities
PHP Quick Teknisk Ordbog
PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,
Læs mereEt krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.
Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mereGrafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Læs mereGRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Læs mereSelvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.
Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. 1 Kommunikationsplan: Kommunikationsmål, afsender og genre Hvad ønsker afsender at opnå med webstedet?: Afsender ønsker at have en mad
Læs mereGrafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereProjekt - Valgfrit Tema
Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde
Læs mereLav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Læs mereTillykke Med Fødselsdagen
HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register
Læs mereIT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013
PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...
Læs mereUMS Velkomst Byder nye brugere velkommen til skolen
Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består
Læs merePræsentation af afsluttende opgave Markedsføring af Kulløse miljømesse Disposition Introduktion Systemudviklingsmetoder og fremgangsmåder Waterfall metoden Iterations metoden Min anvendte metode og dens
Læs mereAfsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2
Side 1 af 1 Afsluttende opgave i Kom/IT Den afsluttende opgave har jeg valgt at lave alene. Jeg har valgt opgave 1. webdesign, på grund af min interesse for dette. Opgaven går ud på at designe et brugervenligt
Læs mereFørsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner
Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres
Læs mereKODNING AF RESPONSIV DESIGN
Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte
Læs mereGrafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
Læs mereGRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
Læs mereELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mere1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab)
Indholdsfortegnelse 1. Indledning... 2 2. Laswell s fem spørgsmål... 2 Hvem (afsender)... 2 Siger hvad (budskab)... 2 I Hvilken Kanal (Mediet)... 3 Til Hvem (Modtageren)... 3 Og Med Hvilken Effekt (Virkningen)...
Læs mereScreencast-o-matic - Guide
Screencast-o-matic - Guide Link Intro Anvendelse http://www.screencast-o-matic.com/ Screencast-o-matic er et online program som optager din stemme og det som du ser på din skærm. Screencast-o-matic kan
Læs mereUndervisningsmateriale - Rapport
Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10 Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan...
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereTest-designer: Uddybende vejledning. 2. udgave 18-09-2012
Test-designer: Uddybende vejledning 2. udgave 18-09-2012 Indledning Traditionelle E-læringskurser tager lang tid at udvikle - ofte omkring et år. Nu kan E-læring udvikles i løbet af nogle få arbejdsdage
Læs mereForståelse for grafisk workflow
2 Forståelse for grafisk workflow I designet af den trykte bog har jeg haft et vågent øje til de overvejelser og design problematikker det medfører at bogen skulle klare at laves til en E-bog. Her vil
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereGRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Læs mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs merePortfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!
Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely
Læs mereDokumentation. Karen-Louise Fejerskov
Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,
Læs merePORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Læs mereBørn, unge og sundhed Automatisering
Gr. 8 Børn, unge og sundhed Automatisering Kage, hvornår? Thomas Qvistorff Kanstrup og Thorbjørn Louring Koch 1.6 Kom/IT RTG 30/4 2010 Indhold Indledning... 3 Planlægning... 3 Kommunikationsplanlægning...
Læs mereGrafisk design. sundfertilitet.dk
Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.
Læs mereKenn Römer-Bruhn. WordPress. - gør dig synlig på nettet
Kenn Römer-Bruhn WordPress - gør dig synlig på nettet version 1.3 2. september 2013 Lidt om hvem Kenn er Arbejdsområder i dag: Forfatter, skribent, redaktør, forlægger, fotojournalist, blogger, grafisk
Læs mereVend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring
Vend billedet... med de 10 bud for B2B-webdesign Quick Guide til bedre markedsføring 1 Lign en forretning Produktet kommer først Præsentér dine B2B-produkter og -serviceydelser allerede på forsiden af
Læs mereIndhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
Læs mere============================================================================
Idéer til hjemmesiden? Skrevet af Coromilla - 2011/02/21 12:01 Hej medlemmer. Jeg har påtaget mig den opgave at lave ny hjemmeside til Moparklubben. Det er jo ment som et samlingspunkt for alle vores medlemmer,
Læs mereCURRICULUM VITAE. Hoda Al-Amood, 2014
CURRICULUM VITAE Hoda Al-Amood, 2014 Kontakt info: Navn: Hoda Al-Amood Født: oktober-1974 Civil stand: Samlevende Adresse: Mellemengen 3, 1TV 2980 Kokkedal Telefon: 31 25 04 34 E-mail: hodaal@gmail.com
Læs mereProcesbeskrivelse - Webprogrammering
Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...
Læs mereRedesign af Cinnober. Analyse af hjemmesiden Cinnober
Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside
Læs mereAfsluttende Projekt - Kom/IT
1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...
Læs mereAnklagemyndighedens Vidensbase
Anklagemyndighedens Vidensbase Indhold 1 OM DENNE VEJLEDNING... 2 2 LOGIN... 3 3 SØGNINGER... 4 3.1 SØG EFTER DOKUMENTER... 4 3.2 NAVIGÉR DIG FREM... 5 3.3 KOMBINÉR SØGNING OG NAVIGATION... 6 3.4 VISNING
Læs mereBilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier
Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI Vision: Scenarier Et internationalt universitet med fokus på de studerende Vejviseren til dit rette valg Destination for læring & oplysning Livet & menneskene
Læs mere! }! FORSIDE! <html>! <head>!
FORSIDE opgaver body { background-color:#33adff; } header { background:#33adff; color:white; text-align:center; padding:5px;
Læs mereGRAFISK DESIGN 1. HOVEDFORLØB
GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,
Læs mereProjekt 5 - Porfolio Redesign
Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown
Læs meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereCSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.
CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com
Læs mereGrafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...
Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer
Læs mereAnalyse af website: cinnobershop.dk
Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske
Læs mere3) Først og fremmest kan du vælge hvilket tema din side skal have.
Wordpress er et open source software du kan bruge til at oprette blogs og hjemmesider i. Du har mulighed for at vælge forskellig temaer og designe din side som du har lyst. Blogs og hjemmesider kan blandt
Læs mereProjekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding
Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mereGrundforløbsprøve Projektbeskrivelse
Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det
Læs mereCecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010
ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.
Læs merePROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Læs mereFå mere ud af hjemmesiden - med SEO og gode webtekster... 4. Skab overblik... 4. Fokuser på læseren... 6. Skil dig ud fra mængden...
Indholdsfortegnelse Få mere ud af hjemmesiden - med SEO og gode webtekster... 4 Skab overblik... 4 Fokuser på læseren... 6 Skil dig ud fra mængden... 6 Don t tell me show me... 7 Fokuser på, hvad læseren
Læs mereOpstart og adgange til Ejersiden
Opstart og adgange til Ejersiden Indhold Internet Explorer og andre browsere til Ejersiden... 1 Login til Ejersiden... 2 Første login til Ejersiden... 2 Ændring af kodeord ved første login... 3 Bestilling
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereE-zine Online magazine
E-zine Online magazine Anders Cramer Nielsen - http://www.anderscramernielsen.dk Bjarke Handsdal - http://handsdalize.com Casper Ragn - http://www.portfolio.casperragn.com Niels Otto - http://ottouch.com
Læs mereSuperskolernes kampagne
Superskolernes kampagne Projekt i Kommunikation/IT Roskilde Tekniske Skole Side 1 af 12 Indhold Indledning... 3 Målgruppeanalyse - Kanylemodel... 4 Begrundelse for valg af medie... 5 Grovskitsering...
Læs mereWBS. Inledning. Afsluttende projekt 1. sem
MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.
Læs mereSå er IOS CMS her Endelig - et Content Management System, der passer til alt lige fra den mindre private side til store firmasider
IOS CMS Så er IOS CMS her Endelig - et Content Management System, der passer til alt lige fra den mindre private side til store firmasider IOS CMS 2009: et med alle funktioner CMS system med ny og kraftfuld
Læs mereMONA MIKKELSEN Multimediedesigner
PROFIL Kreativ, engageret, nysgerrig og positiv Det er de første ord jeg kommer i tanke om, når jeg skal beskrive mig selv og det er dem der beskriver mig bedst, både personligt og professionelt. Jeg har
Læs mereMONIQUE BOOTS-NIELSEN / GRAFIKER
SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,
Læs mereServersideprogrammering, CMS og eshop. Dag 1: Introduktion og serverside programmering Niels Østergaard
Serversideprogrammering, CMS og eshop Dag 1: Introduktion og serverside programmering Niels Østergaard Dagens program Introduktion til forløbet Begrebet serverside Introduktion til PHP-programmering Tilmelding
Læs mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs meredet færdige resultat
grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereØvelse 1, individuel øvelse billeder, links og undersider
Øvelse 1, individuel øvelse billeder, links og undersider 1. Målsætning I dag skal du lære om principperne bag HTML5 -om hvordan form og indhold er adskilt, og hvordan koden binder dem sammen. Det er et
Læs mere6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS
JB PLASTICS Gruppe D: Rie, Rasmus, Benjamin, Andreas,, 1 P a g e Contents Analyse af firmaet og dets behov... 3 Brainstorming proces... 3 WBS... 4 Start WBS en:... 4 Slut WBS en:... 6 Designproces... 7
Læs mereIndholdsfortegnelse. Refleksion
Læring 1. semester Indholdsfortegnelse Refleksion Portfolio-projekt... s. 1 Formål... s. 1 Portfolio & Wordpress... s. 1 Design... s. 1 HTML & CSS... s. 1 Typografi... s. 1 Photoshop... s. 1 Banner-projekt...
Læs mereModul 1: 2. - 3. marts Intro + Indesign Modul 2: 17. - 18. marts Photoshop Modul 3: 13. - 14. april Illustrator Modul 4: 3. - 4. maj Photoshop Modul
29 Modul 1: 2. - 3. marts Intro + Indesign Modul 2: 17. - 18. marts Photoshop Modul 3: 13. - 14. april Illustrator Modul 4: 3. - 4. maj Photoshop Modul 5: 30. - 31. maj Indesign Modul 6: 20. - 21. juni
Læs mereBruger (kursist/deltager) Kom godt i gang med plan2learn. Version 0.01 Versionslog: 0.01
Bruger (kursist/deltager) Kom godt i gang med plan2learn Version 0.01 Versionslog: 0.01 1 Oprettet: 01.08.2014 Indhold 1. Formål med vejledningen...3 2. Katalogforsiden...4 2.1 Brugeradgang...5 2.2 Skift
Læs merePortfolio Redesign Kamilla Klein 1. Semester eksamen
2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet
Læs mereUDFORDRINGEN. modul 4 - udfordringen. Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne
modul 4 - udfordringen UDFORDRINGEN Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne til valget om retsforbeholdet den 3. december 2015. Vi fokuserede på emnet human
Læs mereafsender Aarhus Folk Festival
GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så
Læs mereSværhedsgrad: Middel: Har en genial Get Started film, som vi anbefaler man prøver først.
Titel: Prezi Beskrivelse: Prezi er et præsentationsprogram. Det er en måde hvor man kan fremlægge på en sjov og anderledes måde, en slags powerpoint med vokseværk. På prezi kan du zoome rundt og ind og
Læs mereBrugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs mereWeb 2.0. Af Frederik Adamsen. Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion...
Web 2.0 Af Frederik Adamsen Indholdsfortegnelse Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion... 6 Frederik Adamsen Kom/IT Web 2.0 Side
Læs mereDet sprogpædagogiske kørekort 2012/2013. Modul 9: Rettelse af kursistopgaver (Del 1)
Det sprogpædagogiske kørekort 2012/2013 Modul 9: Rettelse af kursistopgaver (Del 1) Christoph Schepers Indhold I Ret opgaver i Word Markér fejl i farver (nemt og hurtigt).. Brug Words egne retteværktøjer:
Læs mereGRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5
NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et
Læs merePortfolioudvikling. Line la Fontaine. Multimediedesigner
Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.
Læs mereWagnerGUIDE. - en beskrivelse -
WagnerGUIDE - en beskrivelse - Generelt Den grundlæggende idé med webprogrammet WagnerGUIDE er at give brugeren et overblik over området, viden om, hvor brugeren befinder sig og præcis information om biblioteket,
Læs mereWordPress 4.2+ Manual
WordPress.+ Manual Indholdsfortegnelse Introduktion Log ind i din hjemmesides administration Skifte kodeord eller email Administrationen / Kontrolpanelet Dette er dit kontrolpanel. Administrationen sidemenu
Læs mereHTX. Afsluttende projekt. E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013
HTX Afsluttende projekt E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013 Systemudvikling Indledende aktiviteter Kommunikationsplanlægning for projektet, Laswells fem spørgsmål. o Hvem
Læs mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs mereWORK- FLOW PLATFORM WEBSITE H2
WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en
Læs mereHjemmeside på SkoleKom
Hjemmeside på SkoleKom 1 Om vejledningen Har din lærer givet tilladelse, kan du nu lave din helt egen personlige hjemmeside på SkoleKom. En hjemmeside på SkoleKom er let at gå til, og har du arbejdet lidt
Læs mereMultimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris
Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet
Læs mereStine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation
Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML
Læs mereGRAFISK DESIGN. webdesign af pl.dk
Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig
Læs mereRoskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau
Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Læs mere