Carlas cupcakes. Projekt.

Størrelse: px
Starte visningen fra side:

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

Transkript

1 Projekt 3 Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen

2 Indholdsfortegnelse PROJEKTFORMULERING PROBLEMFORMULERING PROJEKTPLANLÆGNING START PRODUKT SLUT PRODUKT STRUKTUR ANALYSE RESPONSIVE DESIGN PIKTOGRAMMER KODEEKSEMPEL DESINGVALG BRUGERTEST RESULTAT AF BRUGERTEST KONKLUSION OG REFLEKSION KILDEKODE 5.0 8

3 Projektformulering 1.0 Problemformulering 1.1 Hvordan optimerer vi vores cupcakesite, så den designmæssigt stadig fungerer med de nye krav; opskriftside, søgefunktion, login og database. Hvilke tekniske udfordringer kommer med optimeringen og hvordan løser vi dem? Projektplanlægning 1.2 ud af, hvad der skulle laves - altså de fysiske/tekniske ting og derefter lavede vi en WBS (work breakdown structure), hvor vi brød vores arbejdsopaver ud og fandt ud af, hvad det krævede af os. Så lavede vi et Gant-kort, hvor vi fastlagde hvad vi skulle lave og hvornår vi skulle lave det. Derefter begyndte vi at implementere de nye krav, hvor vi løbende toppen. Navigationen er placeret horisontalt i toppen af boksen og består af punkter med titlerne Forside, Om mig, Galleri, Kontakt og til sidst Webshop. På linje med navigationen, men helt ude i højre hjørne af boksen er placeret to ikoner, der linker til henholdsvis Facebook og Instagram. På hjemmesiden har tanken været at skulle gøre brugerne af websitet opmærksomme på at der er en webshop hvor man kan købe cupcakes, udstyr og opskrifter. Dette har vi gjort ved at sætte en streg under navigationspunktet Webshop samt sat nogle knapper, som fører til webshoppen, ind rundt omkring på websitet hvor de passer ind, dette har vi gjort for at lave en call-to-action så vi viser læseren, hvad vi gerne vil have dem til at gøre. På det nye website består den nye del blandt andet i, at man kan oprette sig som bruger og dermed uploade opskrifter. Samtidig skal det nye website dermed også indeholde en side som skal fungere som en kogebog med alle opskrifter, samt en side hvor brugerne kan logge ind og blive registreret i databasen. Slut produkt 1.4 Vi valgte at holde læringsprocessen i fokus og arbejde sammen omkring alle opgaver, så vi alle lærte mest muligt. Begrundelsen var, at vi alle tre fandt projektet sværere og derfor krævede det, at alle var med og bidragede. Start produkt 1.3 På det allerede eksisterende website, hvor den nye del endnu ikke er implanteret, er layoutet forholdsvis enkelt. Det består af en header med skriften Carlas Cupcakes og dermed en boks, der skal forestille at fortsætte videre ned af siden når man ikke kan scrolle mere, som det oftest kan ses på blogs, og hvor logoet overlapper i det venstre hjørne i Den nye del består også i at gøre hjemmesiden responsive. Det vil sige at navigationen skal ændres fra punkterne bestående af ord til ikoner således at det er nemmere at læse og trykke på når layoutet bliver mindre. Vi har valgt at fjerne den farvede baggrund fra mobilenheden, da ville give store udfordringer for brugervenligheden og læseren ville have svært ved at læse både tekst og se menulinjen. Vi havde nogle tekniske problemer med implaniteringen af det nye menupunkt til opriskrifterne og valgte derfor at slette galleri for at holde menupunkten mere overskuelig og enkel. Struktur 1.5 Strukturen vi har valgt på vores cupcake site er en combinated structure, hvor vi både har gjort brug af herakisk og linær struktur. Dette bliver mere forstærket, efter vi har implamenteret den nye side om opskrifter, da den følger en linær struktur, hvor den ene ting, logisk bliver fulgt af en anden (ingredienser).

