Responsivt Design - DMAA0213. Afgangsprojekt DMAA0213

Størrelse: px
Starte visningen fra side:

Download "Responsivt Design - DMAA0213. Afgangsprojekt DMAA0213"

Transkript

1 Responsivt Design - DMAA0213 Afgangsprojekt DMAA0213 Jesper Bjørn Andersen

2 5. semester, afgangsprojekt - Responsivt Design Vejleder: Gunhild Marie Andersen Afsluttet: 18 Juni 2015 Deltager: Jesper Bjørn Andersen 2

3 Forord Denne rapport er udarbejdet i forbindelse med afgangsprojektet for 5. semester på UCN og vil som primært formål fortælle og vise hvad der er blevet arbejdet med. Rapporten omhandler et projekt, hvor firmaet Caremaker skal have ny visuel identitet. Ved at gå over til den nye visuelle identitet skal siden opbygges således, at den er responsiv og derved tilpasser layoutet til enheden man ser på siden med (det være computer eller smartphones). I selve rapporten vil jeg fortælle om hvad det vil sige at gøre brug af responsivt design og hvilken fordele og ulemper der kan forekomme. Derudover vil jeg gennemgå hvilken fremgangsmåde jeg har brugt til at løse de forskellige problemstillinger og hvad overvejelser jeg har foretaget mig. 3

4 Indholdsfortegnelse Forord... 3 Indledning... 6 Motivation... 7 Problemformulering... 7 Afgrænsninger... 7 Funktionelle krav... 9 Kravspecificering... 9 Mockups Klasse diagram og domæne model Systemudvikling Agile arbejdsmetode XP Scrum Kanban UP Traditionel mod Agil Boehm Arbejdsprocessen Arkitektur Responsivt design Hvorfor Media Queries? Kode

5 Konklusion Perspektivering Kildehenvisninger

6 Indledning Caremaker er en virksomhed, som har skabt en online platform, hvor enhver person kan oprette en indsamling. Disse indsamlinger kan være til sig sig selv eller 3. person og kan være alt fra indsamling mod sygdom, til ny bil, til rejser mv. Caremaker's hjemmeside blev i sin tid bygget op omkring PHP, MySQL og TYPO3. Da en hjemmeside, som indeholder et CMS system kan lukke for noget af friheden for designeren, så ønsker Caremaker at komme helt væk fra TYPO3. Siden har på stående fod meget rod i koden da enkelte elementer af siden er lavet efter MVC arkitektur, men andre er ikke, samt meget kode går gennem TYPO3, så at lave en overgang for at gå væk fra TYPO3 vil simpelthen tage alt for lang tid. Derfor har Caremaker set på at lave en helt ny side fra bunden med nyt visuelt design og MVC arkitektur. Udover det, har Caremaker set via google analytics, at største delen af deres besøgende faktisk er via smart phones og ikke PC. Derfor skal siden også være responsiv og derved kunne have et rigtig fint layout på smart phone også. Det er derfor min opgave at lave en prototype, som kan demonstrere det nye design så vel som den responsive del. 6

7 Motivation Da jeg før start på afgangsprojekt var i praktik hos Caremaker og så hvilken forskel en virksomhed som denne kan gøre i folks liv, følte jeg en stor motivation til selve arbejdet jeg lavede. Da jeg selv har arbejdet med deres backend kode og jeg også kunne mærke hvor stressende det kan være at arbejde med deres side, da koden er så roden som den er. Jeg arbejdede med at optimere deres nuværende side til at være responsiv, men der var utrolig mange komplikationer, da meget var styret gennem deres CMS. Jeg syntes derfor at genopbygge deres hjemmeside i nyt layout, uden CMS og som er responsiv ville ikke blot kunne give brugeren en bedre oplevelse, men også spare Caremaker for en masse mandetimers arbejde. Problemformulering Hvordan kan Caremaker spare tid på at vedligeholde deres hjemmeside og hvordan kan de give brugere på en hver enhed den bedst mulige brugeroplevelse? For at besvare disse spørgsmål vil jeg: Udarbejde en prototype, som er opbygget over MVC. Denne prototype vil gøre brug af media queries til at gøre siden responsiv. Afgrænsninger Da Caremaker allerede har udarbejdet mockups for hvorledes designet skal se ud, må jeg holde mig inden for visse rammer og er derfor ikke i stand til at ændre store dele af selve designet. 7

8 Jeg har valgt at arbejde med egen database og webhotel, da jeg følte det ville blive for indvirket, at arbejde på deres servers. Dette var mest grundet, at jeg ville skulle have åbnet for IP hver gang jeg skulle arbejde et andet sted fra. Grundet mit valg om at arbejde på egen server har jeg måtte opbygge egen database struktur og klasser. Derfor har jeg måtte begrænse visse features, dog stadig holdt mig til hoved opgaven, som var design delen og det responsive. 8

9 Funktionelle krav Jeg vil under dette emne beskrive hvilken funktionelle krav Caremaker stiller til deres hjemmeside. Derudover vil jeg skrive hvilken begrænsninger jeg har gjort mig og hvad jeg vil arbejde med. Kravspecificering Man skulle kunne oprette en bruger og logge på eller logge på via Facebook. En bruger skal kunne oprette en indsamling. Som bruge skal have en oversigt under sin profil, hvor de kan følge indsamlinger som de har doneret til. Man skal kunne donere med kreditkort. Man behøver ikke bruger for at kunne afgive en donation. Hjemmesidens layout skal være responsivt og derfor tilpasse sig til enheden man kigger fra. Siden skal have facebook integrering, så man let kan dele indsamlinger på facebook og kommentere på dem. Der skal kunne aflæses statistik på siden. Siden skal oversættes til flere sprog. Man skulle ved oprettelse af indsamlinger kunne optage en kort film via sit webcam og upload, samt upload billeder. Man skal også kunne sætte et indsamlings mål og en slut dato for indsamlingen. Back end koden skal opbygges i MVC for at gøre det lettere at arbejde med. Siden skal anvende HTML og PHP, som primær kode sprog, men må også benytte Jquery og java scripts. Siden skal benytte MySQL som database. Jeg vil ud fra overstående afgrænse mig fra disse emner: 9

10 Login system og facebook integrering - Da Caremaker allerede har et login system både med eller uden Facebook, som let kan påkobles ser jeg ingen grund til at lave det fra bunden. Oprettelse af indsamlinger, samt at give donationer - Da min primær opgave er at give Caremaker en ny identitet og da de allerede har de nødvendige klasser, mener jeg det let kan på kobles efterfølgende. Statistik - Denne del er sat op i Caremaker's egen google analytics Hvilken opgaver jeg vil arbejde med, samt deres prioritet: Opsætte ny visuel identitet - Jeg må først oprette deres identitet i følge mockups. Oprette prototype klasser, samt database tabeller - Da jeg ikke kan anvende Caremaker's allerede eksisterende klasser, må jeg oprette mine egne, samt opsætte en database. Dette vil være for prototypens demonstrations formål. Lave Media Queries - Opsætte Media Queries i min CSS for at lave siden responsiv til i hvert fald Iphone. 10

11 Mockups Under selve praktikken har jeg sammen med andre i Caremaker været med til, at fin pudse deres nye layout. Jeg har dog haft en smule frihed til at ændre på noget af layoutet efterfølgende. 11

12 Klasse diagram og domæne model Ja jeg vidste jeg selv skulle arbejde med alle layers samt database fra bunden af, var det første jeg lavede et klasse diagram og en domæne model. Jeg bruger disse, som "blueprints" til at gøre selve udviklingen lettere. Jeg valgte at oprette dem, således de var i stand til at udføre de opgaver de skulle i selve prototypen og undlod derfor funktioner som bl.a. til at sende s, analytics mv. Ved at opstille modellerne således har jeg nemt kunne se hvad jeg har skulle bruge når jeg har oprettet de forskellige klasser, samt da jeg skulle oprette min database. Man kan se i dette eksempel at en Donation altid vil være tilknyttet en Fundraiser, men at en fundraiser godt kan have 0 eller mange tilknyttet Donationer. 12

13 Systemudvikling Når man begynder på et projekt som dette, så findes der forskellige arbejdsmetoder, som man kan arbejde ud fra. Jeg vil først beskrive de forskellige metoder, hvorefter jeg vil beskrive hvordan og hvorfor jeg valgte at arbejde som jeg gjorde. Agile arbejdsmetode Når man arbejder agilt er man åben for ændringer og er derfor ikke så fastlåst i satte rammer for hvordan man skal arbejde og hvornår man skal hvad. Når man arbejder agilt er man "open to change" og man arbejder i sprints, hvor imod den traditionelle programmering, hvor der er meget stramme rammer og alt er delt ind i faser. Når man laver et projekt kan man anvende noget en model som hedder "Project Management Triangle". Denne trekant viser, hvordan man ved at ændre på en ting også skal ændre et andet sted for at få den til at passe. Det vil altså sige, hvis jeg skruer ned for prisen, ja så skal jeg også skrue ned for enten features (som er scope), eller tiden det tager at lave det, for gør man ikke det, så vil center stykket, altså kvaliteten, falde og den vil man jo gerne beholde. Så med denne trekant kan man se hvordan alt følges godt ad. Når der snakkes om sprints, så snakker man om inddelte tider hvor man arbejder og kunden kommer og ser processen af projektet. Det vil altså sige at man har måske et sprint på 2 uger, hvorefter kunden kommer og får et indblik og en idé om hvordan alt skrider frem og kan derfor således komme med feedback til projektet. Dette gør at kunden meget lettere kan få det produkt som netop han/hun vil have. 13

14 Agil programmering har følgende værdier: Reager på ændringer og følg ikke en plan Funktionel software i stedet for omfattende dokumentation Samarbejde med kunden i stedet for fastlåst kontrakt Individualitet og interaktion Den agile arbejdsmetode har flere udviklingsprocessor og herunder vil jeg beskrive nogle af dem. XP XP, som er kort for extreme Programming, er mest til at forbedre software kvalitet, da der nemt kan ske ændringer for at tilfredsstille en kundes behov. XP har udviklet et sæt regler som man skal overholde og de er som følgende: Par programmering Omfattende kode gennemgang Man SKAL teste! Ingen overflødig kodning (altså ikke lav metode i tilfælde af de kunne blive brugbar senere) Enkelthed og klarhed i koden Vær klar på ændringer hvis behovet skulle opstå Hyppig kommunikation med kunden og programmørerne Scrum Scrum har 3 grundlæggende principper som består af: tydeligt fremskridt, at der bliver tilpasset som projektet skrider frem og at man har kontrollen over projektet hele vejen. Det vil altså sige at man lægger ikke så meget vægt på funktionalitet i forhold til design delen. Det vil altså sige, at skulle man lave en hjemmeside, så vil man ofte se store ændringer på selve 14

