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

KOMMUNIKATION/it OG Kemi

KOMMUNIKATION/it OG Kemi KOMMUNIKATION/it OG Kemi Batterier for 8. klasser Indledning Formålet med projektet er at gøre os bedre til at formidle information og gøre os mere opmærksomme på vores målgruppe når vi skriver.vi skal

Læs mere

Informationsteknologi

Informationsteknologi IT-produkt til læring Lars Thomsen Vejleder: Karl HTX Roskilde 03/03-2009 Side 1 af 1 Indholdsfortegnelse 1. Planlægning:... 3 1.1 Kommunikationsplanlægning:... 3 1.1.1 Analyse af problemstilling:... 3

Læs mere

Grønnere Grønsted AFSLUTTENDE PROJEKT KOMMUNIKATION/IT. Kristine Marie Løfgren Krighaar Kommunikation/IT 11. maj 2015

Grønnere Grønsted AFSLUTTENDE PROJEKT KOMMUNIKATION/IT. Kristine Marie Løfgren Krighaar Kommunikation/IT 11. maj 2015 Grønnere Grønsted AFSLUTTENDE PROJEKT KOMMUNIKATION/IT Kristine Marie Løfgren Krighaar Kommunikation/IT 11. maj 2015 Roskilde Tekniske Gymnasium Klasse: 1.1 Indholdsfortegnelse Indledning... 2 Planlægningsprocessen...

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

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter Roskilde Tekniske Gymnasium Afsluttende opgave Ældre og handicappede Frederik & Peter Indhold Indledning... 2 Problemformulering... 2 Ressource planlægning... 2 Kommunikationsplanlægning... 3 Case... 3

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

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

Mode og design et ressourcespild

Mode og design et ressourcespild ROSKILDE TEKNISKE GYMNASIUM Mode og design et ressourcespild Informationsteknologi Rasmus Kibsgaard Riehn-Kristensen 11-05-2012 Indholdsfortegnelse 1. Indledning... 4 2. Indledende afsnit... 5 2.1 Problemobservation...

Læs mere

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

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

Læs mere

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

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

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

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

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

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

Guide til din computer

Guide til din computer Guide til din computer Computerens anatomi forklaret på et nemt niveau Produkt fremstillet af Nicolas Corydon Petersen, & fra Roskilde Tekniske Gymnasium, kommunikation & IT, år 2014 klasse 1.2 12-03-2014.

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

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

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

Af: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26. marts 2012

Af: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26. marts 2012 Projektbeskrivelse til eksamen i informationsteknologi B og Programmering C - Projektnavn: Privat mailer Af: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26.

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

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

Læs mere

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

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

Klasse 1.4 Michael Jokil 03-05-2010

Klasse 1.4 Michael Jokil 03-05-2010 HTX I ROSKILDE Afsluttende opgave Kommunikation og IT Klasse 1.4 Michael Jokil 03-05-2010 Indholdsfortegnelse Indledning... 3 Formål... 3 Planlægning... 4 Kommunikationsplan... 4 Kanylemodellen... 4 Teknisk

Læs mere

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

Læs mere

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

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

Læs mere

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

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

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

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

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

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

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

Ugur Kitir HTX - Roskilde 01/05 2009

Ugur Kitir HTX - Roskilde 01/05 2009 Vi har fået opgaven i forbindelse med vores produkt til vores interne prøve. Jeg skal i opgaven konkretisere hvad min målgruppe er og ud fra det skal beskrive et design der passer til målgruppen. Jeg starter

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

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

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

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

Læs mere

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

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

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

Computerspil som vindue til læring

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

Læs mere

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

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

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn AFSLUTTENDE OPGAVE Lad Grønsted forblive Grøn Lad Grønsted forblive Grøn Indledning Til dette afsluttende projekt har jeg valgt at fokusere på udemiljøet i en park, og om hvordan et godt udemiljø kan påvirke

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

Komunikation/It C Helena, Katrine og Rikke

