Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely

Størrelse: px
Starte visningen fra side:

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

Transkript

1

2 Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely Amanda Lindschouw - Michelle Andersen - Charlotte Øberg - Simone Hansen - 2

3 Indholdsfortegnelse Indholdsfortegnelse 3 Gruppekontrakt Indledning Scrum dokumentation Scrum dokumentation Scrum dokumentation Design Moodboard Design brief Designmanual Designmanual Designmanual Designmanual Designmanual Mock-up Mock-up Navigationsdiagram User story Use case Use case Use case Use case Use case Database dokumentation Attributtabel ER diagram ER diagram Crud matrix Kodning Test cases Test cases Test cases Test cases Konklusion Litteraturliste 37 3

4 Gruppekontrakt 0.0 Vi har valgt at lave en gruppekontrakt over vores forventninger til deltagelse i projektet. Hvis de valgte punkter ikke overholdes, gives der tre chancer, hvor der derefter tages stilling til, om den/de person(er) fortsat kan deltage i samarbejdet. 1. Alle mødetider og aftaler skal overholdes, da disse bliver lavet i samarbejde med resten af gruppens medlemmer. 2. Ved sygdom eller andre pludselige gøremål, skal gruppen kontaktes så hurtigt som muligt. 3. Alle deadlines skal overholdes og hjemmearbejde skal laves til aftalte tidspunkt, så vores projektplan overholdes bedst muligt. alle får det maksimale ud af projektet og lærer mest muligt. Derudover skal alle være inde over hver opgave så meget det er muligt. Der tages dog forbehold for tidspres, hvor arbejdsopgaverne så vidt muligt vil blive uddelegeret, for at overholde valgte deadline. 4

5 Indledning 1.0 Vi er ansat i virksomheden, Convey-IT, som er en lille virksomhed i København. Vi er blevet valgt til at lave en hjemmeside, der skal vise fremtidige kunder, at Convey-IT kan lave rating systemer og godt design. Vi har fået temaet Britpop med fokus på 80 erne og 90 erne. Britpop, betegnelse for den type britisk popmusik, som var særligt fremherskende i 1990 erne, hvor den talte bands som Suede, Oasis, Pulp, Blur, The Verve og Radiohead. Britpoppen har ikke én enslydende sound. Selv om britpoppen har sine rødder i den britiske indie-scene, var britpoppen i særdeleshed kommerciel. Britpoppen opstod som en reaktion på musikalske og kulturelle trends i de sene 1980 ere og tidlige 1990 ere hovedsageligt som reaktion på grunge-fænomenet fra USA. På trods af britpop-kunstnernes kommercielle succes i resten af Europa og for nogles vedkommende også i USA, uddøde britpoppen som fænomen med årtusindeskiftet

6 Scrum dokumentation 2.0 Vi har brugt scrum som fremgangsmåde til vores projekt. Hver morgen har vi haft et møde i 15 minutter, hvor vi snakkede om hvor langt vi er kommet og hvad vi skal lave fremover. Vi har lavet en logbog hvor vi har dokumenteret alt der er blevet lavet og skal laves. Her har vi også skrevet hvilke lektier vi hver i sær har for til de resterende dage. På denne måde kan vi holde øje med hvornår alt skal laves og hvad vi mangler at lave. Planningsheet 6

7 Scrum dokumentation 2.0 Sprint Backlog Burndown 7

8 Scrum dokumentation 2.0 Burndown chart 8

9 Design 3.0 Vores design bærer stort præg af hvordan britpop så ud i 80 erne og 90 erne. Stilen var, som også beskrevet bedre nedenfor, meget dyster og lidt grumset. Disse ting, har vi prøvet af få frem blandt andet ved hjælp af de billeder vi bruger på siden. Vi ønskede også siden skulle afspejle, at den er lavet i år 2014 og derfor gav vi den også et mere moderne touch og nogle minimalistiske fonte. 9

10 Moodboard

11 Design brief 3.2 Virksomheden som vi leverer et produkt for, er Convey IT. De er et lille mediebureau i central København. Deres hovedfokus er at levere produkter af høj kvalitet, der matcher deres kunders behov. De har givet os, designerne, opgaven at levere en showcase hjemmeside. Deadline for at præsentere vores projekt er den 30 oktober - hvorefter at vi skal lave rettelser og Den opgave der skal løses, er en rating hjemmeside. Den skal vise, hvordan en hjemmeside kan matche et givent tema, som i dette tilfælde er britpop 80 s and 90 s. Målet med vores design er, som tidligere nævnt kort, at lave en showcase hjemmeside, der har ratings, som matcher det tema vi har fået. Hjemmesiden skal vise potentielle kunder, at Convey-IT kan designe og udvikle ratingsystemer, som passer til en professionel og kommerciel hjemmeside. Målgruppe Den primære målgruppe for hjemmesiden, er kunder og potentielle nye kunder. Kunderne som ønsker at få lavet medieprodukter til deres virksomhed. Kunder kunne også være privatpersoner eller selvstændige, der har behov for en hjemmeside eller et andet medieprodukt. Den sekundære målgruppe er, personer som interesserer sig for britpop og derfor har fundet frem til vores hjemmeside. Selvom siden kun er en showcase ville den stadig have relevans for folk med interesse indenfor emnet. 11

12 Designmanual 3.3 Farver Vi har valgt at arbejde med de farver, som der tema vi har fået. 12

13 Designmanual 3.3 Big bottom cartoon - overskrift på siderne Helvetica - Light - rapporten Vi har valgt at bruge denne stil som vores overskrift til siderne, da vi i vores undersøgelsesfase fandt mange steder, hvor britpop var skrevet på en lidt anderledes måde, hvor bogstaver ligner klippe klistre og lidt pop up. Denne skrift valgte vi at bruge i rapporten, da den er let at læse, også når der står meget tekst på en side, og samtidig passede den godt til resten af designet. Artist Medium - logo Raleway - Menu Vi valgte at bruge denne font til vores menupunkter, da vi gerne ville have, at det så meget enkel ud, da vi har mange farver og meget spil på vores side. Vi har brugt denne font til ConveyITs logo, da den giver et moderne look og samtidig skiller den sig ud fra resten af siden. fonte. 13

14 Designmanual 3.3 Logo Vi har lavet et logo for Convey-it, som skal afspejle at det er en it virksomhed, der står bag hjemmesiden. Logoet har som sådan ingen forbindelse til resten af sidens design og har derfor også sine egne farver og font. Vi har efterfølgende valgt, ikke at tage det med på siden, da vores website kun skulle bruges som showcase. Layout Vi har valgt at baggrunden på vores forside er har selv klippet videoen sammen med videoer af de forskellige bands. På de andre sider har vi baggrund ville forvirre mere, da vi har videoer, billeder og animationer på vores andre sider, som også skal kunne køre. Da målgruppen er folk, der lytter til britpop ville det være mest optimalt at designe et website tilpasset deres skærme. For at ramme målgruppens skærme 100% ville det være bedst, at lave websitet responsivt, men da vores side kun skal fungerer som showcase, har vi set bortfra det. Det endelige website ville selvfølgelig blive responsivt. 14

15 Designmanual 3.3 Designprincipper #4 ensartethed: Elementer på siden, der er ens har en større relation end principper, der ikke er ligner dem. Her har vi ens baggrunde, og når vi fremviser samme måde, så brugeren kan se, at på siden med videoer, hvor de ratede fra 1-5, er det Vi har valgt at vores side skal være mere brug- - Vi har valgt at lave vores side meget enkel og overskuelig, derfor er der lagt mest vægt på brugbarhed. På den måde får brugeren et godt overblik over sidens indhold. #8 genkendelighed: Vi har valgt bruge de samme farver hele vejen igennem. Dels for at understøtte vores tema om britpop, men også for at skabe en genkendelighed på siden. Vi arbejder meget med de samme overskrifter og måden vores sider er bygget op på. Dette gør at brugeren har lettere ved at anvende vores side. #17 lukkethed: Vi har brugt lukkethed på vores website, når vi viser vores videoer, animationer og billeder. der hører til hvilke mediet. 15

16 Designmanual 3.3 Billeder Vi har valgt at billederne skal afspejle tiden dengang. Derudover har vi valgt, at gøre baggrunden på hjemmesiden lidt grumset og dystert for at afspejle temaet. Vi har valgt at billeder og animationer har en width på 300px og en height 300px Video Videoerne på siden repræsenterer det valgte tema og de valgte bands. Videoen på forsiden skal være mere dyster og er klippet sammen af videoer fra de forskellige bands, så det ikke kun er ét band men dem alle. Derudover skal det at understrege vores tema. format på youtube videoerne er width: 310px x height 315px aldrig har lavet før og da siden er en showcase hjemmeside, har vi valgt at tage chancen. Dette ville dog ikke være et tilfredsstillende resultat på en helt færdig implementeret hjemmeside. Vi har oplevet forsinkelser på både forside og siderne med billeder, videoer og animationer. lemet, men tænker at det kunne have noget med den server, som siden ligger på, som gør at tingene loader med lidt forsinkelse. Det ville vi selvfølgelig få rettet op på, hvis siden skulle programmeres til en virksomhed. Videoen på forsiden loader med en del forsinkelse, da vi aldrig har prøvet at integrere en video på et website før, valgte vi at se bort fra dette, da vi gerne ville prøve at lavet noget vi 16

17 Mock-up

18 Mock-up 4.0 fandt vi dog frem til den nuværende løsning, som vi mener er mere brugervenlig og et bedre design. 18

19 Navigationsdiagram

20 User story 6.0 Vi har valgt at lave en user story over vores ratingsystem. Her vises der, at efter man har submit og ens rating bliver registreret. Der kan være to forskellige resultater. Enten er ens rating registreret korrekt ellers er der enten sket en fejl, eller man har glemt at stemme. 20

21 Use case

22 Use case 7.0 Som tilføjelse til vores use case-model har vi udarbejdet use cases over top 5 funktionen samt rating funktionen. Name: Rate 1-5 : UseCase#1 Description: Brugeren og admin på hjemmesiden har mulighed for at gå ind og rate video, animationer eller billeder med en rate på 1-5, hvor 1 er det dårligste og 5 er det bedste. På den rigtige hjemmeside er det meningen at man kun skal kunne stemme én gang på hver video, foto eller animation, men da vores website er en Goal: Det er målet med denne use case, at man skal kunne gå ind og rate på alle videoer, billeder og animationer, der er lagt ind på hjemmesiden. Det skal være nemt og skal kunne gøres hurtigt ved et enkelt klik med musen. Preconditions: Der er en del forudsætninger for websitet, der skal være opfyldt inden denne use case kan udføres: 1.Websitet skal køre og være online 2.Der skal være gang i serveren 3. Brugeren skal have mulighed for at se mediet som han/hun vil rate Assumptions: For at denne use case kan udføres må det antages at: 1. Brugeren kan se mediet 2. Rating-systemet er synligt og nemt at bruge 3. PHP og SQL-koder er korrekte således, at alt virker og dataen kan sendes videre til databasen 4. Ratingsystemet giver feedback i form af en lille besked, der fx fortæller brugeren at hans/hendes rating er gemt. 22

23 Use case 7.0 Frequency: Denne use case udføres ofte og systemet skal derfor kunne håndtere, at der skal sendes og håndteres meget data og således skal hjemmesiden også kunne hånd- Basic Course: Når brugeren går ind på hjem- er det medie som han/hun gerne vil rate. Brugeren klikker på den rating (fra 1-5), som han/ hun gerne vil afgive. Dernæst får brugeren en feedback-besked om at ratingen er modtaget. Use casen slutter dernæst, når brugeren går væk fra siden. Post conditions: Der kan ske to ting: 1. Brugeren rater mediet fra Der er opstået et problem og dataen kan ikke sendes til databasen Actors: I denne use case er der to aktører: 1. Brugeren - der har mulighed for at gå ind på hjemmesiden 2. Administratoren - der styrer hjemmesid en og derfor har adgang til alle use cases. Included Use Cases: Der inkluderes ikke andre use cases i denne use case. Alternate Course: En alternativ vej kan være, at når brugeren har trykket på en værdi fra 1-5, vil dataen ikke blive sendt til databasen. Ratingen afgives altså, men bliver ikke sendt afsted. Her vil der komme en fejlmelding med beskeden om at afstemningen fejlede og at brugeren kan prøve igen. 23

24 Use case 7.0 Name: Se top 5 UseCase#2 Description: Brugeren og admin på hjemmesiden har mulighed for at gå ind og se hvilke højeste ratings på hjemmesiden. Der vil her være en liste af de 5 højest-ratede. Denne funktion vil kræve både PHP og SQL, som gør at når man går ind og kigger, vil de 5 medier, der har fået de højeste ratings vises i den rigtige rækkefølge. Goal: Det er målet med denne use case, at er og animationer, der har fået de højeste ratings af brugerne. Dette kan både være nyttigt for virksomheder, der er interesseret i at sælge brugerne, da de kan gå ind og tjekke for egen fornøjelses skyld. Preconditions: Der er en del forudsætninger for websitet, der skal være opfyldt inden denne use case kan udføres: 1. Websitet skal køre og være online 2. Der skal være gang i serveren 3. Brugeren skal have mulighed for at se medierne 4. Der skal være rated på medierne Assumptions: For at denne use case kan udføres må det antages at: 1. Brugeren kan rate mediet 3. Brugeren kan se top 5-listen 4. PHP og SQL-koderne virker rigtigt således, at de kan give feedback tilbage til siden 24