15 layoutet men ikke så meget på selve ting som for eksempel login system eller database. Dette vil komme senere og man vil derfor se flest ændringer i starten af projektet. Når man arbejder med Scrum, så arbejder man i et team hvor man har forskellige roller. Disse roller består af: Scrum master - Denne person virker som en "vagthund" for teamet. Scrum master sørger for at organiserer ting, sørger for der ikke er forstyrrelser for sit team og bestemmer hvornår der skal ændres på ting. Productowner - Dette er en kunde eller en fra kundens firma, som ved hvilken funktioner et produkt skal have og bestemmer derfor også hvilken funktioner man skal vægte højest under programmeringen. Udviklingsteamet - Dette team skal sammen blive enige om hvor lang tid der skal sættes af til hver story. Når man arbejder med et sprint arbejder man med et sat antal stories af gangen. Disse stories udarbejdes i samarbejde og bliver sat i en productbacklog. Når man arbejder med en story så skal den færdiggøres inden man tager hul på en ny. Dette gør at man ikke efterlader noget halvt færdigt og begynder på nye ting. Kanban I forhold til Scrum så giver Kanban mere løse tøjler til udviklerne. I kanban er der 3 regler: Visuelt workflow ved brug af taskboard eller Kanban-board. Gør brug af WIP-grænser for at forhindre flaskehalse. Giv tasks en tid det tager at gennemføre den. Når man laver en WIP er det i starten bare et estimat der skal give idé om hvor længe en task vil tage. Desto mere erfaring man får, desto bedre et estimat vil man kunne lave. Ved at lave disse estimerede tider, ja så sørger man for at man ikke har for mange tasks i gang på samme tid, som man ikke kan nå. 15

16 Når man arbejder med task-board skal man beslutte sig for hvor mange tasks der må være på de forskellige pladser på boarded. Nedenfor er et eksempel på hvordan sådan et board kunne se ud. Det vil altså sige, at der må være 3 under analysis, 5 under development, 3 under test og 5 under deploy. UP I UP, som står for Unified Process, arbejdes der i faser og meget lineært. Disse faser er meget faste og kan derfor ikke ændres. Det vil også sige at der ikke kan komme ændringer i noget hvis fasen allerede er slut. Faserne tages i en bestemt rækkefølge som er følgende: Inception Elaboration Construction Transition Deployment 16

17 Inception - Dette er fasen man først finder ud af hvad et system kræver. Man laver mockups samt cost/benefit analyse og featureliste. Man for sig altså her en idé om hvordan projektet skal se ud. Elaboration - I denne fase laves der use case og man bestemmer hvilken arkitektur systemet skal have. Construction - Man udarbejder i denne fase systemet ud fra hvad man fastlagde i fase 2, altså Elaboration fasen. Man benytter her iterationer for alle use cases, som man færdiggøre inden en sat tid. Transition - Dette er fasen hvor man tester om systemet opfylder sine krav. Man laver to forskellige tests, den ene er systemtest og den anden accepttest. Systemtest tester om selve systemet er stabilt og accepttest er som det lyder, om den acceptabelt lever op til alle krav som er stillet af kunden. Deployment - Systemet bliver udgivet for kunden. Traditionel mod Agil Efter at have gennemgået nogle af de forskellige arbejdsmetoder, hvad er forskellen så? Når du arbejder Agilt er du meget mere fleksibel i forhold til den Traditionelle arbejdsmetode. Det er let for kunden at komme med ændringer da der nemt og ofte er kontakt mellem kunde og udviklingsteamet. Når der arbejdes Traditionelt, så kan kunden ikke komme med ændringer efter fase 2 er afsluttet. Et godt eksempel på hvornår den Agile arbejdsmetode er bedst ville være som at lave en hjemmeside, som jeg bl.a prøvede hos Caremaker, hvor der RIGTIG ofte skulle foretages ændringer, om så det var en farve eller noget som skulle være 10 pixels mindre. Der var ofte ændringer her og der. 17

18 Boehm For bedre at kunne forstå hvordan man vælger en metode som passer til sit projekt og team, så er der lavet et diagram ved navn Boehm. Boehms Diagram tager 5 ting i betragtning når man skal finde sin arbejdsmetode og de er som følgende: Størrelse på sit team Hvor kritisk en fejl ville være skulle den opstå og hvad tabet er Dynamik i omgivelser Udviklererfaring Kultur, altså om man arbejder i et kaotisk eller regelsat miljø På dette billede kan man se hvordan dette diagram er opbygget. 18

19 For at beskrive hvordan jeg udfylder dette for min opgave så vil jeg sige at: Size - Meget tæt midten da jeg er alene om mit projekt Criticality - Tæt på midten da jeg ikke har med login systemet at gøre og jeg arbejder med egen server. Culture - Jeg er alene og arbejder derfor meget frit, så igen tæt midten. Personnel - Der jeg stadig ikke har den store erfaring vil jeg sætte denne ude mod kanten Dynamism - Næsten helt inde i midten da jeg uploader ofte og ændre ofte under programmeringen for at få siden til at se ud som jeg vil. Ved at se på Boehm's diagram kan man derfor se at den bedste arbejdsmetode for mig er Agil, da jeg hovedsageligt ligger inde ved midten. Arbejdsprocessen Da jeg valgte at arbejde Agilt har jeg også valgt at tage brug af Kanban's task-board. Jeg har her brugt gule post it, som jeg har sat op på min væg. Grunden til mit valg af task-board er, at jeg syntes det giver mig et mere overskueligt billede over hvad jeg er i gang med, hvad jeg skal have lavet, hvad jeg har lavet og ikke mindst holde orden så jeg ikke springer for meget rundt i min programmering. For mig har det klart været en fordel at bruge task-boarded så jeg har kunne holde fokus på hvad der skulle laves. For at stille fordele op mod ulemper kan man sige at: Fordele Nemt at holde styr og overblik over hvad man laver. Man kommer ikke til at tage hul på for meget på en gang. Der er ingen deadline som sådan og man føler derfor ikke tids press. 19

