Introduktion Problemformulering Metode Research Kommunikation Delkonklusion Analyse Design...

Størrelse: px
Starte visningen fra side:

Download "Introduktion... 2. Problemformulering... 2. Metode... 2. Research... 3. Kommunikation... 4. Delkonklusion... 4. Analyse... 5. Design..."

Transkript

1

2 Indhold Introduktion... 2 Problemformulering... 2 Metode... 2 Research... 3 Kommunikation... 4 Delkonklusion... 4 Analyse... 5 Design... 6 Delkonklusion... 9 Implementering og dokumentation Konklusion Læringsstil Litteraturliste Bilag Interview med Lars, bilag nr CSS, bilag. Nr Ghantt chart, bilag Idegenerering, bilag

3 Introduktion I dag er der rigtig mange uddannelser man kan komme ind på. Mange unge har svært ved at vælge den rigtige uddannelse og hvordan kan de vide, at de vælger rigtigt? Uddannelsens hjemmeside er ofte det første de unge ser og derfor har det stor betydning, om den er imødekommende eller ej, - for hvorfor skulle de vælge en uddannelse som har en kedelig hjemmeside? EAL har givet os den opgave at forny hjemmesiden for Pba. i Eksport og teknologi. Faktisk er uddannelsen lukket ned og man kan spørge sig selv, om det har noget med hjemmesiden og informationen derpå at gøre? Det vil vi forsøge at finde ud af i vores opgave og ud fra det, ændre hjemmesiden så den vil være mere fangende og imødekommende til senere brug. Det har vi valgt at gøre, ved at gøre sproget på den nye side mere ungdommeligt, men stadig professionelt. Samtidig har vi gjort siden mere farverig, så den er mere tiltalende. Dette mener vi, kan gøre en forskel når unge skal vælge uddannelse. Problemformulering For at løse denne opgave har vi fundet nogle spørgsmål, der skal besvares, for at vi kan lave en hjemmeside der er korrekt. Spørgsmålene er: Hvilken målgruppe henvender sitet og uddannelsen sig til? Hvilken stilart vil være relevant at bruge på denne hjemmeside? Hvad skal hjemmesiden gøre? informere, sælge? Hvad kigger de søgende på? Hvorfor er uddannelsen lukket? Metode Vi har valgt at bruge AIDA modellen for at gennemskue hvordan vi bedst muligt trænger ind til den korrekte målgruppe. Desk research er brugt, da vi undersøgte hvordan den nuværende side for Pba.i eksport og teknologi er opbygget og læst om studiet for at forstå hvad det er. 2

4 Field research er brugt i forbindelse med interview af studievejleder. Ved at lave research, har det vist sig, at uddannelsen ikke længere er tilgængelig. Derfor har det været svært for os at lave en dybdegående research. Research Desk research Kort fortalt, hvad denne uddannelse går ud på: Pba. i eksport og teknologi er en uddannelse som tager 3½ år, og kan tages i Odense og Aalborg. Før den nye reform kom, hed uddannelsen eksport teknikker, men den opfyldte ikke kravene i den nye reform, og blev derfor lavet om til Pba. I eksport og teknologi. 1 Pba. i eksport og teknologi, er en uddannelse som kombinerer de tekniske og de merkantile fagområder. Den giver et indblik i virksomhedsopgaver i forbindelse med salg og eksport af tekniske og designmæssige løsninger og produkter. 2 Uddannelsen er opdelt i 7 semestre, heraf foregår de 5 første semestre på skolen, hvor der komponeres med virksomhedsbesøg og gæstelærere. På 6. semester skal de studerende på virksomhedsophold, og på 7. semester skal de skrive bachelor projekt. For at komme ind på denne uddannelse er der flere adgangskrav. Man kan enten blive optaget med en gymnasial uddannelse, med matematik eller erhvervsøkonomi på b niveau og engelsk på b niveau. Man kan også komme ind på uddannelse med forskellige erhvervsuddannelser. F.eks. cykel- motormekaniker, elektriker, køletekniker osv. Field research Interview med Lars Høst- Madsen (studevejleder) Efter vi har lavet desk research fandt vi ud af at man ikke længere kunne søge ind på uddannelsen. Dette undrede os og vi valgte derfor at lave et interview med en studievejleder inden for området, så vi kunne få svar på nogle af de mange spørgsmål der så opstod. I vores interview med Lars Høst- Madsen, fortalte han kort om uddannelsen. Han fortalte om mange af de ting, man også kan læse om på hjemmesiden. Ud over de ting vi vidste i forvejen, fortalte han hvorfor 1 Interview med Lars bilag nr d

