Eksamensprojekt. Webshop. Roskilde HTX Klasse 3.4 Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C

Størrelse: px
Starte visningen fra side:

Download "Eksamensprojekt. Webshop. Roskilde HTX Klasse 3.4 Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C"

Transkript

1 Eksamensprojekt Webshop Roskilde HTX Vejleder: Karl G. Bjarnasson Fag: Informationsteknologi B og Programmering C Lars Thomsen

2 Indholdsfortegnelse 1) Indledning ) Problemanalyse ) Problemformulering ) Målgruppedefinition ) Primær målgruppe ) Sekundær målgruppe ) Teori ) Grafisk identitet ) Logo ) Typografi ) Farveholdning ) De 25 spørgsmål ) Lasswell s model ) Løsningsforslag ) Brugergrænseflade ) Design ) Design ) Vurdering og valg af brugergrænseflade ) Beskrivelse af løsning ) Ordrebehandlingssystem ) Valg af værktøjer ) Adobe Photoshop CS ) HTML ) CSS ) Produktudvikling ) Planlægning ) Kravspecifikation Side 1 af 17

3 7.2.1) Visuelt design ) Interaktionsdesign ) Informationsdesign ) Design ) Implementering ) Kildekoden ) Test og afprøvning ) Konklusion ) Videreudvikling ) Evaluerende tanker ) Litteraturliste Side 2 af 17

4 1) Indledning Jeg er en elev fra Roskilde HTX og jeg har i forbindelse med faget informationsteknologi B fået en eksamensopgave udleveret. I opgaven skal vi selv bestemme temaet for vores videre arbejde. Det skal selvfølgelig have en vis relevans indenfor faget informationsteknologi. Jeg har valgt at arbejde med et website. Jeg vil producere en hjemmeside designe, som hjælper en virksomhed til at udvide deres salg og på den måde tjene flere penge. Det er altså noget i stil med en webshop, jeg har i tankerne. I denne opgave samarbejder jeg med en fiktiv rekvirent, da jeg ikke har fundet en oprigtig ekstern rekvirent. 2) Problemanalyse Alle virksomheder vil tjene så mange penge som overhovedet muligt. For en virksomhed kan det være et problem at få sit mærke ud til befolkningen og ud til de rigtige målgrupper. En almen virksomhed med en butik i landet vil typisk ikke have det optimale salg af varer, som en virksomhed med flere butikker spredt rundt i landet. Hvordan udvider en virksomhed så sit salg til rundt til resten af landet og måske endda udlandet? Det kan gøres ved hjælp af reklamation af virksomheden i f.eks. et medie som tv, radio, avis, osv. Det kræver dog en stor sum penge at få reklamation vist i et medie som tv, og yderligere flere penge for produktionen af denne reklame. Radioen er selvfølgelig et forholdsvis godt alternativ til reklamation af sin virksomhed, men der kan ikke købes noget direkte fra radioen ligeså vel som i tv. Derfor vil det optimale være at få sin virksomheds brand ud til hele befolkningen, hvor en eventuel kunde hurtigt og nemt kan købe varer hos virksomheden uden at skulle finde direkte hen butikken, som måske findes i det modsatte verdenshjørne af, hvor man selv befinder sig. For at få sin vare nemt og hurtigt ud til alle uanset, hvor man befinder sig skal man altså have fat i et medie, der kan klare dette på en hensigtsmæssig måde. Internettet. Internettet er efterhånden gået hen og er blevet en kæmpe mulighed for at tjene penge. Utallige virksomheder af alle typer bruger internettet til at sælge deres varer rundt til hele verden. Derfor finder jeg det oplagt for en virksomhed, jeg skal arbejde med, at benytte sig af internettet. Men for at kunne sælge sine varer på via internettet skal der selvfølgelig et form for kommunikationsmedie til. I det her tilfælde i form af en hjemmeside, som henvender sig til virksomhedens målgruppe. Side 3 af 17

