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

Interaktionsudvikling

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

Læs mere

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

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

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

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

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

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

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

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

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

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

Læs mere

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

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

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

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

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

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

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209

Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:

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

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

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

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

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

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

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

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

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

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

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

BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE.

BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE. BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE. www.mcikast.dk På hjemmesiden kan du se alle de kommende ture både i indland og udland. Du kan også se de ture, som er kørt. Alle turene er placeret i

Læs mere

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password:

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password: WordPress manual.hjerteforeningen.dk/wp-admin Brugernavn: Password: April, 2015 Generelt Du kan benytte WordPress fra alle platforme. Det vil sige, du kan redigere jeres hjemmeside fra din computer, din

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

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

Start med at downloade app en Youtube via App Store.

Start med at downloade app en Youtube via App Store. APP #7 Youtube I denne uge kigger vi på Youtubes app. På Youtube kan du finde næsten alt! Youtube bliver brugt til alt fra gamle tv-klip fra hele verden til musikvideoer til folk der lave video-blogs (de

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

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk IT Borger E-boks.dk side 1 af11 Indholdsfortegnelse Login... Side 2 Navigation... Side 3 Din postkasse... Side 3 Opret ny mappe... Side 4 Upload (gem) dine egne filer... Side 5 Adressebog... Side 7 Regler...

Læs mere

ViKoSys. Virksomheds Kontakt System

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

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

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

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

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt

Læs mere

ENGRAMs ibook. Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs ibook til ipads.

ENGRAMs ibook. Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs ibook til ipads. ENGRAMs Denne guide giver dig et fuldt indblik i, hvordan du studerer engelsk grammatik med ENGRAMs til ipads. 1. Sådan henter du ENGRAMs Hvis du ikke allerede har hentet og installeret ENGRAMs, kan dette

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

Se hjemmesiden på:

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

Læs mere

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

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

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

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

Læs mere

Sådan tager du grundkurset i hjv.dk

Sådan tager du grundkurset i hjv.dk Sådan tager du grundkurset i hjv.dk Hjemmeværnskompagni Jyske Ås 30. april 2015 1 Kom i gang med Forsvarets Elektroniske Skole (FELS) Alle medlemmer i HJV skal tage et grundkursus i at bruge hjv.dk. Dette

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

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

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

Læs mere

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

Kickstart Siteimprove. Sådan kommer du i gang med at bruge Siteimprove. Januar 2016 SKIVE.DK. Skive det er RENT LIV

Kickstart Siteimprove. Sådan kommer du i gang med at bruge Siteimprove. Januar 2016 SKIVE.DK. Skive det er RENT LIV Kickstart Siteimprove Sådan kommer du i gang med at bruge Siteimprove Skive det er RENT LIV Januar 2016 SKIVE.DK Siteimprove Siteimprove er Skive Kommunes web governance program. Programmet har uendeligt

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

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

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

Vejledning til brug af Y s Men s klubintranet administrator guide

Vejledning til brug af Y s Men s klubintranet administrator guide Vejledning til brug af Y s Men s klubintranet administrator guide Systemet tilbyder klubberne i Y s Men Danmark at have et sted hvor de kan dele filer f.eks. Word, pdf, billeder mv. mellem de medlemmer

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

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

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

Brugervejledning til InfoLand.dk skabelonen

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

Læs mere

Projekt 2, 3. semester WEBPROJEKT

Projekt 2, 3. semester WEBPROJEKT Projekt 2, 3. semester WEBPROJEKT Aflevering d. 11/10-2013 CPH Business URL: www.thorleifbæk.dk/projekt2/index.php Gruppe 2 Shiko, Thorleif, Pernille og Annemette MUL 3A Indholdsfortegnelse s. 3 Factsheet

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

Brugerundersøgelse 2. semester 3. projekt

Brugerundersøgelse 2. semester 3. projekt Brugerundersøgelse 2. semester 3. projekt knmefr5 Mettemarie From mette@byfrom.com http://byfrom.com/survey/survey.html Portfolio: http://byfrom.com/ Indholdsfortegnelse: Indholdsfortegnelse...s.1 Introduktion...s.2

Læs mere

Du opretter dig på nedenstående side: http://admin.vucfyn.dk/

Du opretter dig på nedenstående side: http://admin.vucfyn.dk/ Sms-systemet Sms-systemet styres fra HF & VUC FYNs administrationsplatform, der ligger på en hjemmeside. Du skal først oprettes i systemet, hvis det ikke allerede er sket. Hvis du allerede er bruger af

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

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

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

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

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

Guide til PlaNet v1.12. Original skrevet af:

Guide til PlaNet v1.12. Original skrevet af: Guide til PlaNet v1.12 Original skrevet af: Sidst opdateret 15-11-2016 1 INDHOLD Generelt... 4 Login... 4 Roller... 4 Planlægger... 4 Afvikler... 4 Roller og moduler... 5 Planlægger... 5 Afvikler... 5

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

Læs mere

Sæt YSMEN.DK på programmet til en klubaften - og giv hinanden gode råd.

Sæt YSMEN.DK på programmet til en klubaften - og giv hinanden gode råd. Sæt YSMEN.DK på programmet til en klubaften - og giv hinanden gode råd. En dreng sagde til sin far: Jamen, når I ikke havde computere, hvordan kom I så på nettet? Nettet er ikke noget problem for børn,

Læs mere

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

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

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

Lav din egen forside i webtrees

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

Læs mere

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

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

Læs mere

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

FSFI s guide til DFR s elektronisk bevissystem

FSFI s guide til DFR s elektronisk bevissystem FSFI s guide til DFR s 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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Redsign af SF-Film. Link til orginale side: sf-film.dk. Link til vores redesign:

Redsign af SF-Film. Link til orginale side: sf-film.dk. Link til vores redesign: Redsign af SF-Film Link til orginale side: sf-film.dk Link til vores redesign: http://tanalie.dk/sffilm/kontakt.html Hold A Daniella de Lopes, Natalie Frandsen og Sara Klausen Kort beskrivelse af projektet:

Læs mere

Sådan deltager du i et webinar

Sådan deltager du i et webinar Sådan deltager du i et webinar Log på webinaret med Web Call Vi anbefaler, at du så vidt muligt altid deltager via Web Call-funktionen, da det er den primære måde. Web Call kræver følgende: En computer,

Læs mere

Kom godt i gang med Fronter

Kom godt i gang med Fronter 1 Kom godt i gang med Fronter. Kom godt i gang med Fronter Sådan logger du på Først skal du hente dit Brugernavn på https://netid.ucl.dk/ Du skal taste dit CPR-nummer med bindestreg: (Hav tålmodighed det

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

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

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til 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 eller tilføje nyt på din hjemmeside. Guiden er skrevet

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

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

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

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 Indhold Twitter Opret Twitter Indstillinger og Twitter Skriv en Tweet Brug af Twitter Brug af flere Twitter konti Vine Opret Vine Optag Vine Del

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

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

Mobilbarn. Krav for MobilBarn. Apple-enheder kræver minimum ios 6.0 eller højere. Android-enheder kræver minimum Android 2.3 eller højere.

Mobilbarn. Krav for MobilBarn. Apple-enheder kræver minimum ios 6.0 eller højere. Android-enheder kræver minimum Android 2.3 eller højere. Guide til mobilbarn Mobilbarn Krav for MobilBarn. Apple-enheder kræver minimum ios 6.0 eller højere. Android-enheder kræver minimum Android 2.3 eller højere. Internet forbindelse via Wifi/3G/LTE. For at

Læs mere