5 uddannelsen var lukket ned, hvor en af de væsentligste årsager var, at der ikke var nok søgende til uddannelsen og de derfor ikke kunne lave et hold til semester start. I stedet har de lagt den til som en del af markedsføringsøkonom uddannelsen, så man kan tage PBA. Eksport og teknologi som en overbygning til markedsføringsøkonom uddannelsen. Samtidig sagde han, at det vigtigste på sitet var, at man kunne finde svar på alt, og at det skulle være nemt at finde oplysninger om kontaktperson så man kunne få svar på spørgsmål. Læs hele interviewet her. 3 Kommunikation Vi har brugt AIDA modellen til at finde ud af, om vores produkt passer til den rette modtager. AIDA modellen går igennem fire faser, attention, interest, desire og action. Attention opstår da sitet skiller sig ud fra de andre fx ved farver, skrift og vores flash element. Interest sker da de har lyst til at læse vores site igennem pga. de fangende overskrifter. Desire, er at sitet er blevet mere imødekommende og læsbar så der kommer flere studerende til. Action sker når pågældende tager kontakt til studievejlederen og søger ind. Delkonklusion Vi har indtil nu, fundet ud af, hvad PBA. I Eksport og teknologi er for en uddannelse, hvad der er af problemer, og hvordan vi kan løse problemerne. Vi har bl.a. prøvet at gå ud fra AIDA- modellen, ved at gøre dét, har vi fundet ud af, at vores site vil kunne hjælpe med at fange de kommenende studerendes opmærksomhed og får dem til at holde dem på siden, så de når til action, så der kommer flere studerende. 3 Interview med Lars bilag nr. 1 4

6 Analyse Analyse Design Implementering og dokumentation Kommunikation Feltstudie AIDA Design grafisk stil og inspiration Skitse Ændrer farver i den frie hjemmeside Interaktion Kodning Skitse Ændring af billede, flash Vi har valgt at bruge stilarten modernisme, da denne stilart passer godt til uddannelsen og målgruppen. Med det mener vi, at det ikke er en kreativ uddannelse som fx MMD, derfor er det mest korrekt med lige linjer og rent design. Modernismens mest karakteristiske træk er rene former, lige linjer og funktionalitet. Modernisme er en stilart, hvor der arbejdes med tre former; den retvinklede trekant, firkanten og cirklen. Modernisme er en meget stilren stilart, hvor der ønskes stor brug af alignment princippet. Ydermere arbejder man specielt med farverne sort, hvid og signalfarverne rød, grøn, gul og blå. Fonten på et modernistisk design skal være af sans- serif typen, såsom Verdana og Arial. Når man opbygger en hjemmeside med denne stilart, benytter man kun to forskellige fonte på ét design, samt to forskellige fontstørrelser. 45 Vi har fået inspiration til vores billede med en storby, da uddannelsen handler om bl.a. eksport og med eksport tænker vi på storbyer der importer meget, samtidig har vi sat computeren med flyet ind for at give sammenhængen mellem eksport og teknologi. Der er brugt både HTML, CSS og FLASH på sitet. Det har vi gjort fordi, at det passer godt sammen med netop vores ide. Vi har brugt FLASH på vores forside, HTML og CSS på begge vores hjemmesider. Der er både gode og dårlige ting ved at bruge hhv. HTML og FLASH. Vi føler ikke, at FLASH hører til under modernisme, derfor er det ikke brugt der. Rent teknisk fungerer FLASh heller ikke altid, hvis folk ikke har installeret en flash player. Det vil for nogle kunne være et irritationsmoment og de kommende studerende vil derved miste interessen. Vi har antaget, at der er flash player på de fleste computere og har derfor valgt at gå videre med det. 4 d. 29, d