20 Ulemper Man kan ikke rigtig vurdere hvornår man er færdig med projektet. Man ved ikke helt hvor længe hver opgave vil tage. Jeg valgte at arbejde med Kanban's task-board og ikke backlog fra Scrum, da jeg følte det uoverskueligt at gøre alene. Jeg følte ikke jeg ville være god nok til at arbejde i sprints alene og kan godt lide at have lidt mere fri hænder. Jeg følte jeg hvis jeg brugte backlog, så ville jeg blive stresset og sikkert ofte tids presset eller også ville det være omvendt og at jeg satte for meget tid af til hvert sprint fordi jeg ikke ville tro at jeg kunne nå det før. Arkitektur I dette projekt har jeg skulle arbejde med MVC (Model-View-Controller). MVC kan sammenlignes med 3 lags arkitekturen, som jeg benyttede i java programmeringen i løbet af første semester, dog er den ikke helt så lineær. I 3 lags arkitekturen går kommunikationen lige ned og op gennem lagene, men i MVC må et view layer gerne trække informationer direkte fra data layeret. Responsivt design Et responsivt design (RWD), er en måde hvorpå et webudvikler kan give brugeren den mest optimale oplevelse når man ser på et website. Det skal være nemt at læse og navigere rundt på siden og siden skal passe til den enhed man ser på den fra. Det vil altså sige ikke noget resizing og scrolling. Når der tales responsivt design mener man de 3 følgende ting: Flydende layout, som kalder og resizer elementer. Det vil altså sige procent baseret i stedet for absolutte værdier. Fleksible billeder som også tilpasser sig enhedens størelse. 20

21 Brug af media queries til at definere hvilken CSS der skal bruges ved givende enheds størrelse. Hvorfor Media Queries? Man ser ofte hvis man går ind på en hjemmeside på sin mobil, at den begynder at load og så giver den et blink og ændres fra "http://example.com" til "http://m.example.com". Dette skyldes at i stedet for brug af Media Queries, så begynder telefonen at load deres normale website, som så har en device detection på der opdager at du er på en telefon. Herefter bliver du omdirigeret til en helt anden hjemmeside specielt lavet til mobil enheder. Det er sandt at 2 separate hjemmesider sikre at de er som du vil have dem til både computer og Mobil, men man kan opnå samme effekt via Media Queries og det giver mindre loading tid og man spare en masse plads på sin server. Endnu en ulempe ved at have device detection er, at der kan opstå fejl hvor din mobil ikke sender opgiver at det rent faktisk er en telefon og du modtager derfor den normale website til computere. Her ses en media query for iphone. Den fortæller at hvis websitet ses på en iphone skal den ikke vise elementet med id menu hvis det har data-display="0" dog skal den vises hvis den er sat til 1. Derudover sætter den en listes elementer til at være 100% af skærmens brede og til sidst sættes den til at vise et element med id'et burgermenu. 21

22 Kode Jeg vil herunder vise lidt af PHP koden som jeg har lavet for at kunne hente nogle af de forskellige informationer fra min database. Jeg vil vise hvordan jeg bruger metoden getalldonations() og hvordan den i samarbejde med Users modellen får strikket et array af alle donationer sammen til et Fundraiser objekt. I min kode bruger jeg PDO som er PHP's Data Objects, som giver metoder og prepared statements og så virker det med objekter. PDO siges også at være mere sikkert og bør bruges når man arbejder med PHP. Jeg passer først min connection med som parameter når jeg kalder getalldonations. Jeg laver så et nyt array, samt en variable med min SQL string. Jeg har herefter lavet et foreach loop som fortsætter så længe der findes noget data i min query som jeg har kørt. Alt data bliver smidt i $row som er et array. Inde i mit foreach loop laver jeg så hver gang en ny User og kalder funktionen selectuserbyid og passer uid med som jeg har fået fra databasen. Et nyt Donation objekt bliver lavet hvor jeg kalder funktionen createdonation og passer her i $donator, som er er det fulde navn på donatoren, samt beløbet, som er blevet doneret. Til slut tilføjer jeg det færdige donation objekt til en array. Når loopet afsluttet returneres donations arrayet. 22

23 På dette billede ses hvordan jeg henter en bruger via id. Denne metode blev kaldt i getalldonations, for at få fat i et bruger objekt og tilknytte det til Donation objektet. Da jeg kun skal bruge en enkelt bruger og en brugers id er unikt er det ingen grund til foreach loopet og jeg bruger der for bare PDO's prepare, execute og fetch. Dernæst kalder jeg metoden $createuser og passer dataen fra databasen. I createuser bliver der skabt et nyt user objekt og alle variablerne bliver sat til deres værdier. Til slut returner jeg så det nye user objekt. 23

