Mini Afsluttende Projekt

Størrelse: px
Starte visningen fra side:

Download "Mini Afsluttende Projekt"

Transkript

1 Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse IT 2013 Side 1 af 18

2 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4 Problemformulering... 5 Beskrivelse af produkt... 5 Kravspecifikationer... 5 Testspecifikationer... 5 Planlægning... 6 Design og Teori... 7 Valg af design... 7 Anvendte teknologier... 8 Anvendte programmer og alternativer til disse Implementering Test og afprøvning Browser kompatibilitet Konklusion Forbedring af egen praksis Terminologi Side 2 af 18

3 Indledning Mindmap Vi startede med at vælge vores overordnede emne om sundhed og kost. Herfra gik vi videre til sport og havde her 2 muligheder vi diskuterede. Den ene ting vi overvejede var et system til at holde styr på nogle resultater. Dette kunne fx være ens personlige løbetider så man kunne se hvordan man udviklede sig over et forløb. En anden mulighed mulighed vi overvjede var noget lig fodboldtabeller, der skulle kunne vise ting som holdnavn, antal kampe og antal point. Det andet emne vi overvejede er hvad er på mindmappet er kaldt vægttab. Vi gik herfra videre til at man kunne lave noget med forbrænding kontra indtagede kalorier. Vi valgte dette emne og valgte derefter at lave produktet som en hjemmeside til denne slags udregninger. Vi diskuterede så videre om hvilke teknologier vi ville bruge og valgte HTML, CSS og JavaScript. Side 3 af 18

4 User Stories User story 1: Tim Tim vil gerne smide et par kilogram inden strandsæsonen begynder. Han skal derfor bruge en side til at finde ud af hvor meget han skal træne for at fobrænde flere kalorier end han indtager. User story 2: Jon Jon går i skole og er i gang med et projekt om krop og sundhed. Han skal derfor bruge nogle fakta om enegiindholdet i nogle udvalgte madvarer. Side 4 af 18

5 Problemformulering Beskrivelse af produkt Vores produkt er en webapplikation der skal kunne bruges til at regne forskellige krop og sundheds relaterede ting ud, som fx BMI, forbrænding og kalorieindhold i diverse madvarer. Udover dette skal siden også indeholde nogle generelle informationer om disse ting, således at siden kan fungere mere som en helhed og ikke bare en lommeregner. Kravspecifikationer Krav til produktet Skal kunne udregne BMI fra indtastet højde og vægt Skal kunne udregne forbrænding ved forskellige aktiviteter Skal kunne vise energiindhold i forskellige fødevarer Skal kunne vise relevant information om emnerne Skal kunne vises ordenligt i nyere webbrowsers Skal være overskueligt Skal være let at bruge Målgruppe Vores målgruppe er mænd og kvinder fra 14 år og opefter. Primært folk der træner eller skal til at træne, enten for styrke, kondition eller vægttab. Sekundært folk der skal bruge informationerne i sammenhæng med et projekt om sundhed eller lignende. Værktøjer Sublime Text 2 Teknologier Google Drive HTML CSS JavaScript jquery Testspecifikationer En lille testgruppe får udleveret et spørgeskema hvor de skal svare på hvilke af webapplikationens funktioner de er i stand til at bruge og om det er let at finde rundt på siden. Derudover afprøves webapplikationen i forskellige browsers hvor det tjekkes om funktionerne stadig virker og om siden ser ud på samme måde. Side 5 af 18

6 Planlægning Planlagte plan Gennemførte plan Side 6 af 18

7 Design og Teori Valg af design I designfasen startede vi med at tegne følgende 3 skitser: Skitse 1 Sktise 2 Skitse 3 Side 7 af 18