7 Flash bruges på forsiden for at fange folks interesse. CSS bruges som ekstern stylesheet sammen med HTML. For at kode vores HTML og CSS har vi brugt Dreamweaver, der er også andre muligheder, fx Notepad++ og Textwrangler, men Dreamweaver er mere overskueligt og bedre opstillet. Dreamweaver hjælper også en ved at komme med forslag når man skriver noget. Fx hvis man skriver margin, så kommer der en boks frem med muligheder, hvor der kan stå marign- top, margin- left. Dreamweaver er ikke god at bruge hvis man er helt nybegynder med kodning, da det kan blive forvirrende når den kommer med hjælp, men når man kan skelne mellem det den skriver, så er det godt at bruge. For at se vores produkt, er det et krav, at man har flash player på sin computer, da forsiden er flash. Hvis ikke man har det, vil der være en knap så man kan gå videre til sitet, men så mister man en del af oplevelsen, da vi mener, at forsiden skal trække folk til. Vi har brugt XHTML som standard. Det er testet i Safari, Firefox og Google Chrome, samt i styresystemerne Windows 7 og MacOS5. Vores baggrundbillede er 1000*768, for at det passer til skærmen uden at der kommer en horisental scroll bar Design Efter noget idegenerering 6 og research nåede vi frem til en løsning på, hvordan vores site skulle være. Der blev besluttet, at der skulle laves en ny udgave af EAls site for PBA. I eksport og teknolog, hvor det primært var designet der skulle ændres. Teksten skulle peppes lidt op, men det er designet der trækker folk til, her havde vi forskellige ideer, hvor vi havde de stilarter ind over som vi har lært om, og vi prøvede at sætte uddannelsen og målgruppen op i mod stilarterne. hvad passede sammen? For at finde ud af, hvad der ville være det optimale lavede vi vores research del og nåede frem til, at stilarten skulle være modernistisk og målgruppen faktisk ikke havde nogen aldersgruppe, men nærmere nogle kriterier, såsom folk der er meget udadvendte, og ikke har noget i mod at rejse væk. Det kan fx være folk der vil være eksportsælger. Udlændinge er også en potential målgruppe, da man kan tage uddannelsen på engelsk. Derfor valgte vi at lave en modernistisk hjemmeside med en flash del og et frit site med samme flash del. Flash delen skal ligge som vores forside, både i det frie site og i det modernistiske site. Dette kan ses i vores oversigt over wireframe. Vores wireframe viser måden hjemmesiden er sat op på. Det blev gjort som det første, så vi havde et overblik over vores arbejde og derved var der enighed om hvordan vi skulle bygge sitet op. 6 Bilag nr. 4 6

8 Nedenfor ses både vores wireframes og sitemap. Sitemap for begge sider: Wireframe for modernisme site 7

9 8

10 Wireframe for den frie site 9

11 Delkonklusion Vi har lavet en analyse over vores site, dette har vi gjort for at give et overblik over at det vi har lavet virker optimalt og hvorfor vi har gjort, som vi nu har valgt at gøre. Samtidig har vi vist vores design proces fra start til slut, for at give et billede af, hvad vi har været igennem. Implementering og dokumentation CRAP analyse af den frie side Contrast: vores contrast farver er sort mod grøn og hvid. Det har vi valgt at gøre, fordi det at det giver en god effekt på siden. Det skaber opmærksomhed og gør det nemt at overskue siden. Man kan også finde kontrast på forsiden, ved at der står en computer midt på gaden i en storby og lyser op. Den lyser op, for at man ved, at det er dér man skal trygge for at komme videre. Repetition: logoet går igen fra forsiden og ind på sitet, det samme gør baggrunden. Menuboksen og tekstboksen er opbygget med samme farve og samme gennemsigtighed. 10