4 Analyse 2.0 Vi havde nogle problemer med hvordan vi skulle kompinere vores design med det responsive design. Et af vores store problemer var, hvordan man på telefonen skulle kunne se, at en side er valgt - altså hvilken side man Vi valgte at overskiften på siderne var nok. Dog havde vi diskussion om, hvorvidt vi skulle lave piktogrammerne i en anden farve og bruge dem, når man var på valgte side. Vi havde nogle problemer med vores brugeroprettelse på telefonversionen havde vi nogle problemer med, at få formlen til at fylde hele skærmen i stedet for, at have en masse luft omrking, så det kræver at brugeren zoomer ind for at skrive sig op. Der udover havde vi nogle problemer med at få vores output til at blive vi løst problemet og nu fungerer begge ting. Vi havde i starten nogle problemer med database og brugeroprettelse, som gjorde det svært for os, at komme videre. Disse problemer blev også løst, da det kun var små fejl, der gjorde forskellen. Vi lavede en mock-up over hvordan vores form skulle se ud, for at give os noget at arbejde efter. Responsive design 2.1 Skærmstørrelse PC - Da vi skulle starte ud med at lave en hjemmeside, der fungerede til en normal PC skærm og derefter lave det i henholdvis medium (tablet) og mini (telefon) lavede vi en graceful degradation i stedet for en progressive enhancement, hvor man starter i småt og udvider, hvilket ville være mest optimalt. For at lave tablet og telefon funktionen mest brugervenlig har vi forstørret billeder og tekst, da det hurtigt kan blive uoverskueligt og svært at se, hvis man gør hele hjemmesiden herunder også teksten og billederne. Dette gør det sværer for brugeren at læse og navigere og derfor nedsætter det brugervenligheden. Vi har valgt at knapper og links skal være min 57px bred, da dette Da både fysiske begrænsninger og brugssituation spiller ind når man skal designe til tablet og telefon, er det vurdere, hvor brugeren er, når de læser indholdet. Mange der læser indholdet på telefonen, kan let blive forstyrret af udefrastående ting og derfor miste fokus, hvis der er for meget på siden. Derfor er det vigtigt at holde, i sær, telefon skærmen enkel og meget brugervenlig i stedet bruge computeren i stedet for. Skærmstørrelse tablet ( ipad mini) horisontalt - vi valgte at tage udgangspunkt i ipad mini s skærmstørrelse. Mange tablet er blevet mindre og derfor er de mindre kluntede at have med i køkkenet. Vi valgte dog at lave skærmen horisontal, da denne skærmstørrelse minder mere om en computerskærm og derfor gør det lettere at bevare en masse genkendelighed fra den oprindelige hjemmeside og vi kan derfor beholde en masse fra den oprindelige hjemmesiden, uden at det trækker ned på brugervenligheden. Da det også er muligt at købe et tastertur til sin ipad, vil den også skulle vende horisontalt og derfor er det en endnu mere oplagt grund til at vende den på dette led. Skærmstørrelse telefon (iphone 5) vertikalt - vi valgte at tage udgangspunkt i iphone 5 s skærmstørrelse, da vi skulle lave responsive design. Desuden valgte