8 Dernæst analyserede vi skitserne ved hjælp af gestaltlovene. Skitse 1 Den første skitse opfylder lovene om lukkethed, lighed, figur og baggrund og forbundethed. Kasserne opfattes som sammenhørende, da de er rammet ind på samme måde. Kasserne på cirklen ligner hinanden mere end de ligner kassen i midten og hører mere sammen. De ydre kasser er forbundet af cirklen. Den midterste kasse er forbundet til den kasse den hører til. Sidens indhold er tydeligt adskildt fra baggrunden. Skitse 2 Den anden skitse overholder lovene om lukkethed, figur og baggrund, lighed og forbundethed. De forskellige menupunkter er afgrænset på samme måde og de ligner hinanden. Figur og baggrund er tydeligt adskildt. Skitse 3 Den sidste skitse overholder lovene om lighed, forbundethed og figur og baggrund. Kasserne ligner hinanden og opfattes som om de hører sammen. Ligeledes er de afgrænset på samme måde. Der er et klart skel mellem figur og baggrund. Alle tre skitser opfylder flere gestaltlove, men vi valgte at arbejde videre med det tredje design. En af grundene til dette er at vi ønskede det skulle være mere simpelt end skitse 1, og vi ville ikke sprede funktionerne ud på så mange forskellige sider som i design 2. Anvendte teknologier HTML HTML står for HyperText Markup Language. Det bruges til at strukturere indholdet af en hjemmeside og er hvad man kalder et opmærkningssprog, eller på engelsk markup language. HTML skrives ved hjælp af tags. De fleste tags er i par, de har et et start og et slut tag og ændrer så på hvad der er i mellem dem. Eksempelvis: <b>fed skrift her</b> I dette filfælde vil teksten mellem <b> og </b> blive vist med fed skrift. Der er også tags der ikke kræver sluttags. Et eksempel på dette er tagget for linjeskfit <br>. Det er sjældent man laver en hjemmeside udelukkened i HTML, da der er meget begrænsede muligheder for at styre udseende og placering af de forskellige elementer. Derfor bruges HTML ofte i kombination med CSS. Side 8 af 18

9 CSS CSS er en forkortelse for Cascading Style Sheets. Det er et sprog som bruges til at beskrive udseende og formatering af fx et HTML dokument, men kan også bruges med andre opmærkningssprog som fx XML. CSS kan eksempelvis ændre på ting som farver, placeringer og skrifttyper- og størrelser. p{ font-size: 14px; font-weight: bold; } Hvad der står før den første tuborgklamme, i dette tilfælde p, bestemmer hvad den følgende kode skal påvirke. I dette tilfælde vil tekst der står mellem <p> tags være fed skrift og have en skriftstørrelse på 14 pixels. De forskellige egenskaber mellem tuborgklammerne er adskildt med semikolon. Der er flere måder at anvende CSS sammen med HTML på. Man kan referere til et CSS dokument med et <link> tag på følgende måde: <link rel= stylesheet href= style.css type= text/css > På denne måde vil CSS en fra dokumentet style.css blive brugt i HTML dokumentet. Dette kaldes et external stylesheet. Man kan også have det direkte i HTML dokumentet ved at inkludere det i <stylet> tagget, ofte kaldet et internal stylelsheet: <style type= text/css > body{ font-family: Arial, Helvetica, Sans-Serif; font:11px arial; } </style> En tredje mulighed er at skrive CSS en efter en style attribut i de enkelte tags. Dette kaldes inline style. Et eksempel på dette kunne være: <div style= border:solid;border-width:1px > Indhold her </div> I dette tilfælde vil CSS en kun påvirke dette ene <div> tag. Fordelen ved at have CSS en i et dokument for sig selv er at man kan referere til den samme CSS fra flere forskellige HTML dokumenter. På denne måde behøver man kun at rette i en enkelt fil for at påvirke udseendet af alle siderne. Side 9 af 18

10 JavaScript Javascript er et programmeringssprog der hovedsageligt bruges til at gøre hjemmesider mere interaktive. JavaScript bliver afviklet client-side i brugerens egen browser, modsat et sprog som fx PHP, der bliver afviklet server-side. Dets syntax minder om C. Der er både fordele og ulemper ved JavaScript. Da det afvikles direkte på brugerens computer er det hurtigt uden at belaste webserveren. Sammenlignet med andre sprog er JavaScript rimlig simpelt og let at lære. At det er client-side betyder dog også, at koden kan afvikles forskelligt fra bruger til bruger. Et problem er også at nogle ældre browserversioner ikke, eller meget dårligt, understøtter JavaScript. jquery jquery er ikke et programmeringssprog i sig selv, men derimod et bibliotek til JavaScript. Det indeholder en masse funktioner der gør det let at manipulere med indholdet af en side. Blandt andet gør jquery det meget nemt at vælge specifikke dele af siden og kan så ændre på disse på forskellige måder, fx ændre en overskrifts farve når musen holdes over den. Med jquery kan man udføre rimlig komplicerede handlinger med meget lidt kode fordi det meste af arbejdet er gjort på forhånd. jquery er også kompitabelt på tværs af browsere, så det slipper man også for at tage højde for. At det hele er lavet på forhånd kan godt være et minus, hvis man foretrækker at lave det meste selv, men det er ikke altid man har tid til at genopfinde den dybe tallerken. En ulempe er også at hele jquery biblioteket loades, også selvom man kun bruger nogle få dele af det. Der bruges altså flere ressourcer end nødvendigt. Reelt har dette dog sjældent nogen mærkbar betydning for brugeren af siden. Anvendte programmer og alternativer til disse Sublime Text 2 Vi skrev webapplikationen i programmet Sublime Text 2. Det er ikke gratis, men har en ubegrænset evalueringsperiode. Sublime Text 2 er et program til redigering af kildekode og understøtter en del forskellige sprog. Et alternativ kunne være Aptana Studio. Aptana Studio er et IDE (integrated developer environment) og altså ikke bare et tekstredigeringsprogram. I modsætning til Sublime Text 2 er Aptana Studio open source. Grunden til vi valgte Sublime er at det generelt er hurtigere, specielt til at starte op, og vi er mere vant til at bruge det. Google Drive Til delingen af filer mellem hinanden under projektet brugte vi Google Drive. Google Drive er en service til opbevaring og synkronisering af filer. En del af Google Drive er Google Docs der gør det muligt at redigere dokumenter samtidig. Google Docs har 5 GB gratis lagerplads. Alternativer til Google Drive er bl.a. Dropbox og Microsoft SkyDrive. Side 10 af 18