Komunikation/It C Helena, Katrine og Rikke HTX Afsluttende projekt E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013 Systemudvikling Indledende aktiviteter Kommunikationsplanlægning for projektet, Laswells fem spørgsmål. o Hvem

Læs mere

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

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

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

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

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

Læs mere

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

Kom/IT: Børn, unge og sundhed

Kom/IT: Børn, unge og sundhed Kom/IT: Børn, unge og sundhed Afsluttende opgave Kom/It Roskilde HTX - Af Joakim Herrestrup Indhold Afsluttende opgave Kom/It Roskilde HTX... 1 Case:... 3 Planlægning:... 3 Målgruppe:... 3 Produkt/medie:...

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

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

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

# 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

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

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

Læs mere

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

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

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

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

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

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

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

Læs mere

Portfolio Web:

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

Læs mere

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

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer

Afsluttende Opgave. Vejledning til ballonprojekt. Elever. Fag. Skole. Lærer Afsluttende Opgave Vejledning til ballonprojekt Denne rapport er en del af den afsluttende opgave i kommunikation/it C på RTG. Temaet til opgaven er Varmluftballonen, efter det obligatoriske Projekt Ballonflyvning,

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

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

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

Indhold. 2 Kommunikation/IT afsluttende opgave

Indhold. 2 Kommunikation/IT afsluttende opgave 16/05-2008 Kommunikation/IT afsluttende opgave Roskilde Maraton Louise Regitze Skotte Andersen, klasse 1.4 08 2 Kommunikation/IT afsluttende opgave Indhold Problem og målgruppe... 3 Problemstilling...

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

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu. Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1 Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe...

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

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

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

Hassansalem.dk/delpin User: admin Pass: admin BACKEND

Hassansalem.dk/delpin User: admin Pass: admin BACKEND Hassansalem.dk/delpin User: admin Pass: admin BACKEND 1/10 Indledning Dette projekt er den afsluttende del af web udvikling studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med Del-pin

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

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

Fragmentering af nyhedsmedier

Fragmentering af nyhedsmedier Fragmentering af nyhedsmedier Side 1 Indledning Denne rapport beskæftiger sig med fragmentering af den moderne borgers informations og medie forbrug. Rapporten bygger sit empiriske grundlag på en litteratursøgning.

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Aug 2015 - Jan 2016 Institution HANSENBERG Uddannelse Fag og niveau Lærer(e) HTX Kom/IT C Torsten B. Fix Hold

Læs mere

Reflekstions artikel

Reflekstions artikel Reflekstions artikel Kommunikation/IT er et fag hvor vi lærer at kommunikere med brugeren på, og hvorledes mit produkt skal forstås af brugeren. Når man laver en opgave i faget, er det brugeren der lægges

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

Kommunikation og Samfund

Kommunikation og Samfund rt Kommunikation og Samfund KOM/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 28-02- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...

Læs mere

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility

Mads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3

Læs mere

Præsentation af afsluttende opgave Markedsføring af Kulløse miljømesse Disposition Introduktion Systemudviklingsmetoder og fremgangsmåder Waterfall metoden Iterations metoden Min anvendte metode og dens

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

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

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

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

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

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012 WEBSITE Projekt 3 Dato: 23.11.2012 Indholdsfortegnelse Indledning... 2 Designbrief... 2 Kommunikationsanalyse... 3 Flowchart... 4 Eksempel på HTML... 5 Argumentation for design... 7 Evaluering... 9 Gant-diagram...

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

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

Læs mere

Computerspil. Hangman. Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium.

Computerspil. Hangman. Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium. 10-02-2015 Computerspil Hangman Stefan Harding, Thomas Bork, Bertram Olsen, Nicklas Thyssen og Ulrik Larsen Roskilde Tekniske Gymnasium. Kom/it c Indhold Intro... 2 Indledende aktivitet... 2 Kommunikations

Læs mere

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik

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

Læs mere