12 Alignment: hjemmesiden er bygget meget op omkring lige linjer, fx er baggrunden formet så bygningerne får vejen til at ende ud i en spids, vores bokse er firkantet og teksten står på lige linje. Baggrunden skaber en ligevægt i billedet, fordi at bygningerne fylder lige meget i hver side. Vi har valgt at sætte content meget centreret så det også giver en form for ligevægt. Proximity: det er et lille site, så proximity gør sig ikke særlig meget gældende. Men fx kan man sige, at menu boksen og content hænger sammen og er en form for proximity. CRAP analyse af modernisme siden Contrast: blå, grøn, hvid og sort. De farver er kendetegn for modernisme, og skaber en god kontrast. Repetition: der er repetition mellem baggrunden og logoet, samt vores hvide skriftfarve og baggrunden. Sort går igen, ved vores baggrundsboks og vores content. Alignment: hele hjemmesiden er bygget op omkring alignment, det har igen noget at gøre med, at stilen er modernisme og modernismen har altid rene, lige linjer. Baggrunden er kvadratiske kasser, som alle sammen er lige store, content er firkantet og er placeret centreret. Proximity: vi mener ikke der er noget proximity på denne side. 11

13 Vi foretrækker selv den hvor vi har haft frie hænder, men vores modernisme site passer bedst til uddannelsen. Det er svært at tænke kreativt, når der er faste rammer som der er med vores modernisme site, derfor kan den være sværere at lave, da der har været mange ting at forholde sig til. Det frie site har vi tænkt ud af boksen og gjort hvad vi synes var fedt. Ud fra det, kan vi konkludere, at det er nemmere at lave et site når man har frie hænder. Vi har fundet to eksempler på koder fra vores HTML og FLASH som vi er stolte af. Det første er HTML kode til vores galleri, det har vi valgt at tage med, fordi at vi til at starte med, ikke vidste hvordan vi skulle lave et galleri. Så vi har været inde og søge på det og har derved selv fundet frem til en løsning. 7 Nedenfor ser i kodningen i HTML. Der er også en masse kode i CSS, men det har vi valgt at ligge som bilag. 8 Fra HTML <div class="img"><a href="pic1_big.html"> <img src="gallery1/pic_1.jpg" alt="indgang" width="110" height="90" /></a> <div class="desc">eal på nonnebakken</div> </div> Forklaring på HTML kode: <div class="img"><a href="pic1_big.html"> Denne kode henviser til hvilket billede der skal vises på siden. <img src="gallery1/pic_1.jpg" Denne kode fortæller hvor billedet ligger henne. 7 Bates, Bert, Freeman, Elisabeth og Freeman, Eric, (2005), Head First Html with CSS and XHTML, Oreilly & Associates Inc 8 Bilag nr. 3 12

14 alt="indgang" width="110" height="90" /></a> Denne kode bruges til at gøre billedet mindre. Billedets normalstørrelse er nemlig meget større, så derfor er denne kode sat ind for at gøre billedet mindre. <div class="desc">eal på nonnebakken</div> </div> Her skriver man en lille beskrivelse af billedet, som kommer til at stå småt under billedet. Denne flash kode gør, at vi kan få vores flash element ind som forside og via ét tryk bliver man sendt videre til HTML sitet. Dette var ikke noget vi har prøvet før. Her har vi også selv været inde og søge på hvordan vi skulle gøre det, og har derefter fået hjælp fra Bjarne 9. Denne kode brugte vi ved at vælge det sted på timeline hvor flyet er lettet her indsatte vi en blank keynote, vi åbnede actionscriptet og satte den nedenstående kode ind. Derefter gik vi ind i public settings og valgte HTML wrapper og publish og kaldte den index.html. Var myurl:urlrequest = new URLRequest("PBA.html"); navigatetourl(myurl, "_blank"); 10 Opbygning af de to sites. Det modernistiske site: Siden indeholder head og body. I mellem header og body har vi lagt baggrundsbilledet. Det modernistiske site er opbygget klassisk med header, content og footer, dog har vi undladt sidebar da vi ikke syntes at det passede til vores dokument. Og vores menu har fået sit eget div- tag i form af en navcontainer. I headeren har vi sat vores logo i form af et jpg- billede. Under vores header findes vores menu i form af en nav- container her er henvist til de forskellige sider som f.eks. indhold1.html Vi har valgt at den valgte side skulle have fed skrift og være større end de andre, dette reguleres via CSS. Vi har derudover også valgt at den valgte skulle være markeret, dette bestemmes ved at sætte current/ active 9 Bjarne Slipsager, Underviser på MMD uddannelsen