24 Konklusion Under forløbet har jeg arbejdet alene for at skabe en ny visuel identitet til Caremaker. Da jeg følte at dette ikke var nok at vise, var det blot en af grundende til at jeg valgt ikke at arbejde med Caremaker's egne servers og deres egne php klasser, samt connection klasser. Jeg har arbejdet med opsætning af database, fået lavet en connection mellem min side og min database, samt arbejdet med at oprette PHP klasser og controllers. Jeg har også arbejdet med HTML og CSS, hvor jeg har skulle oprette media queries. Jeg har anvendt media queries til at lave hjemmesiden responsiv så den har kunne tilpasse sig alt efter hvilken enhed man kigger fra. Jeg har arbejdet med Kanban's task-board og anvendt en blandet arbejdsmetode ud fra Scrum og XP. Efter forløbet er slut har jeg kunne konstaterer at det er meget udfordrerne at arbejde ensom og at man for det første skal have et rigtig godt overblik, samt selvdisciplin. Som man får mere erfaring vil jeg mene at man kan opnå meget mere af begge ting, da et manglende overblink som regel fører til rod og derved mist af motivation. Det manglende overblik har også fået mig ud på sidespor af og til og jeg har måske brugt alt for meget tid på nogen ting i forhold til andre. Ofte har jeg haft svaret på et problem lige foran næsen og har brugt lang tid hvor jeg har overset det og jeg vil mene at hvis man arbejder som gruppe har man nemmere ved hurtigt at løse disse problemer. jeg kan konkludere at mit praktik forløb lærte mig meget og jeg har gjort rigtig god brug af det jeg lærte der. Udover det kan jeg også konkludere at jeg er i stand til at få en idé i hånden til et design og bringe det til live. Ved hjælp af det nye layout kan brugerne nu få et meget bedre overblik over websitet på andre enheder end computeren, men også få et meget mere clean design på alle enheder, også computer. Vedligeholdelse af siden vil nu blive meget nemmere da der ikke vil være funktioner på over 200 linjer og koden ikke er opbygget i et CMS. 24

25 Perspektivering Jeg kan konkludere at jeg har lært noget gennem dette projekt, dog har jeg ikke nået alt hvad jeg ville. Jeg har haft mangel på overblik, som måske kunne havde været forhindret ved at bruge mere tid på måske Scrum og uddybe mine modeller mere. Jeg har haft rigtig mange problemer i løbet af mit afgangsprojekt og har på mange måde svigtet mig selv i løbet af dette forløb, da jeg har ladt ting i det private gå mig på og det er gået udover min arbejdsindsats. Jeg har ofte haft ting hvor jeg ikke har kunne beslutte mig for hvordan jeg skulle håndtere et problem og har derfor brugt alt for lang tid på at research de mange forskellige måder man kan opnå samme resultat. Nu da projektet er afsluttet vil jeg sige, at jeg er glad for hvad jeg har nået, dog ville jeg ønske at jeg ikke havde haft de problemer og lavet de fejl som jeg har. 25

26 Kildehenvisninger net

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

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

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

CURRICULUM VITAE. Hoda Al-Amood, 2014

CURRICULUM VITAE. Hoda Al-Amood, 2014 CURRICULUM VITAE Hoda Al-Amood, 2014 Kontakt info: Navn: Hoda Al-Amood Født: oktober-1974 Civil stand: Samlevende Adresse: Mellemengen 3, 1TV 2980 Kokkedal Telefon: 31 25 04 34 E-mail: hodaal@gmail.com

Læs mere

IT-Universitetet, Projekt- og Programledelse November 2013 AGIL PROGRAMLEDELSE 13-11-2013 1

IT-Universitetet, Projekt- og Programledelse November 2013 AGIL PROGRAMLEDELSE 13-11-2013 1 IT-Universitetet, Projekt- og Programledelse November 2013 AGIL PROGRAMLEDELSE 1 AGENDA Hvem snakker? De betydende faktorer Agil forretningsudvikling D60 leverancemodel - Bedrock Opsamling og? 2 Hvem snakker?

Læs mere

WEBSITE DB. Copenhagen Business Academy Multimediedesigner. 3 semester 2 projekt, oktober 2014 Gruppe 1 MulA

WEBSITE DB. Copenhagen Business Academy Multimediedesigner. 3 semester 2 projekt, oktober 2014 Gruppe 1 MulA WEBSITE DB Copenhagen Business Academy Multimediedesigner 3 semester 2 projekt, oktober 2014 Gruppe 1 MulA Kia Dahlen, Pia Ellenton Jensen, Maria Korshøj Andersen & Kamilla Klein Website URL: http://www.piajensen.nu/dancehall/index.php

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

Kvalitetssikring og agile udvikling

Kvalitetssikring og agile udvikling Kvalitetssikring og agile udvikling Gæsteforelæsning for dsoftark-e10 på Århus Universitet Dagsorden Hvem er jeg og hvad er min baggrund i test og agile? Hvad kan I forvente? Agile og scrum Kvalitetssikring

Læs mere

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014 2014 Tidsregistrering Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4 Informationsteknologi B Roskilde Tekniske Gymnasium 25-11-2014 Indholdsfortegnelse 1 Indledning... 3 2 User stories... 3 3

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

BackEnd Programmering PHP

BackEnd Programmering PHP 17708 08/ 02/ 2013 BackEnd Programmering PHP Prototype (CMS system) 371615m02dka.sub.ots.dk/historyspot eller linket CMS system på: qrguide.mmd.eal.dk Login CMS Username: admin Password: 1234 Source kode

Læs mere

Ud af krisen. Software på tværs, 15. juni 2009

Ud af krisen. Software på tværs, 15. juni 2009 Ud af krisen Software på tværs, 15. juni 2009 Om Ative Agile udvikling og rådgivning Klassisk udviklingsmodel Krav Design Ændrer sig Implementering Tager for lang tid Springes over Mareridt Test Deployment

Læs mere

SYNOPSIS 1. SEMESTER 2013 E-CONCEPT DEVELOPMENT

