Odense Winter Jazz. Christan da Silva Rasmus Mosel Jakob Henner. Gruppe 7. Link til siden: (HTML5) (HTML4 Strict)

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Odense Winter Jazz. Christan da Silva Rasmus Mosel Jakob Henner. Gruppe 7. Link til siden: http://std.li/y1 (HTML5) http://std.li/z1 (HTML4 Strict)"

Transkript

1 December 2012 Odense Winter Jazz Christan da Silva Rasmus Mosel Jakob Henner Gruppe 7 Link til siden: (HTML5) (HTML4 Strict) Firma Adresse (arb.) Postnummer (arb.) By (arb.) T Telefon (arb.) F Faxtelefon (arb.) E-post (arb.) URL (arb.)

2 Indholdsfortegnelse Indledning 2 Problemstilling 2 Kommunikation 3 Målgruppen 3 Idékatalog 3 Events 3 Galleri 3 Gæstebog 4 Parallax 4 Bruger profil 4 Brugerscenarie 4 Mission statement 5 Virksomhed 5 Observationsbaseret research & konceptudviklingsmetode 5 Metode 5 Mindmap 5 Observation 6 Projektstyringsforløbet / Evaluering af gruppeproces og refleksioner 6 Design- og stilarter 6 Research og analyse 6 Navn på rapport 1

3 Modernisme 6 Popart 7 KiSS: Keep it simple, Stupid! 8 Interaktion 8 Analyse 9 Struktur/modellering 10 Realisering/kode 12 Konklusion 14 Ressourcer 14 Indledning Odense Vinter Jazz har bedt os give et forslag på hvordan deres nye website kan se ud, da de indtil videre primært har promoveret sig igennem spillestederne de samarbejder med. Odense Vinter Jazz ønsker at nå et yngre publikum via nettet. Så vi har brugt en uge på at udvikle en løsning der kan få de yngre interesseret. Problemstilling Odense Vinter Jazz ønsker et website der kan tiltrække et yngre publikum. Hvordan får vi de yngre interesseret i jazz? Hvilken stilart kan få hjemmesiden mere attraktiv I de unges øjne? Navn på rapport 2

4 Kommunikation Målgruppen Da Odense Vinterfestival ønsker at tiltrække et yngre publikum også, må vores målgruppe være personer I odenseområdet mellem 18 og 40. De skal selvfølgelig være over 18, da der serveres alkohol og under 40, da det passer med gallups kompas segment gruppe1 de individorienterede og de moderne individorienterede. Det er den kreative person der kan lide at se live musik, være synlig i et kulturelt miljø og være social med vennerne. Segmentet er hyppig bruger at computer, mobiltelefon og internet og stiller sig kritisk overfor website design, så deres opmærksomhed skal fanges hurtigt. Vores collage illustrerer den typiske person vi prøver at nå (se bilag). Idékatalog Events Da hele siden omhandler om Odense vinterjazz s events rund omkring I odense, og det ikke afholdes et bestemt sted, mener vi det er vigtigt at have dato, tid og sted på div. Kunstnere der skal spille, samt information om bandet der spiller. Galleri Forhåbentligt har websitets design gjort en besøgende nysgerrig, så et galleri kunne gøre oplevelsen fuldent. Den besøgende for en chance for at få en lille bid af festivalen, uden før at have været der, og de faste besøgende kan se tilbage på tidligere koncerter og mindes om en god oplevelse. Navn på rapport 3

5 Gæstebog Brugerne kan kommenterer på div. Events, både før og efter, ris og ros og om sitet generelt. Parallax Brugeren får en unik oplevelse med parallax effect3, som skaber et lækkert design, samt overskuelighed og er simpelt. Ikke så mange menuer og undermenuer, men bare scroll ned. Bruger profil Lotte Madsen er 27 år. Hun er single og arbejder som handicap hjælper til hverdag. Hun bor midt i Odense og synger i et band med vennerne i fritiden. Lotte er rimelig udadvendt og kan godt lide at gå på café og shoppingture. Desuden kan hun godt lide at sidde foran sin mac og designe. Brugerscenarie Lotte har en meget bred musiksmag og elsker live musik. Hun gider dog ikke koncerterne der er fyldt med teenagers, så hun søger på nettet for at finde ud af hvor der sker noget i Odense. Lotte finder hurtigt frem til Odense Vinterjazz festival og bliver hurtigt overrasket men interesseret i det stilbeviste design. Hun finder hurtigt rundt på det enkle site og opdager at jazz ikke kun er for ældre mennesker. Konceptet passer rigtigt godt til Lottes kreative sind og ønske om god musik i et ungt miljø. Navn på rapport 4

