Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund. Erhvervsakademiet Lillebælt, Munkebjergvej

Størrelse: px
Starte visningen fra side:

Download "Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund. Erhvervsakademiet Lillebælt, Munkebjergvej"

Transkript

1 Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund MMD 1. semester B Emne: Pba. i Laboratorie-, fødevare- og procesteknologi Antal anslag: Erhvervsakademiet Lillebælt, Munkebjergvej Vejledere: Mona Lyngs Kjærgaard Bjarne Slipsager Peter Storm-Henningsen

2 Indholdsfortegnelse Indledning... 2 Metode... 3 Effektiv feltstudie... 4 Konceptet... 5 Udviklingen af styles... 6 Standard... 6 Art... 6 Strukturering... 6 Det færdige website... 7 Sammenligning af resultater... 7 Valg af teknologi... 9 Værktøjer... 9 Teknologi... 9 Kodeeksempel Evaluering af gruppeproces Grupperoller Refleksion over gruppearbejde Hvad kunne gøres bedre Konklusion Litteraturliste Bilag 1 Gantt-chart Bilag 2 - strukturoversigt S i d e 1 af 16

3 Indledning Vi kommer fra designgruppen SpiderWeb, der består af Niclas Ritz, Dennis René Lucas og Claus Højlund. Vi har udarbejdet en webside med tilhørende html-, css- og billedfiler omhandlende uddannelsen Pba. i Laboratorie-, fødevare- og procesteknologi hos EAL. Vores arbejde har resulteret i en webside med informationer om uddannelsen og uddannelsesstedet. I vores research har vi erfaret, at uddannelsesstedet har nogle rigtig gode arbejdsforhold, så teksten på websiden forsøger at sætte fokus på dette. I arbejdet har vi benyttet os af diverse teknikker både rent teknisk omkring programmeringen af websiden, men også i forbindelse med ide- og konceptudviklingen. Det som vi gerne vil give svar på gennem projektet i rapporten og på websiden er blandt andet; Hvad kan uddannelsen byde på ud over det sædvanlige? Hvad går uddannelsen ud på, og hvilke krav stiller den? Hvordan kan vi bedst muligt kommunikere vores informationer ud til målgruppen? Hvilke tekniske virkemidler skal vi bruge, og hvordan? Der er naturligvis mange flere problemstillinger, som der tages hånd om igennem rapporten. S i d e 2 af 16

4 Metode Vi startede vores arbejdsproces med at undersøge, hvor vores tildelte studie handler om, hvilke krav der er, og ikke mindst hvor det kan studeres. Herefter besluttede vi at besøge uddannelsesstedet for at skabe os et overblik og indtryk af stedet, så vi ud fra det kunne finde det fokusområde, der bedst kunne bruges til at sælge uddannelsen på vores website. Vi planlagde at foretage fieldresearch ved at finde lokalerne, hvor uddannelsen kunne læses og evt. tale med en vejleder. Begge dele lykkedes og vi fik taget en del billeder på stedet. Kilden til meget af den grundlæggende information er derfor uddannelsesansvarlig Claus Dreier fra EAL. Planen herefter var at få lavet en skitse over websiden, som vi ønsker at lave, hvorefter programmeringen kunne starte. Programmeringsfasen skulle være centrum i projektet, og ud fra hvordan det forløb, kunne vi lave rapporten sideløbende også fordi det meste af rapporten tager udgangspunkt i websidens opbygning. De designmæssige stilarter har undervejs givet os god inspiration til websiden og ideudviklingen af sitet, men ellers har designet hovedsageligt bygget på kreativ tænkning. Fra starten af projektet har vi fokuseret på at få planlagt de ting, der skulle laves. Blandt andet har vi udarbejdet et Gantt-chart 1, så vi hele tiden har haft overblik over opgaverne. Desuden har vi afsluttet hver dag med at se dagens arbejde igennem, aftale hjemmearbejde, og få overblik over de efterfølgende dage. Websidens indhold har vi researchet os frem til på EAL s egen hjemmeside samt diverse uddannelsessider. Her der altså tale om en kvalitativ analyse, hvor vi har fundet noget information, som vi videreformidler. Udseendet på vores webside er blevet til med en slags brainstorm, hvor vi hver især lavede udkast til, hvordan siden kunne se ud, og til sidst blev enige om et design. 1 Gantt-chartet kan ses i bilag 1 S i d e 3 af 16

