Online billede filtrering

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Online billede filtrering"

Transkript

1 Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C

2 Indholdsfortegnelse Indledning Teori Problemformulering Målgruppe Indledende krav Valg af værktøj Ressourceplanlægning Overordnet design Indre design Ydre design Iterationer 1. iteration 2. Iteration Sort/hvid filteret Grøn Skær filteret Kontrast filteret 3. Iteration Konklusion 2

3 Indledning Jeg har en meget kraftig computer. Den er hurtig, men der er ikke så meget plads på min SSD harddisk. Det har gjort at jeg så vidt muligt prøver at undgå og installere programmer, fordi de fylder på min harddisk. Derfor bruger jeg min browser rigtig meget. Jeg har min , min kalender, mine dokumenter etc. i min browser. Jeg kan godt lide idéen om at alting foregår i skyen, uden man behøver have noget installeret lokalt. Man risikerer ikke at miste noget, man kan sparer det meste af sin harddisk væk etc. Google er allerede i fuld gang med at lave disse computere, de kaldes Chromebooks, hvor computeren egentlig bare er en skald, og alt ligger på internettet. Den slags computere tror jeg vi vil se meget mere af i fremtiden, og vores browsere vil kunne mere og mere. I dette projekt vil jeg demonstrerer demonstrerer en af de mange ting moderne browsere kan i dag. Jeg vil vise at man kan lave billede filtrering kun ved hjælp af en browser. Problemformulering Det problem som jeg vil forsøge at løse er online billed filtrering. Sort/hvid filter og minimum 2 andre filtre, som f.eks. valencia, X-Pro II, Sutro etc. Målgruppe Der er mange som kan anvende produktet. Det er i særdeleshed rettet mod folk som vil filtrerer billeder til husbehov. Indledende krav Det første krav er givet af problemformuleringen, værktøjet skal være tilgængeligt online, gennem en browser. Underforstået at bruger kan slippe for at installere et program lokalt på sin computer. Det vil altså sige at et efterfølgende krav også er at brugeren ikke skal installerer noget lokalt, for at benytte værktøjet. (Allerede nu stiller dét en del krav til de værktøjer der skal bruges til løsning.) Så de indledende krav på punktform Løsning skal være tilgængelig online i browseren Brugeren skal ikke installerer noget lokalt for at bruge løsningen Brugeren skal kunne: Uploade et billede til filtrering Vælge et filter 3

4 Se det filtrerede billede Downloade det filtrerede billede Valg af værktøj Jeg har valgt at benytte et sammenspil mellem HTML5 og Javascript. HTML5 og Javascript er i dag nærmest smeltet sammen til et kraftfuldt sprog. Mange af de nye funktioner som HTML5 åbner op for i browseren, som jeg har tænkt mig at benytte, kræver en del javascript. HTML5 tagsne er nærmest bare fundamentet i mange sammenhænge, og ofte fuldstændig afhængige af hinanden. De særlige funktioner som jeg skal bruge er HTML5 Canvas - skal foretage filtreringen, i form af at tegne. FileReader - Et javascript objekt som gør det muligt for browseren at læse filer på brugerens computer, udpeget af brugeren selv. En særlig download attribute til links. HTML5 og Javascript er to effektive og udbredte værktøjer, som jeg også selv har stor erfaring med og interesserer mig for. Ressourceplanlægning Det er altid relevant at planlægge sine ressourcer. Jeg har været alene i dette projekt, men jeg har dog alligevel valg at disponere min tid. Det er dog meget mere fleksibelt når man kun er en til arbejdet, derfor kan der nemt indsnige sig store ændringer. F.eks. blev det til 3 iterationer i stedet for de 2 jeg havde planlagt ved projektets start. Et gantt diagram ligger som bilag. 4

5 Teori Udviklingsmiljø Som udviklingsmiljø bruger og test bruger jeg Google Chrome browser. Google Chrome har en fantastisk javascript konsol, samt et inspicerings værktøj som er meget nyttigt når man skal udvikle web. Man kan meget nøje følge med i hvad der sker hele tiden. 5

