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

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

Navn: Skole: Anslag: Emne: Klasse: Dato: URL: Veronicas Portfolio Navn: Veronica Brun Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 9.665 Emne: Obligatorisk Porfolio Klasse: Web B, 2012, 1 sem. Dato: 3/1-13 URL: http://vero0027.mmd.eal.dk/portfolio/index.html

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

Portfolio Web:

Portfolio Web: Portfolio Web: http://sann3737.mmd.eal.dk Af: Sanni Maria Lindberg Johannessen Dato: 30. maj 2013 EAL MMD Odense Vejledere: Kristin, Thomas & Pernille Anslag: 1921 Indholdsfortegnelse Indledning... 3 Baggrund...

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

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

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

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

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 WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

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

GRAFISK PRODUKTIONSFORSTÅELSE

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

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

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

Computerens - Anatomi

Computerens - Anatomi 2014 Computerens - Anatomi Rapporten er udarbejdet af Andreas og Ali Vejleder Karl G Bjarnason Indholdsfortegnelse Formål... 2 Indledning... 2 Case... 3 Design... 3 Skitser... 4 Planlægning... 5 Kravsspecifikation...

Læs mere

Undervisningsmateriale - Rapport

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

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet Avisforside Vi har skrevet en avis om studier ved Aarhus Universitet Vi vil meget gerne høre dine umiddelbare tanker om forsiden til avisen. Hvad forventer du dig af indholdet og giver den dig lyst til

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

Projektbeskrivelse Informations Teknologi

Projektbeskrivelse Informations Teknologi Projektbeskrivelse Informations Teknologi Upload og indeksering af elev og -projektopgaver i skolemiljøet Indledning: Som nystartet på et gymnasium kan omvæltningen fra elev til påbegyndende studerende

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE 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 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

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

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

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

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

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

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

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

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

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

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

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp Kost ved slidgigt Case 2. Personlig fysisk hjælp Problemobservering Sygdommen slidgigt også kaldes artrose er den mest udbredte led sygdom overhovedet, det kan medføre voldsomme smerter. Sygdommen påvirker

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

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

Ditlev Nielsen 2.g Kom/it 9/10/15. Avis artikel rapport

Ditlev Nielsen 2.g Kom/it 9/10/15. Avis artikel rapport Ditlev Nielsen 2.g Kom/it 9/10/15 Avis artikel rapport Indholdsfortegnelse: Indledning Side 3 Problemformulering Side 3 Afsender Side 3 Budskab Side 3 Medie Typografi Side 4-6 Medie Farver Side 7-9 Medie

Læs mere

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN...

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 1 INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 7 GALLUP... 7 Delkonklusion... 9 DESIGN... 10 MODERNISME:

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

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

Helene Hørdum Andresen Pernille Helene Kristiansen Louise Fabel. Ugeopgave. Gruppeprojekt

Helene Hørdum Andresen Pernille Helene Kristiansen Louise Fabel. Ugeopgave. Gruppeprojekt Nadia Mary Lund Kristensen Helene Hørdum Andresen 20/11/2015 Gruppe 8 Ugeopgave Gruppeprojekt Link til færdige produktion http://gellettmedia.dk/html/kea/ugeopgave/index.html Brugernavn: keammd Kode: kode2015

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

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

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

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

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra

Læs mere

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

REKLAMEBANNER FOR MEDINA

REKLAMEBANNER FOR MEDINA REKLAMEBANNER FOR MEDINA http://mul112.itkn.dk/medina/index.html Et projekt af gruppe 8, multimediedesign B, Cphbusiness 2013 CHRISTIAN SONNE ROSENDAHL, CPH-CR104@CPHBUSINESS.DK KAREN LISE KRAGELUND, CPH-KK151@CPHBUSINESS.DK

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

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign 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 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ørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

PROJEKT X:IT Undervisningsvejledning til konkurrence for X. IT klasser

PROJEKT X:IT Undervisningsvejledning til konkurrence for X. IT klasser til konkurrence for X. IT klasser Indledning Konkurrencen for 7.-9. klasser på X:IT skoler har to formål: Dels skal konkurrencen være med til at fastholde elevernes interesse for projektet og de røgfri

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

IT opgave. Informationsteknologi B. Vejleder: Karl. Navn: Devran Kücükyildiz. Klasse: 2,4