5 Effektiv feltstudie Allerede på første dag i projektet blev vi enige om, at det var bedst at besøge uddannelsesstedet som det første. Vi diskuterede, hvad vi skulle bruge af informationer, og hvad vi havde af ideer til fokusområder, hvorefter vi anskaffede et kamera og tog af sted mod Erhvervsakademiet Lillebælt på Landbrugsvej. Under besøget blev vi vist rundt af uddannelsesleder Claus Dreier. Her så vi både teoretiske og praktiske lokaler, hvor undervisningen foregik. Det hele var professionelt præget med gode faciliteter. Det der dog sprang mest i øjnene hos os, var de arbejdsforhold, de studerende havde. Der var rigtig mange steder, hvor man som gruppe kunne sætte sig og arbejde i fred og ro. Dette var både udendørs og indendørs. Vi besøgte stedet i varme og solskin, så rigtig mange havde placeret sig ved borde og bænke udendørs i en af de mange kroge, hvor arbejdsroen var bedst. Vi forsøgte at finde frem til PBA-studerende 2 til vores projekt, men der var ingen tilstede den pågældende dag. De andre studerende udviste stor tilfredshed med forholdene og så ud til at nyde området og måden at arbejde på. Det viser at omgivelserne har stor indflydelse på arbejdsprocessen, og ens arbejde påvirkes af forholdene. EAL har gjort meget ud af at skabe de gode faciliteter, hvilket er lykkedes flot. Hvis man skal sætte en finger på forholdene, så er det de praktiske lokaler, som vi besøgte. De bar præg af stor slitage og forældet udstyr, der kunne trænge til at blive opfrisket. Dog var teorilokalet meget arbejdsvenligt. Det var udstyret med smartboard, god plads til at arbejde ved borde og stole samt ikke mindst et lille cafe-hjørne, hvor der kunne laves kaffe, toast og den slags. Alt i alt så det ud til at de studerende nød at være på stedet og var glade for arbejdsforholdene. Så vores fokus i konceptet vil være at fremhæve netop arbejdsforholdene, så vi kan skabe et subsite, der overbeviser nye mulige studerende om, at de skal vælge netop dette studie. 2 Studerende ved Pba. i Laboratorie-, fødevare- og procesteknologi, som vores projekt omhandler S i d e 4 af 16

6 Konceptet Vores koncept indeholder et website til EAL, der beskriver uddannelsen Pba. i Laboratorie-, fødevare- og procesteknologi. Indholdet på siden er henvendt til studerende, der ønsker at vide mere om uddannelsen, og som sandsynligvis er i gang med at lede efter netop den uddannelse, de skal studere. Derfor er det vigtigt at fange læseren og skabe interesse for uddannelsen. Det gør vi med vores fokus på arbejdsforholdene, som gerne skulle overbevise læseren om, at det er den helt rigtige uddannelse at vælge. Ved at fremhæve fordelene og skrive direkte til målgruppen, håber vi at skabe den interesse, der skal til for, at valget ender på denne uddannelse. På sitet har vi også lagt vægt på at informere målgruppen omkring de krav der er for at blive optaget på uddannelsen, informere omkring de kompetencer man vil udvikle ved at gå på uddannelsen samt de muligheder man vil have på arbejdsmarkedet når man står som færdiguddannet med netop denne uddannelse. Dette er gjort for at skabe en informativ side der dækker de mest grundlæggende informationer om uddannelsen. gjort ved at bruge en basis farve mens vi havde bestemt os for udelukkende at bruge rene geometriske former, i form af firkanter. Vi har brugt horisontale og vertikale linjer og har samtidig anvendt store mængder luft på siden for at fokus lå på budskabet og ikke designet. Derudover er siden lavet i pop-art. Dette gjorde vi da vi havde i tankerne at skabe en hjemmeside der føltes positiv grundet designet. Det mente vi var nemmere i popart-stilen i forhold til f.eks. destruktivisme. Men en struktureret og forholdsvis simpel hovedside, gør vi det enkelt for alle at redigere i indholdet på siden. Med CSS gør vi det muligt at ændre i siden udseende og opsætning med få, enkle rettelser, hvor selv folk uden kendskab til kodning kan være med. Der vil være mulighed for at lave flere undersider til websiden, ligesom billeder og bannere er tilgængelige både i redigeret form og som photoshop-filer, der kan redigeres efter ønske. Vi har samtidig valgt at fokusere på at informere om faciliteterne på uddannelsen, da deres remedier er med til at sikre den optimale undervisning samtidig med at mulighederne for gruppearbejde gør at arbejdsgangen er særdeles positiv. Vores subsite er lavet i to stilarter. Standardsiden er lavet i modern art hvor det hele er meget simpelt. Dette har vi S i d e 5 af 16

