WEBSITE WITH DATABASE
|
|
- Rasmus Christiansen
- 8 år siden
- Visninger:
Transkript
1 1 WEBSITE WITH DATABASE Projekt: 3,2. oktober 2014 Lærere: JHI/TUJE Klasse: MulA13 Gruppenr: MULA3
2 2 Faktaark:
3 3 Indholdsfortegnelse: Faktaark: Indholdsfortegnelse: Indledning Processer Målgruppeanalyse Argumentation for designvalg Designmanual proces Designbrief proces Design Brief Logo Modellering proces ER-Diagram Attributliste Use Case Use Case Test cases PHP kodeeksempel Projektplanlægning Konklussion Kildeliste: Bilag: fra 24 til Design Manual
4 4 Indledning Vi har i tidligere projekter beskæftiget os med enten back-end del eller frontend del. Dette projekt forbinder disse to dele til et samlet brugbart website der tager udgangspunkt i et givent emne inden for musik. Vores tildelte emne er Disco, der skal virke som et gennemgående tema på websitet. Websitet skal præsentere et ratingsystem, som brugeren skal kunne bruge og forstå. Sitet skal fremstå brugervenligt for vores målgruppe og ikke mindst skal der være noget grafik, musik og interaktive elementer der skal tiltrække brugeren.
5 5 Processer Vi arbejder på at designe indefra og ud. Det vil sige at vi først må tage stilling til hvilken målgruppe vi har med at gøre og hvilke funktioner der skal være tilgængelige på websitet. Når vi har disse ting på plads kan vi begynde at lave wireframe og designvalg der skal ligge til grund for websitets opbygning. Processen er derfor meget vigtig når man går i gang med et stort projekt som dette. Alt skal laves i en bestemt rækkefølge for at man kan ende ud med et produkt der taler til målgruppen.
6 6 Målgruppeanalyse Disco er en musikgenre som alle kender og de fleste kan lide. De har minder fra musikken fra familiefester, første kys, osv. Den umiddelbare målgruppe kunne derfor rumme alle disse menneske og aldersgrupper med deres minder som de har opbygget gennem livet med de drømme de har drømt. Målgruppe: Vi har valgt at være meget specifik i vores målgruppe, da mange i ovenstående allerede har kendskab til hvor de kan finde deres ynglings disco toner. Vores målgruppe vil derfor være kvinden født sidst 1950 og op gennem 1960erne, Hun har gennem sit liv lyttet til radio eks. P3, Hun har ingen eller kort uddannelse, hun har kun lille eller ingen interesse for IT/smartphones. Hun har ofte også problemer med at bruge / finde de tjenester og informationer på internettet/smartphones og også problemer ved at bruge diverse APP s som hendes børn ofte må downloader for hende til telefonen. Lavprovinsionel: Hun er traditionel og lever livet i provinsen i eget hus som hun og manden har knoklet for at få, hun kan også bo i en mindre by i provinsen i lejet/ andel rækkehus eller lejlighed. Det er de traditionelle varer der bliver købt i lavprissupermarkeder og der er traditionel madlavning. Der bliver hæget om traditioner, så der bliver holdt tradi tionel Påskefrokost og Mortensaften og div. andre traditionsrige begivenheder. Hun har stærke familie traditioner og ser familie som en ophøjet størrelse. Økonomisk: Hun passer sit job, er trofast og loyal mod sin arbejdsgiver. Der bliver sparret på pengene, rejser er der ikke mange af måske en campingvogn som står som fast-ligger-vogn på en campingplads i DK. Der bliver ikke købt designer- og eller luksusvarer. Bilen hvis sådan en haves er passet og plejet og omtrent 10 år gammel. Der er sparret op til pension gennem arbejdet og måske en smule ved n af. Huset/andel (hvis sådan et haves) er en del af opsparingen. Teknologi: Hun er bange/nervøs for de udfordringer teknologi/internettet/smartphones har bragt med sig. Hendes kendskab er lille, hun får ofte hjælp til at få installeret APP s og giver hellere telefonen fra sig end at sidde med installeringer selv. Hun er skræmt ved tanken om kun at modtage post fra det offentlige via e-boks. Politisk observans: Hun stemmer med høj sandsynlighed DF, hvis der i familien har været tradition for at stemme på Social-
7 7 demokraterne er det der hun sætter sin stemme dog med en vis usikkerhed da hun har en forkærlighed for det nære og danske. Hun tilhører det Traditionelle-individorienterede Segment, Hun er bange for det fremmede og ser gerne sig og sine og de svage i det danske samfund prioriteret fremfor at der bliver sendt økonomisk støtte udenlands. Interviews: Nedenstående er tre interview med kvinder der er ingen der er et helt klart billede på vores målgruppe men kvinder der sagtens kunne være i en del af vores målgruppe. Interview med tre forskellige kvinder der ELSKER Disko og 80 er musik. Beskrivelse: 1. KVINDE født 1963, gift på 25. år, uddannet pædagog, født ind i arbejderklassen, opvokset i Greve Strand, interesser som barn gymnastik og heste. Ikke stærk i skolen til opgaver. Uddannet sent I livet. Mor til 4 børn nu bosiddende på gård i Jylland i en skov med plejebørn, børnebørn og heste omkring sig. 3 Biler VW, Chrystler, Jeep og 12 personers bus. 2. KVINDE født 1965, samlevende på 12. år, uddannet SOSU-assistent, født ind i arbejderklassen, opvokset i København, i skolen var venner og frikvarter det interessante. Bor i København N lejet lejlighed 3 værelser, Uddannet sidst i tyverne. Ingen børn, rejser ofte på skiferie. Ingen bil. Interviewet er gennemført via TNSGallup nedenstående segment stammer fra TNSGallup og er ikke skrevet af medlemmer fra gruppen Resultat via TNSGalup Kvinden tilhører det Traditionelle-individorienterede Segment Gør-det-selv & have-arbejde Teknologi-skepsis Fædrelandskærlighed Pensionister I det Traditionelle-individorienterede segment er det nøgleord som fædrelandskærlighed, teknologi-skepsis samt gør-det-selv, der i stor udstrækning kan danne rammen for dette befolkningsudsnits udseende. Her finder man den ældre generation, der nyder sin pensionisttilværelse og ikke ønsker, at dagligdagen skal bryde med traditionelle danske rammer og værdier. Personerne i dette segment har typisk lavere indkomster og ofte ingen eller en lavere uddannelse. De har overvejende til huse i provinskommunerne især vest for Storebælt, hvor landejendomme eller gårde ofte er den foretrukne boligform. Personerne i dette segment er af den opfattelse, at Danmark skal passe sig selv, løse sine egne problemer og generelt være kraftigt tilbageholdende på den internationale scene. Personerne i det Traditionelle-individorienterede segment har stor kærlighed til sit fædreland, og det er her Dansk Folkeparti henter sine kernevælgere. Personerne i det Traditionelle-individorienterede segment ynder at leve efter et mere gammeldags familiemønster,
8 8 hvor manden indtager en mere dominerende rolle. På hjemmefronten bruger husmoderen meget tid på huslige sysler, og i køkkenet står den på traditionel dansk mad (indkøbt i en discountbutik) og hjemmebag, hvis hun ikke syr, broderer, hækler eller læser den sidste nye romannovelle i ugebladet. Mandens domæne findes i haven eller hobbyrummet, hvor interessen for havearbejde og gør-det-selv arbejde dyrkes i høj grad. Det Traditionelle-individorienterede segment interesser sig i stor udstrækning for underholdning i TV samt for at læse lokalstof i aviser. Medier såsom Familie Journalen, Hjemmet, Ude og Hjemme, Se & Hør, tilbudsaviser fra supermarkeder og gratis distriktsblade eller lokalaviser udgør de foretrukne medievalg. Man har stor skepsis over for den teknologiske udvikling og er af den opfattelse, at moderne teknik tager magten fra menneskene. Rygning, især af hjemmerullede cigaretter er relativt udbredt i det Traditionelle-individorienterede segment, og mange har en stærk spillelidenskab for Lotto, oftest med Joker. Beskrivelse: 3. KVINDE født 1973, samboende på 6. år, uddannet grafiker, født ind i arbejderklassen/mindre erhversdrivende, opvokset i Solrød Strand, interesser som barn heste. Stærk i skolen til opgaver. Gymnasieluddannelse plus erhversuddannelse. Mor til 2 børn. bosiddende i Karslunde ved stranden, kæresten virksomhedsejer 2 biler BMW/Golf Interviewet er gennemført via TNSGallup nedenstående segmenter stammer fra TNSGallup og er ikke skrevet af medlemmer fra gruppen Resultat via TNSGalup Tilhører det Moderne-individorienterede Segment De dynamiske unge Sin egen lykkes smed Pionerer I det Moderne-individorienterede segment finder man de unge, der er med fremme og oppe på beatet. De er dynamiske og karrierelystne og villige til at yde den indsats, der skal til for at nå højt op på karrierestigen. Det er ikke nødvendigvis en kort eller lang akademisk uddannelse, der har banet vejen for deres succes eller den overrepræsentation af højere indkomster, som er til stede i det Moderne-individorienterede segment. Personerne i dette segment udgøres hovedsageligt af unge i alderen med en klar overrepræsentation af mænd. Mange har endnu ikke stiftet familie og er stadig hyppige brugere af aktiviteter uden for hjemmet. De er synlige i det pulserende gadebillede på cafeer, restauranter, diskoteker og biografer. Deres udseende og ydre fremtoning står ligeledes højt på dagsordenen, når de skal gebærde sig i deres fremadstormende tilværelse, og derfor sværger de til sport samtidig med, at de også er hyppigere brugere af solarier. Knaphed på tid karakteriserer det moderne-individorienterede segment,
9 9 hvorfor der ofte står færdigretter på menuen, hvis de da ikke har købt deres mad ude. Selvom deres hverdag ofte er præget af travlhed og knaphed på tid, tager de sig også tid til deres venner og familie, og når der skal holdes ferie er det storbyferie, sportsferie, skiferie eller en forlænget weekend i udlandet, som står øverst på ønskelisten. Personerne i det moderne-individorienterede segment er deres egen lykkes smed og vil gerne klare skærene selv uden indblanding fra offentlig, hvilket ligeledes afspejles i deres stærke politiske tilknytningsforhold til Venstre og Konservative. De synes, at det er for let at få penge fra det offentlige, de sætter frihed til at vælge i højsædet og ønsker, at Danmark skal fokusere på sine egne problemer, før man yder økonomisk støtte til andre lande. De moderne-individorienterede er stærkt interesseret i erhvervsforhold, hvilket naturligvis også afspejles i deres medievalg, idet printmedier såsom Jyllands-Posten, Dagbladet Børsen, Børsens Nyhedsmagasin, Erhvervsbladet og Penge & Privatøkonomi er hyppigt foretrukne medier. Derudover rangerer M!, Golf Magasinet, Tipsbladet, og diverse Bilmagasiner også højt på deres læsepræferenceliste. bruges på at deltage i konkurrencer og klikke på bannerreklamer, og ikke mindst på nyheds- og informationssøgning. Søgning efter finans- og erhvervs-information, anvendelse af PC-/ net-banking, samt gennemførelse af aktie- og obligations-handler via internettet synes ligeledes ofte at berettige deres tilstedeværelse på internettet. Ny teknologi, IT, biler, stereoanlæg/ Hi-fi og det moderne-individorienterede segment er størrelser, som går hånd i hånd. De moderne-individorienterede er hyppige brugere af PC ere og internet såvel på arbejdspladsen som i hjemmet, og deres tilstedeværelse på internettet
10 10 Argumentation for designvalg Designvalg er vigtige i processen fordi de skal tages på baggrund af det research vi har lavet af målgruppe og samfundet i tidsperioden. I vores afsnit om designvalg kan du læse mere om hvilke designvalg vi har taget og hvilke overvejelser vi har gjort i forbindelse med disse. Musik erne Disco er meget karakteristisk for 70 erne og start 80 erne. På baggrund af vores research af genren og tiden omkring denne er vi kommet frem til nogle klare karakteristika som vi vil inddrage på vores site. Websitets udtryk Vores website udtrykker en bestemt stemning som først og fremmest kommer til udtryk i baggrunden. Den er varm og gylden og får tankerne ledt hen på genskæret fra en diskokugle eller bobler i et champagneglas. Dette får n til at virke festlig men holder stadig et sofistikeret look i og med at den er holdt i rolige farver. Farvetema Websitet er holdt i varme gyldne farver i lyse brunlige nuancer. Dette virker afbalanceret i forhold til indholdet som er meget farverigt og opsigtsvækkende. Vi prøvede i første omgang at holde websitet i en dunkel stemning med en mørk baggrund med kraftige farver og mørke contentboxe men vi fandt hurtigt ud af at dette ville blive for tungt og fjerne fokus fra vores indhold. Websitets opbygning Websitet er bygget op af contentboxe der er firkantede med borderradius der gør hjørnerne runde. Dette har vi gjort for at gøre sitet mere blødt og roligt. Da en stor del af vores målgruppe er skeptiske overfor teknologi vil vi derfor lave n så let og overskuelig som muligt. Vi har valgt at bruge skrifttypen Calibri Light, da den er letlæselig for brugeren. Skrifttypen er ofte brugt som standard i tekstprogrammet Word som de fleste fra vores målgruppe bruger med jævnlige mellemrum. Menuen på vores website er placeret i venstre med menupunkterne som en nedadgående liste uden list style item. Dette er lidt gammeldags og imødekommer vores brugere da den er meget simpel. Det er typisk for lidt ældre hjemmer at have menuen i venstre og den vil derfor fungere som et genkendeligt element.
11 11 Designmanual proces Designmanualen er en præcis og detaljeret gennemgang af alle designmæssige elementer i projektet. Rettesnor for andre Designmanualen er tilegnet andre designere som skal kunne se tekniske retningslinjer for at kunne holde den samme stil som oprindeligt var tiltænkt. Der vil derfor være nogle dos and don ts i forbindelse med en designmanual. Vi har taget udgangspunkt i en skabelon som er udarbejdet i klassens undervisning. Der er flere forskellige kategorier som skal inddrages bl.a. logo, layout, billeder og typografi. Logoet skal dokumenteres i form af flere forskellige udgaver og filtyper. Billedtypen skal dokumenteres og forklares så man er fuldstændig klar over hvad man må og ikke må. Designbrief proces I sidste del af projektet finder vi ud af at designbrief skal laves i starten af et projekt, som noget af det første. Når vi tænker tilbage kunne vi godt have brugt et designbrief i starten af processen som vi alle var enige om og kunne arbejde ud efter for at få en mere ensformig arbejdsgang i projektet. Vores designbrief er derfor skrevet ud fra de designmæssige elementer som vi hen ad vejen er blevet enige om og som vi i sidste ende er tilfredse med. Design Brief Produktet skal munde ud i en showcase hjemme der har et professionelt look og tage udgangspunkt i musikgenren Disco. Grundidéen med hjemmen er at man skal kunne bedømme udvalgte medier i form af billeder, animationer og videoer. Brugeren skal også kunne se en top-liste med USP Vores Unique Selling Point (USP) er at brugeren får en helt speciel oplevelse. Brugeren bliver taget tilbage i tiden og kan gense en masse indhold som er diskorelateret. Brugeren Vi vil gerne ramme kvinden der er født sidst 1950 og op gennem 1960erne. Hun vil have en masse minder forbundet med denne tid og musik, som hun på websitet kan gense og glæde sig over. Discotiden forbinder man ofte med mange forskellige farvesammensætninger. Man kommer ofte til at tænke på regnbuens nuancer i forbindelse med lys på diskoteket. Vi vælger dog at gå en anden vej mht. selve websitets rammer. Det skal virke roligt og lidt afdæmpet da vi vil sætte fokus på indholdet som kommer til at være meget farverigt og opsigtsvækkende. Derfor holdes websitets farver i lysebrune
12 12 gyldne nuancer som vil lede brugeren hen på genskæret fra en diskokugle eller champagne. Indhold på sitet De billeder vi vil bruge på websitet kommer til at være farverige, festlige og med mennesker. Det er vigtigt at vores brugere allerede har stiftet bekendtskab med vores billeder før. Derfor vil vi bruge vinyl artwork som grundlag for vores billeder. Videoerne skal være youtubeklip som vi indlejrer på websitet. De skal være sange af forskellige kunstnere som vi mener har haft en betydning for disko-tiden. Alle videoerne skal være musikvideoer så de visuelt er spændende for brugeren. Animationerne på websitet er sjove og uformelle. De er meget farverige, underholdende og meget sigende for opfattelsen af diskotiden. Der kommer til at være en klar linje mellem vores tre slags medieindhold. De samme kunstnere vil gå igen hvilket vil gøre websitets indhold mere sammenhængende. af fremmedord. Vores målgruppe har ikke nødvendigvis særligt lange uddannelser hvilket er med til at bestemme hvordan kommunikationen udformer sig på websitet. Opbygning af sitet Layout skal bygges op i form af en baggrund, nogle content boxe med en lidt nedsat opacitet. Derudover skal logo og søgefeldt placeres øverst på n som en header. En footer vil ligge i bunden af sitet som en fane med oplysninger om firmaet bag samt ikoner til sociale medier. Menuen skal ligge I højre med nedadgående struktur uden list style item. Dette vil fremstå lidt gammeldags så vi imødekommer målgruppens teknologi skepsis. Typografi Fonten skal være letlæselig da vores målgruppe er en lidt ældre generation. Vi bruger Calibri Light da den er nem at læse på web og virker som standard i andre programmer såsom Word. Vi vil være meget uformelle og need på jorden i vores talemåde på websitet. Brugeren skal føle sig hjemme og tilbage til den diskotiden. Vores måde at skrive på vil være ligetil og uden brug
13 13 Logo Tidsperiode til midt 1980 Musikgenre: Disco Efter research besluttede vi at logostil skulle stilmæssigt associeres med perioden. Kigger man på nettet/pladeomslag ses skrifttyper med forskellige udsmykninger, streger, stjerner, cirkulære former osv. Tidsperioden fremstår som farverig i 70 erne mere dæmpet mens 80 erne er præget af klare farver der nærmer sig neon. Da vi nu er i 2014 har vi besluttet at blande noget af disco-tidens stil med elementer fra vores egen periode, Vi har valgt at bruge de metalliske farver for at give vores logo og site et mere nutidigt look. De metalliske farver er meget oppe i tiden og for ikke at virke for agtige har vi blandet elementer fra begge perioder.
14 14 Modellering proces ER-Diagram ER-diagrammet er noget af det første vi laver for at få et overblik over databasens struktur. I første omgang var vi meget i tvivl om ER-diagrammets opbygning, fordi rating-systemet skulle implementeres. Der er mange måder hvorpå man kan løse problemet vedr. rating. Vores første udkast til ER-diagrammet indeholdt både artister, albums osv. Dette fandt vi hurtigt ud af ville blive for kompliceret og ikke nødvendigt i forhold til det vores website skulle bruges til. Det endelige ER-diagram er mere simpelt og indeholder rating systemet. Hver mediefil der kan bedømmes ligger under tabellen Media. Den indeholder mediaid, navn, link og en foreignkey der hedder media_typeid_fk, som henviser til tabellen MediaType. Denne tabel beskriver hvilken slags fil der er blevet oprettet fx billede, animation eller video. Når en video bliver bedømt får den enkelte stemme et unikt Id som det ses i votes tabellen. Derudover deler den en sammensat primary key mellem value og media tabellerne. Det betyder at hvert voteid har et bestemt valueid, som vi har forudbestemt er et tal mellem 1-5, samt mediaid som bestemmer, hvilken fil bedømmelsen skal tilknyttes.
15 15 Attributliste Attributlisten indeholder alle de infor mationer vi skal bruge til at oprette databasen. Først og fremmest kan man se tabellernes navne. Under hver tabel har vi skrevet de tilhørende attributter og tilføjet deres værdier og eventuelle noter. Værdierne beskriver hvilken slags data vi har med at gøre, hvilket resulterer i at vi indsætter INT når vi attributten er et tal og VARCHAR hvis data er bogstaver. Noterne viser at attributten evt. er en primarykey og om den skal være autoincrement! Den sidste kollonne hedder Num/Alphanum og sætter en regel for hvilken slags syntax der hører til attributten. Hvis attributten er et tal må der kun være tal, men hvis attributten er VARCHAR må der både indgå tal og bogstaver.
16 16 Use Case For at sikre os at vi har styr på websitets funktioner laver vi use cases. Ud fra use case modellen kan man se hvilke funktioner eller begrænsninger der er opstillet fra brugerens og administratorens perspektiv. Nedenfor vil du kunne se en mere dybdegående use case beskrivelse af funktionen der gør det muligt for brugeren at bedømme nogle mediefiler der ligger tilgængeligt på websitet. Den beskriver bl.a. hvilke starttilstande kan være for at man kan påbegynde netop denne funktion. Navn: Rating af mediefil Id: UC-1 Beskrivelse: Man skal kunne bedømme de forskellige mediefiler der ligger på hjemmen. Mål: Man skal få vist hvor mange stjerner man har givet den pågældende fil. Starttilstande: Man skal være inde på en under hvor der er vist et enkelt billede, en gif eller et youtubeklip. Man skal være inde på en af kategorirne hvor alle filer fra samme medietype er vist. Hyppighed: Hyppigheden er ca. 5 ratings pr. person der besøger n. Forventet forløb: Use case begynder når brugeren vil vurdere den fil som brugeren har været inde på. Brugeren vil vurdere mediet på en skala fra 1-5 stjerner. Brugeren trykker på det antal stjerner der skal gives. Use case ender når brugeren har modtaget en bekræftelse af at rating er modtaget og behandlet. Sluttilstand: En med bekræftelse kommer op og en knap der linker til top-10 liste med højest ratede filer. Aktører: Brugeren (vurderer ved at trykke på det antal stjerne han/hun vil give) Administratorer opdaterer filer der kan rates.
17 17 Test cases Test cases hjælper os med at teste de use cases vi har lavet, med andre ord tester vi de hyppigste funktioner der er tilgængelige på websitet, inden vi sender det ud. Det bruges til at finde fejl i vores use cases. Da vi har lavet en use case der handler om rating, var det passende at lave en lignende test case. Den første testcase beskriver hvordan man kan teste om rating funktionen rent faktisk virker. Den tager udgangspunkt i at man gerne vil se om et udvalgt billede kan rykke en plads op i placeringen på toplisten. Test casen beskriver trin for trin hvordan man udfører denne test. Hvis test casen resulterer planmæssigt vil man ved hjælp af rating funktionen rykke et billede højere op i placeringen og derved bevise at ratingfunktionen virker Den anden test case beskriver trin for trin hvordan man tjekker om medielinks på hjemmen virker. Dette er en simpelt måde forpå man tjekker om den korrekte url er indsat i tabellen.
18 18 Navigationsdiagram Navigationsdiagrammet viser vores plan med websitets informationsarkitektur. Den er meget simpel da vi vil simplificere vores brugers færd på n. Via få klik vil man være helt nede i arkitekturen og dermed hurtigt komme frem til rating funktionen.
19 19 PHP kodeeksempel Screenshottet viser hvordan man lægger data i databasen. Her er der to variabler, som får deres indput fra en anden, hvilket de gør via filter_input (l. 6-7). Filter_input kan få parametret enten via GET eller POST, i dette tilfælde er det GET, da det var nemmest for os, at vi kunne se i URL en, hvad der skete, når man trykkede stem. Efter test ville det være en god idé at ændre GET til POST, så man ikke kan sende URL en eller gå frem og tilbage på n, for derefter hele tiden at stemme. Dette burde kombineres med en feature, der gør, at man kun kan stemme én gang per session, men på grund af tidspres, har vi ikke nået denne. Når vi har input fra den forrige lagt ned to variabler, henholdsvis $mediaid og $valuevote. Disse afgør hvilket medie og hvilken karakter der er stemt på. I linje 10 ser vi, at hvis disse variabler ikke er tomme, så kører koden inde i {} hvis ikke springer den over, og printer beskeden af $regmsg ud, som øverst i koden (l. 4) er sat til at være tom. I koden mellem linje sker der det, at vi putter vores SQL statement ned i en php variabel, vi kalder $sql. Spørgsmålstegnene er placeholders, som bliver erstattet med vores variabler. Herefter bliver der lavet et håndtag, som forbereder på at køre koden (l. 11). På linje 12 bliver vores parametre bundet på, og det er disse, som erstatter spørgsmålstegnene i vores SQL. Koden på linje 13 kører koden, og på linje 15 bliver den før tomme variabel $regmsg sat lig med en en tekststreng. Det betyder, at når koden bliver afsluttet og kommer ned på linje 19, så er den lig: Tak for din stemme, i stedet for at være tom. Billedet er et eksempel på at ligge en rating i databasen.
20 20 Projektplanlægning Til at planlægge projektet har vi brugt Scrum. Scrum er en måde at styre og planlægge projekter på, og til fordel for Gantt Chart har de tidsangivelser i timer, hvor Gantt kun har dage. Denne måde gør det meget nemmere at se, hvad arbejdstimerne reelt bliver brugt på, samt hvilke ting, der overskrider den estimerede tidsplan. Estimat af tidsforbrug Da vi havde lavet vores PBS (Product Breakdown Structure), kunne vi gå i gang og udfylde vores Planning Sheet. Planning Sheet bruges til at regne ud, hvor og hvor mange timer, man skal bruge på hver opgave. Øverst angiver vi hvor mange dage der bruges til sprinten (i dette tilfælde 10), og hvor mange timer, der er til rådighed om dagen. Dette bliver ganget, og i vores tilfælde fik vi 210 timer til udarbejdelse af projektet. Vores PBS ses på venstre, som er alle de opgaver, der skal løses. Herefter angiver man 3 gæt på, hvor lang tid opgaven vil tage, og så beregner arket en median. Dette bliver ganget med antal gruppemedlemmer, der er om at løse opgaven. Kontrol af tidsforbrug Undervejs i processen sørgede vi for at holde styr på det konsumerede timeforbrug på hver opgave. Dette gjorde vi ved hjælp af Sprint Backlog Burndown. Hver arbejdsopgave har, som nævnt før, et antal normerede arbejdstimer, og i Sprint Backlog Burndown kan vi finde ud af, hvor mange timer, der er brugt per dag. De timer der er brugt dag 1 trækkes fra det antal timer, der er til rådighed. Herved ændres det antal timer, der er resterende på opgaven. Det smarte ved denne måde at holde styr på timer og opgaver er, at det giver et meget nuanceret overblik over omfanget og resterende timer på sprinten. Planning sheet bruges til at estimere tidsforbrug og arbejdskraft pr opgave.
21 21 Sprint Backlog Burndown bruges til undervejs i sprinten at holde styr på timeforbrug på hver opgave, så man nemt får et billede af, hvor man er i processen. Efter Sprint Backlog Burndown er blevet udfyldt, får man en Burndown Chart, som viser hvor mange timer, der er blevet brugt hver enkel dag. Det vises dog omvendt, ved at vise arbejdsopgavernes timeantal, om aftager lineært hver dag. Da vi har vurderet alle arbejdsopgaverne til at tage 170,7 timer, giver det 17,07 timers arbejde om dagen. Grunden til, at graferne ikke ligger helt samme sted er, at der er blevet brugt nogle flere timer end de 17 den første dag, for at sikre, vi er kommet godt fra start. Det viser på grafen at vi har færre timer tilbage, og derfor ligger den blå kurve lavere end den, der viser hvad, vi har planlagt. Burndown Chart viser det endelige billede af det planlagte tidsforbrug samt det endelige tidsforbrug baseret på dage i sprinten.
22 22 Konklussion Dette projekt har været en stor udfordring for os som gruppe. Først og fremmest har vi haft svært ved at tage valg omkring design hvilket har presset os tidsmæssigt i sidste ende. For at ramme vores målgruppe har vi gået på kompromis med mange af vores egne idéer til designet. Man kan derfor godt blive usikker på om det man laver er godt nok. Vi har lært utrolig meget af denne oplevelse som fremover gør os i stand til at designe noget for hvem som helst det skulle være. Samlet set er vi godt tilfredse med vores endelige produkt, som vi mener rammer den valgte målgruppe. Fremover vil vi lave designbrief i starten af projektet, så vi kan blive enige om hvilken designmæssig retning vi skal gå. Dette vil være et godt redskab når man deler opgaverne op og arbejder hver for sig som vi har været nødsaget til under dette projekt. Alt i alt en lærerrig proces der med garanti vil ligge til grund for et endnu bedre næste projekt.
23 Kildeliste: Projekt 3,2 WEBSITE with DATABASE 23 Research til genren Disco: Målgruppeanalyse: Desing og fonte: erne&biw=1274 &bih=631&tbm=isch&tbo=u&source=univ&sa=x&ei=zt5nvn_ DJ6eGywOsyYHYBg&ved=0CEYQsAQ HTML, PHP, modellering og SQL: Rating System med stjerner: Udregne gennemsnitsværdien af en rating med SQL: Oprettelse af ER-model med rating: Excelark med eksempel: Rating Simple Vote ER Model.xlsx Eksempel på rating med php og database, link mellem r: Baggrundsbillede: Animationer:
24 24 Bilag 1: fra 24 til 29 Design Manual Logo: Vores logo signalerer disco-stemning i form af ordet Disco formet som neon rør, efterfulgt af ordet Classics skrevet med font: Helvetica italia. Formålet med kombinationen af disse to ord er at gøre brugeren opmærksom på hvilken genre websitet fokuserer på. Derudover giver ordet Classics et tilbagelænet og afslappet udtryk som vil få brugeren til at føle sig hjemme. O et i ordet disco kan tilnærmelsesvis ligne en grammofonplade samtidig vil tage brugeren tilbage til disco-tiden. På websitet skal logoet virke som link der leder brugeren tilbage til forn. Sort/Hvid udgave: Placering: Logoet skal placeres øverst i venstre hjørne af websitet. Den skal fylde de 3 første columns som i alt fylder 374px i bredden. CMYK black 100% opacity 33% Classics black Classics Hvid Classics #D91F04 Classics Pantone proces 125-4U Classics
25 Layout: Wireframe: 8-grid: 1024px, kolonne: 114px, gap: 16px. Projekt 3,2 WEBSITE with DATABASE 25
26 Typografi: Vi har brugt em. til at justere skriftstørrelse på websitet. Primær font: Calibri Light. Projekt 3,2 WEBSITE with DATABASE 26 Eksempler: Calibri light: AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Calibri Light Bold: AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Farve: Sort og Hvid Generelt: Filformater: websitet indeholder filer tilhørende følgende formater:.png,.jpeg,.gif Farvepalette:
27 27 For: Master:
28 28 Child: Header: Footer:
29 29 Covers: Form: Billederne er kvadratiske da de viser vinyler som altid kommer i kvadratisk emballage. Farvetemperatur: Alle billeder er primært holdt i varme farver. De er meget farverige da det hørte tiden til. Motivvalg: Da det er svært at finde billeder af vinylerne har vi udvalgt motiverne ud fra de mest farverige og i bedst billedkvalitet. Derudover er der mennesker på de fleste motiver. Personerne på billederne er ofte fremhævet og stærke i udtrykket. Alt-tekst: beskriver billedets motiv Animationer: Form: Rektangler, størrelsen er afhænger af den enkelte animation. Motivvalg: Motiverne er valgt ud fra det man forbinder med disco-tiden: Fest, farver, diskoteker, dans, sjov.
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 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 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 mereKasper Kommunikation/it Klasse 1.1 Uno Ekdahl Forår 2010 Roskilde Tekniske Gymnasium
Afsluttende opgave Indledning I denne rapport har jeg valgt at arbejde med Automatisering, det er for det meste noget der foregår på en computer, da den kan det samme som en lommeregner, og meget mere.
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 mereWildArt. Art. Gocard. Plakat. Postkort. Tøj. Visitkort. Gavekort. T-shirt. Logo Pyntepuder. Hjemmeside. Katalog
BESKRIVELSE AF ARBEJDSGANGEN PÅ STEVNSBLADET Gocard Art Postkort Visitkort Gavekort Plakat Tøj T-shirt Logo Pyntepuder Katalog Hjemmeside 2 LOGO BESKRIVELSE HÅNDSKITSER PC SKITSER Logo/fontvalg Til logoet
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 mereMiia Ebbesen cph-me100@cphbusiness.dk
WEBSITE MED DATABASE cob Kostecki cph-jk170@cphbusiness.dk Miia Ebbesen cph-me100@cphbusiness.dk yne Alice Jensen cph-jj208@cphbusiness.dk Projekt: Projekt 2, 3. semester Website: kostecki.dk/cph/projectdb2
Læs mereCPH 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 mereIntroducering 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 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 mere2/ Sofia Seidler H3 Svendeprøve
GRAFISK DESIGN OPGAVEN: Jeg har valgt at lave en fiktiv opgave for et nystartet brand ved navn, som sælger t-shirts og plakater med dyreprint som motiver. Jeg har haft fokus på deres logo, visitkort, gogards,
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 mereProjekt 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 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 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 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 merePORTFOLIO 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 mereOpgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.
Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende
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 mereTAGLINE CREATIVE BRIEF. -Music that doesn t fit in a box. Situation. Challenge Target Audience Goal. Effect. Media
TAGLINE -Music that doesn t fit in a box CREATIVE BRIEF Situation Tinderbox Entertainment vil i 2015 skabe en ny musikfestival. Festivallen skal foregå i Tusindårsskoven i Odense fra d. 26. 28. Juni. Festivallen
Læs mereEksamensopgave 2012. Aarhusportalen. Melissa Emilie
Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...
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 mereGallup Kompas: Det Individ-orienterede Segment. Begrænset samfundsinteresse Mange yngre, jyder & mænd
Gallup Kompas Gallup Kompas: Det Individ-orienterede Segment Begrænset samfundsinteresse Mange yngre, jyder & mænd Det individorienterede segment er det østligste af de ni segmenter i Kompasrosen dog ikke
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 mereWOODKID. 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 mereLav din egen forside i webtrees
Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.
Læs mereTrin for trin guide til Google Analytics
Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent
Læs 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 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 mereLav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Læs mereManual 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 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 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 mereProdukt. 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 mere3) Først og fremmest kan du vælge hvilket tema din side skal have.
Wordpress er et open source software du kan bruge til at oprette blogs og hjemmesider i. Du har mulighed for at vælge forskellig temaer og designe din side som du har lyst. Blogs og hjemmesider kan blandt
Læs mereHvem behøver en Fan side?
Facebook Fan sider er en fantastisk måde at promovere en virksomhed på, og en vigtig del af enhver social media marketing plan. Oprettelse af en grundlæggende side er ikke så kompliceret, men at skabe
Læs mereModul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE
Modul 2 Database projekt Multimediedesign 3. semester Gruppe 3 IRF/TUJE Fact sheet Indholdsfortegnelse Fact Sheet Gantt kort Valgt af virksomhed Brainstorm Attribut tabel ER-diagram Skitse MySQLWorkbench
Læs mereFolkebibliotekernes brugere. Jakob Heide Petersen jhp@bs.dk
Folkebibliotekernes brugere Jakob Heide Petersen jhp@bs.dk 2 Indhold Udbredelse - hvor mange bruger bibliotekerne? Brugergrupper - hvem bruger bibliotekerne? Brugeradfærd - hvad bruges bibliotekerne til?
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 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 mereVelkommen til TADAA! s visuelle verden
Velkommen til TADAA! s visuelle verden Part of the Insero Group 1 Velkommen til TADAA! s visuelle verden TADAA! s visuelle identitet er designet til at illustrere de værdier, som delebilskonceptet bygger
Læs mereValgfrit tema. Kommunikation/IT 13-04- 2 0 1 2. Jannik Nordahl-Pedersen. HTX - Roskilde. Klasse 3.5
rt Valgfrit tema Kommunikation/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 13-04- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...
Læs mereKøn. Befolkningen GO-CARD brugere. Kilde:Index DK/Gallup Marketing HH 2010
Demografi % Køn 8 67 6 49 51 4 33 Mænd Kvinder Kilde:Index DK/Gallup Marketing HH 1 % 3 Alder 25 15 12 19 13 17 16 19 17 17 1 5 12-19 år -29 år 3-39 år 4-49 år Kilde:Index DK/Gallup Marketing HH 1 % Uddannelse
Læs mereManual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:
Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet
Læs mereApp til indmelding af glemt check ud
App koncept til indmelding af glemt check ud App til indmelding af glemt check ud 5. mar. 2015 Side 1 App koncept til indmelding af glemt check ud 1 Introduktion Flg. er en besvarelse til en idekonkurrence
Læs mereSelv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:
Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.
Læs mereAhmad Celik, Garwun Jeffrey Lai og Besir Redzepi. 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209
Ahmad Celik, Garwun Jeffrey Lai og Besir Redzepi 09-10-2009: 3. Semester. Multimediedesigner Projektstart: 28/09-2009 Aflevering: 09/10-209 Projektets produkt: http://www.abc-cykling.7effrey.dk 1 Indholdsfortegnelse:
Læs 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 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 mereKlasse 1.4 Michael Jokil 03-05-2010
HTX I ROSKILDE Afsluttende opgave Kommunikation og IT Klasse 1.4 Michael Jokil 03-05-2010 Indholdsfortegnelse Indledning... 3 Formål... 3 Planlægning... 4 Kommunikationsplan... 4 Kanylemodellen... 4 Teknisk
Læs mereIndhold. 1. Adgang og afslutning
1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereRESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX
RESPONSIV WEBDESIGN Gøg og Gokke Kommunikation IT Afleveres d. 17-9-2015 Sara Jacobsen & Natasja Christoffersen 3. års HTX Indhold Indledning... 2 De seks faser... 2 Problemanalyse... 2 K-strategi... 3
Læs mere5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN
5. OPSÆTNING DOKUMENTSKABELONER Under fanen Dok. skabeloner kan du arbejde med de skabeloner som du har i systemet, eller du kan oprette nye. I denne vejledning kigger vi på hvordan du kan tilrette selve
Læs mereAFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn
AFSLUTTENDE OPGAVE Lad Grønsted forblive Grøn Lad Grønsted forblive Grøn Indledning Til dette afsluttende projekt har jeg valgt at fokusere på udemiljøet i en park, og om hvordan et godt udemiljø kan påvirke
Læs mereAlternativ markedsføring
Alternativ markedsføring Kom/IT Projekt HTX Roskilde Joachim K. Bodholdt 05-05-2009 Indholdsfortegnelse Alternativ markedsføring online.... 3 Projekt beskrivelse:... 3 Case: Projekt 'Mørk & Juhl'... 4
Læs mereProjekt Reklamefilm Kom/IT. 18-03-2014 2.y, HTX, EUC Syd Sønderborg Sahra M. Andersen
Projekt Reklamefilm Kom/IT 18-03-2014 2.y, HTX, EUC Syd Sønderborg Sahra M. Andersen Projektbeskrivelse Projektet går ud på at der skal udarbejdes en reklamefilm, der reklamere for en virksomhed/institution/produkt,
Læs mereDesignmanual. Romalt Idrætsforening 1981
Designmanual Romalt Idrætsforening 1981 Introduktion Kære brugere af denne designmanual Denne designmanual omhandler pri mært brug af logo og farver i Romalt IF s designlinje. Den er ment og tænkt som
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 mereJonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664
SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com
Læs 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 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 mereLink til landing page: linemehr.dk/projekter/e-zine/index.html
Link til landing page: linemehr.dk/projekter/e-zine/index.html Multimediedesigner - projekt 2-2. semester - E-zine - Tobias Sonne, Line Mehr og Line la Fontaine FACT SHEET Projekt titel An E-zine URL Landing
Læs mereStine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation
Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML
Læs mereJayne Alice Jensen cph-jj208@cphbusiness.dk [Link til portfolio]
DATABASE Projekt: Projekt 1, 3. semester Website: http://kostecki.dk/cph/projektdb/ Dato: 08/09/14-21/09/14 Skole: Copenhagen Business Academy Klasse: Multimediedesigner - Mulb Gruppe: MULB1 Undervisere:
Læs mereIsenTekst Indhold til Internettet. Manual til Wordpress.
Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet
Læs meresrum 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 merePOST IT! Cph Business Academy Multimediedesign 2. Semester flow april Kirstine Marie Rasmussen cph-
POST IT! Cph Business Academy Multimediedesign 2. Semester flow 3 9. april 2017 Kirstine Marie Rasmussen cph- kr141@cphbusiness.dk Mette Bejder cph- mb458@cphbusiness.dk Link til POST IT http://mbejder.dk/post-
Læs mereSmartWeb Brugermanual
SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...
Læs mereTips til siden Slægtstræ
Tips til siden Slægtstræ Indholdsfortegnelse Indledning 1 Kom godt i gang 1 Kildecitater og links til online arkivalier: 5 Familier 9 Export, import og backup: 10 Folketællinger: 10 Om noter og rapporter
Læs mereINDHOLDSFORTEGNELSE LOGO / GENERELT / LOGOSTØRRELSER...13 TYPOGRAFI
DESIGNMANUAL INDHOLDSFORTEGNELSE MEEFRED DESIGN... 4-6 OM MEEFRED DESIGN... 7 LOGO... 8-9 LOGO / GENERELT... 10 LOGO / GENERELT / LOGOTYPE... 11 LOGO / GENERELT / RESPEKTAFSTAND... 12 LOGO / GENERELT /
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 mereVan, 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 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 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 meremanual til Redaktionen intro avisens profil planlægning research foto fokus skriv layout deadline
manual til Redaktionen intro avisens profil planlægning research foto fokus skriv layout deadline Indhold Kom godt i gang med Redaktionen 3 Opret avis 4 Opret redaktioner 6 Tilknyt elever 7 Fordel elever
Læs mereCOPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV
COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest
Læs mereIndholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07
Indholdsfortegnelse Designmanual Borsen.dk 1 Introduktion..................................................... 02 Farver 01 Fonte 02 Ikoner og knapper 03 Menuen 04 Bannere 05 Generelle mål 06 Grafikelementer
Læs mereMedarbejderguide til INNOMATE HR Medarbejderplan. Indhold: Log på MUS. Forberedelse til MUS
Medarbejderguide til INNOMATE HR Medarbejderplan Indhold: 1. Log på 2. MUS 3. Øvrigt om Medarbejderplan 4. Rekruttering behandling af ansøgere Log på Log på www.medarbejderplan.dk med: Bruger ID: initialer
Læs mereStart med at downloade app en Youtube via App Store.
APP #7 Youtube I denne uge kigger vi på Youtubes app. På Youtube kan du finde næsten alt! Youtube bliver brugt til alt fra gamle tv-klip fra hele verden til musikvideoer til folk der lave video-blogs (de
Læs mereTilgængelighedsmanual Århus kommunes hjemmeside
Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual Århus kommunes hjemmeside Version 1.4 Indhold 1 GRUNDLÆGGENDE...
Læs mereBørneIntra hjemmesidekursus
BørneIntra hjemmesidekursus hjemmesidekursus Januar 2012 Indhold 1 Introduktion... 5 1.1 Kursets formål... 5 1.2 Hjemmesiden opbygges i PersonaleIntra... 5 2 Hjemmesidens indhold... 6 2.1 Hjemmesidens
Læs mereGruppe: 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 mereProjekt 2, Bannere. Reklamebanner og landing-page for kulturnatten 2012. http://www.cph64.webkn.dk/banner/index.html. Vejledere: DSK, MORO, FDTA, IWPO
Projekt 2, Bannere Reklamebanner og landing-page for kulturnatten 2012 http://www.cph64.webkn.dk/banner/index.html Vejledere: DSK, MORO, FDTA, IWPO CLmul-a12e 1. Semester, 2. projekt Lasse Mathias Bruun
Læs merePinterest Kickstart din pinning
Pinterest Kickstart din pinning www.amnielsen.com Pinte- Det sociale netværk Pinterest er ikke voldsomt brugt i Danmark, men i USA har Pinterest de seneste par år været det nye sort i marketing og salgsøjemed
Læs mereRedtape.dk Grafisk Design
Redtape.dk OM KUNDEN Red Tape er et undergrunds pladeselskab. De udgiver musik under Creative Commons licens, som er en åben ophavsret, der gør det lovligt at dele og modificere musikken på lovlig vis.
Læs mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
Læs mereSIDEN PÅ WORDPRESS.COM
WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp
Læs mere[ Gør det overskueligt! ]
2015 Kommunikation/IT niveau C Eksamensprojekt sundhedskampagne Kristian N. Rieck - 45882 Gør det overskueligt! Sundhedsstyrelsen At give danskerne mere overskud i hverdagen At gøre hverdagsindkøb - Og
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 mereWebsite sikkerhed SQL Injections og mere...
... Skrevet af Daniel Pedersen 1 Introduktion Sikkerheden i dag skal være i top, der er rigtig mange små hurtige og nemme metoder til at få adgang til ens hjemmeside. Mange er ikke ældre end 14 år, og
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mere