6 Mission statement Vores mission er at nå et yngre publikum, som ikke normalt tager til odense vinterjazz festival. Via et lækkert design på hjemmesiden, vil vi gøre det klart for de unge, at jazz ikke nødvendigvis er en oplevelse isoleret til den ældre generation. Virksomhed Observationsbaseret research & konceptudviklingsmetode Vi var til koncert om mandagen med NO SLIPS, som er et jazz/electronica fusionsband. Der blev lagt meget væk på navnet, no slips, da fejl ikke skal antages som fejl, men en del af en livlig musikoplevelse. Den specielle fusions musik der blev spillet, blev bakket op af video og billeder der satte prikken over i et og satte gang i den helt rigtige stemning. Vi blev bla. bedt om at tegne hvad vil følte, da vi hørte musikken. Vi blev hurtigt klar over at vi skulle komme op med noget specielt. Et design og koncept der skulle kunne udfordre selv den aller mest kræsne person. Det skulle være enkelt og overskueligt, så det mere er en oplevelse at besøge sitet, end det er information. Så vi endte med at vælge en blanding mellem popart og modernisme, da det passer godt sammen med jazz og stadig bevarer den enkelthed vi meget gerne vil have med. Metode Mindmap Vi udarbejdede et mindmap med Odense Winterjazz i midten og brainstormede idéer til grenene ud fra. På den måde fik vi en god indsigt i hvordan og hvorledes sitet skulle være. Det er en god metode, hvor alle medlemmerne af gruppen har Navn på rapport 5

7 mulighed for at sætte sit præg og komme med idéer til udforming, samt at argumenterer imod. Observation Vi har observeret en koncert. Uden selv at vide så meget om jazz, har vi haft mulighed for en smagsprøve. Vi har kunne lytte, se og føle. Det har givet os god inspiration og et indblik i hvordan en jazzkoncert kan foregå. Observering er en god inspirations kilde, og man har mulighed for selv at tage billederne og stå inde for at de er ægte. Projektstyringsforløbet / Evaluering af gruppeproces og refleksioner Allerede helt fra start havde vi et godt overblik over hvad vi ville lave og hvad vi havde mulighed for at lave. Vi var alle enige og arbejdede på samme måde. Vi havde aftalt at mødes kl. 9 på skolen, hvis ikke andet var aftalt og de dage vi arbejde hjemmefra, havde vi kontakt nonstop over Skype, som vi også kunne dele arbejdet over. Vi fandt hurtigt ud af hinanden stærke sider, hvilket arbejdet blev delt ud efter. Vi opsatte fra start et gantt chart, så vi selv og andre kunne holde styr på vores tidsplan og arbejde. Desuden brugte vi en del tid på at reflektere og strukturere de første par dage, hvor vi først kom i gang med rapport og websitet senere på ugen. Design- og stilarter Research og analyse Modernisme Modernismen begyndte i slutningen af 1900 tallet. Den moderne verden blomstede efter mange år med romanisk historisk og mytologisk kunst. Den modernistiske stil Navn på rapport 6

8 er enkel på alle måder. Formerne er Retvinklede trekandter, cirkler og firkandter. Farverne er ofte hvid, sort, gul, rød, og blå. Den modernistiske stil giver ofte plads til good luft imellem tekst og billeder. Selv de forskellige Fonte der bliver brugt er ofte meget enkle. Da vi gennem gik opgave beskrivelsen til projektet Style and experience var et af kravene til opgaven at vi skulle tage udgangspunkt i fire stilarter: Modernisme, popart, surrealisme og Dekonstruktivisme. Vi blev hurtigt enige om at Popart og jazz ville give en god balance til vores website (Det viste sig senere hen at være en fejl vurdering fra vores side). En kombination af modernisme og popart kom til at være vores færdige produkt. Popart Popart er en stilart som bruger stærke farver, let genkendelige elementer og symboler, poparten bliver ofte brugt i medieverden fordi den er så let genkendelig (reklamer, aviser. mm.) popart skal ikk være perfekt, det er mere om at få skabt et udtryg. Den figurative kunst, de stærke farver samt jazzens stemning ville give vores website et frisk pust til en musik genre som bliver betraget næsten død i mange ungemenneskers øjne. Stilarten "popart" ville også kunne give den simple symbolik og en let genkendelighed som vi gerne ville ramme med vores website. Vi ville gerne have at når websitet for "Odense vinterjazz" var færdigt ville effekten være at Poparten og jazz stemningen vække en intresse fra det yngre publikum. Samtidig ville vi gerne have en enkel stil, vi ville gerne have meget luft på vores website. Kombinationen af modernismens enkle stil og Popartens genkendelighed og farver, mener vi at vi fandt frem til en god løsning på et website det kunne tiltrække det yngre publikum til Odense vinterjazz. Navn på rapport 7