7 Udviklingen af styles Standard Vores standard stylesheet er et meget enkelt og overskueligt design, hvilket vi har valgt, fordi websitet handler om en uddannelse og derfor er meget informativt og formelt. Dem der går ind og ser siden kigger oftest efter noget bestemt, som de gerne vil finde nemmest og hurtigst muligt. Derfor skal der være nem adgang til alle undersider og relativt klart og tydeligt være beskrevet, hvad det handler om. Når man kommunikerer informationer som her, så er det vigtigt at designet og interaktionen på siden ikke stjæler alt opmærksomheden, da det ikke er det folk klikker ind for at se. fået en farvet baggrund med lidt transparent, så man stadig kan se sidens baggrund. Til sidst er billederne på siden blevet omfarvet, så de er mere kunstneriske og passer til stilarten. Strukturering Udviklingen at websiden startede med en skitse over siden, hvorefter programmering af standardsiden gik i gang. Det resulterede i vores endelige webside. Ud fra den omkodede vi css en til popart-stilen, så læseren selv kan vælge mellem de to styles via et link. Art Vi har valgt at benytte popart som vores sekundære stilart. Stilarten kom frem i 1950 erne, og er kendetegnet ved genkendelige hverdagsobjekter, logoer og lignende. Det er ofte meget farverigt og iøjnefaldende. 3 På vores webside har vi designet en baggrund med noget let genkendeligt indenfor den uddannelse vi beskæftiger os med nemlig laboratoriekolber. Samtidig er det farverigt og mere kunstnerisk end vores standardside. Brødteksten har 3 (informationen underbygges på flere andre sider) hentet S i d e 6 af 16

8 På forsiden er der lavet en indledning, der skal fange læseren og skabe interesse for at læse mere om uddannelsen. Strukturoversigt over websitet kan ses i stor størrelse i bilag 2 Det færdige website Som det kan ses i bilaget har vi valgt at centrere vores side, da det ser bedst ud, og fungerer i alle browsere. Øverst på siden har vi placeret et flash-banner med billedrotation der er relevant for uddannelsen. Banneret skal give dynamik og flow til siden, så det ikke er for fastlåst og kedeligt at se på. Brødteksten på siden er indrammet af en stiplet linje, som skal indramme teksten og gøre det rart og læsevenligt. Til at bryde de faste rammer, er der et billede, der også fungerer som overskrift til tekststykket. Det fungerer som en anderledes måde at indlede afsnittene, så det ikke bare er ren tekst. Samtidig skifter billederne, så de ved nogle afsnit er i højre siden af tekstboksen. Vi har valgt at bruge disse virkemidler for at skabe nogle faste, læsevenlige rammer, men samtidig forsøge at bryde det ensartede design med billeder, der går udenfor rammerne. Fra forsiden kan man navigere videre på siden til enten en side om uddannelsen eller faciliteterne på stedet. Undersiden om uddannelsen er meget faktapræget, da det er her man kan finde informationer om, hvad det handler om, og hvad man kan forvente sig af at søge ind. Siden om faciliteter tager udgangspunkt i vores fokusområde om arbejdsforholdene, og viser nogle billeder fra studiet, så potentielle nye studerende kan se, hvad de kan forvente af stedet. Vores popart-side er bygget op på stort set samme måde, det er blot design og farver, der er ændret, så det matcher stilarten. Derfor er det stadig enkelt at navigere rundt på siden og man kan forholdsvist hurtigt finde frem til det man søger efter. Sammenligning af resultater Med vores popart-udgave af websiden har vi fokuseret mere på brugen af farver og frit design, frem for standarddesignet, der er meget formelt og overskueligt. Med popart udfordrer vi læseren mere og give en designoplevelse af siden. Fordelen ved at starte fra bunden af med designet er, at man fuldstændig selv kan bestemme, hvordan det hele skal se ud. Inspirationen kommer fra en selv, og hvad man føler kan blive godt. Ved at tage udgangspunkt i en stilart, skal man mere forholde sig til nogle rammer, der skal S i d e 7 af 16