5 vi at lave hjemmesiden vertikal, da det passer bedre med blog funktionen på siden og det er nemmere og mere overskueligt at scrolle ned over siden med den ene hånd. Det gør det praktisk at stå med telefonen i køkkenet, da hjemmesiden er blevet forenklet. Det gør det altså muligt at stå med den ene hånd i kagedejen og den anden med opskriften på telefonen. Da mange hellere vil stå med telefonen end at tage hele computeren med ud i køkkenet, er det vigtigt at denne skærmstørrelse virker optimalt og er brugervenligt. Vi har også valgt at ligge menuen i bunden, da det er nemmere at betjene bunden Piktogrammer 2.2 Formålet med at bruge piktogrammer tager udgangspunkt i vores responsive design. Da det er svært at læse titlerne på menupunkterne når man ser dem på en mindre skærm-størrelse, har vi altså valgt at bruge piktogrammer på menuen i tekst-form som vi har på websitet, hvor ordene vil virke alt for små og utydelige. For at bruge den samme design-stil som på computer-skærmen og Ipad-skærmen, har vi valgt at bruge den samme grå farve på piktogrammerne. Vi har valgt at bruge et design på vores piktogrammer, der er simpelt, således tidig har vi valgt at designet skal passe til resten af siden således at vi bevarer den kvindelige og hyggelige stil i form af forholdsvist runde og bløde hjørner. Som forside -knap har vi valgt dette billede af et hus, da det oftest bliver brugt som hjem-knap og dermed er genkendeligt. Det er et form for henvisningstegn eller et index-tegn, da det forestiller et hus og man derfor tænker på hjem og forsiden, som man så da man gik ind på siden. I stedet for vores Om mig -punkt har vi valgt at bruge dette tegn, der forestiller en form for visitkort, hvor der er et billede af en person og noget tekst, der et billede hvor man med det samme ville tænke på at det var en side om Carla, som ejer hjemmesiden. Vi kom frem til dette tegn, da et visitkort oftest omhandler en person sådan som siden også gør. Dette tegn er også et index-tegn, da det netop forestiller noget der omhandler en person og derfor kan man naturligt tænke på en Om mig -side. Som Kogebog -punktet har vi valgt at bruge dette tegn, som rent faktisk forestiller en kogebog med en cupcake på forsiden. Da dette tegn faktisk betyder det som det forestiller, er det et ikon. Vi har valgt at bruge dette ikon, som forestiller et brev, i stedet for vores Kontakt -punkt. Et brev bliver oftest brugt i sammenhæng med kontakt og skaber dermed noget genkendelighed. Tegnet er et index-tegn, da det forestiller et brev, som vi naturligt ville sætte i sammenhæng med kontakt. Til vores webshop har vi valgt at bruge dette tegn, der forestiller en typisk butik. Dette er et index-tegn, da tegnet forestiller en butik og da vi dermed naturligt vil tænke på en webshop eller et sted hvor man kan købe noget når det er brugt som et menupunkt. Vi har valgt at fjerne stregen under webshop -punktet, da man oftest vælger at købe noget på computeren i stedet for på mobilen, så man ikke behøves call to action i så stor en grad her.

6 Kodeeksempel 2.3 Vi validerede vores koder i javascript. Da det ikke er nok at bruge html5s indbyggede valideringsmuligheder, da ældre browsere ikke kan bruge disse, har vi brugt javascript i stedet. Vi har valgt at når man registrerer sig som bruger, bliver navnefeltet og efternavnefeltet valideret således at hvis man skriver et navn eller et efternavn på mindre end 2 bogstaver, vil en rød skrift med en tekst om fejl dukke op i tekstfeltet. Til denne validering har vi valgt at bruge denne funktion: istooshort = function(element, msg, minlength) { var text = element.value; if(text.length < minlength){ element.value = msg; element.style.color = red ; return false; } return true; samt eventhandleren onsubmit, som også angiver elementet, message og minimum length i funktionen. Eventhandleren gør at hvis man skriver et navn eller efternavn på mindre end to bogstaver og derefter trykker på submit-knappen, vil formularen ikke blive sendt til databasen, men der vil i stedet dukke disse fejl-tekster op i tekst-felterne. Ulempen ved denne eventhandler er, at en fejl kun dukker op i et af tekstfelterne selvom man har lavet fejl i det andet også. Hvis man retter fejlen og så trykker på submit-knappen igen, vil der bare dukke en ny fejl-tekst op i det andet felt, hvilket ikke er helt optimalt. Vi har dog problemer med at formulareren stadig bliver sendt til databasen, selvom informationerne er blevet tastet forkert ind. Vi kunne også have valgt at bruge eventhandleren onblur, som gør at hvis man har skrevet noget, som man i javascriptet har sat til at være en fejl (i dette tilfælde et navn eller efternavn på mindre end 2 bogstaver), vil en fejl-tekst dukke op i tekstfeltet når man klikker udenfor det. Vi har dog ikke valgt at bruge denne, men onsubmit, da når man bruger onblur, vil formularen ikke blive sendt til databasen. Havde vi brugt onblur ville eventhandleren se således ud på navnefeltet: navnefelt.onblur = function() { istooshort(navnefelt, Navnet er for kort, 2); Men da vi har valgt at bruge onsubmit ser den således ud: submitknap.onsubmit = function() { var submit = true; submit = istooshort(navnefelt, Navnet er for kort, 2); if (submit === true){ submit = istooshort(efternavnfelt, Navnet er for kort, 2); } return submit; }; Selvom vi har valideret vores forms med javascript, har vi dog alligevel valgt at bruge html5s indbyggede autofocus således at brugere, der ikke benytter sig af ældre browsere, kan få gavn af det.

7 Desingvalg 2.4 vi havde valgt vores målgruppe, valgte vi har have et mere brugbart design, og derfor har en del kendskab til internettet og hjemmesider i forvejen. På vores mobil og ipad enheder valgte vi at fokusere endnu mere på brugervenlighed end på websitet, da det ville være for uoverskueligt med for meget Vi valgte at beholde det orginale design på vores ipad version, så den ligner vores hjemmeside. Vi havde nogle udfordringer med genkendelig, da vores farvebaggrund ikke fungerede på mobil versionen - derfor er der en større forskel på mobil end på ipad og computer versionerne. På mobil versionen er det meningen, at bruger skal skabe genkendeligheden fra computer versionen. Brugertest 3.0 Vi har testet to personer, for at se hvordan vores formularer fungerede. Vi har brugt 4 spørgsmål til brugertesten Testperson 1: - Hvordan uploader du en opskrift på hjemmesiden? Testpersonen går ind på opskrifter i menupunktet og trykker på opret op- at komme ind på opret bruger. Kommentar: Hvor er det rart at jeg bare kan klikke på linket og komme direkte ind på opret bruger - Prøv at skriv noget forkert inde på opret bruger/ ikke udfyld et felt Testpersonen synes at advarselsbeskeden fungerer optimalt, men at tilbage knappen let kan forveksles med submit knappen. fremgår. - Oplever du at designet på opskrifterne og formerne hænger sammen med resten af websitet? Testperson 2: - Hvordan uploader du en opskrift på hjemmesiden? Personen kigger lidt rundt på siden, men vælger så at gå ind under opskrifter. Testpersonen bliver forvirret over at man skal indtaste et bruger-id, men - Prøv at skriv noget forkert inde på opret bruger/ ikke udfyld et felt Testpersonen synes at det er let at oprette sig som bruger og forstår let at man skal udfylde felterne. Kommentar: Det er fedt at teksten er rød, så man kan se at det er en fejl. Testpersonen har lagt mærke til opskrifterne da personen gik ind for at - Oplever du at designet på opskrifterne og formerne hænger sammen med resten af websitet? Det eneste testpersonen synes ikke hænger sammen er når man opretter en bruger får man en besked om hvilket bruger-id man har fået. Denne besked er bare sort tekst på hvid baggrund og passer ikke til resten af designet. Resultat af brugertest 3.1 Ud fra brugertesten fandt vi ud af at vores tilbage knap var placeret det ikke bliver forvekslet med submit knappen, men det var stadig ikke særlig optiamlt, derfor valgte vi at slette den helt og lave et link i stedet for. Vi har også valgt at style useropskrifter.php, så den ligner resten af siden. Ud fra testen fandt vi små fejl og mangler, som vi selv havde overset og vi kunne derfor bruge testen til at få dem rettet.

8 Med henblik på vores website rettet mod målgruppen damer i alderen år har vi udviklet et responsive design, der både virker på tablets og mobiler. Dog fungerer designet bedst horisontalt på tabletten og samtidig har vi taget udgangspunkt i Iphone 5, hvilket vil sige, at designet er mest optimalt på mobiler med samme skærmstørrelse. Vi synes dog at vi er kommet frem til et resultat, der fungerer godt ud fra vores evner, som de er nu, og vi er glade for at lære hvordan responsive design fungerer, da det helt sikkert er vejen frem for medier i fremtiden. Vores bruger- og opskriftregistreringsmoduler samt vores modul til visning af opskrifter er integreret på vores website således at de passer godt til designet. Da ingen af gruppens medlemmer har nogen erfaring med databaser og php og derfor ikke er så stærke i det, har det været noget af en udfordring. Vi synes dog at resultatet er blevet rigtig godt og vi er glade for at vi nu i fremtiden kan bruge databaser og php til f.eks. kontaktformularer på nettet. Alt i alt har det været et spændende, men udfordrende projekt, hvor vi har haft større forventninger til os selv end hvad vores evner har rakt til. Vi er dog godt tilfredse med resultatet og har samtidig lært en masse af projektet. Kildekode 5.0 Wisler-Poulsen, Ian: 20 designprincipper Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Wisler-Poulsen, Ian: Usability signsymbollogo cpy.pdf på fronter: 2 semester/ design og visualisering/pictograms and semiotics

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

- 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

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

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

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

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

Læs mere

Projekt 3: Interaktionsudvikling 11/04.14

Projekt 3: Interaktionsudvikling 11/04.14 Projekt 3: Interaktionsudvikling 11/04.14 Gruppe 5 http://kostecki.dk/cph/cupcakes/v2/opskrifter.php Christina Juulmann www.chrissycreations.dk Jacob Kostecki www.kostecki.dk Jayne Alice www.jaynealice.com

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

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

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

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

Læs mere

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

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Rapport Studiemad Fase 2

Rapport Studiemad Fase 2 Rapport Studiemad Fase 2 Gruppe 6 Morten Møller Nielsen Mikael Lund Kristensen Ian Mika Sahlertz Indholdsfortegnelse........ Problemformulering.... s. 1 Afgrænsning... s. 1 Indledning.... s. 1 Projektplan....

Læs mere

Sådan bruger du ereolens app på ipad eller iphone

Sådan bruger du ereolens app på ipad eller iphone Sådan bruger du ereolens app på ipad eller iphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline læsning. Her får

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

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

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

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

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

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

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Spiller / Pårørende manual Til www.kampseddel.dk

Spiller / Pårørende manual Til www.kampseddel.dk Spiller / Pårørende manual Til www.kampseddel.dk Brugervejledning for Spiller/Pårørende Kort om kampseddel.dk Kampseddel.dk er udarbejdet som et webbaseret værktøj til den frivillige Træner/Leder i en

Læs mere

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 1 Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 2 Alle testpersonerne giver udtryk for at sitet er forholdsvis nemt at anvende til at finde den information

Læs mere

Tweet dine råd - Og gør dem levende med Vine og Instagram

Tweet dine råd - Og gør dem levende med Vine og Instagram Tweet dine råd - Og gør dem levende med Vine og Instagram 1... 2... Indhold Twitter Opret Twitter Indstillinger og Twitter Skriv en Tweet Brug af Twitter Brug af flere Twitter konti Vine Opret Vine Optag

Læs mere

FSFIs lynguide til DFRs elektronisk bevissystem

FSFIs lynguide til DFRs elektronisk bevissystem FSFIs lynguide til DFRs elektronisk bevissystem Dette er en kort guide i anvendelsen af Dansk Førstehjælpsråd elektroniske bevissystem. Guiden viser og forklarer hvordan du som instruktør og medlem af

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

Læs mere

Visitkort online -bestil direkte fra internettet

Visitkort online -bestil direkte fra internettet Visitkort online -bestil direkte fra internettet D www.cimo.dk 20886Folder Visitkort.indd 1 22/02/07 15:53:26 Løbet tør for visitkort? uheldigt. -hvad gør du nu? Du kan naturligvis gøre, som du plejer.

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

Foranalyse. Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen. Carlas cupcakes

Foranalyse. Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen. Carlas cupcakes Foranalyse Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Carlas cupcakes Brancheanalyse Branchen for cupcakes i Danmark Branchen er ikke speciel intens. Der er få virksomheder,

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

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs mere

Opret bruger på radikale.dk

Opret bruger på radikale.dk Opret bruger på radikale.dk Første gang du skal logge på det nye radikale.dk, skal du oprette en ny bruger - også selvom du havde en bruger og kunne logge ind på det gamle radikale.dk. Det er to forskellige

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

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

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

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

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

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

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

Spil og svar. Journal nr. 13.12.599. Et webbaseret værktøj udviklet af Programdatateket i Skive

Spil og svar. Journal nr. 13.12.599. Et webbaseret værktøj udviklet af Programdatateket i Skive Journal nr. 13.12.599 Spil og svar Et webbaseret værktøj udviklet af Programdatateket i Skive E-mail: programdatateket@viauc.dk Web: http://www.programdatateket.dk Kolofon HVAL-vejledning Spil og svar

Læs mere

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

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

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst,

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid

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

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...

Læs mere

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 1 af 18 ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 2 af 18 Indholdsfortegnelse ereolen.dk... 1 1. Første gang du vil anvende ereolen.dk... 3 1.1 Opret

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

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

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og

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

Vejledning til at ligge billeder ind på Jerslev gruppes hjemmeside.

Vejledning til at ligge billeder ind på Jerslev gruppes hjemmeside. Vejledning til at ligge billeder ind på Jerslev gruppes hjemmeside. Først skal du åbne Windows Internet Explorer da dette program kan køre gruppen hjemmeside 100 %, du skal kigge ind på www.spejdernet.dk/jerslev

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

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

Brug af Office365 med Onedrive, nyeste Officepakke mv

Brug af Office365 med Onedrive, nyeste Officepakke mv Egedal Gymnasium og HF september 2014 Brug af Office365 med Onedrive, nyeste Officepakke mv Dette dokument beskriver, hvordan du kan opnå adgang til nogle resurser i skyen og hente ny software. Hvordan

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

Sådan uploader du undervisningsbeskrivelser og studieplaner

Sådan uploader du undervisningsbeskrivelser og studieplaner Sådan uploader du r og studieplaner Undervisningsbeskrivelserne og studieplanerne uploades via en hjemmeside, og derfor skal du blot bruge en almindelig webbrowser, når du som lærer vil uploade din /studieplan

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

Vejledning til brug af IT Elever.

Vejledning til brug af IT Elever. Vejledning til brug af IT Elever. 2 Udgave: Maj.2014 IT Center Syd byder dig velkommen til Sønderborg produktionshøjskole. Denne vejledning er lavet for at gøre det nemmere for dig som Elev, at benytte

Læs mere

8 tips og tricks der sender din webshop i superligaen

8 tips og tricks der sender din webshop i superligaen 8 tips og tricks der sender din webshop i superligaen Indhold Intro Kend dine besøgende Gør valget simpelt og vind kunder Sådan får du en optimeret kategoriside Eksempler på to gode kategorisider Brug

Læs mere

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38

COOP brugermanual til Podio BRUGERMANUAL. til Podio. 23. februar 2015 Side 1 af 38 BRUGERMANUAL til Podio 23. februar 2015 Side 1 af 38 INDHOLDSFORTEGNELSE HVAD ER PODIO?... 3 HVAD KAN VI PÅ PODIO?... 4 Aktivitet... 4 Bestyrelsesmøder... 4 Arrangementer & aktiviteter... 5 Opslagstavle...

Læs mere

Et nyt vindue vil åbne beder dig om at indtaste dit "Navn ", " Last Name " og " Password" - "Job Title " er ikke nødvendigt at bruge.

Et nyt vindue vil åbne beder dig om at indtaste dit Navn ,  Last Name  og  Password - Job Title  er ikke nødvendigt at bruge. Yammer for " Dummies " Manual Den URL Yammer er : www.yammer.com Du vil modtage en invitation til Yammer. Invitationen sendes til butikken e- mail -adresse (f.eks 2199@br-leg.dk ) og / eller til din butikschef

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

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

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

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.1 maj 2014 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser:

Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser: Responsive Design Gruppe 5 Margrethe Hansen, Karina Rossing, Lucas Perch & Niclas Sand Projektplanlægning Som led i planlægning af vores projekt har vi anvendt en række projektplanlægningsværktøjer. Først

Læs mere

Brugermanual. Revision 1

Brugermanual. Revision 1 Revision 1 Brugermanual INDHOLD HENT APP 1 LOG IND 1 OVERSIGT OVER MOBILPLAN 1 OPRET PROJEKT 2 AFSLUT PROJEKT 2 MINE PROJEKTER 3 TILFØJELSER TIL PROJEKT 3 TILFØJ BESKED 3 VIS PÅ KORT 4 NAVIGER TIL 4 REGISTRERING

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

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

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

SÅDAN BRUGER DU ONLINE KALENDER

SÅDAN BRUGER DU ONLINE KALENDER SÅDAN BRUGER DU ONLINE KALENDER I vejledningen bruger vi det gratis program Google kalender som eksempel til at vise, hvordan man bruger en online kalender. DU SKAL I FORVEJEN: Kunne bruge en browser og

Læs mere

Mobil og tablets. Vejledning. Opsætning af ipad IT-AFDELINGEN. Af: Anders C. H. Pedersen E-mail: Achp@norddjurs.dk Revideret: 12.

Mobil og tablets. Vejledning. Opsætning af ipad IT-AFDELINGEN. Af: Anders C. H. Pedersen E-mail: Achp@norddjurs.dk Revideret: 12. Af: Anders C. H. Pedersen E-mail: Achp@norddjurs.dk Revideret: 12. november 2014 IT-AFDELINGEN Vejledning Mobil og tablets Opsætning af ipad Norddjurs Kommune. Torvet 3. 8500 Grenå Tlf.: 89 59 10 00. www.norddjurs.dk

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

Kom hurtigt og godt i gang med WebPatient. Vægtkontrol

Kom hurtigt og godt i gang med WebPatient. Vægtkontrol et interaktivt skema til måling af Vægtkontrol 1. Når du har modtaget en mail eller en SMS fra din læge skal du i adressefeltet i din internetbrowser skrive https://www.web-patient.dk Eller du kan klikke

Læs mere

Gør det selv. Vejledning. Skift adgangskode til Norddjurs PC og Citrix fra Citrix IT-AFDELINGEN

Gør det selv. Vejledning. Skift adgangskode til Norddjurs PC og Citrix fra Citrix IT-AFDELINGEN Af: Anders C. H. Pedersen E-mail: Achp@norddjurs.dk Revideret: 12. november 2014 IT-AFDELINGEN Vejledning Gør det selv Skift adgangskode til Norddjurs PC og Citrix fra Citrix Norddjurs Kommune. Torvet

Læs mere

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE TESTPORTAL: BRUGERVEJLEDNING LOG IND Testportalen befinder sig på internetadressen http://www.testportal.hogrefe.dk/default.aspx. På denne adresse mødes man af ovenstående skærmbillede. Indtast her dit

Læs mere

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace

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

Indholdsoversigt. Emne. Side

Indholdsoversigt. Emne. Side Indholdsoversigt Emne o Log-in på din Idify Tidslinje Åben Idify Timeline på din ipad Indtast dine log-in oplysninger o Navigation af din tidslinje Tidslinjens oversigt Åbne Favorit erindring Navigér og

Læs mere

Nye funktioner i Professionel Hjernetræning.

Nye funktioner i Professionel Hjernetræning. Nye funktioner i Professionel Hjernetræning. 1) Ny log in side 2) Tildel øvelserne enkeltvis 3) Reguler sværhedsgraden af øvelserne (kun i Psykiatriprogrammet) Der er i løbet af foråret 2013 lavet nogle

Læs mere

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

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

Quick Guide Ditmer edagsorden Oktober 2013

Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Indhold For dig der skal i gang med at bruge ditmer edagsorden på ipad eller web 1. Sådan får du adgang til ditmer edagsorden... 2 2. Find udvalg

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere