multimediedesign projekt crowdfunding 3. semester
|
|
- Leif Kjærgaard
- 8 år siden
- Visninger:
Transkript
1 multimediedesign projekt crowdfunding 3. semester
2 Kolofon Projekt 3. projekt Crowdfunding (web database) Mark Kristensen Skole CPH Business Academy Lyngby Uddannelse Klasse Fag Multimediedesign (3. semester) MulBe14 Interaction development Design & visuialization Andreas Haag Periode 21/ / Undervisere Tue Becher Jesper Hinchely Pernille Sjøegreen Rapportindhold Sider 24 Anslag (u. spacing) Bilag 1 Domæne crowdfunding/ Jonas Lunding jonaslunding@gmail.com Patrick Klint klintpatrick@gmail.com
3 Indholdsfortegnelse 1. Indholdsfortegnelse 2. Problemformulering 3. Metode 4. Projektstyring 5. Designbrief 6. Visuel identitet 6.1. Typografi 6.2. Farvevalg 6.3. Logo dokumentation 7. User stories 8. Database 8.1. ER diagram 8.3. Attributtabel 9. Hjemmeside 9.1. Wireframes og mockups Forside Discover Projektside Om os 9.2. PHP koder 9.3. Sitemap 9.4. Undersider Bilag 1: Moodboard 22 Indholdsfortegnelse 1
4 Problemformulering I dette projekt vil vi undersøge hvordan vi på bedste vis kan udvikle en webbaseret platform, der kan understøtte et system til crowdfunding for medievirksomheden, CFunding-IT. Vi vil samtidig udvikle en service eller et produkt, der kan fremvises på samme hjemmeside. Projektet vil i større grad berøre databasearbejde i MySQL, da vi vil undersøge hvordan vi opstiller en database i 3. normalform, der kan håndtere de funktioner, der indgår i en hjemmeside til crowdfunding. Vi glæder os til at få et indblik i et stadigt voksende marked for crowdfunding. Problemformulering 2
5 Metode Vi har anvendt SCRUM, som er en agil udviklingsproces. Den iterative metode passer godt til arbejde i fællesskab, da vi har mulighed for at gå tilbage i projektets faser og samtidig lære af hinandens kompetencer. Projektet og dets scope kan løbende ændre sig, og det er bl.a. derfor fleksibilitet er værdsat. Mentaliteten stiller høje krav til samtlige involverede parter, da hver enkel prototype konstant skal revideres. Et konstant fokus på forbedringer af vores prototypes har været med til at forme en mentalitet i os, der indebærer inklusion af samtlige gruppemedlemmer. Daglige sprintmøder (se nedenstående billede) á ti minutters længde har holdt os opdateret i processen samt uddelegering af det næste sprints arbejde. Til vores sprint reviews har vi haft mulighed for at reflektere over projektet samt planlægning og sikret, at vi løbende har nået vores delmål. Metode 3
6 Projektstyring Vi har anvendt et burndownchart til at holde styr på projektet. Vores burndownchart er baseret på vores product backlog. Burndownchartet er blevet dagligt opdateret til vores daglige sprintmøder. Brugen af burndownchart har hjulpet os med at kalkulere mængden af resterende arbejde kontra resterende tid igennem hele forløbet. Vi valgte at lave to burndowncharts; et til den indledende fase og et til hovedforløbet (se nedenstående diagram). Det indledende burndownchart bestod af tre sprintdage, mens hovedforløbet bestod af ti sprintdage. Begge burndowncharts findes i afleveringszipfilen. 250,0 Burn Down 200,0 196,9 191,8 177,2 182,2 171,0 150,0 157,5 155,8 Effort left 137,8 118,1 134,0 Planned Effort Left 100,0 98,5 78,8 81,0 50,0 59,1 43,4 39,4 19,7 0,0 0,0 0,0 0, Days in Sprint Projektstyring 4
7 Designbrief Klient CFunding-IT (et mindre mediebureau lokaliseret i København, der fokuserer på at lave webbaserede løsninger til klienters behov) Launch Søndag 4/ Opdateringer efter launch Internt i CFunding-IT Crowdfunding Crowdfunding er en ny form for fundraising, hvor man ved hjælp af et netværk samler penge ind til sine projekter/ideer. Man går uden om den klassiske proces, når man starter et projekt. Banken, som normalt er den afgørende faktor for om ens projekt kan blive til noget. I crowdfunding udgives ideer på en platform hvor alle kan gå ind og vælge om de ønsker at støtte/bidrage til projektet. Interessenter De bidragende interessenter har stor magt for projektets opstart, da bidragene er grundlaget for rent faktisk at udføre projektet. Efter bidraget mister disse interessenter magt, men deres interesse og forventninger til projektet forbliver intakt. Interessen og forventninger kan stige via marketing eksempelvis på de sociale medier. Platformen, som ideen udgives på, har stor magt og interesse i projektet. Eksempelvis kan et godt projekt skabe god omtale for den givne platform og modsat. Platformen kan lave regler for, hvilke krav der er til projektet. I sidste ende kan platformen vælge at fjerne projektet, hvis det ikke lever op til platformens krav. Målgruppe Målgruppen for en crowdfunding platform er folk kender til konceptet og har interesse for crowdfunding. Heriblandt first-movers og folk der gør brug af sociale medier; Twitter, Facebook, Instagram, Linkedin osv. De sociale medier er en vigtig faktor, da de forskellige idéudviklere gør stor brug af de sociale medier når de deler deres projekt. Disse medier bliver brugt som springbræt for at få mere trafik på crowdfunding platformen. Designbrief 5
8 Designbrief Klientens ønsker CFunding-IT ønsker at få udformet en platform til crowdfunding, som fremtidige klienter kan gøre brug af. Firmaet har prøvet at lave denne portal i diverse CMS uden held, da systemerne var for begrænsede til deres krav. Af samme grund har de hyret vores firma til at udvikle en hjemmeside, som indeholder en database, der kan oplagre registreringer og mulige søgekrav i en database. Systemet skal kunne registrere personers bidrag til de forskellige ideer. Derudover skal systemet kunne oplagre nye ideer til crowdfunding. Design og stil (se nedenstående moodboard) Vi er ude efter en visuel stil, der kan udtrykke virksomhedens moderne tilgang til tingene. Vi vil gerne have, at designet er så simpelt som muligt, uden at det mister personlighed. Farverne må gerne give et seriøst indtryk hos brugeren, men må også gerne udstråle lidt leg og kreativitet. Vi ser farven grøn som en mulig kandidat, da denne farve ofte er associeret med vækst og vitalitet. Denne platform vil på sigt blive en indholdsrig portal for mange spændende virksomheder og deres idéer, så derfor har vi brug for et design, der giver overskuelighed blandt hjemmesidens mange informationer og funktioner. 1. Frontend: Hjemmeside til Crowdfunding systemet 1.1. Forside 1.2. Opdag 1.3. Produktside 1.4. Kontakt 1.5. Sign up 2. Backend: Database 2.1. Oplagring af brugerregistreringer 2.2. Oplagring af nye ideer til crowdfunding 2.3. Søgefunktion 2.4. Registrere bidrag til ideerne 3. Eksempel på crowdfunding ide og side Designbrief 6
9 Visuel identitet Farvevalg Vi har valgt at anvende farver, der understøtter vores flade designstil. Vores primærfarve er en nuance af grøn, som er med til at give et balanceret udtryk, som psykologisk set kan minde om vækst og vitalitet. Det er en positiv farve, som er med til at give vores visuelle stil et venligt og humørfyldt udtryk. Den livlige grønne farve er balanceret ved brugen af flere grå nuancer, der tilsammen skaber et roligere udtryk. AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå Open Sans Open Sans af Steve Matteson, er designet med åbne og naturlige former som gør den meget letlæselig. Vi har valgt denne typeface til både vores rapport og website, da den giver et rolig udtryk og virker både på print og til web. AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå Raleway Raleway, designet af Matt McInerney, er bedst beregnet til skærm brug. Det er en meget letvægt typeface med et geometrisk look, som virker fint med Open Sans på websitet. AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå Eurostile Eurostile er designet af Aldo Novarese. Eurostile er endnu en geometrisk sans-serif typeface og fungerer derfor godt sammen med Raleway.Ligesom Raleway er Eurostile passende til skærm brug, specielt god til overskrifter og skilte. Eurostile har et teknisk og funktionelt look og passer derfor godt sammen med vores flat design på websitet. Visuel identitet 7
10 Visuel identitet Logo og navn Vi har valgt at udarbejde et logo til den platform, som vi er ansat for at skabe til CFunding-IT. Processen har berørt flere forskellige farvekombinationer samt logodesigns, for til sidst at ende på det nuværende logo. Selvom vi har været flere forskellige navne igennem, har vi valgt at kalde platformen for startr. Navnet er stavet uden ordets sidste e, ligesom man ser det med Flickr og Tumblr. På den måde forsøger vi at give et huskeværdigt indtryk hos brugeren, når han ser vores navn. En sidebonus er, at navnet med stor sandsynlighed vil give mere præcise søgeresultater på søgemaskiner, da det er mere unikt end hvis det eksempelvis blev stavet som Starter. Navnet startr udspringer fra idéen om, at denne platform skal være med til at starte idéer og virksomheder igennem crowdfunding. Denne idé er yderligere illustreret ved brugen af de to tandhjul, som bruges i logoet og i virksomhedens visuelle identitet. Dette skal symbolisere, at der kommer gang i maskineriet. Til slut har vi valgt at erstatte hullet i det ene tandhjul med en opadvendt pil, som skal illustrere vækst. Udkast fra logo brainstorm Visuel identitet 8
11 User stories User stories er en kort og simpel beskrivelse af de forskellige funktioner, som et website eksempelvis kan have. Vi har interviewet potentielle brugere af Startr og fundet frem til nogle eksepler på krav til et crowdfunding website. Vi har fokuseret på basale krav såsom; at donere penge som en såkaldt backer og oprettet et projekt som en såkaldt creator. User stories 9
12 Database
13 ER diagram KLIK HER FOR AT SE SQL KODEN Database - ER diagram 11
14 Attributtabel Database - attributtabel 12
15 Hjemmeside
16 Wireframes - forside Wireframes er en vigtig del af processen, når man udvikler et website. Vi bruger wireframes for at skabe et overblik over websitets layout, hvor vi finder frem til placering af fx logo, navigationsmenuen, billeder og forskellig tekst på websitet, samt hvordan disse elementer virker i en sammenhæng. Dette er et blueprint, før vi går i gang med selve kodningen af websitet. Vi startede ud med at diskutere udseendet af websitet, og derefter kom med nogle forslag, som vi tegnede i hånden for at visualisere dette. Derefter tog vi fotografier af disse tegninger og udviklede vores wireframes på baggrund af disse tegninger. Vi skabte de forskellige wireframes på www. mogups.com. Vi valgte at bruge denne hjemmeside, da den skaber et ensformigt udseende for alle siderne. Hjemmeside - wireframes 14
17 Wireframes - discover Hjemmeside - wireframes 15
18 Wireframes - projektside Hjemmeside - wireframes 16
19 Wireframes - about us Hjemmeside - wireframes 17
20 PHP Vi har valgt at udforme et login-system i PHP, der håndtere SESSIONS, så du fx ikke kan besøge nogle af siderne, uden at være logget ind. Dette gøre sig gældende ved oprettelse af nye projekter til hjemmesiden. Du vil således heller ikke være i stand til at donere til et projekt uden at have et login. I vores PHP koder, har vi blandt andet valgt at lave oprettelsesfunktioner der bliver delt op i klasses. Så selve registreringen foregår i en funktion, i PHP-koderne. Ved registreringen bliver brugerens kodeord også hashed og salted, som betyder at der sker en kryptering af brugerens kode. I filen password_compatibility_library.php, kan der ses hvordan Password_ BCRYPT, kryptiserer brugerens kode, så administrator ikke får mulighed for at kende brugerens kode nogensinde. Vi har opdelt vores sider, så den består af en masse include og requires, så vi altid har de nødvendige informationer til rådighed på hver side. Derfor har vi oprettet organisering der gør at vi har nogle mapper, med enten opsætning, oprettelses og valideringskrav, kodeordsbeskyttelse og de praktiske PHP-sider, hvor bl.a. HTML formularerne indgår. Et eksempel på brug af SESSIONS: Hjemmeside - PHP 18
21 PHP Påbegyndt kodning Donationer Vi startede på et donations system, der skulle kunne overfører fra brugerens pung til projektets. Dette ville vi have gjort ved at sætte en UP- DATE regel for både brugerens og projektets pung, som så ville tilføje til projektets, og reducere i brugerens pung. Vi havde lidt besvær med at få funktionen til at registrere de forskellige regler vi satte, og blev nødt til at afslutte forsøget. Eksempel på forbindelse mellem bruger og oprettede projekter. User_ID er relateret. Se dine egne projekter Vi har gjort et forsøg på at forbinde vores projekter med hvem der oprettede dem, da du kun har tilgang til oprettelse af projekter, når du er logget ind. Vi fik lavet en forbindelse i vores projekt registrering og har derefter forsøgt at lave en side, med mulighed for, at danne dig et overblik over de projekter du selv har oprettet. Vi løb ind i nogle komplikationer med at få PHP en til at trække informationerne ud, da den skulle registrere sammenhængen imellem projekter og brugeren. Hjemmeside - PHP 19
22 Sitemap Hjemmeside - sitemap 20
23 Undersider Hjemmeside - Undersider 21
24 Bilag 1 - moodboard Bilag 22
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 mereMETODE. De non-funktionelle krav er ikke specifikke krav, men kan være med til at bedømme driften af et system/ website.
Projekt 3 MULB 3. Semester - CPH Business Academy Undervisere: Jesper Hinchely (JHI) & Tue Becker (TUJE) URL : http://b-design.nu/crowdfunding/ Gr. 15 Louisa Holtti Søllner cph-ls211@cphbusiness.dk Silas
Læs mereCrowdfunding. Modul 3. CPH Business Academy. Lærere: JHI & TUJE www
Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www. http://ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla
Læs merePROJEKT 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 mere3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding
3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet
Læs mereWeb DB project - http://www.hma-design.dk/crowdfunding/index.html 3. semester - 3. projekt - Gruppenr. 23 MULA - September 2015
Web DB project - http://www.hma-design.dk/crowdfunding/index.html 3. semester - 3. projekt - Gruppenr. 23 MULA - September 2015 FAKTAARK PROJEKTTITEL... Web DB project URL... CFunding.IT.dk Mette Line
Læs mereCFunding-IT. Web DB Multimediedesigner 3. Semester Gruppe 15
CFunding-IT http://crowdfunder.jakobplenge.dk/index.php Web DB Multimediedesigner 3. Semester Gruppe 15 Andreas Simonsen Jakob Plenge Line la Fontaine Line Mehr Hansen Christian Knudsen Tobias Sonne 1
Læs mereE-zine projektrapport 2. semester 2. projekt - marts 2015
E-zine projektrapport 2. semester 2. projekt - marts 2015 E-zine 2. projekt 2. semester - marts 2015 E-zine URL epub http://jonaslunding.dk/2sem/2modul/files/el01.epub E-zine URL PDF http://jonaslunding.dk/2sem/2modul/files/el01.pdf
Læs mereRoskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter
Roskilde Tekniske Gymnasium Afsluttende opgave Ældre og handicappede Frederik & Peter Indhold Indledning... 2 Problemformulering... 2 Ressource planlægning... 2 Kommunikationsplanlægning... 3 Case... 3
Læs mereEt 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 mere1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015
1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur
Læs mereDenne 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 mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs mereJEG 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 mereMÅ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 mereWEBSITE 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 mereCSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.
CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com
Læs merePortfolio 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 mereHassansalem.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 mereMediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.
Wireframe & skitse 1 - Page 1 Flowchart Start Opret bruger/login Forside Mad i din by Side 1 Moodboard til app & logo Skrifttyper Dandeleon Vintage Demo Montserrat regular Farver Sort/grå Hex: #3F3F3F
Læs merePortfolio 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 mereMichella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
Læs mereGrafisk 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 meredet 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 mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereDokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet.
Dokumentation På de følgende sider findes dokumentation for arbejdsforløbet under portefolioprojektet. Dette består primært af forskellige illustrationer af brainstorm, overvejelser vedrørende informationsarkitektur
Læs mereMultimediedesign på CPH-Business URL: www.gracet.dk. Eksamensopgave. Redesign af Portefølje. Grace Grigoria Tsatsaris
Multimediedesign på CPH-Business URL: www.gracet.dk Eksamensopgave Redesign af Portefølje Grace Grigoria Tsatsaris 14 1 Brainstorm og ideudvikling: Jeg startede med at danne mig et overblik over projektet
Læs mereMultimediedesigner, 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 mereWBS. Inledning. Afsluttende projekt 1. sem
MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.
Læs mereWORKFLOW & 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 mereE-zine Online magazine
E-zine Online magazine Anders Cramer Nielsen - http://www.anderscramernielsen.dk Bjarke Handsdal - http://handsdalize.com Casper Ragn - http://www.portfolio.casperragn.com Niels Otto - http://ottouch.com
Læs mereFørsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner
Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige
Læs merekollegiekokkenet.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 mereGuide til Danskmadogfestservice.dk (the back end)
Guide til Danskmadogfestservice.dk (the back end) Indhold Login... 2 Opdateringer... 4 Medier... 5 Sider... 6 Kontakt... 7 Newsletter... 9 Wocommerce... 10 Udseende... 11 Bruger... 13 Super Snow... 13
Læs mereKreativt brief. Line Hasse Kirkegård - HOLD B. Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio
Webdesign processen Line Hasse Kirkegård - HOLD B Kreativt brief Dato: 18. septemper 2015 Kunde: Line Hasse Kirkegård - Multimediedesign studerende Projekt: Portfolio Jeg har taget udgangspunkt i casen:
Læs mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs mereGRAFISK 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 mereGRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11
GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.
Læs mereIntroduktion til UNGIAARHUS
UNGIAARHUS- ungdomsskoleløsning, side 1 Introduktion til UNGIAARHUS et ungdomsskolesystem baseret på PHP og MySQL Indledende Den løsning, som introduceres her, blev oprindelig lavet som noget foreløbigt
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereAMANDA ABIGAIL PEDERSEN MARIA THOMSEN SOFIE MAI SØRINE SKOV KRUSE
THE A-TEAM AMANDA ABIGAIL PEDERSEN MARIA THOMSEN SOFIE MAI SØRINE SKOV KRUSE ANALYSE KOMPOSITION Siden virker rodet, og der mangler sammenhæng mellem valget af fond og baggrundsbilledet på landingpagen.
Læs mereGRAFISK 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 mereCreativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...
Index INDEX... 1 DESIGNOVERVEJELSER... 2 START IDEER... 2 INFORMATIONSDESIGN... 2 BUDSKABET: 2 ORGANISERING AF INDHOLD (SITEMAP): 3 SITE MAPS 3 INTERAKTIONDESIGN... 4 PRÆSENTATIONSDESIGN... 5 ALLE SIDER
Læs merehttp://bysileha.com/rate/home.php Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely
http://bysileha.com/rate/home.php Gruppe nr. MULB2, Multimediedesign 3. semester hold B. Tue Becher Jesper Hinchely Amanda Lindschouw - cph-al144@cphbusiness.dk http://ahldesign.dk/learningthird.html Michelle
Læs mereMaking the world smile
Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup Problemformulering 3 PBS 4 WBS 4 Gantt chart
Læs mereMULTIMEDIEDESIGNER 1. ÅRS PRØVE
MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.
Læs mereGrafik 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 mereIT 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 mereResponsivt Design - DMAA0213. Afgangsprojekt DMAA0213
Responsivt Design - DMAA0213 Afgangsprojekt DMAA0213 Jesper Bjørn Andersen 18-06-2015 5. semester, afgangsprojekt - Responsivt Design Vejleder: Gunhild Marie Andersen Afsluttet: 18 Juni 2015 Deltager:
Læs mere# Redesign af copenhagenskatepark.dk
# 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring
Læs mereHer 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 merestartup.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 mereELEMENTER 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 mereResponsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.
Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil
Læs mere2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor!
Forslag til Web kursus indhold. 1. Hvordan finder man vores side? 2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor! 3. Gennemgå hvordan man bliver oprettet som medlem og får adgang
Læs mereUdover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.
Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere
Læs mereGoogle Plus for Virksomheder Hvordan laver man en Google plus side?
Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus er måske ikke det første du tænker på når du skal øge kendskabet til din virksomhed. I det følgende viser jeg hvorfor du
Læs mereMads Bruun Simonsen, Daniel Engelhardt, Alexander Klug Rasmussen, & Philip Nielsen. Corporate Social Responsibility
Corporate Social Responsibility 1st project 2nd sem. February 2016 Mads Bruun Simonsen Daniel Engelhardt Alexander Klug Rasmussen Philip Nielsen LINK Cphbusiness Side 1 af 10 Indholdsfortegnelse Projektbeskrivelse.3
Læs mereDSU Dansk Stavgang Union
DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier
Læs mere1 // 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 mereFRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine
FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet
Læs mereInfographic Klasse arbejdsmiljø
Infographic Klasse arbejdsmiljø Skitse af vores tidlige design Rapport af : 1/7 Målgruppen Målgruppen for vores infographic er generelt eleverne som der går på ZBC i Vordingborg, dog skal det ikke undlades
Læs mereForstå brugbarheden af Google Analytics på 10 minutter
Forstå brugbarheden af Google Analytics på 10 minutter Hvad er Google Analytics? Hvem kan bruge det? Hvad kan Google Analytics bruges til? Google Analytics viser dig hvor dine kunder har fundet frem til
Læs mereRedesign af Cinnober. Analyse af hjemmesiden Cinnober
Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside
Læs mereKære Naboer i nummer «Username»
Kære Naboer i nummer «Username» Dette er en lille hjælp til hvordan du kommer i gang med at bruge vores mail-system, samt vores interne hjemmeside i Teglværkshaven. Teglvaerkshaven.dk vil være en intern
Læs mereGRAFISK 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 mereFact sheet. Projekt titel E-Zine. Url: http://www.p7.vanjamilo.dk
MOVIEMANIA Fact sheet Projekt titel E-Zine Url: http://www.p7.vanjamilo.dk Gruppemedlemmer: Angelica Olesen Vanja Milosevic Pia Kristensen Emilie Eriksen Christian Knudsen Klasse: MULA 2014 Gruppenummer:
Læs mereUgeopgave uge 40 Hold A
Ugeopgave uge 40 Hold A Gruppe: Don Pablos Emil Vollandt, Mathias Smidt, Jacok Kremmer & Alek Modin http://www.fuliktiv.dk/kea/cinnober/landingpage.html Navn: Password: keammd kode2015 Analyse Kommunikation
Læs mereCindie 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 mereKALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.
KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen
Læs mereBrugerguide til FlexCMS
Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...
Læs mereBilag. Bilag 1. Rapport. Rapporten skal.. Produkt. Produktet skal...
Bilag Bilag 1 Produkt Backlog Denne Produkt Backlog giver et billede af hvilke funktioner kan medtages i projektet som vil blive sorteret efter relevans og om det kan lade sig gøre inden for projektets
Læs mereGrafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
Læs merePortfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig
Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio
Læs mereY ELL O W G REN A D E
YELLOW GRENADE OPGAVEN Nick Christiansen kontaktede mig på Facebook. Han havde set mit coverbillede, (ulven ses på modstående side) som jeg har tegnet i Illustrator. Han var helt vild med ulven, der udelukket
Læs mereGrafisk design. Opgavebeskrivelse. Stil og æstetik. Typografi: Briefing. styrker: svagheder: Målgruppe/segmentering. MuligheD: trusler:
Grafisk design 17 Grafisk design Opgavebeskrivelse Design af Frankie & Liberty s hjemmeside i samarbejde med kunden. Henrik Borup, som også er medejer af diverse andre børnetøjsmærker. Min opgave gik ud
Læs mereWebsite design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet
Website design for WALK & TALK LYNGBY STAVGANGSKLUB Gruppemedlemmer fra Mul A Auguste Ottesen Ida Bach Mark Harboe Patrick Eilert https://augusteottesen.wordpress.com https://idabachhansen.wordpress.com
Læs mereGrafisk produktionsforståelse
Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen Opgave: Opgaven var at lave en simpel hjemmeside, hvor kunden selv har mulighed for at lægge tekster op på sin blog. Han havde nogen grafiske valg omkring
Læs mereCURRICULUM 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 mereGrundforlø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 mereGRAFISK DESIGN CAMILLA VINTER
GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,
Læs mere3. 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 mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereDESIGNGUIDE ISTID ApS TEMA 5 - REBRANDING NØRREBRONX. Gruppe A2. Karoline Paarup Michaela Brandt Mille Dinesen
DESIGNGUIDE TEMA 5 - REBRANDING NØRREBRONX http://www.karolinepaarup.dk/kea/2_sem/istid/ Gruppe A2 Karoline Paarup Michaela Brandt Mille Dinesen INDHOLDSFORTEGNELSE KONCEPTBESKRIVELSE - kreativt brief
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereGuide til din computer
Guide til din computer Computerens anatomi forklaret på et nemt niveau Produkt fremstillet af Nicolas Corydon Petersen, & fra Roskilde Tekniske Gymnasium, kommunikation & IT, år 2014 klasse 1.2 12-03-2014.
Læs mereJB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2
JB Plastic A/S 3.Projekt - Rapport MUL B - Gruppe E1 & E2 Indholdsfortegnelse JB PLASTIC A/S... 3 WBS... 3 TANKER VEDRØRENDE DESIGN AF LOGO... FEJL! BOGMÆRKE ER IKKE DEFINERET. LETTERHEAD... 5 ANDRE IDÉER
Læs merePortfolioudvikling. 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 mereMediegruppen bevæger mennesker
Mediegruppen bevæger mennesker 03 Fra ide til færdig løsning Hos Mediegruppen har vi arbejdet med internettet siden bureauets start i 1997. Vi har været med fra de traditionelle løsninger i HTML og de
Læs mereProjekt database. http://bysileha.com/3.semester/database-eshop/index.html (vores htmlside)
Projekt database http://bysileha.com/3.semester/database-eshop/index.html (vores htmlside) Amanda Lindschouw - cph-al144@cphbusiness.dk http://ahldesign.dk/learningthird.html Charlotte Øberg - cph-co74@cphbusiness.dk
Læs mereUndervisningsbeskrivelse
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 meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereHelene Hørdum Andresen Pernille Helene Kristiansen Louise Fabel. Ugeopgave. Gruppeprojekt
Nadia Mary Lund Kristensen Helene Hørdum Andresen 20/11/2015 Gruppe 8 Ugeopgave Gruppeprojekt Link til færdige produktion http://gellettmedia.dk/html/kea/ugeopgave/index.html Brugernavn: keammd Kode: kode2015
Læs mereProjekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen
Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion
Læs merePROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT
PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.
Læs mereEKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen
Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian
Læs mere