9 overholdes for at fastholde stilen. Til gengæld giver det fordele ved, at man ofte sikrer sig at stilen holdes gennem hele websiden, hvor sidens design ved at starte fra bunden somme tider kan løbe løbsk. Ved at starte fra bunden giver det også fordelen ved, at man relativt nemt kan redigere i css en, og den vej tilpasse designet til en stilart. Det er sværere at gøre den anden vej rundt. Websiden inspireret af popart-stilen. Farverne er hentet fra grundfarverne rød, blå og gul. Skrifttypen er ændret, så den er mere kunstnerisk. S i d e 8 af 16

10 Valg af teknologi Værktøjer Netbeans er programmet der er brugt til at lave hjemmesiden. Den har sin helt egen ftp-funktion som gør det muligt at uploade til sin server mens man gemmer sit projekt, så man ikke skal tænke på det selv. gennem programmet laver man en projekt mappe på sin egen computer som også kan bruges som backup vis ens projekt på serveren er slettet eller på andenvis beskadiget. Netbeans kan arbejde med HTML, CSS, PHP og JavaScript samt et par andre kodesprog. Der bliver vejledt under vejs ved hjælp af et hav af valgmuligheder og forklaringer mens man skriver sin kode som gør det lettere at komme videre vis man har glemt hvordan den enkelte kode skal skrives. CSS: Der er blevet lavet et ekstern stylesheet der er blevet linket til fra index siden. Grunden til det er at separerer de forskellige koder og give et bedre overblik. Sitet er blevet sat til at kunne fungere i alle oplæsninger da der er blevet lavet afstande og størelser med procenter. Der er blevet brugt PHP til links på den måde at der skulle kun være en overordnet side der henter informationer, så man ikke skal loade nye sider vær gang man trykker på et link. I stedet for at linksne har en sti, har de bare en kort kode der ser således ud?menu=1. I sidens indhold bliver der sat en if-funktion ind der kalder på den information man gerne vil have ved hjælp af en include-funktion. Wamp Server er et program som laver en emulering af en server på ens computer som gør det muligt at teste ens site inden man lægger det ud på nettet. Der følger et Phpmyadmin program med så man kan arbejde med databaser ved hjælp af MySQL. Teknologi Der er blevet brugt HTML til at indsætte alle de elementer som skal opsættes i CSS. Der er blevet brugt diver (kasser) der er nemme at style da de ikke nødvendigvis hænger sammen som f.eks. tabeller. Ellers har samtlige elementer så som links, billeder og tekst fået en class der også gør det muligt at style dem. S i d e 9 af 16