9 KiSS: Keep it simple, Stupid! Websitet for Odense vinter jazz bygger på stilarterne modernisme og popart, men design principet KISS holder godt fast i den. KISS prencipet går ud på at lave det så simpelt at alle kan forstå det der forgår. Det første man møder på sitet er en Mand der spiller på trompet, og selvfølgelig logoet (Odense vinter jazz). Samtidig med at det skal være let at forstå at det er Odense vinter jazz det handler om, prøver vi også og vække en intresse for det publikum som ser websitet. Forbrugeren skulle jo gerne blive så interesseret de prøver at møde op til en koncert. Den måde vi prøver og holde bruger fast med er meget ny, vi arbejder ikke kun i et lag på denne hjemme side. Så når brugeren kigger ned at websitet, ændre billede sig og deres opfattelse bliver konstant testet. Den konstante ændring får hele tiden nye ting i fokus! Eftersom denne form for websites er meget nye gør det også at brugerne vil huske den oplevelse de havde første gang de besøgte hjemmesiden og mund til mund metoden vil sansynligvis blive brugt. Dette sender endnu flere ind på vores hjemmeside og flere ville få en interesse for Odense vinter jazz's koncerter. Interaktion I dette kapitel vil vi gennemgå hvilke teknologier samt værktøjer, der blev benyttet. Redegøre for valg vi tog igennem hele processen. Derudover vil vi vise et strukturdiagram og wireframe med tilhørende forklaringer, som kort beskriver opbygningen af siden. Afslutningsvis vil vi uddrage nogle kodeeksempler og forklare disse. Navn på rapport 8

10 Analyse Vi valgte fra starten udelukkende at fokusere på HTML, CSS samt JS og ekskludere Adobe Flash. Man kan lave smukke websider kun i Flash, men set i lyset af at Adobe for nyligt har stoppet al udvikling af Flash til mobile enheder 1 (som browserplugin) og at der er flere mobile webbrugere end IE6 og IE7 brugere tilsammen 2 virker det naturligt at satse på noget der virker bredest muligt. I stedet for at lave en traditionel opbygget side med en masse menupunkter, besluttede vi tidligt i forløbet at vi ville prøve at gøre oplevelsen på siden mere interaktiv og flydende uden at brugeren skal klikke sig frem og tilbage i en sidestruktur. Løsningen er én stor side med seks undersektioner i stedet for seks separate HTML-filer. Vi valgte at anvende parallax scrolling, som egentlig først vandt indpas i computerspil for flere årtier siden. Tanken med parallax scrolling er at brugeren får en illusion af dybde, da en webside (eller spil) består af flere lag, som bevæger sig i forskellig hastighed. HTML5 CSS3 JS Diagram over hvilke webteknologier vi vil benytte 1 Jobs Was Right: Adobe Abandons Mobile Flash, Backs HTML5 WIRED Browser Trends December 2011: Chrome Becomes the World s Second Favorite Browser Sitepoint Navn på rapport 9

11 Selvom ovenstående diagram viser at vi vil benytte forholdvis nye teknologier, såsom HTML5 og CSS3, der ikke er understøttet i alle browsere er det egentlig meget få ting vi gør brug af - se mere i kodeafsnittet. For at vise at siden også virker upåklageligt i ældre browsere (dog uden parallax effekten), har vi lavet både en HTML5-version og en HTML4-strict version. CSS3 benyttes meget sparsomt - vi bruger det faktisk kun til at lave en lille skygge under hver sektion - udelukkende en meget lille visuel detalje. Til Parallax funktionen (som er en tredjeparts jquery funktion) benytter vi den seneste version af jquery-biblioteket. Vi benyttede Espresso 2-editoren til Mac OS X, som netop er udkommet i en version 2. Den samler glimrende ens projektfiler og dens autocomplete funktioner er yderst hjælpsomme. Derudover kan man gemme snippets i Espresso, hvis man for eksempel hurtigt vil lave et HTML4-strict dokument eller indstille tegnsætningen. Sparer hurtigt nogle Google søgninger. Struktur/modellering Strukturdiagram, som viser hvordan siden er struktureret: Upcoming events Latest news About us Gallery Message Navn på rapport 10