6 Overordnet design I dette afsnit vil jeg beskrive det indre- og ydre design. Indre design Det indre design af produktet kan beskrives bla. med et flow diagram. 1. Brugeren vælger et billede på sin computer. 2. Herefter indlæses billede og der bliver foretaget filtrering af billedet. 3. De tre filtrerede billeder vises som miniature Brugeren kan allerede nu vælge et andet billede igen, hvis det var det forkerte der blev valgt. 4. Brugeren kan klikke på de tre miniaturebilleder Det valgte billede filter vises i stor størrelse Brugeren kan nu gemme det valgte filtrede billede ved at klikke på knappen. Det er til enhver tid muligt at vælge et andet billede, som skal filtreres, og det er til enhver tid muligt at vælge mellem filtrene. Det fleksibilitet i programmet gør det brugbart og nemt at anvende. 6

7 Ydre design 7

8 Iterationer 1. iteration Første iteration går ud på at få grund funktionaliteten op og køre. Designet af brugerfladen er således ikke i centrum, det skal bare virke. Krav til Man skal kunne vælge et billede fra sin computer, de 3 filtre skal simuleres og det skal være muligt at downloade det valgte filtrerede billede. Design og implementering Jeg starter med de html tags kode jeg skal bruge for at kunne lave denne iteration. Der er ikke fokus på de grafiske endnu, så det er kun de mest nødvendige ting der er med. Vælg billede: input[type=file]accept atributten er der for kun at godtage billeder. Download link: atributten download fortæller browseren at den skal downloade det link som der peges på, og samtidig navngives filen der downloades for "filtreret.jpg". 2 <img>tags: et til at vise originalbilledet, og et til at vise det valgte filter. 3 <img>tags: til at vise miniature udgaverne af de filtrerede billeder. 2 <br>tags: for linjeskift 1 Til at indlæse billedet fra computeren bruger jeg objektet, FileReader. Objektet kan læse filer der ligger lokalt på brugerens computer. FileReaderskal bruge en udpegning af hvilken fil der skal indlæses, det klarer <input type="file">. 1 https://developer.mozilla.org/en-us/docs/web/api/filereader 8

9 Egenskaben files, er en speciel egenskab, som kun input[type=file]har. Grunden til at egenskaben hedder files, i flertal, er at input-feltet er i stand til at håndtere flere filer på en gang. Af samme grund er egenskaben således et array af Fileobjekter. Når filen er udpeget kan FileReaderreturnere en url, som kan bruges i et Imageobjekt. Så nu indeholder imageobjdet valgte billede fra computeren. Nu skal vi have gang i Canvas elementet som senere skal foretage filtreringen. Men selve Canvas objektet er ikke det der foretager tegningen, men det har en metode, canvas.getcontext(), som returnerer det objekt som foretager tegningen. Der er forskellige tilstande man kan tegne i, bla. 2D og 3D. Da det er 2D billeder der skal redigeres, vælges 2D. Objektet der foretager tegningen hedder CanvasRenderingContext2D, og indeholder altså alle de tegne metoder man kan forestille sig til tegning i 2D. 9

10 Det næste der skal ske er at billedet i imageobjskal vises i et <img>tag. Desuden sættes Canvas elementets størrelse op til samme størrelse som billedet. Nu kommer vi til filtreringen. I denne iteration simuleres filtreringen ved at skrive et tal på hvert af billederne, ved hjælp af canvas. Til det formålet skal vi først opsætte fonten, den skal have en hvis størrelse for at den kan ses på billederne, som kan forventes er ret store. Font størrelsen sættes til 400px, fonten Calibri og med skrå skrift. Den næste funktion er vigtig. Det er her hvor billedet bliver tegnet på canvas elementet. Det gøres med metoden context.drawimage(). Som parametre er billede objektet, og koordinaterne til hvor det skal tegnes. Med metoden context.filltext()tegnes en tekst. Igen teksten og koordinaterne som parametre. Metoden canvas.todataurl()eksporterer indholdet af canvas elementet, til en url som kan sættes ind i et <img>tag. Det vil sige at man kan tegne og manipulere i canvas elementet, og derefter sætte vise det som et billede. Man kan selv bestemme hvilket filformat der skal eksporteres i. Det viste sig at standarden var image/png, og tilsyneladende understøtter download attributten ikke dette format. Det var derfor nyttigt at bruge filformat image/jpeg. 10

