Mini Afsluttende Projekt
|
|
- Christine Steffensen
- 8 år siden
- Visninger:
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 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 mereTillykke 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 mereOm 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 mereCecilie 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 mereGrafisk 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 mereMit 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 merePortfolie 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 mereProjekt 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 mereBø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 mereProjekt-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 mereLæ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 mereInformations 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 mereDenne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.
Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie
Læs mereSuperskolernes 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 mereRoskildes 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 mereProjekt - 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 mereCSS 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 mereProcesbeskrivelse - 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 mereEfterlyst! 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 mereMode 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 mereGRAFISK 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 mereBrugervejledning 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 mereWORKFLOW & 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 mereGrafisk 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 mereTinyMCE 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 mereComputerens Anatomi. Kom/IT C - Computer Anatomi - Daniel og Fie - 3/3 2015. Planlægning af kommunikationsvalg og medieprodukt.
Computerens Anatomi Planlægning af kommunikationsvalg og medieprodukt. Vi startede med at snakke om modtager, afsender og budskab og blev enige om at det skulle være simpelt for at få modtagernes interesse.
Læs mereLav 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 mereDer 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 mereWebteknologi 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 mereTeknisk 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 mereGRAFISK 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 mereOpstart 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 mereIT 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 mereNaja 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 mereVejledning til opbygning af hjemmesider
Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på
Læs mereHjæ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 mereBørn, unge og sundhed
Børn, unge og sundhed Automatisering Komm/IT Benjamin Andreas Olander Christiansen, Jens Werner Nielsen og Niclas Larsen Klasse 1.4 Roskilde Tekniske Gymnasium 30.4.2010 Indledning Som vores kommunikations-/informationsteknologis
Læs mereInteraktionsudvikling
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 mereGrafisk 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 mereREDESIGN 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 mereLectio. 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 mereIT 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 mereSitecore - 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 mereWebudvikleruddannelsen
En Introduktion til, HTML og CSS Indhold Webudvikler uddannelsen Techcollege Aalborg Internettet, Short story. Hvad er HTML? Basic HTML? Om HTML Tags Tekster i HTML Mere om tekster i HTML STYLING FONTS
Læs mereBRUGERMANUAL. 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 merePSYKIATRIENS 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 mereAfsluttende 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 mereMendeley 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 mereSe 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 mereIT 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 mereSide 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 mereportfolio 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 mereGRAFISK 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 meregrafisk 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 mereFø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 mereJAN MØLLER JD DESIGN CMK
JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...
Læs mereGuide 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 mereAutomatisering Af Hverdagen
Automatisering Af Hverdagen Programmering - Eksamensopgave 10-05-2011 Roskilde Tekniske Gymnasium (Kl. 3,3m) Mads Christiansen & Tobias Hjelholt Svendsen 2 Automatisering Af Hverdagen Indhold Introduktion:...
Læs mereROSKILDE 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 mereIKT 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 mereKom 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 mereLav 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 mereBilledbeskæring & Irfan View
Indholdsfortegnelse Indholdsfortegnelse...1 Hvordan redigerer jeg billeder?...2 Installation af Irfan View...2 Opsætning af Irfan View...5 Gem med en fornuftig billedtype...5 Irfanview på dansk...6 Brug
Læs mere3. 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 mereJobcenter Vinduet. Version 01.00 Light 2014
Jobcenter Vinduet Version 01.00 Light 2014 Styrelsen for Arbejdsmarked og Rekruttering 2014 Jobcenter vinduet Jobcenter vinduet giver mulighed for, at det enkelte jobcenter kan kommunikere direkte til
Læs mereRoskilde 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 mereGoogle 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 mereAnnemette 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 mereGuds 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 mereInstallé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 mereComputerspil dokumentation. Dokumentation af spillet Rescue Me
Computerspil dokumentation Dokumentation af spillet Rescue Me Indholdsfortegnelse Formål... 3 Indledning... 3 Design... 4 Planlægning... 5 Fremgangsmåde... 6 Målgruppen... 8 Et lærerigt spil... 10 Styring
Læs mereIndstillinger 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 mereHer kan man oprette et nyt slideshow ved at trykke på kassen med "Opret nyt slideshow". Dette fører en til "Rediger slideshow".
Hjælp til Praksisskærm Redigering i Praksisskærm Redigeringsdelen består af 2 sider. Den ene side - "Oversigt over slideshows" indeholder oversigten over ens slideshows. Den anden - "Rediger slideshow"
Læs mereGRAFISK 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 mereAfsluttende Projekt - Kom/IT
1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...
Læs mereTastevejledning Windows XP
Tastevejledning Windows XP Tastevejledningen dækker den danske udgave af Windows XP. Der er taget udgangspunkt i en standard installation, hvor der ikke er foretaget tilpasninger i skærmopsætning, valg
Læs mereKT 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 mereOPGAVEN 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 mereHer 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 mereAt lave dit eget spørgeskema
At lave dit eget spørgeskema 1 Lectio... 2 2. Spørgeskemaer i Google Docs... 2 3. Anvendelighed af din undersøgelse - målbare variable... 4 Repræsentativitet... 4 Fejlkilder: Målefejl - Systematiske fejl-
Læs mereGrafisk. 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 mereIndhold. 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 mereDansk Ride Forbund Stævnesystem 2 Installationsvejledning
Dansk Ride Forbund Stævnesystem 2 Installationsvejledning Redigeret Marts 2009 DANSK RIDE FORBUND Stævnesystem 2 Installationsvejledning Side 1 af 19 Indholdsfortegnelse: 1. Minimumskrav 3 2. Download
Læs mereDokumentation. 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 merePSYKIATRIENS VIKARCENTER. MinTid. Quickguide. Version 6.0
PSYKIATRIENS VIKARCENTER MinTid Quickguide Version 6.0 Psykiatriens Vikarcenter Vi glæder os til at du kommer på Min Tid. Systemet giver dig adgang til bedre planlægning, vagtbørsen og muligheden for at
Læs mereFlash 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 mereVejledning til ruteplanlægning - Fyn, Jylland og Sjælland (ikke Københavns Kommune).
Vejledning til ruteplanlægning - Fyn, Jylland og Sjælland (ikke Københavns Kommune). Indhold INTRODUKTION... 2 1. LOGGE IND PÅ RUT... 3 2. OVERSIGT OVER RUTER... 4 3. OPRETTELSE AF RUTER... 5 4. RUTERESERVATION
Læs mereRasmus Kibsgaard Riehn-Kristensen 19-03-2012
ROSKILDE TEKNISKE GYMNASIUM Projektbeskrivelse Informationsteknologi Rasmus Kibsgaard Riehn-Kristensen 19-03-2012 Indholdsfortegnelse 1. Indledning... 3 2. Problemobservation.... 4 2.1 Egen erfaring...
Læs mereKom godt i gang med OneDrive
Kom godt i gang med OneDrive Office365 er en mulighed for lærere og elever at bruge en office-pakke på egne enheder - man kan downloade det til brug på pc - mac - tablets og smartphones, i alt op til 5
Læs mereSTEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis
Klasse: tr09mul02 STEPS GIANT j a z z o r c h e s t r a Indholdsfortegnelse 1.0 Problemformulering 1.1 Tidsplan 1.2 Wireframe 1.3 Flowchart 2.0 Research 2.1 Begrundelse for design 2.2 Logo 3.0 Generelt
Læs mereRedaktø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 mereVigtige funktioner i Word 2003
Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved
Læs mereUMS Velkomst Byder nye brugere velkommen til skolen
Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består
Læs mereHTX. Afsluttende projekt. E-learning Komunikation/It C Helena, Katrine og Rikke 1.1 01-05-2013
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