5 2.1) Problemformulering Det er et problem for en ny opstartet virksomhed såvel som en veletableret virksomhed, at nå ud til alle målgrupper i forbindelse med salg af varer. Da mange nu om dage benytter sig af internettet, vil det være en klar fordel at have en 'ekstra' butik for sit firma på internettet. Denne problemstilling har jeg valgt at arbejde med og forhåbentlig løse ved at producere en sådan website for en given virksomhed. Hjemmesiden vil jeg lave med udgangspunkt i en analyse af målgruppen og derefter bruge forskellige teoretiske modeller til at få designet og produceret hjemmesiden. 2.2) Målgruppedefinition Problemet omfatter primært ejere af firmaer, som vil have deres brand ud til en bredere kundekreds. Jeg har primært valgt at fokusere på byggebranchen. Altså firmaer, der forhandler alt fra træ til mursten til vinduer osv. Virksomhedsprofil - Cosmus Byggemarked Virksomheden jeg laver dette produkt for, er Cosmus Byggemarked. Det er en mellemstor virksomhed, der har én butik i landet i Roskilde. Cosmus Byggemarked er ejet af Steen H. Cosmus, og i virksomheden har han 24 ansatte, der står for at drive butikken. Virksomheden blev grundlagt af selv samme Steen H. Cosmus tilbage i 2007, så det er en forholdsvis ny virksomhed ) Primær målgruppe Løsningen på problemet skal selvfølgelig laves til ejeren af virksomheden. Fornøjer produktet ikke ejeren, vil det højst sandsynligt ikke blive taget i brug. Derfor er den primære målgruppe ejeren af virksomheden ) Sekundær målgruppe Desuden skal den være hensigtsmæssig i forhold til virksomhedens målgruppe. Derfor er den sekundære målgruppe for løsningen være virksomhedens kundekreds. Side 4 af 17

6 3) Teori Herunder vil jeg komme ind på relevante grafiske teorier og kommunikationsteorier omkring brugergrænseflader. 3.1) Grafisk identitet Omkring grafisk identitet er de 3 grundlæggende elementer beskrevet herunder: 3.1.1) Logo En vigtig del af grafisk identitet er et logo. Et logo skal ikke bare være et logo. Et logo er firmaets varemærke landet/verden over. Det, som firmaet bruger til at reklamere med og udstille på deres produkter. Det som kunderne skal huske, når de ser det eller noget der på nogen mulig måde kan ligne det. Derfor er det vigtigt logoet ikke er for detaljeret og for indviklet at se på. Det kommer også til syne i følgende: Det er et krav for logoer, at de er skalerbare. Det skal altså være muligt for et firma at bruge deres logo til både et lille brevhoved men også som en meget stor plakat, uden logoet bliver utydeligt. Der findes forskellige typer af logoer. Herunder kan nævnes 4 overordnede typer: Naturalistiske logoer. Logoer, der har gengivet noget fra naturen. Piktogram logoer. Logoer med grafisk forsimplede fremstillinger. Geometriske logoer. Logoer med geometrisk opbygning. Tekstlogoer. Logoer, som består af tekst. Cosmus Byggemarkeds logo 3.1.2) Typografi Umiddelbart virker det ikke så vigtigt at vælge typografi (skrifttype), men det kunne ikke være mere forkert. Der findes mange tusinde forskellige skrifttyper indenfor utallige temaer og stile. Den rigtige skrifttype skal selvfølgelig passe til firmaets tema. Der er også ofte nogle symbolske perspektiver bag valget af typografi ) Farveholdning At vælge farver kan være meget besværligt og kan tit føre til forvirring blandt mange. Herunder vil jeg fortælle om grundprincipperne omkring valg af farver. Side 5 af 17

7 Først og fremmest er det vigtigt at farverne fortæller noget om firmaet eller firmaets produkter. Det kan være farver, der har en bestemt symbolik eller påvirkning, der matcher firmaet. En liste over farvers symbolik og påvirkning kan ses på bilag 1. Det er også vigtigt at farverne, man vælger, står i harmoni med hinanden. Hvis f.eks. farverne flyder ud i hinanden eller skaber forvirring, hvis farverne slet ikke passer sammen. Derfor er det en god idé altid at have en oversigt over komplementærfarver med sig. Den kan ses her til højre ) De 25 spørgsmål Jan Kragh Jacobsen har opstillet 25 spørgsmål, som fungerer som en slags brugsanvisning. De 25 spørgsmål skal kunne besvares af dem, der vil kommunikere effektivt. Hvis man står i den situation, at man er færdig med sit projekt og ikke selv kan finde nogen eventuelle rettelser, er Jacobs 25 spørgsmål rigtig gode at anvende. På den måde kommer man rundt om alt og finder hurtigt ud af, om man har glemt noget. De 25 spørgsmål kan ses på bilag ) Lasswell s model Lasswell s model er relevant at bruge i denne sammenhæng. Lasswell s model fokuserer på kommunikation som påvirkning og eftervirkning af den kommunikation, der har fundet sted. Modellen er yderst brugbar, fordi den strukturerer og gør overtalelseskommunikationen overskuelig. Hvilket også er derfor, at modeller i det hele taget bliver taget i brug til at gøre vores virkelighed anskuelig. Lasswell kom med dette allerede i 1948 og stadig den dag i dag bliver modellen brugt som et udmærket analyse værktøj. - Hvem siger - Hvad, i - Hvilken kanal, til - Hvem, med - Hvilken effekt. Den generelle kommunikationsmodel ligger tæt op af Lasswell s model. Den ser således ud: 1 [Komplementær-farver] Side 6 af 17