11 Kodeeksempel Kode på links: (Link der har fået en attribut menu = 1) <a href="?menu=1" class="menu">home</a> Kode på indhold: På tekst er der brugt en nl2br-funktion (New Line To Break). Denne funktion laver automatisk linieskift og afstand mellem afsnit så man kan skrive sin tekst i word og copy/paste teksten direkte ind i sin side uden at kode yderligere. Vi har valgt dette kodeeksempel, fordi det er med til at gøre det meget nemmere for andre at redigere i websiden. Med denne kode implementeret kan man simpelt indsætte tekst direkte fra et worddokument, og så regner den selv ud, hvor den skal lave mellemrum mellem afsnit for eksempel. På den måde slipper uerfarne kodere, der skal redigere hjemmesiden, for at indsætte tags som <br />. S i d e 10 af 16

12 Evaluering af gruppeproces Grupperoller Grupperollerne er meget ligeligt fordelt. Vi valgte, i gruppen, Claus som gruppeleder, men var samtidigt enige om at vi alle ville bidrage med hvad vi kunne og have lige meget ansvar. Samtidig besluttede vi at, vi i tilfælde af uenigheder i forhold til beslutninger vedrørende gruppearbejdet, at flertallet ville bestemme. På denne måde er det ikke muligt at trumfe noget igennem, uden gruppen mener det er en god idé. Måden vi fordelte arbejdsopgaverne i gruppen på var at vi vurderede hvem der havde mest erfaring samt kvaliteter på et område, også tildelte vi opgaverne ud fra det. Som eksempel valgte vi at Dennis skulle programmere subsitet da han har erfaring inde for dette område, med sin uddannelse som webintegrator. Mens han programmerede subsitet, forklarede han til os andre hvad det var han gjorde. Dette gjorde vi for at være sikre på at få det optimale ud af projektet, samtidig med at vi andre også udviklede os på de områder vi ikke var så stærke i. Sådan fungerede det generelt i gruppearbejdet. Refleksion over gruppearbejde Vi mener at vi havde et godt samarbejde i gruppen. Dette skyldes bl.a. den interne kommunikation der var. Når man blev færdig med noget til enten opgaven eller subsitet, tog man det op i gruppen for at få feedback, så man sikrede sig at det vi hver især lavede opretholdte en hvis kvalitet. Dette var en hjælp til at udvikle os fagligt da vi får nye indtryk på det vi laver, samt feedback på hvordan vi kunne gøre det bedre. Set ud fra de forskellige læringsstile har vi også konkludere at vi arbejder forskelligt i gruppen. Både Dennis og Claus er aktivister, mens Niclas er Teoretiker. Dennis og Claus arbejder på den måde at de først laver det de har i tankerne, altså deres umiddelbare førsteindtryk, hvor efter de reflektere og bedømmer det arbejde de har udført, også retter ind efter det de konkludere. Niclas strukturere og konkludere det meste i hans tanker inden han laver arbejdet, dette gør han ikke retter det så mange gange da det hele er gennemtænkt inden det bliver laver. De to Aktivist Reflektor Teoretiker Pragmatiker Dennis Claus Niclas Læringsstile for gruppen S i d e 11 af 16