11 Den sidste del gentages med de to sidste filtrer, og de "filtrerede" billeder er nu synlige for brugeren. 11

12 Den sidste del af første del er nemlig her hvor bruger skal have mulighed for at klikke på filtrene, og se dem ved siden af originalen. Det sker med en simpel click event, hvor filteres src kopieres til imagecurrent. Samtidig sættes linket til download linket. Kode stumpen fra før imagefilter1.click(), trigger denne click event på filter 1, således at det første filter vises. Skærm billedet af den første prototype ser således ud. Man kan vælge et billede, et filter og gemme det filtrerede billede. 12

13 2. Iteration Anden iteration er selve filtreringen af billedet. Den filtrering jeg vil foretage er forholdsvis simpel. Hver eneste pixel på billedet behandles på samme måde. Metoden context.getimagedata()returnerer et array med tal værdier for hver pixel i det definerede udsnit af canvas elementet. Parametrene er et sæt koordinater, højde og bredde. Funktionen returnerer et array med RGB talværdier, for hver pixel der er inden for parametrene. Et eksempel på hvad context.getimagedata()returnerer: [255,255,255,255,0,0,0,255] I eksemplet er 2 pixels. Den først har RGB værdierne: R: 255, G:255, B:255. Det sidste tal 255 beskriver hele pixlens intensitet. Dvs. hvis den var 0, ville farven fremstå som sort, da der ikke er nogen intensitet på hele pixlen. Denne sidste værdi er dog i de fleste tilfælde altid 255. I dette tilfælde ser vi bort fra den, i den forstand at vi holder den på de 255. Så hver pixel består altså af 4 tal. Jeg bruger en for løkke til at pille værdierne ud for hver pixel. Læg mærke til hvordan noget af koden fra første iteration nu er flyttet ind i en funktion kaldet filterimage(), som har en anonym funktion som parameter. Den anonyme funktion er den der manipulerer med talværdierne. Således er parametrene til denne funktion også r, g og b, og den returnerer et objekt med de filtrerede værdier, som de originale bliver erstattet med. Til slut benyttes metoden context.putimagedata()som tager den nye palet af pixels og smider ind på canvas elementet. Parametrene er imagedata, som vi fik fra context.getimagedata()og hvor objektets data egenskab er blevet manipuleret. Til sidst returnerer funktionen urlen til det genererede billede.. 13

14 Funktionen filterimage()som foroven er beskrevet, bliver kaldt med en anonym funktion, hvor i filtreringen ligger. Sort/hvid filteret Det vi ved om RGB farvesystemet er at når alle tre tal er ens, så er det en grå farve. Når man skal lave et sort/hvid, eller et gråtonet filter, skal alle tre tal i hver pixel altså være ens, samtidig med at den grå farve skal repræsenterer den oprindelige farve. Måden at komme omkring dette på er at gange talværdien med en faktor mellem 0 og 1 og derefter lægge tallene sammen. Alt efter hvor store faktorerne er kan man prioritere hvilke farver der skal trækkes frem. Jeg har valgt nogle lidt tilfældige værdier, hvor den blå farve er nedprioriteret, og den grønne er opprioriteret. Grøn Skær filteret Det grønne filter er simpelt, her ganges hver talværdi med en faktor. Alt efter faktorernes størrelse kan man lave et hvilket som helst farvet filter. Her er farven grøn fremhævet. 14

15 Kontrast filteret Kontrast filtret øger kontrasten i billedet. Det vil siger gør det lysere. Det er meget simpelt, ved at lægge en talværdi til gøres være pixel mere intens og farven går mod hvid. Hvis man trækker det samme tal fra, vil pixel farven gå mod sort. Altså kan man gøre billedet lysere meget simpelt. Her er et screenshot af 2. prototype. 15