8 Lars Thomsen HTX - Roskilde 20/ ) Løsningsforslag Jeg skal altså producere en online butik webshop. Her skal både produceres en brugergrænseflade (design af hjemmesiden) og et system, der behandler diverse ordrer. Herunder vil jeg fokusere på design af brugergrænsefla brugergrænsefladen, og næst i afsnit 5 vil jeg beskrive det omtalte ordrebehandlingssystem. 4.1) Brugergrænseflade Inden jeg går i gang med at producere den endelige hjemmeside, vil jeg først komme med et par forslag til, hvordan den skal se ud. Løsningsforslagene er min mine e ideer til, hvordan designet af hjemmesiden skal være. Jeg har så skitseret disse ideer ned på papir og scannede dem ind. De kan ses på nedenstående billeder; 4.1.1) Design 1 Denne løsning er et forholdsvis udfordrende design. Det er ikke så traditionelt,, som ellers mange ønsker, da det virker som den sikre løsning. Dette design har et mere elegant, simpelt og moderne look over sig. I toppen er det traditionelle banner, men med en lille guide-menu, menu, hvor f.eks. en søgefunktion vil være. Under banneret vil der køre et slideshow af billeder fra virksomheden, eventuelt af referencer eller varer. Under det, er den klassiske menu så i venstre side og med hovedboksen til højre for menuen. Selve baggrunden af siden er hvid, banneret vil også være hvidt således, at det fader ud med baggrunden, guide-menuen menuen samt menuen er lys grå, hovedboksen er hvid så den også fader ud med baggrunden og ligeså med den nederste tabel. Boksen, hvor slideshowet af billeder skal være, har en lys grå kant, som går videre ud vandret. Det giver også designet et mere elegant look. Til dette design har jeg valgt farverne grå og hvid, som de bærende farver. 2Farven grå har en elegant og balanceret påvirkning på designet mens hvid påvirker designet neddæmpende, som er med til at skabe det simple le design. 2 [Farvesymbolik] Side 7 af 17

9 Lars Thomsen HTX - Roskilde 20/ ) Design 2 Til denne løsning har jeg valgt et ganske traditionelt design med banner/logo i toppen, menu til venstre og indhold til højre for menuen. Selve baggrunden af siden er lys blå, banneret er blåt, den vandrette tabel under banneret er lys blå, menuen er blå, selve hovedboksen er hvid og det nederste label er lys blå. Jeg har valgt farven blå som det mest gennemgående i dette design. 3Farven blå påvirker brugeren til en bedre koncentration og giver ro og fungerer afslappende. Ydermeree er farven blå symbolsk for kvalitet og stabilitet, hvilket vil fungerer godt i relation til et byggefirma, som vægter netop kvalitet og stabilitet rigtig højt ).3) Vurdering og valg af brugergrænseflade I samarbejde med ejeren af Cosmus Byggemarked er løsningsforslagene blevet diskuteret og sammenlignet i forhold henholdsvis primær primær- og sekundærmålgruppen. Vi blev enige om, at løsningsforslag nummer 2 ville være det bedste forslag. Det er et design alle kan relaterer til, da det er traditionelt opbygget og derfor er det nemt at finde rundt i. Farverne i designet var også afgørende for valget af løsningen. Ejeren var meget betaget af den blå farve, da han mente farvens symbolik stod for det samme, som hans virksomhed gør. Kvalitet og stabilitet. Designet kræver også et minimum af store billeder, da det meste er tekst, hvilket betyder, at den tid det tager at hente siden minimeres. 3 [Farvesymbolik] Side 8 af 17

10 Lars Thomsen HTX - Roskilde 20/ ) Beskrivelse af løsning Løsningen kan ses her til højre: Designet er som sagt forholdsvis traditionelt opbygget. Banneret vil indeholde Cosmus Byggemarkeds virksomhedslogo samt navn og slogan for virksomheden. I den vandrette guide-menu menu vil der være en mulighed for at vælge sin vare i en kategoriseret drop-down down menu og der vil være et søgefelt, som gør det muligt for en kundee at søge på hjemmesiden efter et bestemt produkt og til sidst til der også være et overblik over indkøbskurven det antal varer man har tilføjet til indkøbskurven samt den totale pris. Menuen til venstre vil fungere som et overblik over Cosmus Byggemarke Byggemarkeds ds indhold. Der vil være en liste med samtlige produkter eventuelt opdelt i del-kategorier og der vil også være oplysninger om Cosmus Byggemarked, som f.eks. kontakt informationer, betalingsmuligheder, betalingsvilkår og informationer om afsending og aafhentning af ordrer. Hovedboksen vil vise indholdet af det, kunden vil se. Det kunne f.eks. være, en kunde vil se tjekke sin indkøbsvogn igennem. Så trykker han på indkøbsvognen oppe i guide guide-menuen, menuen, hvorefter indkøbsvognen vil blive vist i hovedboksen. Nederst erst vil der så være mulighed for C Cosmus Byggemarked at sætte copyright right på hjemmesiden, således at andre ikke kan stjæle sidens indhold. 5.1).1) Ordrebehandlingssystem Denne løsning kræver et system, hvor man kan gå ind og se på alle varerne og vælge de varer, varer man ønsker at få fingrene i, til en indkøbsvogn. Der skal selvfølgelig også være mulighed for at vælge flere varer. Der skal så laves en form for database, der gemmer alle ordrer og systemet sender så ordrerne videre til virksomheden, som behandler den i butikken og sender varerne ud til kundens adresse eller gør varerne klar til afhentning i butikken, hvis kunden ønsker det. Side 9 af 17