12 Contact information Eksempel på wireframe: Navn på rapport 11

13 Realisering/kode Vi har valgt at fremhæve følgende kodeeksempler: <section id="intro" class="story" data-speed="4" data-type="background"> Læg mærke til at her benyttes elementet <section>, som logisk nok i HTML5 betyder at der er tale om en sektion. Èn af de store fordele ved HTML5 er netop at der er indført en masse nye tags, som gøre koden mere logisk - både hvis mennesker skulle have interesse i at skimte koden, men det bliver især en kæmpe fordel, når det får en lidt større udbredelse - især for søgemaskinerne. En masse div er på siden siger absolut intet om hvilket indhold, der er på siden. Nu kan man direkte angive om der er tale om en sektion, artikel, relateret indhold mm. En anden utrolig nyttig funktion der blev introduceret med HTML5 er dataattributten, som muliggør udvikleren at lave sine egne attributter direkte på HTMLelementet og ikke mindst aflæse dem i Javascript og faktisk også CSS3. Før var title-attributten anvendt bredt. Udover det praktiske problem at browseren, som standard vil vise en tooltip af indholdet i title, kan det hurtigt blive besværligt, hvis man gerne vil angive flere parametre til javascript koden. Man kan naturligvis adskille de forskellige data med et koma (som eksempel) og så bagefter adskille dem i Javascript. Udover at det er besværligt, kan det hurtigt blive tungt, hvis Javascript koden skal gennemgå mange elementer. Data-attributten er bare en pænere og nemmere løsning. Den anvendes i praksis i Parallax javascript koden her: $('[data-type]').each(function() {!! $(this).data('offsety',parseint($(this).attr('data-offsety')));! $(this).data('xposition', $(this).attr('data-xposition'));! $(this).data('speed', $(this).attr('data-speed')); }); Navn på rapport 12

14 Her gemmes offsety (fortæller hvor meget baggrundslaget skal forskydes i vertikal retning), Xposition (fortæller hvor meget baggrundlaget skal forskydes i horisontal retning) og speed (fortæller hvor hurtigt laget skal bevæge sig i relation til resten af dokumentet) - de er nu gemt som en slags variabler og kan hentes globalt i hele funktionen. Derudover vil vi gerne fremhæve et lille visuelt eksempel fra vores stylesheet. Yderst simpelt, men giver en stor visuel forskel: (Hver sektion har en forskellig baggrund og har derfor fået sit eget unikke ID, så kan de også bruges i URL-baren med hashtagget - derudover har hver sektion klassen story tilknyttet).story {! (..)! -webkit-box-shadow: 0px -50px 50px -50px rgba(0,0,0,0.2) inset;! -moz-box-shadow: 0px -50px 50px -50px rgba(0,0,0,0.2) inset;! box-shadow: 0px -50px 50px -50px rgba(0,0,0,0.2) inset; } #news {! border-bottom: 2px ridge #4644A4;! (..) } I den.story laver vi en inset skygge, som kun placeres i bunden - hverken i toppen eller siderne - det kan gøres ved at tilføje en fjerde, negativ offset-værdi. Positiv hvis den skal placeres i toppen. Hver sektion får en bundkant med en bredde på 2px og den specielle ridge effekt anvendes, så kanten får en svag hentydning af dybde. Farven angives til at være den samme som baggrundsfarven på sektionen. Navn på rapport 13

15 Effekten giver en pæn og elegant overgang mellem de forskellige sektioner: Konklusion Vi kan konkludere at med en interaktivt parallax dybdeeffekt integreret på vores site henvender sig til en ung målgruppe af kreative mennesker, der ønsker noget simpelt og anderledes. Med vores modernistiske popart-stil kan vi få de unge interesseret i jazz og deltage i diverse jazz events. Ressourcer Behind The Scenes Of Nike Better World Smashing Magazine : coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-betterworld/ Jobs Was Right: Adobe Abandons Mobile Flash, Backs HTML5 WIRED : Browser Trends December 2011: Chrome Becomes the World s Second Favorite Browser Sitepoint : Navn på rapport 14

16 Gallup Kompas: gallupkompas/kompas-segmenter.aspx Navn på rapport 15

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

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

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX RESPONSIV WEBDESIGN Gøg og Gokke Kommunikation IT Afleveres d. 17-9-2015 Sara Jacobsen & Natasja Christoffersen 3. års HTX Indhold Indledning... 2 De seks faser... 2 Problemanalyse... 2 K-strategi... 3

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

Style & Experience. Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan

Style & Experience. Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan Style & Experience Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan Agenda Udforskende research og analyse Research og analyse af den givne stil Observationsbaseret research Kode Websitet Udforskende

Læs mere

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz MMD odense 2011 Style & Experience gruppe nummer? MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz Hjemmeside

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

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS JB PLASTICS Gruppe D: Rie, Rasmus, Benjamin, Andreas,, 1 P a g e Contents Analyse af firmaet og dets behov... 3 Brainstorming proces... 3 WBS... 4 Start WBS en:... 4 Slut WBS en:... 6 Designproces... 7

Læs 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

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

Bannerprojekt 2013. Multimediedesign. Hold B. Sebastian Bryggemann Tramp. Andreas Münter. http://designduck.dk/tli/eksempelside/

Bannerprojekt 2013. Multimediedesign. Hold B. Sebastian Bryggemann Tramp. Andreas Münter. http://designduck.dk/tli/eksempelside/ Bannerprojekt 2013 Merete Geldermann Lützen Jesper Hinchely http://designduck.dk/tli/eksempelside/ Multimediedesign Hold B Sebastian Bryggemann Tramp cph-st70@cphbusiness.dk Andreas Münter cph-em38@cphbusiness.dk

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

Læs mere

Hvad er Musicon? Hvad vil jeg promovere?

Hvad er Musicon? Hvad vil jeg promovere? Hvad er Musicon? Musicon er en ny kreativ bydel i Roskilde, der ligger på et areal, der tidligere rummede en betonvarefabrik. Området ligger mellem Dyrskuepladsen og Roskilde Station og fylder ca. 250.000

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs 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

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

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen

Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen Overblik I dette modul lærer du at anvende det online-baserede billedredigeringsprogram Befunky i

Læs mere

E-zine Online magazine

E-zine Online magazine E-zine Online magazine Anders Cramer Nielsen - http://www.anderscramernielsen.dk Bjarke Handsdal - http://handsdalize.com Casper Ragn - http://www.portfolio.casperragn.com Niels Otto - http://ottouch.com

Læs mere

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

Læs 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

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier

Læs mere

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL Om Prøveopgaver Forudsætningen for at kunne løse en opgave tilfredsstillende er, at man ved, hvad opgaven kræver. Prøveopgaver består af en række forløb, hvor eleverne træner i at aflæse opgaver, som bliver

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs 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

Computerspil som vindue til læring

Computerspil som vindue til læring Computerspil som vindue til læring Space Marines Stave Challenger Series Af Nikolaj Egholk Jakobsen og Suayb Köse Roskilde Tekniske Gymnasium Informationsteknologi B 9/1 2014 1 Indledning Analyse Danmark

Læs mere

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

Helosan og Kræftens Bekæmpelse

Helosan og Kræftens Bekæmpelse 1 Indledning Corporate Social Responsibility - CSR er en form for corporate selvregulering integreret i en forretningsmodel. CSR politik fungerer som et indbygget, selvregulerende mekanisme, hvorved skærme

Læs mere

Indholdsfortegnelse. Indledning...2. Tidsplan...2. Målgruppe...3. Spørgeskema...3. Kode eksempler...5. Procesbeskrivelse...7. Evaluering...

Indholdsfortegnelse. Indledning...2. Tidsplan...2. Målgruppe...3. Spørgeskema...3. Kode eksempler...5. Procesbeskrivelse...7. Evaluering... 1 Indholdsfortegnelse Indledning...2 Tidsplan...2 Målgruppe...3 Spørgeskema...3 Kode eksempler...5 Procesbeskrivelse...7 Evaluering...8 Bilag - Spørgeskema...9 Indledning - Jeg har som skoleprojekt fået

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

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

Brugervejledning til InfoLand.dk skabelonen

Brugervejledning til InfoLand.dk skabelonen Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...

Læs mere

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

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

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

Kom/It Rapport. Responsiv hjemmeside (Jakes Awesome Game Reviews)

Kom/It Rapport. Responsiv hjemmeside (Jakes Awesome Game Reviews) Kom/It Rapport Responsiv hjemmeside (Jakes Awesome Game Reviews) Indhold Resume... 2 Forord... 2 Jakes Awesome Game Reviews... 2 Den tidelige fase... 2 Efter jeg har lavet siden hvor mine reviews er:...

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

AARHUS B I LLED- OG MED I ESKOLE

AARHUS B I LLED- OG MED I ESKOLE AARHUS B I LLED- OG MED I ESKOLE 1 Talentudviklingsholdet i AARHUS BILLED- OG MEDIESKOLE er for unge fra 15-19 år. Holdet er et 2-årigt forløb med undervisning 1 gang om ugen. Vi samarbejder med ARoS,

Læs mere

Vejledning til Photofiltre nr. 117 Side 1

Vejledning til Photofiltre nr. 117 Side 1 Side 1 I denne vejledning skal vi bruge 7 billeder som skal sættes ned i størrelse. Bagefter sættes de sammen 3 i den ene rækker og 4 i den anden. Til sidst sættes de 2 rækker sammen så det er som en collage.

Læs mere

Superskolernes kampagne

Superskolernes kampagne Superskolernes kampagne Projekt i Kommunikation/IT Roskilde Tekniske Skole Side 1 af 12 Indhold Indledning... 3 Målgruppeanalyse - Kanylemodel... 4 Begrundelse for valg af medie... 5 Grovskitsering...

Læs 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

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

Bilag 7: Evalueringsspørgsmål og besvarelser

Bilag 7: Evalueringsspørgsmål og besvarelser Bilag 7: Evalueringsspørgsmål og besvarelser Hvem er du? Køn, alder, beskæftigelse: 1. kvinde, 63, sekretariatschef udsatte børn og unge 2. mand, 55, præst/revisor 3. pige, 20, sabbath år, arbejde 4. mand,

Læs mere

Gør dine slides så enkle som muligt. Brug billeder frem for tekst og bullets. Fokuser på et tema pr. slide og suppler dette tema med et billede.

Gør dine slides så enkle som muligt. Brug billeder frem for tekst og bullets. Fokuser på et tema pr. slide og suppler dette tema med et billede. Med afsæt i din passion og dit mål formulerer du tre nøglebudskaber. Skriv de tre budskaber ned, som er lette at huske, og som er essensen af det, du gerne vil formidle til de involverede. Du må maks.

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

Guds Fred Grafisk produktionsforståelse

Guds Fred Grafisk produktionsforståelse Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. 35 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt

Læs mere

Computerens Anatomi Af Mathias og Mark

Computerens Anatomi Af Mathias og Mark Computerens Anatomi Af Mathias og Mark Planlægning af projekt Case Størstedelen af nutidens unge har deres egen smartphone, computer og fjernsyn. Computere i alle afskygninger bliver fortsat en større

Læs mere

Kampagne Kommunikation/it Eksamens opgave. 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen

Kampagne Kommunikation/it Eksamens opgave. 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen Kampagne Kommunikation/it Eksamens opgave 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen Indhold Indledning... 3 Budskab... 3 Målgruppe... 4 Medie... 4 Kommunikationsmodel... 5 Produkt... 6

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Computerens anatomi-dokumentation CASE

Computerens anatomi-dokumentation CASE Computerens anatomi-dokumentation CASE Case: Kundevejledning på WEB (Popup på hjemmeside når man søger efter computer) Målgruppe? - 30 til 50+ årig, da de kan have svært ved at vælge en computer der passer

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

Dokumentation til Computerspil

Dokumentation til Computerspil Dokumentation til Computerspil Medias Lab Systemudviklingsmodel Problemstilling Vores problemstilling er at vi skal producere et simpelt computerspil, vi skal igennem hele processen dokumentere vores arbejde.

Læs mere

10 trin til en succesfuld Facebook side

10 trin til en succesfuld Facebook side 10 trin til en succesfuld Facebook side Allerførst vil jeg gerne fortælle dig, hvor fedt jeg synes, det er, at du har downloadet denne E-bog. Det lyder måske lidt selvhøjtideligt, men jeg elsker at dele

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

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Bilag. Planlægning. Kravspecifikation. Tidsplan