15 rund om henvisningen i menuen. Vi har valgt at den valgte skal være grøn og at den der ikke er valgt skal være hvid, dette reguleres og i CSS. Dette er gjort med de nedenstående koder. #navlist a#current { color: #1fea15; } og koden for den ikke valgte der er hvid: #navlist li a { letter- spacing: 3.5px; text- decoration: None; color:#fff; font- size: 0.7em; padding: 0 2px; border- top: none; } og når man kører musen henover bliver den grøn dette vises ved denne kode i CSS #navlist li a:hover, #navlist a#current { color: #1fea15; border- top: none; font- size: 0.9em; }. Størrelserne reguleres og i form med at man kører henover eller vælger den. Denne ses under font- size der også findes i de ovenstående koder. Vores content har vi valgt at gøre gennemsigtig, så derfor valgt vi at sætte et intern CSS ind i HTML dokumentet, i form af textfield og textcontent. Og koden til at gøre contenten gennemsigtig er denne { - moz- opacity:.70; opacity:.50; position:absolute; }. 14

16 Footer har vi valgt at gøre transparent, så man kan se baggrundsbilledet, dette gøres under background- color hvor vi i stedet for at vælge en farve bare skrev transparent. Det frie site: Siden indeholder head og body. I mellem header og body har vi lagt baggrundsbilledet. Det frie site er opbygget klassisk med header, content, footer og sidebar. I vores header, har vi igen lagt vores logo i form af et jpg- billede. Vores content har vi valgt at gøre gennemsigtig, ved hjælp et intern CSS der er placeret ind i HTML dokumentet, i form af textfield og textcontent. Og koden til at gøre content gennemsigtig er som før nævnt; { - moz- opacity:.70; opacity:.50; position:absolute; }. Content er placeret til højre da der skal være plads til sidebar. Det har vi gjort ved at indsætte float:right; i CSS. Vi har placeret vores menu i sidebaren, den er også gennemsigtig, så det matchede content. Nederst i koden er opacity, det er denne der bestemmer gennemsigtighed. #navcontainer { background: #000; width: 100%; margin: 0 auto; padding: 1em 0; font- family: "adobe hebrew"; font- size: 14px; text- align: center; text- transform:none; 15

17 filter:alpha(opacity=50 ); - moz- opacity:.70; opacity:.70; } Når man kører musen henover og vælger bliver det grønt. Dette gøres med henholdsvis ul#navlist li a:hover, ul#navlist li#active a:hover { color: #1fea15; background: transparent; border- color: #aaab9c #fff #fff #000; } og ul#navlist li#active a { background: transperant; color: #1fea15; }. Her er footer også blevet gjort gennemsigtig dette vælges ved background- color hvor vi i stedet for at vælge en farve bare skrev transparent. Mens vi har bibeholdt tekstfarven som hvis (#fff). Konklusion Vores løsning på denne opgave har været at lave et nyt site for uddannelsen Pba. i Eksport og teknologi, som var mere imødekommende og brugbar. Samtidig giver den svar på de mest stillede spørgsmål, som handler om valgfag, uddannelsens opbygning og merit. Vi har fundet ud af, at målgruppen ikke er bundet af nogen alder, men uddannelsen er henvendt til folk der er meget udadvendte, og ikke har noget i mod at rejse væk. Det kan fx være folk der vil være eksportsælger. Udlændinge er også en potential målgruppe, da man kan tage uddannelsen på engelsk. Vi har dog valgt, ikke at lave sitet på engelsk, da uddannelsen som tidligere nævnt er lukket ned. Hvis uddannelsen starter op igen, vil der selvfølgelig skulle laves et site på engelsk også. Vi har fundet frem til, at det er seriøse og meget professionelle folk der vil søge ind på uddannelsen, og mener derfor at den rigtige stilart er modernisme. Hjemmesiden skal være et sted hvor interesserede kan 16