11 Denne proces har jeg forsøgt at skitsere her til højre. Jeg har brugt programmet Dia til at lave rutediagrammet, som skitserer processen. Først skal kunden altså finde sin vare, hvorefter varen skal tilføjes til en indkøbskurv og gemmes deri. Hvis man så ikke skal bruge flere varer, går man videre til bestilling og indtaster sine personlige oplysninger (navn, adresse, m.m.), hvorefter ordren skal sendes af sted. Mangler man stadig at tilføje flere varer går man ind og vælger den næste vare og gentager processen. For at realisere dette ordrebehandlingssystem har jeg en formodning om, at skulle bruge PHP og en MySQL database til oplagring af varerne i indkøbskurven. Eventuelt lidt java script. Side 10 af 17

12 6) Valg af værktøjer Til at lave denne løsning vil jeg benytte mig af følgende værktøjer og udviklingsmiljøer. 6.1) Adobe Photoshop CS4 4 Adobe Photoshop er et avanceret billedbehandlingsprogram, som mest af alt henvender sig til den professionelle fotograf. Photoshop er først og fremmest beregnet til pixelgrafik, men indeholder mange funktionaliteter som kendes fra egentlige vektorgrafikprogrammer. En væsentlig funktion i programmet er arbejdet i lag, farvekanaler og alfakanaler. Det er muligt at have flere billeder, dele af billeder, tekst og tegning i samme dokument som gennem lagfunktioner på forskellig måde kan bearbejdes individuelt, blandes sammen og f.eks. gøres mere eller gennemsigtige. Kombineret med et stort antal filtre, lys/kontrast og farvejusteringsmuligheder giver det utallige muligheder for billedmanipulation. Ud over det rummer programmet værktøjer til kloning, skarphed, maling, beskæring, farveforløb, afmaskning, makroer (DA: handlinger, ENG: Actions) og meget mere. 6.2) HTML 5 Hypertext Markup Language (HTML) er et opmærkningssprog, der primært har til formål at strukturere indholdet på en hjemmeside og få tekst og billeder til at virke som links til andre htmlsider. Markup betyder at opmærke og i hjemmeside sammenhæng vil det sige at html definerer en tekst eller et billede så de bliver til f.eks. en overskrift, en tabel eller et hyperlink når siden vises i en webbrowser som f.eks. Firefox, MS Internet Explorer, Mozilla, Safari og Opera. Html indeholder dog også mulighed for at definere udseendet af f.eks. overskrifter, tabeller, hyperlink og indlejring af billeder. Html-filer bruges på internettet og især på World Wide Web. 6.3) CSS 6 CSS (Cascading Style Sheet) bruges til at definere design og layout på HTML og XHTML. Til forskel fra HTML, hvor man definere hver enkelt ting slavisk gang på gang, kan man med CSS definere meget mere, hvilket giver mange flere muligheder. CSS giver både stor designfrihed, pænere strukturkode og til dels hurtigere hjemmesider, da koden bliver markant mindsket. 4 [Photoshop] 5 [HTML] 6 [CSS] Side 11 af 17

13 7) Produktudvikling Jeg vil i det følgende udarbejde den omtalte hjemmeside. Til at gøre det bruger jeg vores egen systemudviklingsmetode 7. Jeg bruger den kun som inspiration og altså ikke slavisk. 7.1) Planlægning Jeg skal lave en hjemmeside for firmaet Cosmus Byggemarked, der skal fungere som en sekundær butik for firmaet. For at ridse det op vil jeg benytte mig af Lasswell s model De 5 h er. Hvem siger - Afsenderen, som er mig. Det er mig der skal producere en hjemmeside til firmaet. Hvad, i - Om salg af firmaets produkter. Hvilken kanal, til - Igennem en hjemmeside webshop. Hvem, med - Det sker med en modtager, som tidligere i denne rapport er defineret målgruppen. Hvilken effekt - Den ønskede effekt er, at firmaet får en stigning i deres salg og på den vis får en større indkomst. Jeg kunne også have brugt Jan Jacobsens 25 spørgsmål til at gøre dette. Det har jeg dog undladt. Til at producere denne hjemmeside vil jeg benytte mig af tidligere nævnte værktøjer. 7.2) Kravspecifikation Til at opstille kravene således at de får inddækket samtlige aspekter indenfor mit produkt bruger jeg Designmodel II 8, en model der lægger vægt på det visuelle design (form, farve, kontrast og typografi), det interaktive design (brugergrænsefladens opbygning, struktur, interaktionsmuligheder, funktioner) og til sidst informationsdesignet (teksternes og billedernes indhold). 7 [Systemudviklingsmetode] 8 [Designmodel II] Side 12 af 17