Bilag. Planlægning. Kravspecifikation. Tidsplan Bilag Planlægning Tidsplan Mandag 22/8 Planlægning og kravspecifikation Tirsdag 23/8 Kravspecifikation og skitsering Onsdag 24/8 - Torsdag 25/8 Design Fredag 26/8 Implementering Tirsdag 30/8 Aflevering

Læs mere

ZBC Vordingborg Marcus Rasmussen, Oliver Meldola, Mikkel Nielsen 17/02 2015. The Board Game

ZBC Vordingborg Marcus Rasmussen, Oliver Meldola, Mikkel Nielsen 17/02 2015. The Board Game The Board Game 1 Målgruppe Før vi kom på vores spil, havde vi lidt en ide om hvad det ville komme til at blive. Vi så på spillet Cards against humanity og vores spil ville blive lidt som det, da der vil

Læs mere

Bilag 6. - Interview med Mikkel 28 år, d. 28 april 2016

Bilag 6. - Interview med Mikkel 28 år, d. 28 april 2016 Bilag 6. - Interview med Mikkel 28 år, d. 28 april 16 5 Interviewperson (Mikkel): M Interviewer (Sofie): I Korte pauser: Fysiske handlinger: () Relevante fysiske træk: [] I: Hvad vægter du højt for, at

Læs mere

2013 Serious Games Interactive ApS, All Rights Reserved

2013 Serious Games Interactive ApS, All Rights Reserved 2013 Serious Games Interactive ApS, All Rights Reserved INDHOLD Introduktion 3 Målgruppen for materialet 4 Hjælp til materialet 4 Grundlæggende læringsprincipper for President for a Day 5 Sådan kommer

Læs mere

Website design 1. semester, Projekt 3

Website design 1. semester, Projekt 3 Website design 1. semester, Projekt 3 Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website

Læs mere

Teknisk dokumentation

Teknisk dokumentation Teknisk dokumentation Scene 11 Html kode javascript kode Til at sætte et stykke lyd ind på en hjemmeside, skal man bruge det semantiske tag . Inde i tag et skal man bruge et empty tag, ,

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

Testrapport for designtest

Testrapport for designtest Testrapport for designtest Formål Formålet med designtesten var at vælge eet bestemt designudkast til at arbejde videre med. Metode Vi havde ud fra et større antal skitser ca. tyve udvalgt fire skitser,

Læs mere

HAVE og BAKKER. VORES mark er et fladt landskab midt i Trekantsområdet. Marken ligger lige nu og venter på at blive taget i brug.

HAVE og BAKKER. VORES mark er et fladt landskab midt i Trekantsområdet. Marken ligger lige nu og venter på at blive taget i brug. HAVE og BAKKER VORES mark er et fladt landskab midt i Trekantsområdet. Marken ligger lige nu og venter på at blive taget i brug. Min intention med marken er at skabe rum for oplevelser, kontemplation,

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

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

Stine Simonsen MMD 1. semester Hold B

Stine Simonsen MMD 1. semester Hold B Stine Simonsen MMD 1. semester Hold B 01. Koncept Jeg har valgt at tage afsæt i plottet fra sidste uge. Jeg ville gerne sætte rammer for mig selv, ved at vælge en genre til min interaktive film. Jeg valgte

Læs mere

Indholdsfortegnelse INTRODUKTION 3

Indholdsfortegnelse INTRODUKTION 3 Indholdsfortegnelse INTRODUKTION 3 FLERE FØLGERE PÅ INSTAGRAM #1 (2014-STYLE) 4 4 TIPS TIL AT FÅ FLERE FØLGERE 4 LÆG RELEVANTE BILLEDER ONLINE HVER DAG 4 BRUG TIDEN PÅ AT TAGE DE BEDSTE BILLEDER 4 BENYT

Læs mere

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. 01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny

Læs mere

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf.

GRAFISK DESIGN GRÅ ROSA VIOLET. BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. GRAFISK DESIGN BESKRIVELSE AF OPGAVEN Fiktiv opgave hvor jeg har udarbejdet et logo, et visitkort og en hjemmeside for en fotograf. KRAV TIL UDTRYKKET Moderne Enkelt Minimalistisk Responsivt Brugervenligt

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

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

ZA4881. Flash Eurobarometer 241 (Information society as seen by EU citizens) Country Specific Questionnaire Denmark