SYNOPSIS 1. SEMESTER 2013 E-CONCEPT DEVELOPMENT SYNOPSIS E-CONCEPT DEVELOPMENT INDHOLD 1. JONAS KROGSLUND HVEM ER JEG?... Side 3 2. PRÆSENTATION & MOTIVATION... Side 3 3. FAGLIGE UDFORDRINGER & PROBLEMER... Side 4 3.1 SCRUM...... Side 4 3.2 KRAVSPECOFIKATION...

Læs mere

University College Nordjylland Teknologi og Business

University College Nordjylland Teknologi og Business University College Nordjylland Teknologi og Business Datamatiker Dmaa0213 5. Semester Afsluttende projekt Projekt deltagere: Ulrik Larsen In this project I have developed a Magento website: www.kalejdoskopshop.dk,

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

SmartWeb Brugermanual

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

Læs mere

The LEGO Journey: Building an agile test foundation one brick at the time. Casper Gaardland Englund. Stephan Hjelmdal Nielsen. 2013 The LEGO Group l

The LEGO Journey: Building an agile test foundation one brick at the time. Casper Gaardland Englund. Stephan Hjelmdal Nielsen. 2013 The LEGO Group l The LEGO Journey: Building an agile test foundation one brick at the time Casper Gaardland Englund Stephan Hjelmdal Nielsen 2013 The LEGO Group l TestExpo 15 Hvem er vi? Casper Englund Uddannet datamatiker

Læs mere

Grafisk produktion & workflow: Alt til forfesten

Grafisk produktion & workflow: Alt til forfesten Grafisk produktion & workflow _ 33 / 23 Grafisk produktion & workflow: Alt til forfesten Produkt _ Jeg har i længere tid gerne ville opbygge min egen webshop. september 2014 tog jeg mig sammen og opbyggede

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

Passioneret dotnet (.Net) programmør, med erfaring fra Dynamics Nav og integration flemming.bakkensen@gmail.com

Passioneret dotnet (.Net) programmør, med erfaring fra Dynamics Nav og integration flemming.bakkensen@gmail.com Flemming Bakkensen Passioneret dotnet (.Net) programmør, med erfaring fra Dynamics Nav og integration flemming.bakkensen@gmail.com Summary FAGLIGE VÆRDIER Systemudvikler med 10 års erfaring - hvor jeg

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

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

PROJEKT WEB_DB CROWDFUNDING

PROJEKT WEB_DB CROWDFUNDING PROJEKT WEB_DB CROWDFUNDING 3. SEMESTER 3. PROJECT MULB Gruppe 6. 4. oktober 2015 Ved at underskrive dette dokument bekræfter vi, at det indsendte materiale alt sammen er vores eget materiale og arbejde.

Læs mere

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

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

Læs mere

GRAFISK PRODUKTION & WORKFLOW

GRAFISK PRODUKTION & WORKFLOW 24 APP FOR PRESIDENTS INSTITUTE Jeg arbejder til dagligt hos Presidents Institute og i den forbindelse fungerer jeg som projektleder på vores App som vi ønskede det. Der er blevet taget en masse nye beslutninger

Læs mere

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

ROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner

ROSKILDE TEKNISKE GYMNASIUM. Læringsprogram. Lommeregner ROSKILDE TEKNISKE GYMNASIUM Læringsprogram Lommeregner Programmering Malte Fibiger, Rasmus Ketelsen, Nicojal Jensen og Leon Bøgelund, Klasse 3.36 04-12-2012 Indholdsfortegnelse Indledende afsnit... 3 Problemformulering...

Læs mere

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer.

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer. Curriculum Vitae: Personlige oplysninger Navn Thomas Gustafsson Født 5. marts 1972 Adresse Græsmarken 5, ST. TH. 2860 Søborg Mobil (+45) 2577 2387 E-mail tgconsult@webspeed.dk Civilstand Ugift / Far til

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

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

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

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

Systemudviklings projekt. Nikolaj Boel Jensen Rasmus Thorslund Jensen Bo Mortensen Daniel Munch Lasse Abelsen

Systemudviklings projekt. Nikolaj Boel Jensen Rasmus Thorslund Jensen Bo Mortensen Daniel Munch Lasse Abelsen Systemudviklings projekt Nikolaj Boel Jensen Rasmus Thorslund Jensen Bo Mortensen Daniel Munch Lasse Abelsen 8. Juni 2009 Forord Denne rapport er skrevet på 4. semester på datamatiker uddannelsen. Rapporten

Læs mere

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer.

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer. Curriculum Vitae: Personlige oplysninger Navn Thomas Gustafsson Født 5. marts 1972 Adresse Græsmarken 5, ST. TH. 2860 Søborg Mobil (+45) 2577 2387 E-mail tgconsult@webspeed.dk Civilstand Ugift / Far til

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

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

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

Læs mere

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

Læs mere

Administrationssystem med Android applikation Driving Academy

Administrationssystem med Android applikation Driving Academy Dette er procesrapporten til Bacheloropgaven på University College Nordjylland, omhandlende udviklingen af et Administrationssystem til Driving Academy. Opgaven indeholder alt information og dokumentation

Læs mere

Umbraco installationsvejledning

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

Læs mere

PHP 3 UGERS FORLØB PHP, MYSQL & SQL

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

Læs mere

Få optimeret dit firmas website til mobilen og styrk dit image ud af til.