11 Implementering I dette afsnit vil vi komme ind på hvordan nogle af delene af vores produkt er lavet. Hele produktet vil kunne findes på Tobias studieweb under tobiassh11/mini_projekt_2013/ eller sammen med denne rapport. HTML koden til den ene af kasserne er vist her, med resultatet vist til højre. Det ville dog være svært at få kassen til at se ud som ovenover uden brug af CSS. Den CSS der er vist til venstre er primært til at styre placering og baggrundsfarve på den overordnede container til de forskellige elementer. Koden til højre er med til at styre placering og udseende af de tre øverste kasser. Side 11 af 18

12 Når musen holdes over overskriften til kasserne ændres baggrundsfarven til denne og musen ændres til en hånd. Fra start er de forskellige ting skjult, men når der klikkes på overskritskasserne bliver indholdet til den pågældende kasse vist. Til dette bruges javascript med jquery biblioteket. Den første del af dokumentet fortæller at koden først skal køres når dokumentet er klart. De efterfølgende linjer $(.topbox ).hide(); $(.bottombox ).hide(); skjuler de elementer der har classen toppbox og/eller bottombox. Den første del $(.topbox ) er en selector der vælger elementer med denne class. Den næste del.hide() er en funktion der skjuler det/de valgte elementer. Til sidst afsluttes med et semikolon. Forskellige dele af koden køres afhængigt af hvilke handlinger brugeren laver. Holdes musen over en af titelkasserne ændres der på dennes CSS. Når musen så forlader området igen ændres det tilbage. Side 12 af 18

13 På billedet her er vist kildekoden til udregning af kalorieindholdet. Linjen $( enterbutton3 ).click(function() { gør at den efterfølgende kode bliver kørt når der klikkes på det element med id et enterbutton3. Herefter hentes de informationer brugeren har indtastet/valgt i den i den kasse som knappen hørte til. Der køres så igennem en masse if statements for at finde den værdi der svarer til den valgte madvare. Da vi ikke har så mange madvarer på listen mener vi at denne løsning er ok. Havde vi derimod mange, fx stykker, ville denne metode ikke være så overskuelig. I det tilfælde ville der være andre muligheder, en af dem kunne fx være at bruge madvarernes værdi som et ID og så opbevare værdien for deres kalorieindhold i en array. Der er dog blot en af mange muligheder. Side 13 af 18

14 Test og afprøvning Vi viste 5 testpersoner vores webapplikation og bad dem besvare disse 5 spørgsmål: Kan du udregne din BMI? Kan du udregne din forbrænding ved 30 minutters løb? Kan du finde informationer Er hjemmesiden overskuelig? Er hjemmesiden let at bruge? Til disse spørgsmål svarede vores testpersoner alle ja. Vi gav dem dog ikke mulighed for evt. at uddybe svar og det bør også nævnes at alle 5 testpersoner brugte Google Chrome som browser. Browser kompatibilitet Mozilla Firefox Mens vi lavede produktet testede vi primært i Firefox og det er i denne browser at siden ser ud som det var tænkt den skulle. Side 14 af 18

15 Google Chrome Visningen i Chrome er meget lig den i Firefox. Enkelte steder er der meget små forskelle, men vi vurderer at det ikke er noget der har betydning for oplevelsen af webapplikationen. Side 15 af 18

16 Microsoft Internet Explorer 9 I Internet Explorer 9 er det en noget anden sag. Det er specielt de afrundede hjørner der skaber problemer her. Hvis det bare var hjørnerne ville det kun have en mindre betydning for brugeroplevelsen, men der er også problemer med højden af kasserne, i og med den midterste strækker sig ned over kassen under den. Side 16 af 18

17 Microsoft Internet Explorer 10 I Internet Explorer 10 ser det heldigvis meget bedre ud. Her virker de runde hjørner igen og højden af elementerne passer. Vores webapplikation klarede altså ikke fuldstændigt browserkompatibilitetstesten. Man kan så diskutere hvorvidt Internet Explorer 9 hører med under nyere browsere, men ved at vores side ikke vises ordenligt i denne version risikerer vi at tabe en del af vores målgruppe. Konklusion Det lykkedes vores produkt at opfylde de krav der var til dets funktioner, samt kravene om at det skulle være let at bruge og overskueligt. Produktet klarede dog ikke kompatibilitetstesten da det ikke blev vist ordenligt i Internet Explorer 9. Forbedring af egen praksis På trods af at produktet ikke kunne opfylde alle de krav der var stillet er vi tilredse nok med det. De forskellige ting med jquery tog ekstra tid fordi det ikke er noget nogen af os har brugt før og vi derfor var nødt til at bruge mange referencer. Efter et stykke tid fik vi dog godt styr på det og de resterende jquery dele tog således ikke så lang tid. Vi brugte også en del ekstra tid på at finde en måde at få placeret de forskellige elementer ordenligt, så de blev på deres plads, igen fordi vi først skulle lære hvordan det skulle gøres. Vi vil selv mene at prioriteringen af opgaverne var fin, men vi har ikke brugt tidsplanen til at styre selve forløbet. Vi brugte den derimod til at bagefter at kunne se hvor lang tid de forskellige dele havde taget i forhold til den afsatte tid. Side 17 af 18

18 Terminologi HTML CSS JavaScript jquery Library Client-side Server-side Tags Browser Står for HyperText Markup Language og er et sprog der bruges til at lave hjemmesider Står for cascading style sheets og bruges primært til at ændre udseendet af HTML sider Programmeringssprog der hovedsageligt bruges sammen med web browsers. Et library til JavaScript der forenkler mange ting i JavaScript. I programmering et bibliotek der indeholder en masse færdiglavet kode. Handlinger der udføres på brugerens computer Handlinger der udføres på en server Udseendet af en html side styres ved hjælp af tags. De fleste tags er i par og har både et start og et slut tag. Eksempelvis vil <i>tekst her </i> gøre teksten i mellem tagsne kursiv. Applikation til at hente og vise internetsider Side 18 af 18

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

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

Læs mere

Om styles / typografier / typografiark / stylesheets

Om styles / typografier / typografiark / stylesheets Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og

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

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 workflow. Se siden her: www.cormas.dk

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

Læs mere

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

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

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

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

Læs mere

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

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

CSS introduktion: Tekstformatering med CSS

CSS introduktion: Tekstformatering med CSS Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

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

Online billede filtrering

Online billede filtrering Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C 09-05-2014 1 Indholdsfortegnelse Indledning Teori Problemformulering Målgruppe Indledende

Læs mere

Projektbeskrivelse Informations Teknologi

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

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

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

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

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

TinyMCE Bruger Guide. Forord. Contents

TinyMCE Bruger Guide. Forord. Contents TinyMCE Bruger Guide Forord TinyMCE er en platformuafhængig web baseret Javascript HTML WYSIWYG (What You See Is What You Get) editor udgivet som Open Source under LGPL af Moxiecode Systems AB. Dette er

Læs mere

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

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

Læs mere

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

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

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

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

Læs mere

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

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

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

Læs mere

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

IT rapport & Programmerings journal RSS Læser - Eksamensprojekt

IT rapport & Programmerings journal RSS Læser - Eksamensprojekt HTX Roskilde 3.4 IT rapport & Programmerings journal RSS Læser - Eksamensprojekt IT & Programmering Elev: Christian Pihlkjær Hjortshøj og Joans Henk Jensen Dato: 10-05-2013 Indholdsfortegnelse 1. Indledning...

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

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

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

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

Børn, unge og sundhed Automatisering

Børn, unge og sundhed Automatisering Gr. 8 Børn, unge og sundhed Automatisering Kage, hvornår? Thomas Qvistorff Kanstrup og Thorbjørn Louring Koch 1.6 Kom/IT RTG 30/4 2010 Indhold Indledning... 3 Planlægning... 3 Kommunikationsplanlægning...

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

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

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

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Læs mere

Superskolernes kampagne

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

Læs mere

Der findes mange ting på nettet, som du kan hente ned på din computer bl.a. billeder, tekstdokumenter og installationsfiler til programmer.

Der findes mange ting på nettet, som du kan hente ned på din computer bl.a. billeder, tekstdokumenter og installationsfiler til programmer. Microsoft browser Edge Når du skal på internettet i Windows 10, bruger du som udgangspunkt programmet Microsoft Edge. Det er en helt ny, simpel internetbrowser med en række spændende funktioner. Du kan

Læs mere

Informations Teknologi Indholdsfortegnelse

Informations Teknologi Indholdsfortegnelse Informations Teknologi Indholdsfortegnelse Arbejdsmetode:... 2 System udviklingen:... 2 Forløbs beskrivelse:... 2 Test:... 3 Arbejdsmetode: Vi startede med at finde ud af, hvad vi ville lave. Vi besluttede

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

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

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

3. PROJEKT, 2 SEMESTER

3. PROJEKT, 2 SEMESTER 3. PROJEKT, 2 SEMESTER Bruger undersøgelse, af sociale medie. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE

Læs mere

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

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

Læs mere

Opstart og adgange til Ejersiden

Opstart og adgange til Ejersiden Opstart og adgange til Ejersiden Indhold Internet Explorer og andre browsere til Ejersiden... 1 Login til Ejersiden... 2 Første login til Ejersiden... 2 Ændring af kodeord ved første login... 3 Bestilling

Læs mere

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende

Læs mere

IKT og Videnrepræsentationer

IKT og Videnrepræsentationer IKT og Videnrepræsentationer CSTBI-2 2010 5. kursusgang Introduktion til html Kjeld Svidt ks@civil.aau.dk Personlige hjemmesider De enkelte gruppemedlemmer kan lave egne hjemmesider i mappen public_html

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

Interaktionsudvikling

Interaktionsudvikling Projektopgave 3: Interaktionsudvikling CPH business, klasse: MulA2013 Projektansvarlige undervisere Thomas Hartmann MereteGeldermann lützen: Projekt produkt url: www.amalieardahl.dk/projekt3/index.html

Læs mere

Lav din egen forside i webtrees

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

Læs mere

Grafisk 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

Side 1 af 13 NETLYDBOG.DK. - Sådan downlåner du - Sådan overfører du til en MP3-afspiller

Side 1 af 13 NETLYDBOG.DK. - Sådan downlåner du - Sådan overfører du til en MP3-afspiller Side 1 af 13 NETLYDBOG.DK - Sådan downlåner du - Sådan overfører du til en MP3-afspiller Side 2 af 13 Indholdsfortegnelse Vær opmærksom på:... 2 1. Sådan downlåner du en netlydbog fra netlydbog.dk... 3

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

Hjælp under login på Mit DLR Oktober 2015

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

Læs mere

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

Teknisk dokumentation

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

Læs mere

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

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

Læs mere

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

Læs mere

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

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

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres

Læs mere

Mendeley er både en reference manager og et akademisk socialt netværk.

Mendeley er både en reference manager og et akademisk socialt netværk. Mendeley på PC er Mendeley er både en reference manager og et akademisk socialt netværk. Mendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online. Mendeley kan generere litteraturlister

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

PSYKIATRIENS VIKARCENTER. MinTid. Quickguide. Version 7.0

PSYKIATRIENS VIKARCENTER. MinTid. Quickguide. Version 7.0 PSYKIATRIENS VIKARCENTER MinTid Quickguide Version 7.0 Psykiatriens Vikarcenter Vi glæder os til, at du kommer på MinTid. Systemet giver dig adgang til bedre planlægning, vagtbørsen og muligheden for at

Læs mere

WEBDESIGN & WEBKOMMUNIKATION

WEBDESIGN & WEBKOMMUNIKATION WEBDESIGN & WEBKOMMUNIKATION 23. februar 2012 #4 - Webtypografi og farve + CSS introduktion PROGRAM FOR I DAG 1. Farve 2. WebTypografi 3. CSS 4. Selectors, inheritance, hierarkiet og specificitet 5. Næste

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

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

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

Google Apps. Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9

Google Apps. Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9 Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9 Arbejde i faner Google Apps arbejder i faner, derfor er det vigtigt, du er bekendt med det. Mappen

Læs mere

Sitecore - basisvejledning Version 2. September 2010

Sitecore - basisvejledning Version 2. September 2010 Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4

Læs mere

Hvis du er lærer: UNI-C support telefon: Ring 89 37 65 00

Hvis du er lærer: UNI-C support telefon: Ring 89 37 65 00 1 Forbered computerne til Cyklistprøven For at kunne afvikle Cyklistprøven uden tekniske problemer anbefaler vi, at du bruger nedenstående tjekliste til at gennemgå om de computere, Cyklistprøven skal

Læs mere

grafisk workflow Madmagasinet

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

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Regneark Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 6 Opgave... Side 13 Få adgang til filerne fra din computer... Side 19 Vejledende løsning... Side 20 GoogleDocs Regneark 2 Google

Læs mere

Vejledning. Indhold. Side 1

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

Læs mere

Lectio. Overgang til Lectio Eksamensmodul. MaCom A/S Vesterbrogade 48, 1. 1620 København V Telefon: 33 79 79 00

Lectio. Overgang til Lectio Eksamensmodul. MaCom A/S Vesterbrogade 48, 1. 1620 København V Telefon: 33 79 79 00 Lectio Overgang til Lectio Eksamensmodul 1992-2008 MaCom A/S MaCom A/S Vesterbrogade 48, 1. 1620 København V Telefon: 33 79 79 00 Telefax: 33 79 79 84 E-mail: mail@macom.dk Internet: www.macom.dk Forord

Læs mere

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

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

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. IT B niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. IT B niveau Roskilde Tekniske Gymnasium Eksamensprojekt IT B niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt IT B niveau... 2 Forord... 2 Indledning... 2 Analyse... 2 Problemformulering... 2 Krav til produktet...

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

BRUGERMANUAL. Ruteplanlægning i RUT. Røde Korsindsamlingen 8. MARTS 2012. RødeKors.dk

BRUGERMANUAL. Ruteplanlægning i RUT. Røde Korsindsamlingen 8. MARTS 2012. RødeKors.dk BRUGERMANUAL 8. MARTS 2012 Ruteplanlægning i RUT Røde Korsindsamlingen RødeKors.dk INDHOLD 1 Introduktion til RUT... 3 2 Sådan finder du og logger på RUT... 4 3 Et par tips... 4 4 Planlægning af ruter...

Læs mere

AU Webshop brugeradministration

AU Webshop brugeradministration AU Webshop brugeradministration 15.07.2010 / pch Indhold Formål... 1 Adgang... 1 Roller og rettigheder... 2 Brugeroversigt... 3 Oprettelse af en ny AU Webshop bruger... 5 Ændring af stamoplysninger for

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

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

Appendiks: Andre Google-programmer

Appendiks: Andre Google-programmer Appendiks: Andre Google-programmer I et hæfte som Gratisprogrammer fra Google er der ikke plads til at omtale alle de spændende Google-programmer. Og der kommer hele tiden nye til. I dette appendiks får

Læs mere

Installér din Officepakke 2013

Installér din Officepakke 2013 Vær opmærksom på der godt kan forekomme andre billeder end dem som er illustreret. Dette er grundet ændringer fra microsoft. Blandt andet bliver SkyDrive ændret til OneDrive. Er du i tvivl om noget kan

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

Online billede filtrering

Online billede filtrering Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C 09-05-2014 I dette projekt vil jeg demonstrerer en af de mange ting moderne browsere

Læs mere

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

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

Læs mere

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

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Google Chrome side 1 af13

Google Chrome side 1 af13 Google Chrome side 1 af13 Indholdsfortegnelse: Download Google Chrome... Side 2 Overblik... Side 3 Angiv startside... Side 7 Søg direkte i adresselinjen... Side 8 Bogmærker sider... Side 8 Bogmærkeadministratoren...

Læs mere

Guds Fred Grafisk produktionsforståelse

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

Læs mere

Brugervejledning til InfoLand.dk skabelonen

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

Læs mere

Indstillinger af skærm, skrivebord og papirkurv

Indstillinger af skærm, skrivebord og papirkurv Skærmens format og opløsning Skærmens opløsning angives i pixels (små kvadrater). Den valgte opløsningen skal helst passe med skærmens format, dvs. forholdet mellem længde og bredde, ellers bliver billederne

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere