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

Hassansalem.dk/delpin User: admin Pass: admin BACKEND

Hassansalem.dk/delpin User: admin Pass: admin BACKEND Hassansalem.dk/delpin User: admin Pass: admin BACKEND 1/10 Indledning Dette projekt er den afsluttende del af web udvikling studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med Del-pin

Læs mere

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

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

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Jan-juni 2016 Institution UCH/ Handelsskolen Uddannelse Fag og niveau Lærer(e) Hold EUX Business IT B Lars

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

Specialiseringen Rapport Lavede Af Rasmus R. Sørensen Side 1 af 6

Specialiseringen Rapport Lavede Af Rasmus R. Sørensen Side 1 af 6 Side 1 af 6 Indholdsfortegnelse INDHOLDSFORTEGNELSE 1 INTRO 3 STARTEN AF SPECIALISERINGEN 3 ANKOMST TIL SKOTLAND 4 DATABASER 5 NETVÆRK 5 INTERAKTION 5 AFSLUTNING AF SPECIALISERINGEN 5 KONKLUSION 6 Side

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

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

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

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

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

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

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

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

Hej! Mit navn er Mathias Korsholt Abel

Hej! Mit navn er Mathias Korsholt Abel Hej! Mit navn er Mathias Korsholt Abel Kontakt og Info Navn: Mathias Korsholt Abel. Fødselsdato: 31. August 1993. Adresse: Fyensgade 60, 2 sal lejlighed 4. Postnummer: 9000 Aalborg. Mobil: 27625622 E mail:

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

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

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

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

Læs mere

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

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

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

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

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

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

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Tema 1 Gruppe 6 Mads Balslev & Kristian Gasberg Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe Link http://des-iis.ucn.dk/mmda0914/1034387/ Database Mmda0914/1034387 Indledning Til dette projekt

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

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

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

[A20] Kick off document and process description. 1 of 5

[A20] Kick off document and process description. 1 of 5 [A20] Kick off document and process description 1 of 5 kick off document Huge Lawn Projekt Kick-Off Alle projekter og ideer er forskellige. For at vi kan give et reelt bud på dit/jeres projekt eller idé

Læs mere

multimediedesign projekt crowdfunding 3. semester

multimediedesign projekt crowdfunding 3. semester multimediedesign projekt crowdfunding 3. semester Kolofon Projekt 3. projekt Crowdfunding (web database) Mark Kristensen kristensen.theman@gmail.com www.markkristensen.dk Skole CPH Business Academy Lyngby

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

Indholdsfortegnelse for kapitel 2

Indholdsfortegnelse for kapitel 2 Indholdsfortegnelse for kapitel 2 Kapitel 2. Analyse.......................................................... 2 Analyse af 2.1...................................................... 2 Analysen af Database.................................................

Læs mere

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

Projektbeskrivelse Informations Teknologi

Projektbeskrivelse Informations Teknologi Projektbeskrivelse Informations Teknologi Upload og indeksering af elev og -projektopgaver i skolemiljøet Indledning: Som nystartet på et gymnasium kan omvæltningen fra elev til påbegyndende studerende

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

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

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap... Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer

Læs mere

Bemærk! Et PHP script har kun brug for at forbinde én gang til databaseserveren. Det kan så sagtens udføre flere kommandoer vha. denne forbindelse.

Bemærk! Et PHP script har kun brug for at forbinde én gang til databaseserveren. Det kan så sagtens udføre flere kommandoer vha. denne forbindelse. Mysqli Webintegrator Når vi arbejder med server-side scripting ( i vort tilfælde PHP), har vi ofte behov for at kunne tilgå data, som vi opbevarer i en database. Det kan f.eks. dreje sig om nyhederne i

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

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

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

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

Denne rapport er skrevet af:

Denne rapport er skrevet af: Rapport til Kajakklubben Rapport til Kajakklubben Generelt: Frontend: Backend Admin: Backend instruktør sign up: Backend medlem sign up: Database: Oprettelse af database og SQL sætning: Konklusion: Bilag:

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

BA 1. Semester. Eksamen synopsis. Udarbejdet af Neslihan Gökce Kaya

BA 1. Semester. Eksamen synopsis. Udarbejdet af Neslihan Gökce Kaya BA 1. Semester Eksamen synopsis Udarbejdet af Neslihan Gökce Kaya 2013 BA 1. Semester Econcept development Præsentation og Motivation Til eksamen har min gruppe og jeg arbejdet med 3 rapporter indenfor

Læs mere

Data load og udtræk. 2. iteration: implmentation (test af backend) PHP mysql. Loade og parse XML (SimpleXML, Xpath) Filhåndtering i PHP JSON

Data load og udtræk. 2. iteration: implmentation (test af backend) PHP mysql. Loade og parse XML (SimpleXML, Xpath) Filhåndtering i PHP JSON Data load og udtræk 2. iteration: implmentation (test af backend) 1 PHP mysql Loade og parse XML (SimpleXML, Xpath) Filhåndtering i PHP JSON 2 Data udtræk PHP mysql: Processen 1. Forbind til MySQL server

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

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

Læs mere

Hvorfor skal vi bruge objekt orienteret databaser?

Hvorfor skal vi bruge objekt orienteret databaser? OODBMS Vs. RDBMS 1 Indholdsfortegnelse Hvorfor skal vi bruge objekt orienteret databaser?... 3 OODBMS i erhvervslivet... 4 Bagsiden af medaljen... 5 OODBMS i praksis... 6 Konklusion... 8 2 Hvorfor skal

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

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

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

Serversideprogrammering, CMS og eshop. Dag 1: Introduktion og serverside programmering Niels Østergaard

Serversideprogrammering, CMS og eshop. Dag 1: Introduktion og serverside programmering Niels Østergaard Serversideprogrammering, CMS og eshop Dag 1: Introduktion og serverside programmering Niels Østergaard Dagens program Introduktion til forløbet Begrebet serverside Introduktion til PHP-programmering Tilmelding

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

Portfolio Web:

Portfolio Web: Portfolio Web: http://sann3737.mmd.eal.dk Af: Sanni Maria Lindberg Johannessen Dato: 30. maj 2013 EAL MMD Odense Vejledere: Kristin, Thomas & Pernille Anslag: 1921 Indholdsfortegnelse Indledning... 3 Baggrund...

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

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

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. 1 Kommunikationsplan: Kommunikationsmål, afsender og genre Hvad ønsker afsender at opnå med webstedet?: Afsender ønsker at have en mad

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL 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

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

sådan kører vi processen

sådan kører vi processen VERTICA sådan kører vi processen Når du som ny kunde skal have udviklet en ny e-handelsløsning eller app til din virksomhed, kan det være svært at overskue den proces, der følger. Hos Vertica har vi været

Læs mere

Kom/It Rapport. Responsiv hjemmeside (Jakes Awesome Game Reviews)

Kom/It Rapport. Responsiv hjemmeside (Jakes Awesome Game Reviews) Kom/It Rapport Responsiv hjemmeside (Jakes Awesome Game Reviews) Indhold Resume... 2 Forord... 2 Jakes Awesome Game Reviews... 2 Den tidelige fase... 2 Efter jeg har lavet siden hvor mine reviews 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

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok

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

Bilag 1, Desk research/moodboard

Bilag 1, Desk research/moodboard Bilag 1, Desk research/moodboard Bilag 2, Chris-Ann/Noter Bilag 3, SWOT Strengths Internal Weaknesses Høj værdi institution Velorganiseret Frivillige Miljø Gratis Læring Dårlig hjemmeside Umoderne Nørdet

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

Det Nye Testamente lyd-app. v. Stefan Lykkehøj Lund

Det Nye Testamente lyd-app. v. Stefan Lykkehøj Lund Det Nye Testamente lyd-app v. Stefan Lykkehøj Lund Indledning For nogle år siden, fik jeg Det Nye Testamente som lydbog på USB. I starten lyttede jeg en del med tiden blev det dog til mindre og mindre.

Læs mere

DANMARKS NATIONALBANK LEVER AGIL UDVIKLING STADIG I DET VILDE VESTEN

DANMARKS NATIONALBANK LEVER AGIL UDVIKLING STADIG I DET VILDE VESTEN DANMARKS NATIONALBANK LEVER AGIL UDVIKLING STADIG I DET VILDE VESTEN Sikkerhed og Revision 2013 Martin Falk-Hansen & Svend M Er sikkerhed og revision et problem i agil udvikling? Og i givet fald hvorfor?

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

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

IndentifyIT Survey Rapport

IndentifyIT Survey Rapport IndentifyIT Survey Rapport af Andreas Stjerneklar Kristensen Login: Knankr23 Email: Andreas.kristensen@gmail.com SurveyID: ASKsurvey3 Løsning findes på http://andreasstjerneklar.dk/#nav=spørg eskema Portfolio

Læs mere

5. Semester Projekt Datamatiker

5. Semester Projekt Datamatiker 5. Semester Projekt Datamatiker University College Nordjylland Teknologi og Business Datamatiker Dmab0913 Projektdeltager: Thomas Bonderup Vejleder: SIKO Afleveringsdato: 14/1-2016 Drone price aggregator

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

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

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

Hensigten har været at træne de studerende i at dele dokumenter hvor der er mulighed for inkorporering af alle former for multimodale tekster.

Hensigten har været at træne de studerende i at dele dokumenter hvor der er mulighed for inkorporering af alle former for multimodale tekster. Projekt edidaktik Forsøg med multimodal tekstproduktion På Viden Djurs er der I to klasser blevet gennemført et forsøg med anvendelse af Microsoft Office 365. Hensigten har været at træne de studerende

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

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

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

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

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

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

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

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

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

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

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

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

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

3. PROJEKT, 2 SEMESTER

3. PROJEKT, 2 SEMESTER 3. PROJEKT, 2 SEMESTER Bruger undersøgelse, af sociale medie. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE

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

Rollespil it support Instruktioner til mødeleder

Rollespil it support Instruktioner til mødeleder Instruktioner til mødeleder Introduktion Med dette rollespil træner I det lærte i grundmodulet. Der skal medvirke to personer, der skal spille henholdsvis Henriette og Jesper, som er i konflikt med hinanden.

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

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

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

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