Projekt 3: Interaktionsudvikling 11/04.14

Størrelse: px
Starte visningen fra side:

Download "Projekt 3: Interaktionsudvikling 11/04.14"

Transkript

1 Projekt 3: Interaktionsudvikling 11/04.14 Gruppe 5 Christina Juulmann Jacob Kostecki Jayne Alice Miia Ebbesen www. mebb.dk/portfolio Sunna Natasia

2 Målbeskrivelse Dette projekt tager udgangspunkt i projekt 2, hvor vi har udviklet en blog om cupcakes. Formålet med dette projekt er at optimere bloggen, så diverse blog funktioner får integreret funktionelle moduler til registrering af brugere, registrering af opskrifter, samt et modul til visning af opskrifter. Der ønskes at bloggen laves responsive, så visningen fungerer optimalt på både desktop, tablet og smartphone. Overordnet er projektets formål at optimere siden således, at brugerinteraktions niveauet og brugervenligheden øges. Der kan derudfra opstilles følgende problemformulering: Hvordan kan vi optimere bloggen således, at brugerinteraktion samt bruger venligheden øges? Metodebeskrivelse For at give brugeren mulighed for at læse, uploade og finde opskrifter på bloggen, vil vi gøre brug af HTML form tags, MySQL og PHP. Der skal oprettes en database til disse moduler. Databasen skal bestå af to tabeller. Før brugeren kan uploade sine egne opskrifter kræves et registreringsmodul - hertil laves en users tabel i databasen. Derefter en tabel til opskrifter med obligatorisk brugernavn udfyldningsbox, således kan brugere søge på opskrifter ved hjælp af brugernavn. Vi har valgt at afgrænse piktogrammerne i den forstand, at vi ikke har valgt at integrere dem i navigationen. Dog har vi valgt at illustrere, hvordan de eventuelt kunne se ud. Vi har nemlig i stedet valgt at holde fokus på MySQL og PHP delen. Problemstillinger: Hvordan kan vi skabe et system, der giver brugeren mulighed for at læse og finde opskrifter samt uploade egne opskrifter? Hvilke tekniske udfordringer kan der opstå ved implementering af disse moduler? 1

3 Projektets tidsplan Før vi går i gang med at besvare vores problemformulering, vil vi først vise, hvordan vi har struktureret vores tidsplan. Dette vil vi illustrere med et Gantt-skema som ses til højre. Vi har valgt at lave projektets tidsplan med et Gantt-skema, idet den giver et godt visuel overblik. Under skemaet ses nogle kasser, der er en supplering for Gantt-skemaet. Gantt-skema Fase 1 Fase 2 Fase 3 Fase 4 Dokumentere udviklingsprocessen i form af en projektplan og et Gantt-skema (rapportskrivning) Oprette brugerregistrerings modul Oprette opskriftregistrerings modul Udvikle modul til visning af opskrifter Dokumentere fremgangsmåde af registreringsmoduler (rapportskrivning) Optimering af layout til responsive design: -Smartphone -Tablet -Desktop Integrere piktogrammer i navigationen Validere Javascript Udføre testscenarier Dokumentere testscenarier og testresultater (rapportskrivning) Style moduler Dokumentere opsamling på resultatet af det endelige produkt Færdiggøre rapporten. 2