13 forskellige arbejdsmetoder er vidt forskellige, det er det endelige resultat dog ikke, da det hele er gennemtænkt flere gange. Måden det har påvirket vores gruppearbejde, har mest kunne mærkes i de opgaver vi, i gruppen, har lavet sammen. Der har det været tydeligt at vi tænker forskelligt, da Claus og Dennis gerne vil lave et første udkast med det samme mens Niclas tænker mere inden han laver udkastet. Der har Niclas også lært fordelen i at lave et første udkast fra førstehåndsindtrykket da man på denne måde får et håndgribeligt produkt at arbejde videre fra. Dette er en fordel idet man godt kan glemme noget hvis man har det hele i tankerne inden man laver produktet, mens man på denne måde får det hele med. Samtidig har Dennis og Claus kunne mærke fordelen i at gennemtænke produktet en del inden man laver første udkast da de på denne måde ikke kommer til at lave så mange udkast inden det endelige produkt er færdig. Hvad kunne gøres bedre En af de positive ting i gruppen var at alle havde lige meget at sige og ingen på denne måde følte sig undermineret. En anden positiv ting var vores fordeling af de forskellige opgaver, der ikke bare sikrede os at vi fik lavet det bedste i hver enkel opgave, men også at dem der så ikke var så gode til de ting kunne følge med og udvikle sig på denne måde. Vi mener samtidigt at det var positivt at vi alle i gruppen kunne komme med inputs når man blev færdige med noget. Noget der kunne blive bedre var dog at rapporten bliver skrevet med et lidt varieret sprog da det kommer fra flere forskellige personer. Måden man kunne gøre dette bedre på kunne være at sætte man hver især laver noget, sender det til en person der omskriver det hele til ensartet sprog i hele opgaven. Det kan godt ses som en fordel at man har hver sine kompetencer i en gruppe men det kan også være en ulempe, i forhold til at der kun er en der kan det forskellige og de andre i gruppen bliver nødt til at stole på at det der er lavet er i høj kvalitet, hvilket samtidig gør det svært at give konstruktiv kritik på et område man ikke er så stærk i. Noget man kunne gøre for at forhindre at man ikke kan give konstruktiv kritik kan være at man hver især tager det område man er svag til. På denne måde er man sikker på at have en der kan give noget konstruktiv kritik på det stykke arbejde der er lavet. Det vil dog ikke hjælpe på problemet med at man bliver nødt til at stole på den eneste man har i gruppen der er stærk på det felt. Dette kunne hjælpes af ved at man opsøgte nogle undervisere eller andre personer der er stærk på det område man mangler kritik på, og dermed søger kritikken udefra. S i d e 12 af 16

14 Konklusion Projektet har hele vejen igennem været planlagt og tilrettelagt, og vi har forsøgt at holde os til planen for at skabe de bedste vilkår for et godt projekt. Vi har anvendt metode og teknikker til at opnå det bedste resultat. At starte projektet ud med et feltstudie, var effektivt og meget givende. Besøget gav inspiration og hjælp til at udforme både rapport og webside. Det efterfølgende arbejde resulterede i en webside om uddannelsen Pba. i Laboratorie-, fødevare- og procesteknologi, der vil kunne uploades på EAL s fællesside for uddannelser, således at alle kan gå ind og få information om uddannelse og uddannelsessted. Vi har forsøgt at lave en simpel side, som kan redigeres af alle både med og uden kendskab til kodning. På siden har vi både lavet et standard udseende og et popart-inspireret. På den måde kan man selv vælge om man vil læse den traditionelle side eller heller vil se den mere spraglede version. Det er udelukkende css en der ændres, så derfor har det ingen indflydelse på, hvordan indholdet på siden skal skrives eller programmeres. Vi har desuden anvendt simpel og let tilgængelig teknologi til at programmere siden, så den er nem at overtage for nye programmører. Rapporten som skal afleveres i PDF-format har vi valgt at lave med liggende sider opdelt i to kolonner. Dette gør vi for at gøre den mere læsevenlig, samtidig med, at det skaber gode muligheder for at indsætte billeder og lignende, der gør rapporten mere interessant. S i d e 13 af 16

15 Litteraturliste Hjemmesider Erhvervsakademiet Lillebælt. Hentet d fra Erhvervsakademi Aarhus. Hentet d fra oratorieteknik/pba+i+laboratorie-,+f%c3%b8devare- +eller+procesteknologi/uddannelsen Erhvervsakademi Aarhus. Hentet d fra oratorieteknik/pba+i+laboratorie-,+f%c3%b8devare- +eller+procesteknologi/job+og+karriere UddannelsesGuiden. Hentet d fra lser/tekniskeogteknologiskeudd/laboratorie-_foedevare- _og_procesteknologi.aspx The-artist. Hentet d fra Personlige kilder Claus Dreier, Uddannelsesleder, Erhvervsakademiet Lillebælt, Kold college. S i d e 14 af 16

16 Bilag 1 Gantt-chart S i d e 15 af 16

17 Bilag 2 - strukturoversigt S i d e 16 af 16

ELEMENTER 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å

ELEMENTER 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 mere

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk 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 mere

det færdige resultat