Få optimeret dit firmas website til mobilen og styrk dit image ud af til. Få optimeret dit firmas website til mobilen og styrk dit image ud af til. Hvorfor? Vi danskere vil være på nettet overalt. Og det kan ses på mængden af datatrafik, vi henter og sender til og fra vores

Læs mere

Curriculum Vitae: Jeg kan hurtigt overskue komplekse systemer og finde brugbare løsninger på selv vanskelige problemer.

Curriculum Vitae: Jeg kan hurtigt overskue komplekse systemer og finde brugbare løsninger på selv vanskelige problemer. Curriculum Vitae: Personlige oplysninger Navn Thomas Gustafsson Født 5. marts 1972 Adresse Græsmarken 5, ST. TH. 2860 Søborg Mobil (+45) 2577 2387 E-mail Civilstand tgconsult@webspeed.dk Ugift / Far til

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

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

C#, ASP.NET 4.0, HTML5, CSS3, WPF,

C#, ASP.NET 4.0, HTML5, CSS3, WPF, PROFIL 26 år, samboende ugift Datamatiker Erfaring med kommunikation, analyse, udvikling og IT. Speciale i C#,.NET & Visual Studio Meget lærenem / -villig & fleksibel Stærke analytiske evner, og meget

Læs mere

Drupal. Hvad er Drupal?

Drupal. Hvad er Drupal? Drupal Verdens bedste Content Management System Drupal er to år i træk blevet kåret som det bedste Open Source CMS i den såkaldte CMS Award, som årligt afholdes af det anerkendte IT-bogforlag Packt Publishing.

Læs mere

Dokumentation. Karen-Louise Fejerskov

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

Læs mere

Idekatalog. Så vidt jeg husker fremgik det ret tydeligt hvad der skulle være i ansøgningen. Der var bare virkelig mange informationer der skulle med.

Idekatalog. Så vidt jeg husker fremgik det ret tydeligt hvad der skulle være i ansøgningen. Der var bare virkelig mange informationer der skulle med. Ansøgning Yderligere bemærkninger til ansøgningen Det var fedt at rammerne var så åbne, som jeg så det var der kun to krav til projektet: Det skulle være open source og det skulle have det offentliges

Læs mere

Introduktion til Wordpress Få et indblik hvad der skal til for at få et website

Introduktion til Wordpress Få et indblik hvad der skal til for at få et website Introduktion til Wordpress Få et indblik hvad der skal til for at få et website Agenda 1. Introduktion 1. Lidt om SimpleShop.dk 2. Hvad gennemgår vi i dag? 3. Hvorfor Wordpress? 2. Hvad har du brug for?

Læs mere

Svendeprøve Projekt Tyveri alarm

Svendeprøve Projekt Tyveri alarm Svendeprøve Projekt Tyveri alarm Påbegyndt.: 8/2-1999 Afleveret.: 4/3-1999 Projektet er lavet af.: Kasper Kirkeby Brian Andersen Thomas Bojer Nielsen Søren Vang Jørgensen Indholds fortegnelse 1. INDLEDNING...3

Læs mere

Brand By Hand Brand By Hand: Handelsbetingelser - august 2014

Brand By Hand Brand By Hand: Handelsbetingelser - august 2014 Brand By Hand CVR: 34845808 Møllevangsallé 142, 8200 Aarhus N 1 Indledning Vi yder altid vores bedste for at opfylde dine behov og indfri dine forventninger. Vi har i det følgende formuleret vores handelsbetingelser,

Læs mere

It-håndbogen. Uddrag af artikel trykt i It-håndbogen. Gengivelse af denne artikel eller dele heraf er ikke tilladt ifølge dansk lov om ophavsret.

It-håndbogen. Uddrag af artikel trykt i It-håndbogen. Gengivelse af denne artikel eller dele heraf er ikke tilladt ifølge dansk lov om ophavsret. It-håndbogen Uddrag af artikel trykt i It-håndbogen. Gengivelse af denne artikel eller dele heraf er ikke tilladt ifølge dansk lov om ophavsret. Børsen Ledelseshåndbøger er Danmarks største og stærkeste

Læs mere

Dokumentering af umbraco artikeleksport:

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

Læs mere

Dynamisk Webdesign F2010

Dynamisk Webdesign F2010 Dynamisk Webdesign F2010 Præsentationer Læringsmål Emnet: teknologi, koncept, design og process Projekt Semesterplan Jeres underviser: Tess Gaston Cand.it, software udvikling (ITU) og ba. pædagogik (KU)

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

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

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

Internet. Komplet featureliste. Aesiras - integreret Regnskab, Handel og Internet

Internet. Komplet featureliste. Aesiras - integreret Regnskab, Handel og Internet Internet Komplet featureliste Aesiras - integreret Regnskab, Handel og Internet Aesiras Internet gør det let at komme i gang med en professionel hjemmeside og webshop. Som standard medfølger et grafisk

Læs mere

Rejsekort A/S idekonkurence Glemt check ud

Rejsekort A/S idekonkurence Glemt check ud Rejsekort A/S idekonkurence Glemt check ud 9. marts 2015 1 Indhold 1 Introduktion 4 1.1 Problembeskrivelse........................ 4 1.2 Rapportens opbygning...................... 4 2 Ordliste 5 3 Løsning

Læs mere

Vejledning til Teknisk opsætning

Vejledning til Teknisk opsætning Vejledning til Teknisk opsætning v. 1.0 Adm4you, 2010. Indhold Kort om denne vejledning... 3 Generelt om easyourtime... 3 Installation af databasen... 3 Sikkerhed og rettigheder... 4 SQL Login... 4 Rettigheder

Læs mere