4 Produktet MySQL-delen består af en database, projekt3, der indeholder 2 tabeller. En til brugeroplysninger kaldet users og en til opskriftinfo kaldet recipes. Disse tabeller består af en række kolonner. Databasen er opsat på følgende måde: Uden brugerens viden registreres datoen i yderligere to kolonner userid og regtime. Disse giver henholdsvis et brugerid og et registreringstidspunkt. userid tildeler brugeren et tal ud fra en talrække startende fra 0. Denne kolonne auto-inkrementerer og giver derfor brugeren det næste ledige tal i rækken, så ingen brugere ender med samme nummer. RegTime er af typen TIMESTAMP og registrer derfor automatisk tidspunktet for registreringen. PHP-delen består af en række filer, der fungerer som bindeled mellem brugeren og MySQL databasen. Ved brugerregistrering samles brugerens input og dette indsættes i databasen. Det samme sker ved bruger-upload af opskrifter. Ved visning af opskrifter hentes data fra databasen, og disse præsenteres for brugeren. Til dette benyttes fire forskellige PHP-filer med hver deres funktion: Brugerne registrerer en række oplysninger, som gemmes i databasen. Disse oplysninger er fornavn, efternavn, brugernavn, , ønske om nyhedsbrev og køn. Fornavn, efternavn, brugernavn og gemmes som en VARCHAR, da indholdet vil være både tegn og symboler, men af en forholdsvis kort længde. Ønske om nyhedsbrev samt køn gemmes som en ENUM, der gør det muligt kun at acceptere specifikke tegn; Y eller N samt M eller F. db_con.php Konfiguration af forbindelse til database. register.php Registrering af brugere på bloggen. add_recipe.php Bruger-upload af opskrifter til senere visning på siden. get_recipes.php Visning af alle opskrifter indsendt af brugere. user_select.php Vælg bruger til visning af dennes indsendte opskrifter user_recipes.php Vis opskrifter baseret på vælg fra user_select.php read.php Læs en specifik opskrift i sin fulde længde. 3