det 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 mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning 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 mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK

Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK Portfolio Mark Hemmeløff Christensen MMD Odense, EAL Web B, 1. semester DK URL: http://mark4286.mmd.eal.dk/ 3-1-2013 S. 0 Portfolio Der er gået ½ år siden jeg begyndte på Multimedieuddannelsen i Odense

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK 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 mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio 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 mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014 2014 Tidsregistrering Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4 Informationsteknologi B Roskilde Tekniske Gymnasium 25-11-2014 Indholdsfortegnelse 1 Indledning... 3 2 User stories... 3 3

Læs mere

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

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 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...

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013

IT 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 mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. 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 mere

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine 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 mere

1. Introduktion... 2. 2. Afgrænsning... 3. 3. Metodeafsnit... 3. 4. Problemformulering... 2. 5. Vores ansvarsfordeling... 3. 6. Arbejdsprocessen...

1. Introduktion... 2. 2. Afgrænsning... 3. 3. Metodeafsnit... 3. 4. Problemformulering... 2. 5. Vores ansvarsfordeling... 3. 6. Arbejdsprocessen... Indhold 1. Introduktion... 2 2. Afgrænsning... 3 3. Metodeafsnit... 3 4. Problemformulering... 2 5. Vores ansvarsfordeling... 3 6. Arbejdsprocessen... 4 6.1. Ideprocessen... 4 6.2. GANTT-kort... 4 6.3.

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. 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

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et 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 mere

Skrivers-Design Portfolio

Skrivers-Design Portfolio Pia Naamansen Skriver Skrivers-Design Portfolio http://www.skrivers-design.dk/ Første Semester 2013 Vejleder Kristin Anslag: 12.350 Pia Skriver Side 1 Indholdsfortegnelse: Min bagrund: 3 Læringsmål: 3

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO 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 mere

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely Bannerpage: http://spicegirls.creativefolder.dk/bannerpage/ Landingpage: http://spicegirls.creativefolder.dk/ René Skovgaard Andersen cph-ra73@cphbusiness.dk Stig Hamborg Nielsen cph-sn9@cphbusiness.dk

Læs mere

Multimediedesign 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 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 mere

PHP Quick Teknisk Ordbog

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 mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK 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 mere

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. 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 mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde 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 mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - 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 mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

Læs mere

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

Portfolio 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! 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 mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // 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 mere

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Roskilde Teknisk Gymnasium Dato 02/04/13 08/05/13 Side 1 af 9 Indhold Problem... 3 Overvejelser... 3 Produkt...

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

MADS JENSENS PORTFOLIO

MADS JENSENS PORTFOLIO MADS JENSENS PORTFOLIO Navn: Mads Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 7948 Emne: Obligatorisk Portfolio Klasse: Web B DK 1. semester Dato: 3. januar 2013 URL: http://mads775c.mmd.eal.dk/portfolio/index.html

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET 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 mere

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Delaflevering: Webdesign og webkommunikation Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Vi har valgt at lave et redesign af KEA s online videnscenter/bibliotek. Organisation: Københavns

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Rapport Undervisningsmateriale.

Rapport Undervisningsmateriale. Skrevet af Morten & Jacob A. 1.5 HTX Roskilde 2011 Side 1 Rapport Undervisningsmateriale. Arbejdsgruppen bestod af: Morten, Jacob A. fra 1.5. Dato: 6. maj 2011 Skrevet af: Morten & Jacob A. Fag: Kom/IT.

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010

Sundhedsguiden. Børn og unges sundhed. Jozef Indruszewski & Marc Ringsing. Kommunikation/IT C Afsluttende opgave 2010 Sundhedsguiden Børn og unges sundhed Kommunikation/IT C Afsluttende opgave 2010 Jozef Indruszewski & Marc Ringsing Problemformulering Vi vil lave en hjemmeside, der oplyser børn og unge om sundhed. Vi

Læs mere

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af:

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af: Kom godt i gang med Gadstrup Fodbolds Hjemmeside Udarbejdet af: Forretningsstøtte Søren Tofte Version 1.0 24.2.2011 Indhold Sådan kommer du i gang?... 3 Log ind... 4 Mine oplysninger... 5 Klub CMS... 6