IT opgave. Informationsteknologi B. Vejleder: Karl. Navn: Devran Kücükyildiz. Klasse: 2,4 IT opgave Informationsteknologi B Vejleder: Karl Navn: Devran Kücükyildiz Klasse: 2,4 Dato:03-03-2009 1 Indholdsfortegnelse 1. Indledning... 3 2. Planlægning... 3 Kommunikationsplanlægning... 3 Problemstillingen...

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav 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 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

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

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

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

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

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

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

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

WORKFLOW & PRODUKTION

WORKFLOW & 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 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

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

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Fø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 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

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

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

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

Hhtp:www.m455487y2012.mmd.eal.dk

Hhtp:www.m455487y2012.mmd.eal.dk 1 Hhtp:www.m455487y2012.mmd.eal.dk 2 Indholdsfortegnelse Intro 3 Problemformulering 3 Metoder 3 Fieldresearch 4 Målgruppen 4 AIDA 6 Modernismen 6 Dekonstruktivismen 7 Thumnails 8 Muk up 9 Interaktion 9

Læs mere

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

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

Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...

Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS... Index INDEX... 1 DESIGNOVERVEJELSER... 2 START IDEER... 2 INFORMATIONSDESIGN... 2 BUDSKABET: 2 ORGANISERING AF INDHOLD (SITEMAP): 3 SITE MAPS 3 INTERAKTIONDESIGN... 4 PRÆSENTATIONSDESIGN... 5 ALLE SIDER

Læs mere

Komunikation/It C Helena, Katrine og Rikke

Komunikation/It C Helena, Katrine og Rikke 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 mere

Kevin Matin Teis Nielsen

Kevin Matin Teis Nielsen Kevin Matin Teis Nielsen 11-05-2015 Hvem Afsenderen i dette projekt er Kevin Matin og Teis Nielsen som begge er 1 års elever i klasse 1.1 på Roskilde Tekniske Gymnasium. Hvad Det budskab som vi prøver

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

Mul B 13 CPHBUSINESS 25/10-2013. Banner Projekt. 4 / Mul B / 2013

Mul B 13 CPHBUSINESS 25/10-2013. Banner Projekt. 4 / Mul B / 2013 Banner Projekt Gruppe nr. /Hold / Årgang: 4 / Mul B / 2013 Gruppe oplysninger: Navn E-mail Elevnummer Sarina Trein Bødker sarinabodker@hotmail.com 114 Christian Skat Kærager ckaerager@gmail.com 85 Nanna

Læs mere

Style & Experience project

Style & Experience project Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html

Læs mere

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

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

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene,

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene, Idefasen. Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene, Sider med hver hardware del og en forklaring til hvordan

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

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress. KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen

Læs mere

Lav din egen forside i webtrees

Lav din egen forside i webtrees Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.

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

Opgave og rapport er udarbejdet af: Robin Staley, Christina Aagerup, og Kamilla Christiansen. Den 4.Dec.2009 TR09MUL02-4. Projekt

Opgave og rapport er udarbejdet af: Robin Staley, Christina Aagerup, og Kamilla Christiansen. Den 4.Dec.2009 TR09MUL02-4. Projekt Opgave og rapport er udarbejdet af: Robin Staley, Christina Aagerup, og Kamilla Christiansen Den 4.Dec.2009 TR09MUL02-4. Projekt Indholdsfortegnelse Indledning... Side 1 Tidsplan... Side 2 Designvalg...

Læs mere

Gruppe 14 - Automationsteknolog Anmar Bibi Eman Web A Web B

Gruppe 14 - Automationsteknolog Anmar Bibi Eman Web A Web B Gruppe 14 - Automationsteknolog Anmar Bibi Eman Web A Web B Erhvervsakademiet Lillebæt Design: Mona Lyngs Kjærgaard molk@eal.dk Interaktion: Bjarne Slipsager bjsl@eal.dk Kommunikation: Peter Storm-Henningsen

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

[AFSLUTTENDE OPGAVE I KOM/IT]

[AFSLUTTENDE OPGAVE I KOM/IT] 2010 Pernille Ketscher & Kasper Lassen [AFSLUTTENDE OPGAVE I KOM/IT] Indhold Skema over fordeling af opgaver.... 3 Kommunikationsplan.... 4 Overvejelser for kommunikationsplanen.... 5 Overvejelserne for

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

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