14 7.2.1) Visuelt design Simpelt banner med enkle effektive virkemidler, der fanger kundernes opmærksomhed. Farverne skal harmonere med hinanden uden at fremgå utydelige eller provokerende. Typografien skal være let læselig og, hvis det er muligt, passe ind i udbyderens tema ) Interaktionsdesign Overskuelig monoton opbygning. Konsekvent i forbindelse med handlinger og design. Skal gøre brugeren opmærksom på, hvornår en handling er overstået ) Informationsdesign Firmaets navn samt logo skal fremgå på banneret. Ekstraordinære tilbud skal være synlige. For at teste produktet vil jeg få en forsøgsperson til at bruge det mens vedkommende bruger tænke-højt metoden. 7.3) Design Jeg har taget udgangspunkt i den valgte løsning fra tidligere i rapporten og videreudviklet den i forhold til ovenstående krav. Fra kravene har jeg yderligere tænkt at sætte et mærkat med en aktuel tilbudsvare i banneret. 7.4) Implementering Designet af hjemmesiden er nu på plads, så nu kan jeg begynde at producere det. Jeg startede med at designe selve hjemmesiden, altså brugergrænsefladen. Som man kan se, hvis man sammenligner den med skitsen jeg valgte tidligere, er der kommet flere funktioner på. Der er kommet yderligere to knapper oppe i den horisontale guide-menu, Handel og Kontakt. Der henholdsvis forklarer om de handelsbetingelser Cosmus Byggemarked står ind for og fortæller om, hvordan man kan komme i kontakt med firmaet. Der er også lavet små designmæssige ændringer. Ikke nogen markante ændringer, men små finurligheder, der gør brugergrænsefladen mere moderne og attraktiv. Side 13 af 17

15 7.4.1) Kildekoden Den strukturelle kildekode er kodet i HTML og med simple tables. Jeg har yderligere brugt CSS for at forenkle kildekoden og gøre den mere overskuelig samt til designmæssige finurligheder til billeder og typografi. <table> <tr> <td>test </td> </tr> </table> En drop-down menu skulle jeg rigtigt have implementeret, hvilket jeg ikke fik gjort, men den skulle have set således ud: <select> <option>valgmulighed 1</option> <option>valgmulighed 2</option> <option>valgmulighed 3</option> </select> Jeg skulle oprindeligt have lavet en PHP, MySQL database til ordrebehandlingssystemet, men dette fik jeg ikke nået af eksekvere. 7.5) Test og afprøvning For at teste hjemmesidens funktioner, har jeg fået en anden elev på min skole til at udføre en tænke-højt test. Ud fra det kom jeg frem til følgende: - Alle funktioner virker ikke? - Banneret er godt og informativt. - Attraktivt design. Side 14 af 17

16 8) Konklusion I dette projekt har jeg formået at designe en hjemmeside i henhold til målgruppens krav, jeg har dog ikke formået at få lavet et komplet ordrebehandlingssystem. Arbejdsprocessen er endt med denne rapport, som indeholder beskrivelser af udviklingsprocessen samt kommunikative aspekter. Den teoretiske viden har jeg fået via klasseundervisning og selvstændig research på internettet. Jeg mener, at webshoppen til dels lever op til mine egne forventninger omkring visse aspekter. Designmæssigt har jeg fået udarbejdet en rigtig god hjemmeside både informativt, interaktivt og visuelt. Problemformulering Det er et problem for en ny opstartet virksomhed såvel som en veletableret virksomhed, at nå ud til alle målgrupper i forbindelse med salg af varer. Egentlig opfylder min løsning til dels denne problemformulering. Virksomhedens varer er kommet ud til et bredere publikum via internettet som medie. At hjemmesiden så ikke fungerer hensigtsmæssigt er en detalje, da det stadig er en prototype. Den kan ses på følgende link: 8.1) Videreudvikling Jeg har spekuleret over følgende ting, der kunne videreudvikles på mit produkt. - Et vel-opsat og fuld funktionelt ordrebehandlingssystem. - Et grafisk mere udfordrende banner. 8.2) Evaluerende tanker Hele arbejdsforløbet taget i betragtning, var der flere ting jeg set i bakspejlet ville have gjort anderledes. Jeg fik en lidt sløv og dårlig start på projektet, da jeg havde flere eksamensprojekter kørende på samme tid. Jeg burde helt bestemt have fokuseret mere på dette projekt til at starte med. Da jeg ikke havde ret stort kendskab til PHP og ingen kendskab overhovedet til MySQL før jeg begyndte på projektet, kan jeg godt nu se, at det var en stor satsning af mig at satse på dette projekt. Det kom mig også i forkøbet, hvilket har resulteret i, at jeg ikke har fået lavet et ordentligt ordrebehandlingssystem. Side 15 af 17

17 9) Litteraturliste Til dette projekt har jeg brugt følgende kilder: Adobe Photoshop Udgivet af: Wikipedia Internetadresse: (19/05-10) [Photoshop] CSS Udgivet af: KTJ-Media Internetadresse: (19/05-10) [CSS] Designmodel II Udgivet af: Roskilde Tekniske Gymnasium MediaLab Internetadresse: (dato: 12/05-10) [Designmodel II] Farvesymbolik Udgivet af: Kunstforgud.dk Internetadresse: (dato: 12/05-10) [Farvesymbolik] HTML Udgivet af: Wikipedia Internetadresse: (19/05-10) [HTML] Komplementærfarver Udgivet af: Sophia Rose Internetadresse: (dato: 12/05-10) [Komplementærfarver] Systemudviklingsmetode Udgivet af: Roskilde Tekniske Gymnasium MediaLab (12/05-10) [Systemudviklingsmetode] Side 16 af 17

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

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

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...

Læs mere

Rapport Undervisningsmateriale.

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

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

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

WebNets 4.0 er en standard e-butik udviklet og vedligeholdt af www.webnets.dk.

WebNets 4.0 er en standard e-butik udviklet og vedligeholdt af www.webnets.dk. WebNets 4.0 er en standard e-butik udviklet og vedligeholdt af www.webnets.dk. Nærværende vejledning beskriver hvordan man bestiller og køber varer i Webnets med betaling via PBS/ePay med kredit- og dankort.

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

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

Læringsprogram. Talkonvertering. Benjamin Andreas Olander Christiansen Niclas Larsen Jens Werner Nielsen. Klasse 2.4. 1.

Læringsprogram. Talkonvertering. Benjamin Andreas Olander Christiansen Niclas Larsen Jens Werner Nielsen. Klasse 2.4. 1. Læringsprogram Talkonvertering Benjamin Andreas Olander Christiansen Niclas Larsen Jens Werner Nielsen Klasse 2.4 1. marts 2011 Fag: Vejleder: Skole: Informationsteknologi B Karl G. Bjarnason Roskilde

Læs mere

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

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

Læs mere

ROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner

ROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner ROSKILDE TEKNISKE GYMNASIUM Læringsprogram Lommeregner Programmering Malte Fibiger, Rasmus Ketelsen, Nicojal Jensen og Leon Bøgelund, Klasse 3.36 04-12-2012 Indholdsfortegnelse Indledende afsnit... 3 Problemformulering...

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

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

Læs mere

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

Læs mere

Læringsprogram. Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4

Læringsprogram. Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4 Læringsprogram Christian Hjortshøj, Bjarke Sørensen og Asger Hansen Vejleder: Karl G Bjarnason Fag: Programmering Klasse 3.4 R o s k i l d e T e k n i s k e G y m n a s i u m Indholdsfortegnelse FORMÅL...

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

Afsluttende opgave, Kommunikation/IT C, 2009. Indholdsfortegnelse. Kulløse Miljømesse. Per Jensen og Tobias Bjerg, 1.1. RTG

Afsluttende opgave, Kommunikation/IT C, 2009. Indholdsfortegnelse. Kulløse Miljømesse. Per Jensen og Tobias Bjerg, 1.1. RTG Indholdsfortegnelse Indledning... 2 Planlægning... 3 Kommunikationsplan... 3 Ressourceplan:... 5 Design:... 6 Medieprodukt 1: Internetside... 6 Medieprodukt 2: Flyer... 8 Medieprodukt 3: Folder... 8 Implementering:...

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

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

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

Læs mere

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

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

PHP kode til hjemmeside menu.

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

Læs mere

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

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

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 1. ÅRS PRØVE MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.

Læs mere

W e b s h o p d e s i g n s oktober 2011 1

W e b s h o p d e s i g n s oktober 2011 1 Webshop designs Oktober 2011 1 Indhold DanDomain designpakke 3 Sådan bestiller du 3 Aparte 4 Indhold i Apartes designpakke 4 Designskabelon 1 5 Designskabelon 2 6 Designskabelon 3 7 bangsoe.com 8 Indhold

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 RSS Læser

Projektbeskrivelse RSS Læser HTX Roskilde 3.4 Projektbeskrivelse RSS Læser IT & Programmering Elev: Christian Pihlkjær Hjortshøj og Joans Henk Jensen Dato: 19-03-2013 1. Indledning Vi er i klasse 3.4 blevet introduceret til vores

Læs mere

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

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

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

Læs mere

Programmering C Eksamensprojekt. Lavet af Suayb Köse & Nikolaj Egholk Jakobsen

Programmering C Eksamensprojekt. Lavet af Suayb Köse & Nikolaj Egholk Jakobsen Programmering C Eksamensprojekt Lavet af Suayb Köse & Nikolaj Egholk Jakobsen Indledning Analyse Læring er en svær størrelse. Der er hele tiden fokus fra politikerne på, hvordan de danske skoleelever kan

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

KOMMUNIKATION TEMA: GRAFISK DESIGN ROSKILDE TEKNISKE GYMNASIE 1.1 ************ DANIEL KADIR KENNETH ************ Indledning:

KOMMUNIKATION TEMA: GRAFISK DESIGN ROSKILDE TEKNISKE GYMNASIE 1.1 ************ DANIEL KADIR KENNETH ************ Indledning: KOMMUNIKATION IT TEMA: GRAFISK DESIGN ROSKILDE TEKNISKE GYMNASIE 1.1 ************ DANIEL KADIR KENNETH ************ Indledning: V i har i et teknologi/biologi/kemi projekt skulle lave et produkt, som kunne

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

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

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

Læs mere

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

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

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

Dynamisk Webdesign F2010

Dynamisk Webdesign F2010 Dynamisk Webdesign F2010 Præsentationer Læringsmål Emnet: teknologi, koncept, design og process Projekt Semesterplan Jeres underviser: Tess Gaston Cand.it, software udvikling (ITU) og ba. pædagogik (KU)

Læs mere

Grafisk workflow. bl.udbudsnet.dk

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

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Undervisningsplan. Oversigt over gennemførte undervisningsforløb. Termin Grundforløb 2014 til studieretningsforløb 2015 Institution.

Undervisningsplan. Oversigt over gennemførte undervisningsforløb. Termin Grundforløb 2014 til studieretningsforløb 2015 Institution. Undervisningsplan Termin Grundforløb 2014 til studieretningsforløb 2015 Institution Rybners Uddannelse Fag og niveau Lærer(e) Hold Htx Kommunikation/it C Jeppe Moritz Led Htx 2014-2015, 1. E Oversigt over

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin August 08 juni 09 Institution Uddannelse Fag og niveau Lærer(e) Hold Københavns Tekniske Skole, Sukkertoppen

Læs mere

Forløb kreativ-kommunikativ toning

Forløb kreativ-kommunikativ toning Forløb kreativ-kommunikativ toning C - Interaktive test C/B - Reklamespil B Digitale Billeder B Kvidder/Fjæsbog Interaktive Test 1. Analyse af interaktive test og deres betydning for brugerens valg. 2.

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

Mathias Turac 01-12-2008

Mathias Turac 01-12-2008 ROSKILDE TEKNISKE GYMNASIUM Eksponentiel Tværfagligt tema Matematik og informationsteknologi Mathias Turac 01-12-2008 Indhold 1.Opgaveanalyse... 3 1.1.indledning... 3 1.2.De konkrete krav til opgaven...

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

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin maj-juni 2009 Institution Københavns Tekniske Gymnasium, Sukkertoppen, 2500 Valby Uddannelse Fag og niveau

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

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

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

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

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

Læs mere

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

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

Læs mere

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

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

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

portfolio GRAFISK WORKFLOW

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

Læs mere

GRAFISK DESIGN CAMILLA BEYER

GRAFISK DESIGN CAMILLA BEYER GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Poster design. Meningen med en poster

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

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Termin Grundforløb 2013 til studieretningsforløb 2014 Institution EUC Vest Uddannelse Fag og niveau Lærer(e) Hold Htx Kommunikation/it C Jeppe Moritz Led Htx 2013-2014, 1. E Oversigt

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

Kommunikation/IT A 2014

Kommunikation/IT A 2014 Kommunikation/IT A 2014 Facebook side projekt Forside Indholdsfortegnelse Formål:... 3 KIE-modellen:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 4 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Læs mere

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

Læs mere

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

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

Internet. Komplet featureliste. Aesiras - integreret Regnskab, Handel og Internet

Internet. Komplet featureliste. Aesiras - integreret Regnskab, Handel og Internet Internet Komplet featureliste Aesiras - integreret Regnskab, Handel og Internet Aesiras Internet gør det let at komme i gang med en professionel hjemmeside og webshop. Som standard medfølger et grafisk

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

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

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

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

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

Læs mere

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

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

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

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

Programmering 19/03-2012 ROSKILDE TEKNISKE GYMNASIUM. Projektbeskrivelse. Programmering. Rasmus Kibsgaard Riehn-Kristensen

Programmering 19/03-2012 ROSKILDE TEKNISKE GYMNASIUM. Projektbeskrivelse. Programmering. Rasmus Kibsgaard Riehn-Kristensen ROSKILDE TEKNISKE GYMNASIUM Projektbeskrivelse Programmering Rasmus Kibsgaard Riehn-Kristensen 19-03-2012 Indholdsfortegnelse 1. Indledning... 3 2. Problemobservation.... 4 2.1 Egen erfaring... 4 3. Problemformulering...

Læs mere

SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE.

SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE. SÅDAN LAVER JEG DET FEDESTE KAMPAGNE- BILLEDE NOGENSINDE. Grafik & billedbehandling Grafik & billedbehandling Opgaven Adidas har lanceret en farveopdatering af deres støvleklassiker Copa Mundial. Støvlen,

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

4. DEC 5. DEC 8. DEC 2014

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

Læs mere

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

CV for Klaus Gejl. Personlige data Navn/Adresse: Klaus Gejl Grundtvigsvej 37, 2. tv. 7400 Herning Telefon/mobil: 97226808 / 60866808

CV for Klaus Gejl. Personlige data Navn/Adresse: Klaus Gejl Grundtvigsvej 37, 2. tv. 7400 Herning Telefon/mobil: 97226808 / 60866808 CV for Klaus Gejl Personlige data Navn/Adresse: Klaus Gejl Grundtvigsvej 37, 2. tv. 7400 Herning Telefon/mobil: 97226808 / 60866808 E-Mail: klaus@gejl.dk Fødselsdato: 01-06-1978 Sprog: Dansk, Engelsk (Begge

Læs mere

Valutaomregneren. Informationsteknologi B. Roskilde Tekniske Gymnasium. Adam Poul Kjærum Philip Elbek. Afleveringsdato: 13-05-2015

Valutaomregneren. Informationsteknologi B. Roskilde Tekniske Gymnasium. Adam Poul Kjærum Philip Elbek. Afleveringsdato: 13-05-2015 Valutaomregneren Informationsteknologi B Roskilde Tekniske Gymnasium Adam Poul Kjærum Philip Elbek Afleveringsdato: 13-05-2015 Vejledere: Christoffer Soya og Karl Bjarnason Billedet lavet af: Philip Elbek

Læs mere

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

Læs mere

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design

Dokumentation. Grafisk Produktion & Workflow. OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design Dokumentation OPGAVEN: Denne opgave er fiktiv, og den samme som jeg har beskrevet i kernefagligheden grafisk design PROGRAMVALG: illustrator CS5 og Dreamweaver CS5 FORMAT: 210 297 (A4) TEKNIKKER: Brainstorm

Læs mere

Vil du. efteruddanne Dig? Tag kursus på Hansenberg

Vil du. efteruddanne Dig? Tag kursus på Hansenberg Vil du efteruddanne Dig? Tag kursus på Hansenberg Open learning tilbud Kære kursist Open learning tilbydes til dig, der ønsker at styrke dine IT kompetencer indenfor flere forskellige områder. Udover

Læs mere

Patient Database - Manual

Patient Database - Manual Patient Database - Manual Side 1 af 36 Adgang til systemet... 4 Glemt brugernavn og kode... 4 Opret projekt (kun System Administrator)... 6 Klik på NYT PROJEKT -knappen øverst til venstre.... 6 Udfyld

Læs mere

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund Læringskoncept for Dansk Rideforbund Produkt og målgruppe: Udarbejdelse og idéudvikling af et nyt læringskoncept I børnehøjde til Dansk Rideforbund. Det skal fokusere på sikkerhed I ridningen og målrette

Læs mere

Sådan kommer du i gang

Sådan kommer du i gang Sådan kommer du i gang Første gang du logger på shoppen, kan du følge denne vejledning, for at komme godt i gang: 1. Gå ind på shop.mto-electric.dk 2. Klik på login i menu-linien 3. Indtast eller kopiér

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

Enes Kücükavci Roskilde Tekniske Gymnasium 20 05 2010 Mathias Turac Informationsteknolog B Vejleder: Karl Bjranasson Programmering C

Enes Kücükavci Roskilde Tekniske Gymnasium 20 05 2010 Mathias Turac Informationsteknolog B Vejleder: Karl Bjranasson Programmering C Indhold Indledning(Enes)... 2 Problemstilling (Enes)... 2 Teori (Enes)... 2 Løsningsforslag (Enes)... 4 RFID relæet (Mathias)... 6 Krav (Enes og Mathias)... 8 Målgruppen (Mathias)... 8 Rekvirent... 8 Implementering(Mathias)...

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

Læs mere

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

Læs mere