25 Use case 7.0 Frequency: Denne use case udføres ofte og det er derfor også meningen, at siden skal kunne Basic Course: Når brugeren går ind på hjemmesiden, starter use casen. Brugeren klikker sig ind på siden hvor han/hun kan se top 5-listen. Siden (PHP) henter dernæst data fra databasen. Når brugeren kan se indholdet af top 5-listen, slutter use casen. Alternate Course: En alternativ vej kan være, at brugeren ikke kan se top 5-listen. Her vil der så komme en fejlmelding, som fx fortæller at systemet er ude af drift i øjeblikket, dette ville være løsningen hvis vi havde en fuld kørende side. Da vi har lavet en showcase, vil vi dokumenterer hvad der kan ske, men vi har ikke implementeret dem. Post conditions: Der kan ske to ting: 3. Brugeren ser top 5-listen 4. Der er opstået et problem og bruger en kan ikke se top 5-listen og får en fejlmelding i stedet for. Actors: I denne use case er der to aktører: 3. Brugeren - der har mulighed for, at gå ind på hjemmesiden 4. Administratoren - der styrer hjemmesiden og derfor har adgang til alle use cases Included Use Cases: Der inkluderes ikke andre use cases i denne use case. 25

26 Database dokumentation 8.0 Vi har valgt at lave nedenstående modeller, for bedre at kunne udforme vores database. Det giver et rigtig godt overblik over databasens struktur, når man får udarbejdet et ER diagram, attribut tabel og et CRUD Matrix. 26

27 Attributtabel 8.1 Nedenstående attributtabel giver et overblik over entiteter og deres tilknyttede attributter i forhold til opbygningen af vores database og dens ratingsystem. Vi har 4 entiteter med tilhørende attributter, som danner rammen om vores ratingsystem. er hvad attributten består af. Dette kan være INT eller VarChar og i Notes-feltet kan man se opmærksom på, f.eks. max. antal i en VarChar, unikke tal. 27

28 ER diagram 8.2 RateValue: RateValue betår af en PrimaryKey og en attribut RateValue_Point. Begge er en INT (INT=integer). PrimaryKey er RateValue_ID som peger på tabellen Rate. Rate: Rate består af en PrimaryKey og to ForeignKeys som alle 3 er INT. PrimaryKey er Rate_ID og de to ForeignKeys RateValue_ID_Fk og Media_ID_ Fk peger på henholdsvis tabellerne RateValue og Media. MediaType: MediaType består af en PrimaryKey som er en INT og en attribut som er en VarChar på max. 45 tegn. Efter at vi havde kodet databasen og hjemmesiden, fandt vi ud af at tabellen RateValue samme som RateValue_Point og derfor vil man kunne nøjes med at have en kolonne ved navn RateValue i tabellen Rate i stedet for. Media: Media består at en PrimaryKey og en Foreign- Key som begge er en INT og 3 attributter som er VarChar (VarChar=tegn) hvor to max. må indeholde 45 tegn og en må indeholde max. 500 tegn. 28

29 ER diagram

30 Crud matrix 8.3 Vi har lavet en CRUD-matrix, som gør det nemt Vores CRUD har også en rød tråd til vores use case, da brugerens og administratorens forhold også illustreres her. Her kan man se, hvem der har lov til at gøre hvad og hvad deres roller er. CRUD står for create, read, update og delete, som tildeles de roller man har valgt. Hvordan dette er gjort kan ses nedenfor. Vi har valgt at administratoren skal have adgang til alt stort set alt og har mulighed for at udøve alle funktionerne, hvorimod at brugeren kun har mulighed for de nødvendige funktioner. 30

31 Kodning 9.0 Dette er et eksempel på vores SQL-kode, hvor vi laver vores database og en af vores tabeller CREATE DATABASE IF NOT EXISTS ratings; USE ratings; DROP TABLE IF EXISTS Rate; DROP TABLE IF EXISTS RateValue; DROP TABLE IF EXISTS Media; DROP TABLE IF EXISTS MediaType; Her er endnu et eksempel på, hvordan vi indsætter de værdier til de medietyper vi har. Vores typer er foto, video og animation. INSERT INTO MediaType (MediaType_ID, Medi- INSERT INTO MediaType (MediaType_ID, Medi- INSERT INTO MediaType (MediaType_ID, Medi- CREATE TABLE MediaType ( MediaType_ID INT PRIMARY KEY, MediaType_Name VARCHAR(45) ); 31

32 Test cases 10.0 Vi har foretaget 4 testcases af systemet for at sikre os at det fungerer optimalt. Nedenstående ses resultaterne. Test case name Test Case Description Step Name Step Description/Action Expedted resultat Actual Output Approved 1. Vælg video Her kan brugeren se alle videoer på siden Step 1 Åbne hjemmesiden Kunne se hjemmesiden og at hjemmesiden fungerer Step 2 Vælg video i menu At menuen fungerer og at man rammer på rette underside Step 3 Step 4 Step 5 Step 6 Step 7 Her vælger man Oasis video og giver den 5 Her vælger man Blurs video og giver den 3 Her vælger man Pulps video og giver den 2 Her vælger man The Verves video og giver Her vælger man Suedes video og giver Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen 32

33 Test cases 10.0 Test case name Test Case Description Step Name Step Description/Action Expedted resultat Actual Output Approved 2. Vælg animation Her kan brugeren se alle animationer på siden Step 1 Åbne hjemmesiden Kunne se hjemmesiden og at hjemmesiden fungerer Step 2 Vælg animation i menu At menuen fungerer og at man rammer på rette underside Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Her vælger man Radioheads animation og Her vælger man Blurs animation og giver den Her vælger man Oasis animation og giver den Her vælger man The Verves animtion og Her vælger man Pulps animation og giver den 1 glag Gå ind på Top 5 og se om animationerne ligger rigtigt - efter de ratings de har fået Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen At animationerne ligger i den rigtige rækkefælge 33

34 Test cases 10.0 Test case name Test Case Description Step Name Step Description/Action Expedted resultat Actual Output Approved 3. Vælg billeder Her kan brugeren se alle billeder på siden Step 1 Åbne hjemmesiden Kunne se hjemmesiden og at hjemmesiden fungerer Step 2 Vælg billeder i menu At menuen fungerer og at man rammer på rette underside Step 3 Step 4 Step 5 Step 6 Step 7 Her vælger man Radiohead billede og Her vælger man The Verves billede og giver Her vælger man Pulps billede og giver den 2 Her vælger man Blurs billede og giver den 3 Her vælger man Oasis s billede og giver Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen Er opdateret op Top 5 listen 34

35 Test cases 10.0 Test case name Test Case Description Step Name Step Description/Action Expedted resultat Actual Output Approved 4. Vælg animation Her skal vi se om Top 5 ændrer sig, efter at vi i forvejen har givet den nogle ratings Step 1 Åbne hjemmesiden Kunne se hjemmesiden og at hjemmesiden fungerer Step 2 Vælg animation i menu At menuen fungerer og at man rammer på rette underside Step 3 Step 4 Step 5 Her vælger man Pulps animation og giver den Her vælger man Blurs animation og giver den Gå ind på Top 5 og se om animationerne ligger rigtigt - efter de ratings de har fået Er opdateret op Top 5 listen Er opdateret op Top 5 listen Animationerne ligger i den rigtige rækkefølge og at rækkefølgerne har ændret sig efter man har givet dem nogle nye ratings 35

36 Konklusion 11.0 Vi har haft mange udfordringer undervejs, specielt med hele ratingsystemtet. Vi kunne helt sikkert godt have brugt meget mere undervisning i dette. Vi har brugt rigtigt meget tid på selv, at Hele analysedelen med ER-modeller, attribut-tabel, user story og use cases, har vi efterhånden ret godt styr på og heldigvis har vi ikke skulle bruge så meget tid på dette. Vi kan konkludere, at vores design i denne opgave har været utrolig vigtig, for at kunne afspejle vores tildelte genre og vi synes at vi har ramt rigtigt godt, i forhold til hvad vores research af Britpop i 1980erne og 1990erne har vist. 36

37 Litteraturliste Bøger: Sams Teach Youself SQL In Ten Minuts - Ben forta, Designprincipper - Ian Wisler Poulsen, 2012 Hjemmesider:

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

3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015

3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015 PROJECT DATABASE 3. SEMESTER 2. PROJECT MULB Gruppe 1. 20. september 2015 Ved at underskrive dette dokument bekræfter vi, at det indsendte materiale alt sammen er vores eget materiale og arbejde. Andreas

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

Projekt database. 3 Semester - Mul a Projekt 1. Yaser Osman cph-mo102@cphbusiness.dk. Dan Eskildsen cph-de32@cphbusiness.dk

Projekt database. 3 Semester - Mul a Projekt 1. Yaser Osman cph-mo102@cphbusiness.dk. Dan Eskildsen cph-de32@cphbusiness.dk Projekt database 3 Semester - Mul a Projekt 1 Yaser Osman cph-mo102@cphbusiness.dk Dan Eskildsen cph-de32@cphbusiness.dk Ammar Al-Basri cph-aa140@cphbusiness.dk Emre Kandemir cph-ek68@cphbusiness.dk Lotte

Læs mere

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen.

! Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Copenhagen Business Academy Multimediedesigner 3. semester - 1. projekt, september 2014 Gruppe 1 - MulA Kia Dahlen. Kamilla Klein, Pia Jensen og Maria Korshøj Andersen. Study: Multimedia Design Project:

Læs mere

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

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

Læs mere

DATABASE Projekt 1-3. semester

DATABASE Projekt 1-3. semester DATABASE Projekt 1-3. semester Gruppe 2- CLmul-a12e Projekt URL http://www.lucasperch.dk/projekter/database.pdf Gruppe 2 Lucas Perch-Nielsen cph-lp14@cphbusiness.dk http://lucasperch.dk/skole.php Niclas

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

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

Projekt 1 - Database. Cphbusiness Lyngby Multimediedesigner, 3. semester. MulB13e, gruppe 4

Projekt 1 - Database. Cphbusiness Lyngby Multimediedesigner, 3. semester. MulB13e, gruppe 4 Cphbusiness Lyngby Multimediedesigner, 3. semester MulB13e, gruppe 4 September 2014 http://www.designduck.dk/cph/trorodvin create table costumers ( cno INT(4) Primary key AUTO_INCREMENT, cname VARCHAR(30)

Læs mere

Projekt titel. Projekt navn. Gruppe medlemmer. Klasse/Gruppenummer. Databaseprojekt 1. Ferrari

Projekt titel. Projekt navn. Gruppe medlemmer. Klasse/Gruppenummer. Databaseprojekt 1. Ferrari Projekt titel Databaseprojekt 1 Projekt navn Ferrari Gruppe medlemmer Christian Lund (christiandevries.dk) Alexander Kofod (thisisalex.dk) Mark Halding (haldingweb.dk) Klasse/Gruppenummer MulA - gruppe

Læs mere

WebSite og databaseprojekt

WebSite og databaseprojekt WebSite og databaseprojekt Study: Project Period: Multimedia Design 3.semester 2. Project: Database og website 30.Sep. 2013 11.Okt.2013 Fact Sheet Project title: shop4415 Class: CLmul-a12e Group Number:

Læs mere

Projekt 1 Database. Cphbusiness Lyngby Multimediedesigner, 3. semester mul-a12e, gruppe 1

Projekt 1 Database. Cphbusiness Lyngby Multimediedesigner, 3. semester mul-a12e, gruppe 1 Projekt 1 Database Cphbusiness Lyngby Multimediedesigner, 3. semester mul-a12e, gruppe 1 CREATE TABLE IF NOT EXISTS `3sempro1`.`cu `customer_id` INT(5) NOT NULL AUTO_INCR `name` VARCHAR(45) NULL DEFAULT

Læs mere

Convey-IT. Gruppe : Titel: WEB-Project. Hold: CLmul-b12e 3. semester efterår 2013. URL: http://www.gaardbodesign.dk/web_proj_3sem/index.

Convey-IT. Gruppe : Titel: WEB-Project. Hold: CLmul-b12e 3. semester efterår 2013. URL: http://www.gaardbodesign.dk/web_proj_3sem/index. Convey-IT Titel: WEB-Project URL: http://www.gaardbodesign.dk/web_proj_3sem/index.php Hold: CLmul-b12e 3. semester efterår 2013 Vejledere: Jesper Hinchely Thomas Bügel Hartmann Gruppe : Morten Møller Nielsen

Læs mere

Projekt 2 - Website with Database

Projekt 2 - Website with Database Projekt 2 - Website with Database Cphbusiness Lyngby Multimediedesigner, 3. semester MulB13e, gruppe 1 September 2014 http://blues.cph.designduck.dk FAKTAARK Projekt titel: Projekt 2 - Website with database

Læs mere

indreoesterbro.bysileha.com LOKALOMRÅDE - 3 SEMESTER EKSAMEN INDRE ØSTERBRO

indreoesterbro.bysileha.com LOKALOMRÅDE - 3 SEMESTER EKSAMEN INDRE ØSTERBRO indreoesterbro.bysileha.com LOKALOMRÅDE - 3 SEMESTER EKSAMEN INDRE ØSTERBRO Gruppe 9 56 156 Vejledere Wordpress login side 02 INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE 03 GRUPPEKONTRAKT 1.0 04 INDLEDNING

Læs mere

Titel: Database 1. projekt - 3. semester Multimediedesigner uddannelsen - Lyngby

Titel: Database 1. projekt - 3. semester Multimediedesigner uddannelsen - Lyngby Titel: Database 1. projekt - 3. semester Multimediedesigner uddannelsen - Lyngby Faktaark Gruppe 8: Titel: URL: Database http://www.graphicweb.dk/3sem.html Janni Cold mail: janni@cold-design.dk www.cold-design.dk

Læs mere

Url www.tobiaschristiansen.dk/gypsyland

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

Læs mere

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

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

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

Læs mere

Eksamen, DSDS, efterår 2008

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

Læs mere

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

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

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

det færdige resultat

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

Læs mere

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

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

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

Læs mere

Data lagring. 2. iteration (implement backend)

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

Læs mere

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

Læs mere

WEBSITE WITH DATABASE

WEBSITE WITH DATABASE 1 WEBSITE WITH DATABASE Projekt: 3,2. oktober 2014 Lærere: JHI/TUJE Klasse: MulA13 Gruppenr: MULA3 2 Faktaark: 3 Indholdsfortegnelse: Faktaark:.................................. 2 Indholdsfortegnelse:.........................

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

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

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

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

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

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

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

Læs mere

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

Portfolio Redesign Kamilla Klein 1. Semester eksamen

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

Læs mere

Lærere: Jesper Hinchely, Merete Geldermann Lútzen, Morten Rold, Ivan Rosenvinge Frederiksen, Tue Bjerl Nielsen og Marc Kluge. Antal anslag ca. 27711.

Lærere: Jesper Hinchely, Merete Geldermann Lútzen, Morten Rold, Ivan Rosenvinge Frederiksen, Tue Bjerl Nielsen og Marc Kluge. Antal anslag ca. 27711. 1 Fakta ark Projekttitel: Site for a local community Projek url: wp.kleinovich.dk Banner url: kleinovich.dk/christiansoe/bornholmstidende.html Gruppe nr.: 3 Klasse: MULA13 Lærere: Jesper Hinchely, Merete

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

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

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

Læs mere

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 Opgaven I er en gruppe multimediedesignerstuderende, der har besluttet at starte jeres egen virksomhed. I kan frit vælge, hvilken

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 DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Læs mere

Designmanual for webintegrator grundforløbs eksamen

Designmanual for webintegrator grundforløbs eksamen Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard

Læs mere

Begrænsninger i SQL. Databaser, efterår 2002. Troels Andreasen

Begrænsninger i SQL. Databaser, efterår 2002. Troels Andreasen Databaser, efterår 2002 Begrænsninger i SQL Troels Andreasen Datalogiafdelingen, hus 42.1 Roskilde Universitetscenter Universitetsvej 1 Postboks 260 4000 Roskilde Telefon: 4674 2000 Fax: 4674 3072 www.dat.ruc.dk

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

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

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

Læs mere

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 EKSPERTVURDERING 10 REDESIGN AF PROJEKTER 12 BANNERPROJEKT 12

Læs mere

Projekt 1 - Database. Indholdsfortegnelse. Intro...4 Indledning...5 Projektbeskrivelse...5 Problem felt...6 Problem formulering...

Projekt 1 - Database. Indholdsfortegnelse. Intro...4 Indledning...5 Projektbeskrivelse...5 Problem felt...6 Problem formulering... 1 Projekt 1 - Database Fakatark Indholdsfortegnelse Faktaark...3 Intro...4 Indledning...5 Projektbeskrivelse...5 Problem felt...6 Problem formulering...6 Projekt title Database projekt 1 Klasse CLmul-b12e

Læs mere

Yderligere fire personer er tildelt brugernavn og adgangskode og kan foretage uploadning og andre ændringer af hjemmesiden

Yderligere fire personer er tildelt brugernavn og adgangskode og kan foretage uploadning og andre ændringer af hjemmesiden Uploadning af filer til NMF hjemmeside Kai Sørensen, 18. juni 2013 Forord Den daglige vedligeholdelse af hjemmesiden foretages af: Kai Sørensen Frem 41 DK 2800 Lyngby e-mail: kai.sorensen@newmail.dk tel.:

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

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

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

Læs mere

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

Produktbeskrivelse - Grafisk workflow

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

Læs mere

Quiz Creator - Faciliteter

Quiz Creator - Faciliteter - Faciliteter QuizCreator er et værktøj til at fremstille Flash-basered tests, som kan anvendes til online tests Quizcreator indeholder 9 forskellige spørgsmålstyper som: - multiple choice - udfyldning

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

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

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

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

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

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

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

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

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

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

Læs mere

EKSAMEN CSR 3. SEMESTER 2013

EKSAMEN CSR 3. SEMESTER 2013 EKSAMEN CSR 3. SEMESTER 2013 1 Fakta Julia Brøndum Emborg www.juliaemborg.dk/ 3sem4pro.html E-mail: cph-je7@cphbusiness.dk Valgfag: CMS Trine Falck Pape www.trinepape.dk/school-3-4.html E-mail: cph-tp8@cphbusiness.dk

Læs mere

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

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

Læs mere

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

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

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafisk 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

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Manual til WordPress CMS

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

Læs mere

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

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Corporate Social Responsibility Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Fact sheet Projekt titel Corporate Social Responsibility Url

Læs mere

(fig.1. Eksempel på en almindelig entity)

(fig.1. Eksempel på en almindelig entity) Formål Formålet med denne opgave var, at designe et database system for et fiktivt universitet, ved hjælp af ER-model, for derefter at oversætte det til SQL tabeller. Og dernæst lave en assertion så der

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Grafisk Design 70% Skitser

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

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

Læs mere

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

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

CMS - BRUGERMANUAL CMS

CMS - BRUGERMANUAL CMS CMS - BRUGERMANUAL LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: www.dit_domæne.dk/admin Første gang du

Læs mere

PowerPoint præsentation

PowerPoint præsentation PowerPoint præsentation Gå først i Start programmer Microsoft Office PowerPoint 1. Du begynder med et enkelt dias helt blankt, medmindre du vil bruge en af de forudlavede skabeloner. Det gør vi ikke her

Læs mere

Kunsten på Silkeborg Højskole - en online kunstregistrant

Kunsten på Silkeborg Højskole - en online kunstregistrant GRAFISK DESIGN Design af responsiv hjemmeside til Silkeborg Højskoles nye kunstregistrant. Oprettelse af ny side på Silkeborg Højskoles primære hjemmeside. Kunsten på Silkeborg Højskole - en online kunstregistrant

Læs mere

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

Administrator v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk

Administrator v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk Administrator v1.0 QUICK GUIDE Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk INTRODUKTION TIL REKVI-KONTOR Ideen med Rekvi-Kontor systemet udsprang

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

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

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

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

Læs mere

Creativity Design Undersøgelse Case 1: Auction Travels INDEX 1 WORK BREAKDOWN STRUCTURE (WBS) 2 RISIKOANALYSE 3 INTERESSENTANALYSE 4 BRUGERPROFILER 4

Creativity Design Undersøgelse Case 1: Auction Travels INDEX 1 WORK BREAKDOWN STRUCTURE (WBS) 2 RISIKOANALYSE 3 INTERESSENTANALYSE 4 BRUGERPROFILER 4 Index INDEX 1 WORK BREAKDOWN STRUCTURE (WBS) 2 PROJECT KEY PURPOSE STATEMENT 2 DELIVERABLES STATEMENT 2 ACTIVITIES FOR EACH DELIVERABLES 2 UNDERSØGELSE: 2 RISIKOANALYSE 3 PLAN B 3 FOR TYNDT KONCEPT ERROR!

Læs mere

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael Indholdsfortegnelse Problemformulering Problemformulering... s. 1 Kommunikation... s. 2 Model... s. 2 Analyse... s.

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

Dynamisk hjemmeside: NeuTravel

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

Læs mere