ZA4881. Flash Eurobarometer 241 (Information society as seen by EU citizens) Country Specific Questionnaire Denmark ZA4881 Flash Eurobarometer 241 (Information society as seen by EU citizens) Country Specific Questionnaire Denmark FLASH 241 INFORMATION SOCIETY Q1. Jeg vil nu oplæse en liste over fritidsaktiviteter.

Læs mere

Eksempler på elevbesvarelser af gådedelen:

Eksempler på elevbesvarelser af gådedelen: Eksempler på elevbesvarelser af gådedelen: Elevbesvarelser svinger ikke overraskende i kvalitet - fra meget ufuldstændige besvarelser, hvor de fx glemmer at forklare hvad gåden går ud på, eller glemmer

Læs mere

Grafisk workflow 3. Hovedforløb

Grafisk workflow 3. Hovedforløb Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter

Læs mere

KOM GODT FRA START MED DIN HJEMMESIDE

KOM GODT FRA START MED DIN HJEMMESIDE KOM GODT FRA START MED DIN HJEMMESIDE Følg denne guide inden du kontakter din webdesigner Hvad kan du gøre for at få den hjemmeside, du drømmer om? At få designet eller selv designe en hjemmeside er en

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

Website design, projekt 4

Website design, projekt 4 Website design, projekt 4 Mette, Nikolaj, Alexander, Julie I dette projekt har vi fået et design- brief af markedsføringsøkonomerne. Designet- briefet omhandlede, at vi skulle lave en hjemmeside omkring

Læs mere

Visualisering af data

Visualisering af data Visualisering af data Grafisk fortolkning af Tænks Mærkebank ITU december 2010 Jakob Sindballe jsin@itu.dk cpr: 010679-2089 Vejleder: Kevin McLean & Hans Asmussen Visualisering af data For at se flashanimationen

Læs mere

Kampagnemanual for Sammenslutningen af Unge Med Handicap. Forår 2010

Kampagnemanual for Sammenslutningen af Unge Med Handicap. Forår 2010 Kampagnemanual for Sammenslutningen af Unge Med Handicap. Forår 2010 Indholdsfortegnelse Indledning I kampagneplanlægningen er der mange forskellige ting, der skal tænkes igennem inden man gennemfører

Læs mere

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL: MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël Unique Landscapes URL: http://sillenoel.com/uniquelandscapes/index.html 1 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.

Læs mere

Rotter og deres problemer i 1899

Rotter og deres problemer i 1899 Rotter og deres problemer i 1899 Et kommunikationsteknisk produkt Rasmus Hansen Mathias Madsen Jacob Jeppesen Patrick Jakobsen Odense Tekniske Gymnasium Fremlæggelse den 18 december 2014 Disposition I

Læs mere

Projekt - Valgfrit Tema

Projekt - Valgfrit Tema Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Computerens anatomi. Flashklip for børn

Computerens anatomi. Flashklip for børn Computerens anatomi Flashklip for børn Rapport der beskriver vores arbejde med at fremstille produkter, der kan formidle information om computerens opbygning til børn. Anders og Asger 11-05-2011 Indhold

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

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Navn, klasse. Skriftlig dansk. Antal ark i alt: 5. Rekruttering

Navn, klasse. Skriftlig dansk. Antal ark i alt: 5. Rekruttering Rekruttering Sammenhold er en stor del livet. Om det er i et kollektiv eller i forsvaret, om det er der hjemme eller på arbejdet, fungerer det bedst, hvis der er et godt sammenhold. Allerede som barn lærer

Læs mere

TOVHOLDER GUIDE BEDRE TIL ORD, TAL OG IT

TOVHOLDER GUIDE BEDRE TIL ORD, TAL OG IT TOVHOLDER GUIDE BEDRE TIL ORD, TAL OG IT INTRODUKTION TIL GUIDEN Din kommune er blevet udvalgt til at være med i projektet Bedre til ord, tal og IT. Du får denne guide, fordi du har en bærende rolle i

Læs mere

AFSLUTTENDE OPGAVE. udemiljø

AFSLUTTENDE OPGAVE. udemiljø AFSLUTTENDE OPGAVE udemiljø 2015 Indholdsfortegnelse Indledning... 2 Planlægning... 2 Kravspecifikation... 2 Design... 3 Formidling... 6 Afprøvning... 7 Refleksion... 8 Side 1 af 8 Indledning I dette projekt

Læs mere