5 Den første PHP-fil som brugeren indirekte har kontakt med, er register.php der står for registrering af brugeren. Her opsamles brugerens indtastede data fra HTML-formen på registreringssiden for derefter, at blive indsat i users tabellen i databasen. Dette sker ved hjælp af følgende kode: $firstname = $_GET[ firstname ]; $lastname = $_GET[ lastname ]; $username = $_GET[ username ]; $ = $_GET[ ]; $newsletter = $_GET[ newsletter ]; $sql = INSERT INTO users (firstname, lastname, username, , newsletter) VALUES (.$firstname.,.$lastname.,.$username.,.$ .,.$newsletter. ) ; Næste skridt er, at vise de uploadede opskrifter. Dette gøres med get_recipes.php, der ved hjælp af følgende kode viser alle indsendte opskrifterne som hver sit link: echo <html><head></head><body> ; $sql = SELECT recipename, recipeid FROM recipes ; if($result = $mysqli->query($sql)) { while($row = $result->fetch_assoc()) { echo <div id= wrapper ><a href= read. php?recipeid=.$row[ recipeid ]. >.$row[ recipename ]. <br> </div> ; echo </body></html> ; Data fra formen hentes og gemmes som en variabel. Dernæst køres et standard SQL-statement med infoen fra variablerne, som indsættes i databasen. Når brugeren skal dele en opskrift med resten af verdenen ved hjælp af hjemmesiden, sker det ved hjælp af add_recipe.php, som gør det samme som ved brugerregistreringen. Her er der bare en anden tabel i databasen og noget andet data. På helt lav-teknisk vis bliver brugeren bedt om at indtaste sit brugertid, der skal fungere som en identifikation for hvem der har lagt opskriften op. Til en eventuelt videreudvikling ville det være oplagt, at brugeren i stedet skal logge ind og dermed ikke skal huske et nummer for at kunne have navn på opskriften. Dette eliminerer også muligheden for, at andre brugere deler opskrifter i andres navn. Dette gør at opskrifternes navne og ID bliver hentet fra databasen og derefter bliver inkluderet i et standard HTML a-tag for hver opskrift. Ved hjælp af recipeid linker tagget til den fulde opskrift, som vises ved hjælp af read.php: (se næste side) 4

6 echo <html><head></head><body> ; $sql = SELECT recipeid, recipename, tagline, season, ingredients, directions FROM recipes WHERE recipeid =.$recipeid; if ($result = $mysqli->query($sql)) { while ($row = $result->fetch_assoc()) { echo <div id= headline >.$row[ recipename ]. </div><br> ; echo <div id= caption >.$row[ tagline ]. </div><br> ; echo <div id= season >.$row[ season ]. </div><br> ; echo nl2br($row[ ingredients ]); echo <br><br> ; echo nl2br($row[ directions ]); echo </body></html> ; Data fra databasen hentes, og den rigtige opskrift vises ved hjælp af recipeid, som hentes fra forrige side med GET-funktionen i PHP. Derefter skrives den hentede data ud sammen med noget HTML for at få det til at se rigtig ud. Nl2br funktionen bruges, for at få linjeskift rigtig med fra tekstboksen hvori opskriften blev skrevet. Yderligere findes også user_recipes.php og user_select.php. Disse filer står henholdsvis for, at lade en given bruger vælge et specifikt brugernavn og få vist dennes indsendte opskrifter. user_select.php indeholder en HTML form med en dropdown liste over de forskellige brugere i databasen. Ved submit sender siden brugernavnets tilknyttede userid videre til user_recipes.php, som henter de opskrifter denne bruger har uploadet. Valg af bruger sker på følgende måde: $sql_dropdown = ( SELECT username, userid FROM users ); if ($result = $mysqli->query($sql_dropdown)) { while ($row = $result->fetch_assoc()) { echo <option value=.$row[ userid ]. >.$row[ username ]. </option> ; Opsamling af userid og visning af opskrifter, i HTML, baseret på dette: echo <html><head></head><body> ; $sql = SELECT recipename, tagline, recipeid FROM recipes WHERE userid =.$userid; if($result = $mysqli->query($sql)) { while($row = $result->fetch_assoc()) { echo <div id= wrapper ><a href= read.php?recipe- ID=.$row[ recipeid ]. >.$row[ recipename ]. <br></div> ; echo <div id= wrapper ><a href= read.php?recipe- ID=.$row[ recipeid ]. >.$row[ tagline ]. <br></div> ; echo </body></html> ; Igennem hele projektet har PHP og MySQL delen været den største udfordning, og derfor også lavet på et meget lavt niveau, da det stadig er forholdsvis nyt for gruppen. Der er endnu ingen der føler sig rigtig hjemme med det og som bare har styr på det. Der er derfor også plads til en hel del forbedringer og eventuelle omskrivninger af koden, som kunne give flere funktioner, bedre brugervenlighed og større sikkerhed. Antallet af disse fejl og mangler må forventes at falde i takt med, at erfaringerne stiger. 5

7 Responsive Design Siden er blevet bygget op sådan, at indholdet er placeret logisk uanset om du er på en stor eller en lille skærm. Det er nemt at bruge - uanset på hvilken slags enhed det er på. Den røde tråd er, at sidens brand/logo og navigation er altid øverst på siden, efter hvilket kommer selve indholdet derefter links, social media og annoncer. Selve indholdet er på midten af siden eller kommer som det næste under navigationen, mens annoncer og andet ekstra er på den højre side af skærmen, eller under indholdet. Wireframes: Siden er bygget op med HTML5 og CSS3, med supplerende funktioner som Javascript og PHP. Responsiviteten udføres gennem brugen af CSS3 Media Queries, hvor bestemte CSS-regelsæt bliver associeret med bestemte skærmstørrelser efter de ovennævnte breakpoints. For eksempel ændrer det følgende stykke kode, hvor meget logoet øverst på hjemmesiden fylder på skærme som er 480px eller mindre i screen and (max-width: 480px) { #header_middle { margin-right: auto; margin-left: auto; width: 95%; padding: 5px 0 15px 0 Til sammenligning ser koden ud som følgende på skærme større end 768 px i bredden: Breakpoints i designet er de følgende størrelser i bredden: 1024px, 768px, 640px. Den største ændring sker ved 768px, hvor layoutet ændrer sig som vist i billedet ovenpå - den grønne sidebar, der oprindeligt står på den højre side, bliver skubbet ned under indholdet. Det næste breakpoint er ved 640px, hvor navigationsmenuen bliver ændret fra inline til en dropdown-menu. #header_middle { margin-right: auto; margin-left: auto; width: 50%; padding: 5px 0 15px 0; 6

8 Javascript-validering af forms Til oprettelse af brugere og indsending af opskrifter bruges HTML formularer til indsamling af data. Input i disse formularer bliver valideret gennem Javascript, både imens brugeren navigerer i formularens felter (inline), og efter de indsender formularen (onsubmit). Onsubmit-validering forhindrer formularen i at sende informationer til databasen, hvis ikke de er indtastet korrekt. I tilfældet af brugeren har overset inline-fejlmeddelser indeni selve formular felter, som fjerner det uønsket data. Som inline-validering kommer der korte fejlmeddelser under de specifikke felter, hvor brugeren prøver at indtaste ugyldig data. Dette vejleder brugeren, hvordan inputs skal indtastes. Eksempler på vores inline-validering: firstname.onblur = function() { if(userregistration.firstname.value.length<2) { document.getelementbyid( error-fname ).innerhtml= For kort fornavn, min. 2 tegn ; document.userregistration.firstname.value= ; document.userregistration.firstname.focus(); else { document.getelementbyid( error-fname ).innerhtml= ; ; ; firstname.onfocus = function () { firstname.value = ; firstname.style.color = black ; 7

9 Piktogrammer Piktogrammer er ikoner, der bliver anvendt mange forskellige steder. Alt fra henvisning til toilettet i lufthavnen til vaskeinstruktionerne i din yndlings skjorte og til navigationen på et website. Piktogrammer er en simpel og intuitiv form for kommunikation. Vi har fået den opgave, at lave en serie piktogrammer, som skal understøtte navigationen. Dette er især nyttigt, når man kigger på navigationen på en mindre skærm, da et piktogram er mere kompakt, og det kan indeholde samme information som tekst. Piktogrammer kan både understøtte tekster, men de kan også erstatte ord og korte forklaringer. Vi har herunder lavet en serie piktogrammer og illustreret, hvordan det eventuelt kunne se ud på en smartphone 1 skærm. 1 8

10 Test Scenarier Bruger registrering: Godkendt Fejl 9

11 Test Scenarier Opskriftregistrering: Godkendt Fejl 10

12 Test Scenarier Opskrift søgning: 11

13 Konklusion Vi har i opgavens første del vist, hvordan vi vil optimere bloggens brugerinterkationen og brugervenligheden. Ved at læseren har mulighed for at søge og uploade egne opskrifter, bliver bloggens funktionalitet øget og hermed også brugerinteraktionen samt brugervenligheden. For at optimere brugervenligheden yderligere har vi kreeret en serie piktogrammer, der kan understøtte navigationen. I forlængelse af dette har vi gjort siden responsive. Dernæst har vi udviklet et system der således gør det ovennævnte. Her har vi skabt en database der indeholder to tabeller. Ved brug af PHP, MySQL, Javascript og HTML forms har vi skabt fire moduler. Et til brugerregistrering, et til opskriftsregistrering, et modul til visning af bestemte brugeres opskrifter og et hvor de er samlet. Vi kan konkludere, at ved implementering af moduler, kan der i dette opstå nogle tekniske udfordringer, i forhold til sikkerheden. Dette skal forstås på den måde, at vores kompetencer ikke rækker langt nok til at kunne opsætte de rette sikkerhedsforanstaltninger i forhold til når en bruger opretter et ID, således at brugerens oplysninger er sikre og forbliver private. 12

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

www.rikkecarlsen.com/ cupcakes/index.html

www.rikkecarlsen.com/ cupcakes/index.html 2. semester - 3. projekt Interaktionsudvikling - en fortsættelse af projekt 2 - CUPCAKES Mul B - Cphbusiness - 2014 Link til website: www.rikkecarlsen.com/ cupcakes/index.html Gruppe 7 Camilla Mia Poulsen

Læs mere

Besøg: http://graciesphp.creativefolder.dk. Projekt 3 på 2. Semester - MulB

Besøg: http://graciesphp.creativefolder.dk. Projekt 3 på 2. Semester - MulB Besøg: http://graciesphp.creativefolder.dk Projekt 3 på 2. Semester - MulB Line K. Brinkmann Rasmus Bundgaard René Andersen Grace Tsatsaris www.linebrinkmann.dk www.rasmusbundgaard.dk www.creativefolder.dk

Læs mere

Dynamisk hjemmeside: NeuTravel

Dynamisk hjemmeside: NeuTravel Dynamisk hjemmeside: NeuTravel Problemformulering I dette projekt ønsker vi at lave en uafhængig hjemmeside til brug af turister, som gerne vil læse neutral information (dvs. information der ikke er farvet

Læs mere

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

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

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

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

PHP 3 UGERS FORLØB PHP, MYSQL & SQL

PHP 3 UGERS FORLØB PHP, MYSQL & SQL PHP 3 UGERS FORLØB PHP, MYSQL & SQL Uge 1 & 2 Det basale: Det primære mål efter uge 1 og 2, er at få forståelse for hvordan AMP miljøet fungerer i praksis, og hvordan man bruger PHP kodesproget til at

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

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

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

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

Læs mere

PHP kode til hjemmeside menu.

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

Læs mere

Umbraco installationsvejledning

Umbraco installationsvejledning på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

Læs mere

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

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

Læs mere

Data lagring. 2. iteration (implement backend)

Data lagring. 2. iteration (implement backend) Data lagring 2. iteration (implement backend) Emner Grundlæggende database begreber. Data definitionskommandoer ER-diagrammer og cardinalitet/relationer mellem tabeller Redundant data og Normalisering

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

Eksamen, DSDS, efterår 2008

Eksamen, DSDS, efterår 2008 Eksamen, DSDS, efterår 2008 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech IT Universitetet i København 6. januar 2009 Alle hjælpemidler er tilladte, dog ikke computer og kommunikationsmidler.

Læs mere

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

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

NY IDENTITET TIL SCHWARZ

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

Læs mere

WORKFLOW & GRAFISK PRODUKTION

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

Læs mere

Webzoo Joomla Beginners Guide

Webzoo Joomla Beginners Guide Webzoo Joomla Beginners Guide Indholdsfortegnelse Joomla Vejledning 2 FTP-opsætning 2 Sektioner, Kategorier og Indhold 3 Sektioner 4 Kategorier 5 Artikler 6 Artikler - Indsæt billede 7 Artikler - Indsæt

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

Velkommen til MODx kursus

Velkommen til MODx kursus Velkommen til MODx kursus Dette er en gennemgang af den mest basale funktionalitet i vores nye hjemmeside redigerings værktøj. MODx er et meget simpelt CMS (Content Management System), der gør det muligt

Læs mere

My Event. Funktioner, en oversigt: Kom i gang: Online tilmeldings system.

My Event. Funktioner, en oversigt: Kom i gang: Online tilmeldings system. My Event Online tilmeldings system. Infusion name: My_Event Ajax baseret, online event system Filename: my_event_readme.html Vejledning til installation og brug Author: Egon Jessen, webmaster@ungsejl.dk

Læs mere

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

Læs mere

Web 2.0. World Wide Web (www)

Web 2.0. World Wide Web (www) Web 2.0 World Wide Web (www) I marts 1989 skrev Tim Berners-Lee et information udveksling program kaldt ENQUIRE. Da han arbejde i CERN, var han ikke tilfreds med kommunikationen, derfor videreudviklede

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

Læs mere

Projekt Database, Gruppe 4A. Projekt 1, 3. Semester D A T A B A S E. Klasse MulA13 Gruppenummer: A4

Projekt Database, Gruppe 4A. Projekt 1, 3. Semester D A T A B A S E. Klasse MulA13 Gruppenummer: A4 Projekt Database, Gruppe 4A 0 Projekt 1, 3. Semester D A T A B A S E Klasse MulA13 Gruppenummer: A4 Projekt Database, Gruppe 4A 1 Fakta-ark Klasse MulA13, Gruppenummer: A4 Gruppemedlemmer: Amalie Ardahl

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

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

Øvelse 9. Klasser, objekter og sql-tabeller insert code here

Øvelse 9. Klasser, objekter og sql-tabeller insert code here Øvelse 9. Klasser, objekter og sql-tabeller Denne opgave handler om hvordan man opbevarer data fra databasekald på en struktureret måde. Den skal samtidig give jer erfaringer med objekter, der kommer til

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Kom i gang med SAS STPbaserede

Kom i gang med SAS STPbaserede make connections share ideas be inspired Kom i gang med SAS STPbaserede webapplikationer Lars L. Andersson Chefkonsulent Webapplikationer Interaktion med serverbaserede data via skærmbilleder leveret gennem

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

Indhold. Evalueringsvejledning. En undersøgelse fra start til slut involverer 4 programmer: - SurveyXact - Excel - E-learn - SiteCore

Indhold. Evalueringsvejledning. En undersøgelse fra start til slut involverer 4 programmer: - SurveyXact - Excel - E-learn - SiteCore Evalueringsvejledning En undersøgelse fra start til slut involverer 4 programmer: - SurveyXact - Excel - E-learn - SiteCore Indhold 1 - Respondentgruppe hentes... 2 2 Undersøgelsen oprettes i SX... 4 3.

Læs mere

Brugermanual SIF (33069-04) Side 1/28. Godkendt af: Dato: Dokumentnr.: 077.024.214 Projekt: SIF (33069-04)

Brugermanual SIF (33069-04) Side 1/28. Godkendt af: Dato: Dokumentnr.: 077.024.214 Projekt: SIF (33069-04) Side 1/28 Brugermanual SIF (33069-04) Godkendt af: Dato: Side 3/28 INDHOLDSFORTEGNELSE 1 INDLEDNING... 4 1.1 Fangster, sporbare enheder og salg... 4 2 GENEREL NAVIGERING... 4 2.1 Login... 4 2.2 Log ud...

Læs mere

Sapporo Christmas Campaign. http://sapporo.creativefolder.dk

Sapporo Christmas Campaign. http://sapporo.creativefolder.dk Sapporo Christmas Campaign http://sapporo.creativefolder.dk Faktaark Projekttitel Sapporo Christmas Campaign Projekt URL www.sapporo.creativefolder.dk URL Databaseindhold www.sapporo.creativefolder.dk/viewleads.php

Læs mere

Lederguide INNOMATE HR - Oplæg. Log på Log på https://www.innomate.com/innomate/oceanteam/default.aspx med: MUS

Lederguide INNOMATE HR - Oplæg. Log på Log på https://www.innomate.com/innomate/oceanteam/default.aspx med: MUS Lederguide INNOMATE HR - Oplæg Log på Log på https://www.innomate.com/innomate/oceanteam/default.aspx med: Bruger ID: personalenummer Password: (eget password) INNOMATE HR er et Internetbaseret system,

Læs mere

LYRA (https://app.nebula.si/rc-nordic) Brugervejledning

LYRA (https://app.nebula.si/rc-nordic) Brugervejledning LYRA (https://app.nebula.si/rc-nordic) Brugervejledning Renault Nordic AB, Nebula d.o.o. Ljubljana, marts 2015, ver. 2.0 Indholdsfortegnelse 1 LYRA-SYSTEMET... 3 1.1 SYSTEMKRAV... 3 1.2 REGISTRERING I

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

Kvik-guide: Sådan opretter du en bruger

Kvik-guide: Sådan opretter du en bruger Kvik-guide: Sådan opretter du en bruger Denne guide henvender sig til brugere, der er oprettet med en administrator- eller superbrugeradgang, og som har brug for at oprette andre brugere med tilknytning

Læs mere

Installation af WeroShop 2.8

Installation af WeroShop 2.8 2013 Installation af WeroShop 2.8 Tommy Westerdahl Christensen Wero Electronics 01-01-2013 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2.

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. 1 SUMOshop Backend v3 Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. Backend v3 er primært en visuel opdatering i et mere rent og moderne design. Hertil er der en række helt

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus, byer og regning..

Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus, byer og regning.. Side 1 af 11 Dato: 07-09-2003 Opgaver i oprettelse af kunder og info i database med java. Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus,

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

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

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

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

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

Læs mere

- Hvad er PHP? - Hurtigt historisk overblik - Installation - Indstillinger - Hello world - Tekststrenge - PHP og HTML - En doven programmør er en god

- Hvad er PHP? - Hurtigt historisk overblik - Installation - Indstillinger - Hello world - Tekststrenge - PHP og HTML - En doven programmør er en god 5 For begyndere - Hvad er PHP? - Hurtigt historisk overblik - Installation - Indstillinger - Hello world - Tekststrenge - PHP og HTML - En doven programmør er en god programmør - Include filer - Funktioner

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

PHP Crash course. Databaser

PHP Crash course. Databaser PHP Crash course Databaser PHP Intro PHP er et server scripting sprog der kan bruges til at lave aktivt indhold på hjemme sider. Der er to betingelser som skal opfyldes for at serveren fortolker PHP koden.

Læs mere

Patient Database - Manual

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

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

RESPONSE 2.0. Kursusmanual til grundlæggende funktioner ASPEKT R&D

RESPONSE 2.0. Kursusmanual til grundlæggende funktioner ASPEKT R&D RESPONSE 2.0 Kursusmanual til grundlæggende funktioner ASPEKT R&D Indholdsfortegnelse Indholdsfortegnelse...2 Kort om Response:... 3 Lektion 1: Indledende overvejelser...4 Strategiske overvejelser...4

Læs mere

Ansøgningsportalen. Loginvejledning, tips og hjælp

Ansøgningsportalen. Loginvejledning, tips og hjælp Ansøgningsportalen. Loginvejledning, tips og hjælp Denne vejledning er en hjælp til dig, der skal søge ind på IT-Universitetets kandidatuddannelser. Ansøgning om optagelse foregår digitalt via Ansøgningsportalen.

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

Databaseadgang fra Java

Databaseadgang fra Java Databaseadgang fra Java Grundlæggende Programmering med Projekt Peter Sestoft Fredag 2007-11-23 Relationsdatabasesystemer Der er mange databaseservere Microsoft Access del af Microsoft Office MySQL god,

Læs mere

Kom i gang vejledning til modelflyveklubber.dk

Kom i gang vejledning til modelflyveklubber.dk Kom i gang vejledning til modelflyveklubber.dk Version 1.2 30. september 2012 http://www.modelflyveklubber.dk/data/vejledning-klubweb.pdf Kom i gang vejledning til modelflyveklubber.dk, version 1.2 1/15

Læs mere

Sådan kan du sende data fra din egen hjemmeside til JitBesked via en HTML-JDF.

Sådan kan du sende data fra din egen hjemmeside til JitBesked via en HTML-JDF. Sådan kan du sende data fra din egen hjemmeside til JitBesked via en HTML-JDF. Vejledningen her beskriver hvordan man opbygger en form i HTML og sender indholdet af felterne til JitBesked. Det kræver du

Læs mere

My booking. Generelt. Forsiden. Version 9.0

My booking. Generelt. Forsiden. Version 9.0 My booking Version 9.0 System til at lave online bookinger, med mulighed for opdeling i grupper, forskellige booking typer, ændre layout indstillinger, status styring, sprogvalg samt en del mere, detaljer

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

Installation af WeroShop 2.4 S

Installation af WeroShop 2.4 S 2012 Installation af WeroShop 2.4 S Tommy Westerdahl Christensen Wero Electronics 23-02-2012 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com Rapport Udarbejdet af: Mayianne Nøks Pedersen Skole login: knmape68 E-mail: mypedersen@gmail.com URL til brugerundersøgelsen: http://web328.webkn.dk/hjemmeside/image/laering/sem2brugerundersogelse/brugerundersogelse/

Læs mere

Administrator manual

Administrator manual Revision 1 Administrator manual INDHOLD LOG IND 1 OVERBLIK 1 ARBEJDSRUM 1 MEDARBEJDERE 2 OPRET NY MEDARBEJDER 2 TRIN 1 AF 4: NAVN OG OPLYSNINGER 2 TRIN 2 AF 4: LEGITIMATION 2 TRIN 3 AF 4: EFFEKTIVITETSNIVEAU

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

Url www.tobiaschristiansen.dk/gypsyland

Url www.tobiaschristiansen.dk/gypsyland Projekt 2 Web DB 3. sem Url www.tobiaschristiansen.dk/gypsyland Gruppemedlemmer Christian Skat Kærager Kaspe Bek Rasmussen Tobias Christiansen Sarina Trein Bødker 2 Indholdsfortegnelse Scrum sprint planning

Læs mere

Tre sideopsætninger: 1 Forside. 2 Standard 3 Liste. 1 Forside. 2 Underside. 3 Liste

Tre sideopsætninger: 1 Forside. 2 Standard 3 Liste. 1 Forside. 2 Underside. 3 Liste 1 Forside Tre sideopsætninger: 1 Forside 2 Standard 3 Liste 2 Underside 3 Liste Ret indhold på en side I systemet kan du let rette tekst, link og billeder på hjemmesiden Først skal du logge ind i systemet

Læs mere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets. Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er

Læs mere

Guide: Mentor 1. Indhold Log på første gang Dashboard Min stamdata Min profil. Log på første gang og opret nyt password

Guide: Mentor 1. Indhold Log på første gang Dashboard Min stamdata Min profil. Log på første gang og opret nyt password Guide: Mentor 1 I denne guide gennemgår vi, hvad du skal gøre første gang, du vil logge på administrationsdelen af GoMentor.dk og skal vælge en ny adgangskode. Vi gennemgår desuden to områder af dit nye

Læs mere

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0 BRUGERMANUAL FOR KLUBKOORDINATORER Version 2.0 Login Du skal vælge den klub som du tilhøre og dernæst indtaste din kode i feltet: Password. Regionsgolf-Danmark Administration Når du er logget ind i system

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30 CS TYPO3 Manual TYPO3 CMS Opbygning...2 Log ind...2 Backend...3 Frontend...5 Hvor skal jeg klikke?...6 Gem, gem og vis, gem og luk og luk...7 Håndtering af sider og menuer...8 Sammenhæng mellem sider og

Læs mere

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud 2 KOM I GANG MED VUPTIWEB 2.1 Log på og Log ud 2.1.1 LOG PÅ Du har i mailen fået tilsendt hjemmesidens adresse, login adresse samt brugernavn og adgangskode. Navigér til login adressen og indtast dine

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

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

Læs mere

DEPLOYMENTGUIDE DØGNPOSTEN FOR PARTNERSITES

DEPLOYMENTGUIDE DØGNPOSTEN FOR PARTNERSITES DEPLOYMENTGUIDE DØGNPOSTEN FOR PARTNERSITES INDLEDNING... 2 BRUGSSCENARIER... 2 RESPONSIVE DESIGN OG JAVASCRIPT... 2 MODULOVERSIGT... 3 1. Simpel installation (evt. indtastede data sendes ikke til oprettelsesflowet)...

Læs mere

4. DEC 5. DEC 8. DEC 2014

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

Læs mere

Skriftlig opgave. Designtanker i database-nære systemer

Skriftlig opgave. Designtanker i database-nære systemer Skriftlig opgave til eksamen for faget»databaser«designtanker i database-nære systemer Martin Ancher Holm Juni 2010 1 Intro Denne skriftlige opgave indeholder kort de daglige tanker jeg har omkring design

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

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse Indholdsfortegnelse Hvad er RefWorks?... 2 Opret dig som bruger... 2 Inden du går i gang... 3 Klargøring af computer til download af Write-N-Cite v. 4.2... 3 Installation af Write-N-Cite... 4 Installation

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

Upload af billeder til hjemmesiden m.m.

Upload af billeder til hjemmesiden m.m. Upload af billeder til hjemmesiden m.m. Fremgangsmåde VVS-inst.dk Upload af billeder m.m., Side 1 Så går vi i gang Åben Firefox browseren Gå ind på denne adresse, for at komme til hjemmeside programmet.

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin August 2010 Juni 2011 Institution Københavns Tekniske Gymnasium, Vibenhus Uddannelse Fag og niveau Lærer(e)

Læs mere

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side...

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... Banner Side 1 af 8 Indhold Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... 8 Side 2 af 8 Installation af bannermodulet

Læs mere

Mayianne Nøks Pedersen www.mypedersen.dk/sem3projekt2databasewebsite.html Mail: mypedersen@gmail.com

Mayianne Nøks Pedersen www.mypedersen.dk/sem3projekt2databasewebsite.html Mail: mypedersen@gmail.com WEB & DATABASE 2. PROJEKT 3. SEMESTER Et projekt udarbejdet af studerende fra gruppe 1 klasse CL12mul3b11e: Elin Vatnhamar Olsen www.web324.webkn.dk/portfolio/websits.html Mail: elin.v.olsen@hotmail.com

Læs mere