16 3. Iteration Den sidste iteration er implementering af designet af brugerfladen. Jeg vil ikke gå i detaljer med koden grundet at jeg ikke føler det lige så relevant som de forrige 2 iterationer. Der er brugte simpel html og css til at opsætte layoutet. Hele kildekoden til produktet ligger som bilag i denne rapport, hvis det skulle have interesse at se hvordan designet er implementeret. Her er et screenshot at det færdige produkt. 16

17 Test Handling Forventning Skete det? Hvis ikke hvad så. Jeg trykker på vælg fil Window stifinder kommer frem i et vindue hvor jeg kan vælge mit billede. Ja Jeg vælger mit billede Med det samme kan jeg se billederne på skærmen. Næsten Der går lidt tid før billederne er synlige. Maks. 2 sekunder. Jeg trykker på et af miniature billederne Det valgte filter vises nu i stor størrelse til højre ja Jeg trykker nu på gem billede Window stifinder kommer igen frem i et vindue, nu kan jeg vælge en placering til billede. ja Jeg vælger en placering og trykker gem. Straks begynder download af filen, og det går rasende hurtigt, fordi filen reelt ligger i browseren. ja Konklusion Jeg har løst problemstillingen. Det er muligt at lave online billede filtrering, kun ved brug af en webbrowser, og yderligere plugins. Desuden kan man downloade det filtreret billedet til sin computer igen. Og det går rasende hurtigt, fordi der ikke er kontakt med webserveren, det hele foregår frontend. Jeg måtte dog sande at en implementering af filtre som Valencia, X-Pro II, Sutro ville kræve en del mere tid og fordybelse. I nogle af disse filtre bliver hver enkelt pixel nemlig ikke nødvendigvis behandlet på samme måde, som de gør ved sort/hvid filtre og de andre jeg har lavet. 17

18 Bilag 18

19 19

20 20

21 21

22 22

23 Stavespillet Project managers: Dates: Complete: 0% Tasks: 26 People: 0 Denne fil indeholder resurseplan for mit projekt "Stavespillet", som jeg laver i faget KomItC på Roskilde Tekniske Gymnasium.

24 Stavespillet Tasks Navn Start dato Slut dato Indledende aktivitet, IA Kommunikationsplanlægning Resurseplanlægning Iterationsplanlægning, IP Revision af komm- og resurseplanl Valg af brugerhistorier Kravspecifikation og testspecifikation, KT Skrive KravSpecifikationen, KS Skrive TestSpecifikationen, TS Design 1, DES Design af funktionalitet Design af brugerflade, User Interface Implementering 1, IMP Realisering af designet Dokumentation af arbejdet med realiseringen Test 1, TST Gennemførelse af testprocedurerne Dokumentation af gennemførelsen af testprocedurerne IP KT DES IMP TST

25 Stavespillet Tasks Navn Start dato Slut dato 3 Afsluttende aktivitet, AA Resultatopgørelse Registrering af erfaringer fra projektet

26 Stavespillet Ganttdiagram Navn Start dato Slut dato Indledende aktivitet, IA Kommunikationsplanlægning Resurseplanlægning Iterationsplanlægning, IP Revision af komm- og resurseplanl Valg af brugerhistorier Kravspecifikation og testspecifikation, KT Skrive KravSpecifikationen, KS Skrive TestSpecifikationen, TS Design 1, DES Design af funktionalitet Design af brugerflade, User Interface Implementering 1, IMP Realisering af designet Dokumentation af arbejdet med realiseringen Test 1, TST Gennemførelse af testprocedurerne Dokumentation af gennemførelsen af testprocedurerne IP KT DES IMP TST Afsluttende aktivitet, AA Resultatopgørelse Registrering af erfaringer fra projektet Uge 7 Uge 8 Uge 9 Uge 10 Uge 11 Uge 12 Uge 13 Uge 14 Uge 15 Uge 16 Uge 17 Uge 18 Uge 19 Uge 20 Uge

27 Stavespillet Ressourcediagram Navn Standard rolle Uge 7 Uge 8 Uge 9 Uge 10 Uge 11 Uge 12 Uge 13 Uge 14 Uge 15 Uge 16 Uge 17 Uge 18 Uge 19 Uge 20 Uge

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

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

Michael Jokil 11-05-2012

Michael Jokil 11-05-2012 HTX, RTG Det skrå kast Informationsteknologi B Michael Jokil 11-05-2012 Indholdsfortegnelse Indledning... 3 Teori... 3 Kravspecifikationer... 4 Design... 4 Funktionalitet... 4 Brugerflade... 4 Implementering...

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

Byg web sider. Introduktion:

Byg web sider. Introduktion: Introduktion: Du kender nu nogle enkle HTML tags, så nu er det på tide, at du kommer i gang med at lave din første side! Når du har nogle HTML-sider klar skal du have dem lagt op, så dine venner kan se

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

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

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

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

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

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

Vejledning til opbygning af hjemmesider

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

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

Hvordan laver jeg mit eget kort på ArcGIS Online?

Hvordan laver jeg mit eget kort på ArcGIS Online? Hvordan laver jeg mit eget kort på ArcGIS Online? Hvis du ønsker at lave dit eget kort på ArcGIS Online, er det naturligvis også muligt. 1. Start en web browser, tilgå http://www.arcgis.com og log ind.

Læs mere

Computerspil - Kappa

Computerspil - Kappa Computerspil - Kappa Indledende aktivitet Kommunikationsplanlægning: Ressourceplanlægning: Iterationsplanlægning Brugerhistorier Kravspecifikation og testspecifikation Krav som skal opfyldes for at passe

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

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

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

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

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

Mini Afsluttende Projekt

Mini Afsluttende Projekt Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4

Læs mere

Billedbehandling Pixlr.com Side 1. Opgaver. Annemette Søgaard Hansen/www.dinwebvejleder.dk

Billedbehandling Pixlr.com Side 1. Opgaver. Annemette Søgaard Hansen/www.dinwebvejleder.dk Billedbehandling Pixlr.com Side 1 Opgaver Billedbehandling Pixlr.com Side 2 Indholdsfortegnelse Opgave 1... Åbne/Gemme/Størrelse... Side 3 Opgave 2... Autoniveauer... Side 4 Opgave 3... Manuelle justeringger...

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

DRFLive - dynamisk visning af resultater fra DRF Stævnesystem

DRFLive - dynamisk visning af resultater fra DRF Stævnesystem DRFLive - dynamisk visning af resultater fra DRF Stævnesystem Resumé: Beskrivelse af program (DRFLive) til dynamisk visning af resulter fra DRF Stævnesystem Forfatter: Claus Hulstrøm Dato: 15. januar 2010

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

Ruko SmartAir. Updater installation

Ruko SmartAir. Updater installation Ruko SmartAir Updater installation Introduktion. Updateren er en speciel enhed som giver os mulighed for at tilføje, læse og skrive funktioner i en offline installation. Med læse og skrive funktionen kan

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

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

Screencast-o-matic - Guide

Screencast-o-matic - Guide Screencast-o-matic - Guide Link Intro Anvendelse http://www.screencast-o-matic.com/ Screencast-o-matic er et online program som optager din stemme og det som du ser på din skærm. Screencast-o-matic kan

Læs mere

vorbasse.dk Redaktørmanual Kentaur

vorbasse.dk Redaktørmanual Kentaur Redaktørmanual Kentaur Indholdsfortegnelse Kapitel 1 - TYPO3 Brugerfladen 3 Log ind 3 Backend 4 Frontend 5 Hvor skal jeg klikke? 5 Gem, gem og vis, gem og luk 6 Kapitel 2 - Sider & menuer 7 Sammenhæng

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

Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse:

Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse: Brugervejledning til hurtig start af EasyBusiness Online Indholdsfortegnelse: 1. Hvordan du bliver tilsluttet EasyBusiness...2 2. Hvordan du foretager en søgning...2 3. Hvordan du gemmer og åbner en søgning...4

Læs mere

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at

Læs mere

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere

Spil Rapport. Spil lavet i GameMaker. Kevin, Mads og Thor 03-02-2011

Spil Rapport. Spil lavet i GameMaker. Kevin, Mads og Thor 03-02-2011 Spil Rapport Spil lavet i GameMaker Kevin, Mads og Thor 03-02-2011 Indholdsfortegnelse Indledning... 2 HCI... 2 Planlægning / Elementær systemudvikling... 2 Kravspecifikationer... 4 Spil beskrivelse...

Læs mere

har jeg hentet nedenstående anmeldelse af et godt program til

har jeg hentet nedenstående anmeldelse af et godt program til Software Fra design af hjemmesider: har jeg hentet nedenstående anmeldelse af et godt program til Wordpress er intet mindre end et genialt program til hjemmesider. For det første er det gratis, og for

Læs mere

SmartBoard og møder. Brug dit board når I mødes. Version: August 2012

SmartBoard og møder. Brug dit board når I mødes. Version: August 2012 SmartBoard og møder Brug dit board når I mødes Version: August 2012 Indholdsfortegnelse SmartBoard og møder...4 Hvad er et SmartBoard?...4 Tastatur...4 Fysiske værktøjer...5 Notebook...5 De grundlæggende

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

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

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

1c. Udfyld felterne for Opret en gratis konto det er meget vigtigt at skrive mailadresse samt adgangskoden KORREKT Klik på den blå knap (Opret.

1c. Udfyld felterne for Opret en gratis konto det er meget vigtigt at skrive mailadresse samt adgangskoden KORREKT Klik på den blå knap (Opret. DROPBOX vejledninger: 1 oprettelse af konto 2 installation 3 afinstallation 4 deling af mapper 5 deling via link 1a. For at oprette en konto skal du først notere på et stykke papir: - Mailadressen, som

Læs mere

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

Læs mere

Visualiseringsprogram

Visualiseringsprogram Visualiseringsprogram Programmering C - eksamensopgave Rami Kaddoura og Martin Schmidt Klasse: 3.4 Vejleder: Karl Bjarnason Roskilde Tekniske Gymnasium Udleveringsdato: 02-03-2012 Afleveringsdato: 11-05-12

Læs mere

Formatering af tekst, JCE Editor, Joomla

Formatering af tekst, JCE Editor, Joomla Formatering af tekst, JCE Editor, Joomla skrevet af Inge Vittrup Paragraph anvender du ved almindelige sætninger. Heading 1 er hovedoverskrift med største skrift. Heading 2 er overskrift til en artikel

Læs mere

Workflow & Grafisk produktion

Workflow & Grafisk produktion Workflow & Produkt Markedsføringen af BBQ Wing it er vigtigt for at blive en succes. Derfor er det ikke nok, at magasinet bliver trykt, men at det også bliver tilgængeligt online. I dag læser mange danskere

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

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

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

Læs mere

Brugervejledning @venbuild Light

Brugervejledning @venbuild Light HÅNDBOG FOR SYSTEMADMINISTRATOR/REDAKTØR Side 1 INDHOLDSFORTEGNELSE OM @VENBUILD LIGHT... 3 ADGANG... 3 OVERSIGT OVER LÆRINGSOBJEKTER... 4 NAVIGATION... 5 OVERSIGT OVER VARIANTER... 5 OVERSIGT OVER EGNE

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2016-2017 Institution Uddannelse Fag og niveau Lærer(e) Hold Rybners Tekniske Gymnasium HTX Kommunikation/IT

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Web 2.0. Af Frederik Adamsen. Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion...

Web 2.0. Af Frederik Adamsen. Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion... Web 2.0 Af Frederik Adamsen Indholdsfortegnelse Definitionen af Web 2.0... 2 Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion... 6 Frederik Adamsen Kom/IT Web 2.0 Side

Læs mere

Overvågningskamera. ~Af Svend, Valdemar og Frederik~

Overvågningskamera. ~Af Svend, Valdemar og Frederik~ Lavet af Svend, Valdemar og Frederik 2.3 HTX - Roskilde Overvågningskamera ~Af Svend, Valdemar og Frederik~ I dette forløb har vi arbejdet med overvågningskameraer. Det handlede om at lære, hvordan et

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

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Handel på Internettet Pricerunner side 1 af6 www.pricerunner.dk Pricerunner er en side hvor man kan sammenligne produkter og priser. Det er muligt at filtrere sin søgning og at søge i emner, eller på et

Læs mere

Fronter for elever - Første undervisning

Fronter for elever - Første undervisning Fronter for elever - Første undervisning Fronter for elever - Første undervisning 1 Kom godt i gang 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 0) Nulstille unilogin i UMS - (Elev) 4 1) Logge på Fronter

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

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

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

HTX, RTG. Rumlige Figurer. Matematik og programmering

HTX, RTG. Rumlige Figurer. Matematik og programmering HTX, RTG Rumlige Figurer Matematik og programmering Vejledere: Jørn Christian Bendtsen og Karl G. Bjarnason Morten Bo Kofoed Nielsen & Michael Jokil 10-10-2011 In this assignment we have been working with

Læs mere

1. Forord. 2. Systemkrav

1. Forord. 2. Systemkrav 1. Forord 2. Systemkrav 3. Installation 4. Manual 1. Forord Dette program er et elektroniske opslagsværk, hvor man hurtigt kan se, de muligheder der er af valg af melodi til en bestemt salme. Samtidigt

Læs mere

Fotoalbums med PICASA

Fotoalbums med PICASA Fotoalbums med PICASA Lav de fede fotoalbums til brug på hjemmesiden m.m. Version: August 2012 Indholdsfortegnelse Fotoalbum på hjemmesiden eller Intranettet...4 Hvad skal du bruge?...4 Skridt for skridt-vejledning...5

Læs mere

Ide med Diff. Mål. Tidsplan. 1.uge: 2.uge:

Ide med Diff. Mål. Tidsplan. 1.uge: 2.uge: Side 1 af 5 Ide med Diff. Min ide med differenertierings modulet er at lave et program som kan vise 3d objekter, og få lavede en konverter som kan konventer 3ds filer over til noget som flash kan bruge.

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

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

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

Upload 8 Tekst 9 Media Manager 9 Arkiv 9 Indstillinger 9 Teaser 10 Generelt 10 Slet, rediger og se kataloger 10

Upload 8 Tekst 9 Media Manager 9 Arkiv 9 Indstillinger 9 Teaser 10 Generelt 10 Slet, rediger og se kataloger 10 E-pages Quick Guide Login til E-pages 3 Opret en skabelon 3 Indstillinger til skabelonen 3 Side 3 Tekst 4 Ikoner 4 Layout 5 HTML 6 Indstillinger 6 Ads 7 Slet, kopier eller rediger skabeloner 7 Opret et

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

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

Kom godt igang med OpenMeetings

Kom godt igang med OpenMeetings Kom godt igang med OpenMeetings Kom godt igang med OpenMeetings Side 2 Indholdsfortegnelse 1. Log på / Registrer dig... 3 1.1 Find Forsvarets Elektroniske Skole på internettet... 3 1.2 Login skærmen...

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1 Lave grafikbillede hvor vi bruger plugins side 1 Vi skal nu sammensætte et grafikbillede hvor vi bruger 2 plugins som kan hentes på min hjemmeside www.pensionistedb.dk under Photofiltre. Denne hedder Image

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

Hjemmeside på SkoleKom

Hjemmeside på SkoleKom Hjemmeside på SkoleKom 1 Om vejledningen Har din lærer givet tilladelse, kan du nu lave din helt egen personlige hjemmeside på SkoleKom. En hjemmeside på SkoleKom er let at gå til, og har du arbejdet lidt

Læs mere

Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2.

Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2. SUMOshop Frontend v3 Dette dokument beskriver SUMOshop Frontend v3, primært med fokus på ændringer ift. Frontend v2. Fra foråret 2013 laves alle nye shops og redesigns i v3. Da fuld overgang til v3 kræver

Læs mere

Geogebra. Dynamisk matematik. Version: August 2012

Geogebra. Dynamisk matematik. Version: August 2012 Geogebra Dynamisk matematik Version: August 2012 Indholdsfortegnelse Hvad er Geogebra?...4 Denne manual...4 Hent og installer programmet...4 Geogebra gennemgang og praktiske eksempler...4 Menuerne...5

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

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 JonLitle.dk HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 PROFIL 7 KOMMENTARER 7 Hvad er Wordpress Wordpress

Læs mere

Download. Information: Du kan downloade filer på følgende måder:

Download. Information: Du kan downloade filer på følgende måder: Download Information: Du kan downloade filer på følgende måder: 1. Standard Side 2 1.1 Enkelt fil Side 2 1.2 Flere filer Side 2 2. Filer fra en tidligere revision Side 3 3. E-mail Side 4 4. E-mail URL

Læs mere

Brugermenuer og brugerdefinerede formularer

Brugermenuer og brugerdefinerede formularer Brugermenuer og brugerdefinerede formularer Fokus i denne workshop er brugerstyring og brugervenlighed. I del 1 skal vi lave menuer med egne lag ved hjælp af et plugin. Med denne funktionalitet kan man

Læs mere

Vejledning til prækvalifikation. Rev.: 2015-05-27 / LW. Side 1

Vejledning til prækvalifikation. Rev.: 2015-05-27 / LW. Side 1 Vejledning til prækvalifikation Rev.: 2015-05-27 / LW Side 1 Indhold Indhold... 2 Indledning... 3 Log på... 4 Opret din bruger... 4 Personlige informationer... 4 Gem login... 5 Glemt password... 5 Brugerfladen

Læs mere

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

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

Læs mere

GRAFISK 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

Coloris. Programmet fungere på den måde at man vælger det billede man ønsker at arbejde med ved at klikke på det under menupunktet Projekter.

Coloris. Programmet fungere på den måde at man vælger det billede man ønsker at arbejde med ved at klikke på det under menupunktet Projekter. Under dette afsnit kan du lære at kende og benytte de mest nødvendige værktøjer til farvesætnings programmet Coloris. Skærmbilledet for Coloris ser således ud når du åbner for programmet (billedet kan

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

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her

Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Picasa Brugerflade Den øverste linie kaldes for menulinien eller kommandolinien. Alle menuer kan man finde her Linien er bygget op på samme måde som i andre Windows programmer f.eks. Word, Excel Klik på

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

INDHOLDSFORTEGNELSE. INDLEDNING... 7 Kristian Langborg-Hansen. KAPITEL ET... 9 I gang med App Inventor. KAPITEL TO...

INDHOLDSFORTEGNELSE. INDLEDNING... 7 Kristian Langborg-Hansen. KAPITEL ET... 9 I gang med App Inventor. KAPITEL TO... INDHOLDSFORTEGNELSE INDLEDNING... 7 Kristian Langborg-Hansen KAPITEL ET... 9 I gang med App Inventor Installation af App Inventor... 10 Trådløs installation... 11 Installation af emulator (Windows)...

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

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

- en manual fra Skolekonsulenterne.dk. Versionsdato: April 2008

- en manual fra Skolekonsulenterne.dk. Versionsdato: April 2008 - en manual fra Skolekonsulenterne.dk Versionsdato: April 2008 Indholdsfortegnelse Generelt om manualer fra Skolekonsulenterne.dk...3 Hvad er IrfanView?...4 Få fat i programmet...4 Installer selve programfilen...5

Læs mere

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

Læs mere

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN 5. OPSÆTNING DOKUMENTSKABELONER Under fanen Dok. skabeloner kan du arbejde med de skabeloner som du har i systemet, eller du kan oprette nye. I denne vejledning kigger vi på hvordan du kan tilrette selve

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

ViKoSys. Virksomheds Kontakt System

ViKoSys. Virksomheds Kontakt System ViKoSys Virksomheds Kontakt System 1 Hvad er det? Virksomheds Kontakt System er udviklet som et hjælpeværkstøj til iværksættere og andre virksomheder som gerne vil have et værktøj hvor de kan finde og

Læs mere