Interviewer: Men da du så kom ind på siden hvad var dit førstehåndsindtryk af den så?

Interviewer: Men da du så kom ind på siden hvad var dit førstehåndsindtryk af den så? Transskribering af interview med EL Udført tirsdag den 27. November 2012 Interviewer: Hvordan fik du kendskab til Pinterest? EL: Øj, det er et godt spørgsmål! Hvordan gjorde jeg det? Det ved jeg ikke engang.

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely Bannerpage: http://spicegirls.creativefolder.dk/bannerpage/ Landingpage: http://spicegirls.creativefolder.dk/ René Skovgaard Andersen cph-ra73@cphbusiness.dk Stig Hamborg Nielsen cph-sn9@cphbusiness.dk

Læs mere

Nye testteknikker fra ISTQB - direkte fra hylderne. Ole Chr. Hansen

Nye testteknikker fra ISTQB - direkte fra hylderne. Ole Chr. Hansen Nye testteknikker fra ISTQB - direkte fra hylderne Ole Chr. Hansen TestExpo 29. Januar 2015 Præsentation Ole Chr. Hansen Managing Consultant Fellow SogetiLabs Global Innovation Team Blog - http://ochansen.blogspot.com

Læs mere

CarAPP. Ronni Hansen, Jesper Jensen, Jonas Kristensen og Mads Nielsen

CarAPP. Ronni Hansen, Jesper Jensen, Jonas Kristensen og Mads Nielsen CarAPP Ronni Hansen, Jesper Jensen, Jonas Kristensen og Mads Nielsen Titelblad Overskrift: Udarbejdet af: CarAPP Ronni Hansen, Jesper Jensen, Jonas Kristensen, Mads Nielsen Projektperiode: 23-11-2012 til

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

PHP kode til hjemmeside menu.

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

Læs mere

Succes med intranet til Office 365. Den 13. august 2014 Webtop A/S s. 1

Succes med intranet til Office 365. Den 13. august 2014 Webtop A/S s. 1 Succes med intranet til Office 365 Webtop A/S s. 1 Hvem er jeg https://twitter.com/jeslas http://www.linkedin.com/in/jesslassen Webtop A/S s. 2 Hvad er Office 365 Office pakken (Word, Excel..) Skyudgaver

Læs mere

NY IDENTITET TIL SCHWARZ

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

Læs mere

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

Læs mere

CV for Martin Smidt Kristensen

CV for Martin Smidt Kristensen Martin Smidt Kristensen Tage- Hansens gade 33 st. tv. 8000 Aarhus C Tlf. 23983282 CV for Martin Smidt Kristensen Professionel profil Som webudvikler har jeg en god forståelse for webdesign, webudvikling

Læs mere

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

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

Læs mere

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

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

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012 Server side Programming Wedesign Forelæsning #8 Recap PHP 1. Development Concept Design Coding Testing 2. Social Media Sharing, Images, Videos, Location etc Integrates with your websites 3. Widgets extend

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

Dennis Cassøe Mobil: 29 89 89 01

Dennis Cassøe Mobil: 29 89 89 01 Dennis Cassøe Mobil: 8 8 0 3consult.dk Email: dennis@3consult.dk Navn: Dennis Cassøe Årgang: IT-: Profil: Roller: Brancher: år Forretningsfokuseret IT-Arkitekt IT-Chef, IT-Arkitekt, Projektleder, Udvikler,

Læs mere

http://bysileha.com/rate/home.php Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely

http://bysileha.com/rate/home.php Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely http://bysileha.com/rate/home.php Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely Amanda Lindschouw - cph-al144@cphbusiness.dk http://ahldesign.dk/learningthird.html Michelle

Læs mere

IT Sikkerhed. Digital Mobning.

IT Sikkerhed. Digital Mobning. IT Sikkerhed. Nu i dag hvor vores computer næsten er tilkoplet hinanden 24/7 er det vigtigt at kunne beskytte sin compuder / server mod spyware, virus, spam og skam. Til det er vi gået i gang med at arbejde

Læs mere

Projekt - Visual Basic for Applications N på stribe

Projekt - Visual Basic for Applications N på stribe Projekt - Visual Basic for Applications N på stribe Mikkel Kaas og Troels Henriksen - 03x 3. november 2005 1 Introduktion Spillet tager udgangspunkt i det gamle kendte 4 på stribe, dog med den ændring,

Læs mere

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

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

Læs mere

Database for udviklere. Jan Lund Madsen PBS10107

Database for udviklere. Jan Lund Madsen PBS10107 Database for udviklere Jan Lund Madsen PBS10107 Indhold LINQ... 3 LINQ to SQL og Arkitektur... 3 O/R designere... 5 LINQ Den store introduktion med.net 3.5 er uden tvivl LINQ(udtales link): Language-INtegrated

Læs mere

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

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

Læs mere

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Datagrundlag Det er vigtigt, at de informationer man viser kan hentes let (hurtigt) fra bibliotekssystemet eller Brønden. Det vil betyde rigtig meget for hastighed i præsentationen

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

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Annoncering af udbud om udvikling af ny hjemmeside

Annoncering af udbud om udvikling af ny hjemmeside Annoncering af udbud om udvikling af ny hjemmeside Annoncering I medfør af lov om indhentning af tilbud på visse offentlige og offentligt støttede kontrakter (tilbudsloven) 15 a 15 d annonceres følgende:

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

Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony)

Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony) Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony) Generelt Mobil Reception er et værktøj som bruges til at overvåge medarbejdere, kø er og meget andet samt styre dit omstillingsanlæg

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

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