18 finde alle de spørgsmål de går og tænker på, store som små. Hvis de mangler svar, skal de nemt kunne finde en kontaktperson. Uddannelsen lukkede ikke fordi at den ikke var god, men fordi at der ikke var nok ansøgende. Derfor er den blevet en del af markedsføringsøkonom uddannelsen. Derfor vil den senere hen blive en overbygning til markedsføringsøkonomuddannelsen. Læringsstil Jancy: Teoretikere sætter sig grundigt ind i de opgaver de for stillet og tager tingene meget seriøst. Teoretikeren bliver hurtigt irriteret hvis der ikke er styr på tingene eller er fejl i det materiale der bliver udleveret. Hvis der forekommer diskussioner, skal de altid argumenteres videnskabelige og diskussionen skal tages seriøst. Når der skal læres noget nyt, skal alle teorier helst sættes i bokse og systemer. Arbejdet er meget struktureret og gerne skemalagt. Teoretikeren arbejder gerne alene for at være sikker på at tingene bliver gjort ordentligt Reflektorer: Jancy er teoretiker som passer meget godt til hendes rolle, da hun er den som sætter gruppen i gang og laver de opgaver hun bliver stillet over for med stor tilfredshed. Hun er god til at besvare diverse problemstillinger med positiv kampånd. Sascha : Teoretikere sætter sig grundigt ind i de opgaver de for stillet og tager tingene meget seriøst. Teoretikeren bliver hurtigt irriteret hvis der ikke er styr på tingene eller er fejl i det materiale der bliver udleveret. Hvis der forekommer diskussioner, skal de altid argumenteres videnskabelige og diskussionen skal tages seriøst. Når der skal læres noget nyt, skal alle teorier helst sættes i bokse og systemer. Arbejdet er meget struktureret og gerne skemalagt. Teoretikeren arbejder gerne alene for at være sikker på at tingene bliver gjort ordentligt 17

19 Reflektorer: Sascha passer meget godt til rollen teoretiker, da hun er den der skaber overblik over processens forløb og er god til at dele opgaver ud. Sascha er målrettet og stræber efter at blive færdig i god tid, som har været yderst nyttigt for vores gruppe projekt. Katja: Aktivister tager hurtigt fat i nye opgaver uden at tænke videre over det og kan godt lide at være der hvor der sker noget. De researcher kun efter de ting der er relevante, og vil derfor aldrig sætte sig og læse en bog helt, men blot skimme den. Dette gør også, at aktivisten hurtigt bliver utålmodig, da de arbejder målrettet og spontant. De ser ikke ting som problemer, men en udfordring, de har ikke noget imod at styre flere ting på en gang. Dette medfører også at de kan have for mange opgaver i gang, så de ikke når at afslutte dem alle. De har ikke noget imod at arbejde under pres. Reflektorer: Katja passer godt som aktivist da hun har siddet med det kreative og det underholdende af opgavens forløb kodning. Sammen med Sascha og Jancy som begge er teoretiker har det været yderst nyttigt at arbejde med en aktivist for at skabe et mere åbent syn på projektet som er ideer m.m. til projektets forløb. Louise: Aktivister tager hurtigt fat i nye opgaver uden at tænke videre over det og kan godt lide at være der hvor der sker noget. De researcher kun efter de ting der er relevante, og vil derfor aldrig sætte sig og læse en bog helt, men blot skimme den. Dette gør også, at aktivisten hurtigt bliver utålmodig, da de arbejder målrettet og spontant. De ser ikke ting som problemer, men en udfordring, de har ikke noget imod at styre flere ting på en gang. Dette medfører også at de kan have for mange opgaver i gang, så de ikke når at afslutte dem alle. De har ikke noget imod at arbejde under pres. Reflektorer: Louise er aktivist ligesom Katja og det afspejler sig i hende, da hun har lavet det kreative del af opgaven som flashdelen på hjemmesiden og forsiden opsætning på vores opgave. Louise har lavet de mere kreative del af projektet. Derudover har hun også tegn på teoretiker som afspejler sig i hendes målretning med opgavens forløb. 18

20 Litteraturliste Bøger: Bates, Bert, Freeman, Elisabeth og Freeman, Eric, (2005), Head First Html with CSS and XHTML, Oreilly & Associates Inc Hjemmesider: W3schools, Republicofcode, Erhversakademiet Lillebælt, Gantt Chart, Illustrationsliste: Big think, Travelforum, Australia feriesider, Neglenymfer, til- neglelak- shopping- new- york.html,

21 Bilag Interview med Lars, bilag nr. 1 Interview med Lars Høst- Madsen Studievejleder på EAL Fortæl lidt om uddannelsen: Man kan sige det er en ny version af en gammel uddannelse som hedder eksport teknikker uddannelsen, som varede 4 år. Der var de studerende 4 gange ½ år i skole og 4 ½ halv år i praktik. Den blev så nedlagt, da den ikke opfyldte de krav i den nye reform. Derefter prøvede man så at lave en ny uddannelse, som er en kombination af handelsfag og teknisk viden. Så den personson der bliver færdig her, skulle gerne være en handelsperson med en teknisk viden. Dvs. de har en viden om bestemte materialer om nogen produktions processor og arbejdstegninger, så de kan eksportere og importere tekniske produkter. Dette medfører at de ikke behøver at have en teknikker med når der skal lave kontrakter. Hvilken målgruppe henvender uddannelsen sig til? Hvem forventer i søger ind? Den henvender sig til alle der kunne tænke sig en udadvendt job som f.eks. en eksport sælger med mange rejsedage. Et job hvor man skal arbejde meget med udenlandske kunder og leverandøre. Uddannelsen udbydes både på dansk og på engelsk, så den henvender sig også til udlændinge. Hvad kigger de studerende på hjemmesiden? Hjemmesiden skulle gerne give svar på stort set alle spørgsmål omkring opbygning, indhold, eksamen osv. om uddannelsen. Den skal være bygget op på den måde, så de studerende kan gå dybere og dybere ned i det de gerne vil have af vide om. Så er det også vigtigt at der er en kontaktperson, så de kommende studerende kan ringe eller komme forbi hvis du har spørgsmålet. Hvorfor har i lukket uddannelsen ned? Det her er 4. år vi udbyder uddannelsen. Vi har optaget 2 meget små hold. Sidste år kunne vi ikke optage hold, pga for lidt søgende. Det vi har gjort i år er at vi også udbyder den på engelsk, og så laver vi kun 1 hold, og så kører den på engelsk, men vi har simpelthen ikke haft så mange ansøgninger. Derfor har vi valgt at vi ikke opretter hold i år. Den er jo som i nok kan se ikke fjernet fra hjemmesiden. Der står bar at der ikke optages studerende lige foreløbig. Grunden til vi ikke har fjernet den, er at vi tænker i alternative løsninger, 20

22 for det er en rigtig god uddannelse. Så derfor arbejder vi på at få den som linje på markedsføringsøkonom. Den uddannelse har nemlig samme adgangskrav som denne. Så derfor arbejder vi arbejder vi hårdt at få den ind som linje på markedsføringsøkonom, og så håber jeg at der er flere der vælger det der, men den kommer højst sandsynligt til at være på engelsk. 21

23 CSS, bilag. Nr. 2 <style type="text/css"> div.img { margin:2px; border:1px solid #0000ff; height:auto; width:auto; float:left; text- align:center; } div.img img { display:inline; margin:3px; border:1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } #textcontent a{ font- size:20px; color: #1fea15; text- decoration:0; } div.desc { text- align:center; font- weight:normal; width:120px; margin:2px; } </style> 22

24 Ghantt chart, bilag 3 23

25 Idegenerering, bilag 4 Idegenerering Hovedhjemmesiden: modernisme. Firkanter, blå, grøn, hvid og sort baggrund Underhjemmesiden, frie side: kører samme stil som forsiden Check point: Starter med forsiden surrealisme, herefter kan man klikke ind på vores frie side og derfra komme ind på vores stilart. Farverne skal være neutrale såsom blå.. Sekunder farver rød, grøn, blå, gul, sort og hvid. Trekanter, firkanter, cirkler Forside, gågade i en storby, høje bygninger i hver side, gågade i midten hvor der står et bord med en computer, her kommer flyvemaskinen ud. Flyvemaskinen flyver ud af skærmen, herefter bliver siden sort/hvid. LOGO og derefter vores hjemmeside. 24

Grafik & Billede weloveorganic.com webshop

Grafik & Billede weloveorganic.com webshop Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

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

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

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

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

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

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

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

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

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

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

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen. Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

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

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

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

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Portfolio. Udvikling af min portfolio Link til portfolio:   Michell Aagaard Dranig Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio

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

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

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

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

Læs mere

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

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

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

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

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

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

Mit grafiske workflow inkluderer:

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

Læs mere

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

Forståelse for grafisk produktion og workflow

Forståelse for grafisk produktion og workflow Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod

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

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

Designmanual for websider

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

Læs mere

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

Læs mere

Grafisk design. sundfertilitet.dk

Grafisk design. sundfertilitet.dk Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

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

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

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

Mark André Lyhne. Eksamen 2012. 12web1b

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

Læs mere

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

Læs mere

GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN

GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN GRAFISK WORKFLOW GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN OPGAVEN: Meefred Design er en enkeltmandsvirksomhed, som tilbyder grafisk design til både erhverv og private. Meefred Design har endnu ikke fået

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

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

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

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis Klasse: tr09mul02 STEPS GIANT j a z z o r c h e s t r a Indholdsfortegnelse 1.0 Problemformulering 1.1 Tidsplan 1.2 Wireframe 1.3 Flowchart 2.0 Research 2.1 Begrundelse for design 2.2 Logo 3.0 Generelt

Læs mere

Vigtige funktioner i Word 2003

Vigtige funktioner i Word 2003 Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved

Læs mere

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

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

Afsluttende - Projekt

Afsluttende - Projekt 2014 Afsluttende - Projekt Rapporten er udarbejdet af Ali, Andreas og Daniel Vejleder Karl G Bjarnason Indholdsfortegnelse Indledning... 2 Case... 3 Design... 4 Python kalender:... 4 Poster:... 4 Planlægning...

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Vejledning i udsendelse af s

Vejledning i udsendelse af  s Side 1 af 5 Vejledning i udsendelse af e-mails Åben en internet browser: Vælg din klubs webadresse og log på siden. Eller log på via ngfp.dk: Nu kommer der en Administrator menu frem som kan have flere

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

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

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

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

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

Projekt om Københavns Musikteater

Projekt om Københavns Musikteater Projekt om Københavns Musikteater Spørgsmål og områder til første vejledning Vi har tænkt os at lave et redesign af Københavns Musikteaters hjemmeside med følgende undersider: o Forside o Forestillinger

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

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

Hjælp under login på Mit DLR Oktober 2015

Hjælp under login på Mit DLR Oktober 2015 Hjælp under login på Mit DLR Oktober 2015 Jeg logger ind med bruger-id og nøglekort og får at vide, at der ikke er nogen sager i DLR Der er logget ind med forkert NemID. Vi oplever mange henvendelser,

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

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

CentOS 7. Lavet af Ali Sarac og Andreas Jensen

CentOS 7. Lavet af Ali Sarac og Andreas Jensen CentOS 7 Lavet af Ali Sarac og Andreas Jensen 3.8.2017 Indholdsfortegnelse Konklusion... 3 Installer CentOS 7 i VMware... 3 Installation af Apache, PHP5 og vores HTML side... 7 2.4 spørgsmål... 12 Kildekoder...

Læs mere

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse

OPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men

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

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle

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

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

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

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

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

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

hvilke slags arbejde kan man have som uddannet tøj designer hvilke ting skal man være god til som tøj designer Hvorfor er mænd løn højere end kvinders

hvilke slags arbejde kan man have som uddannet tøj designer hvilke ting skal man være god til som tøj designer Hvorfor er mænd løn højere end kvinders 2014/2015 tøj designer Indledning: jeg er ikke helt klar på endnu om hvad jeg gerne vil være når jeg bliver ældre. Jeg har valgt tøj designer hvor jeg specielt har fokus på Tekstil/tøjområdet. Det har

Læs mere

Niks Frost & Line Søs Hold 32B

Niks Frost & Line Søs Hold 32B Niks Frost & Line Søs Hold 32B Landdrup Dans - Sitemap Forside Om Galleri Stilarter Hold Priser Tilmeld Åbningstider Kontakt Landdrup Dans. Forsiden linker til 8 undersider: 1: Om (info om firmatet) 2:

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

MMD Odense Style & Experience 2012

MMD Odense Style & Experience 2012 MMD Odense Style & Experience 2012 Mejeriteknolog Antal anslag: 17,766 Mona Lyngs Kjærgaard Bjarne Slipsager Peter Storm-henningsen Tuan Tony Hoang Dieu Anne Dorthe Freese Grau Staffan Storm Enemark Web

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

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

Læs mere