Læs mere

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet

Kenn 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 mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK 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 mere

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg 1 Indholdsfortegnelse side nr. 1. Forside. 2. Indholdsfortegnelse og indledning. 3. Problemformulering og afgræsning. 4. Tidsplan projektplan

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

1.2 Brugerprofil og brugerscenarie.. side 3. 2.2 Eksempel på webside.. side 4

1.2 Brugerprofil og brugerscenarie.. side 3. 2.2 Eksempel på webside.. side 4 Indholdsfortegnelse: 1. Udforskende research og analyse 1.1 Idékatalog.. side 1 1.2 Brugerprofil og brugerscenarie.. side 3 1.3 Mission Statement side 3 2. Research og analyse af den givne stil 2.1 Stilens

Læs mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

NYHEDSBREVE MED MAILCHIMP

NYHEDSBREVE MED MAILCHIMP VÆRKTØJSKASSEN: NYHEDSBREVE MED MAILCHIMP VED JENS GRIEBEL DIGITAL KONSULENT, JENS@GRIEBEL.DK 1 Velkommen til MailChimp Denne guide vil hjælpe dig med at opsætte din første e-mail kampagne. Den vil også

Læs mere

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN 5. OPSÆTNING DOKUMENTSKABELONER Under fanen Dok. skabeloner kan du arbejde med de skabeloner som du har i systemet, eller du kan oprette nye. I denne vejledning kigger vi på hvordan du kan tilrette selve

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

Danhost Webshop. Skriv gode produktbeskrivelser

Danhost Webshop. Skriv gode produktbeskrivelser Danhost Webshop Skriv gode produktbeskrivelser Gode produkttekster har stor betydning Et lækkert produktbillede er generelt det vigtigste, hvis du vil sælge dit produkt online. Og i webshoppen kan du uploade

Læs mere

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side...

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... Banner Side 1 af 8 Indhold Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... 8 Side 2 af 8 Installation af bannermodulet

Læs mere

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

Kvikke sider om rapportskrivning: Word-7

Kvikke sider om rapportskrivning: Word-7 Kvikke sider om rapportskrivning: Word-7 Målet med denne vejledning er, at du ved hvordan du opstiller en rapport, og hvad den skal indeholde. Det er vigtigt, at en rapport er let læselig, overskuelig

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT Afsluttende opgave Navn: Lykke Laura Hansen Klasse: 1.2 Skole: Roskilde Tekniske Gymnasium Fag: Kommunikation/IT Opgave: Nr. 2: Undervisningsmateriale Afleveres: den 30. april 2010 Indholdsfortegnelse

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk 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 mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Indholdsfortegnelse. Hvorfor skal jeg tage backup af min blog? Side 3. Tag backup med UpDraft Side 4. Tag manuelt backup Side 8 - 2 -

Indholdsfortegnelse. Hvorfor skal jeg tage backup af min blog? Side 3. Tag backup med UpDraft Side 4. Tag manuelt backup Side 8 - 2 - - 1 - Indholdsfortegnelse Hvorfor skal jeg tage backup af min blog? Side 3 Tag backup med UpDraft Side 4 Tag manuelt backup Side 8-2 - Hvorfor skal jeg tage backup af min blog? Lige meget om du har opbygget

Læs mere

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

IT Sikkerhed. Digital Mobning.

IT Sikkerhed. Digital Mobning. IT Sikkerhed. Nu i dag hvor vores computer næsten er tilkoplet hinanden 24/7 er det vigtigt at kunne beskytte sin compuder / server mod spyware, virus, spam og skam. Til det er vi gået i gang med at arbejde

Læs mere

Vejledning i brug af hjemmeside og intranet

Vejledning i brug af hjemmeside og intranet Vejledning i brug af hjemmeside og intranet Side 1 Vejledning i brug af hjemmeside og intranet 1 Indledning... 2 2 Hjemmesiden... 3 2.1 Kolonnen i venstre side... 3 2.1.1 Øverst... 3 2.1.2 I midten...

Læs mere