Dynamisk Webdesign F2010

Størrelse: px
Starte visningen fra side:

Download "Dynamisk Webdesign F2010"

Transkript

1 Dynamisk Webdesign F2010 Præsentationer Læringsmål Emnet: teknologi, koncept, design og process Projekt Semesterplan

2 Jeres underviser: Tess Gaston Cand.it, software udvikling (ITU) og ba. pædagogik (KU) Applikationsdesign/spildidaktisk design for DELC. Flash udvikling: Flash IDE, ActionScript, Flex. Wordpress hacking.

3 Hjælpelærer: Søren Laursen

4 Forklare arkitekturen bag en dynamisk webløsning. Karakterisere vigtige teknologier der anvendes i dynamisk webudvikling. Anvende analyse-/design-metoder til at skitsere, planlægge, kommunikere og dokumentere en dynamisk webdesignløsning. Delvist implementere en dynamisk webløsning. Læringsmål Følge (simple) instruktioner til at ændre og videreudvikle eksisterende kode. Organisere den dynamiske udviklingsprocess. Teoretisere betydningen af de designmæssige, grafiske og teknologiske valg der er truffet i forbindelse med uformningen af egen løsning. Eksamen: B4 (Rapport/Mundtligt forsvar).

5 dynamisk? A dynamic web page is a hypertext document rendered to a World Wide Web user presenting content that has been customized or actualized for each individual viewing or rendition or that continually updates information as the page is displayed to the user. Hi Tess! It s 9:32am

6 Dynamisk web arkitektur server side client side Request Result Hi Tess! it s 9:32am

7 Web teknologier XHTML - struktur CSS - præsentation JavaScript - client side scripting. PHP MySQL - server side scripting. - data lagring, data filtrering.

8 Redskaber Browsers: Safari, Firefox, Opera, Internet Explorer, Chrome Debugging: Firebug Tekst editor: Textwrangler, notepad++, skedit, mm. Lokal web platform: WAMP for windows og MAMP for mac. Grafik: Gimp/Photoshop, 960.gs skabeloner. Animation/Rich Content: Flash, Silverlight, mootools (Ajax)

9 Dette er IKKE et programmeringskursus! DW er et videregående konstruktionsfag, hvor viden om web teknologier, interfacedesign og medieteori kommer i spil, under udformningen af en konkret webløsning.

10 Dynamisk webdesign - en tværfaglig disciplin Koncept At tænke originalt i udnyttelsen af mediets potentiale Funktionalitet At kende de teknologiske rammer. Design At kende konventioner for brugervenlighed og anvende grafiske virkemidler. Process At kunne strukturere arbejdet.

11 Eksperter programmører konceptudviklere informationsarkitekter interfacedesignere interaktionsdesignere

12 Koncept Et koncept er den overordnede idé bag løsningen af et problem. Et godt koncept, tager udgangspunkt i et interessant problem og repræsenterer en orignal løsning. Et godt koncept demonstrer kendskab til andre koncepter.

13 Analyse/Forundersøgelse Aktivitetsbaseret anlyse vs brugercentreret analyse - med analyse metoden AOF (activities, objects, features) juxtapositionering af relaterede sites. proof-of-concept kodning. Fra Wiktionary. Juxta position: A placing or being placed in nearness or contiguity, or side by side, often done in order to compare/contrast the two, to show similarities or differences.

14 Design Design af brugergrænsefladen - grafisk og funktionelt design Design af løsningen - systemarkitektur

15 Synergi mellem kode, indhold og design? Afhænger af udviklingsteamets evne til at kommunikere og samtænke ideer på tværs af fagområderne.

16 Deliverables Wireframe Blueprint Mock-up Funktionsdiagram Domænemodel Dataflow diagram Kode kommentarer ER diagram A blueprint is just good thinking written down Christina R. Wodtke

17 Implementation Praktisk arbejde med programmeringssprog, redskaber og frameworks. +

18 Projekt Design og delvis implementering af dynamisk website. Der afleveres en rapport der indeholder: - en præsentation af løsningens koncept og design. - dokumentation af processen og de implementerede dele.

19 Eksempler fra sidste semester E2009 Tema kulturliv

20 F2010 Tema Politik?

21 Projektet vælg et fokusområde Data visulisering, digital kunst, visuel kommunikation OPLEVELSE INFORMATION Findability, organisering, informationsdesign Usability, applikationsdesign, interaktionsdesign HANDLING

22 Findability, organisering, informationsdesign Data visulisering, digital kunst, visuel kommunikation INFORMATION OPLEVELSE HANDLING Usability, applikationsdesign, interaktionsdesign

23 Udviklingsprocess Semesterplanen simulerer en iterativ udviklingsprocess

24 Semesterplan INTRO: Dynamisk Webdesign 1.iteration Webmediets begreber og genrer. Intro til webteknologier Analyseredskaber Designredskaber: Prototyping/deliverables Præsentationer 2. iteration Lagring og load af data fra extern kilde: XML, MySQL Interfacedesign og usability Grafiske virkemidler. Præsentationer 3.iteration Webservices Advanced CSS and dynamic HTML (XHTML) AJAX/Flash/actionscript evt / Project evt / Project

25

26 Dan grupper Max. 4 - min. 2 deltagere pr. gruppe. Opret gruppeblog - få feedback. Pas på med at danne homogene grupper.

27 Næste forelæsning Web før og efter Konceptafgrænsning

DYNAMISK WEBDESIGN Intro

DYNAMISK WEBDESIGN Intro DYNAMISK WEBDESIGN Intro 1 PLAN... Mød din kursusansvarlige: Tess Gaston Mød din hjælpelærer: Frederik Wordensjold Hvad er DYNAMISK webdesign? Indhold Semesterplan Hvem ER I? (graf) Hvad KAN I? (pull)

Læs mere

PHP Quick Teknisk Ordbog

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

Læs mere

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

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

Læs mere

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet

Kenn Römer-Bruhn. WordPress. - gør dig synlig på nettet Kenn Römer-Bruhn WordPress - gør dig synlig på nettet version 1.3 2. september 2013 Lidt om hvem Kenn er Arbejdsområder i dag: Forfatter, skribent, redaktør, forlægger, fotojournalist, blogger, grafisk

Læs mere

Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development

Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development 22.08.2016-11.11-2016 Fra webmaster til UX, UI og Development Webdesign- og udvikling er en tværfaglig disciplin, og

Læs mere

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 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 mere

CURRICULUM VITAE. Hoda Al-Amood, 2014

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

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Fø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 mere

Overskrift. 1. Visuel kommunikation. Punkter - Underpunkter. Punkter. Klaus Bjerager Tirsdag den 8. februar

Overskrift. 1. Visuel kommunikation. Punkter - Underpunkter. Punkter. Klaus Bjerager Tirsdag den 8. februar Overskrift Punkter - Underpunkter Punkter 1. Visuel kommunikation Klaus Bjerager Tirsdag den 8. februar Agenda Introduktion til kurset» Præsentation af underviser og hjælpelærer» Præsentation af studerende»

Læs mere

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april 8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,

Læs mere

Brugervenlighed som en fast del af udviklingsprocessen

Brugervenlighed som en fast del af udviklingsprocessen Brugervenlighed som en fast del af udviklingsprocessen Ingrid Haug, 10. marts 2010 Hvorfor dette oplæg? Brugervenlige produkter opnås kun ved at arbejde målrettet med brugervenlighed Alt for sjældent er

Læs mere

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

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

Læs mere

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

Undervisningsbeskrivelse

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

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Emner. Baggrund Flash s historie, udbredelse, scene og anvendelse.

Emner. Baggrund Flash s historie, udbredelse, scene og anvendelse. Flash crash course Emner Baggrund Flash s historie, udbredelse, scene og anvendelse. Flash IDE Et kig på Flash udviklingsmiljøet. (stage, timeline, symboler, paneler, tools) Demo: Textfields Demo: Animation

Læs mere

2. Systemarkitektur... 2

2. Systemarkitektur... 2 Indholdsfortegnelse 2. Systemarkitektur... 2 2.1 Præsentationsserverarkitektur... 3 2.2 Applikationsserverarkitektur... 7 Version 7.0 Side 1 af 7 5. Systemarkitektur Arkitekturen for Nyt BBR bygger på

Læs mere

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 29. August 2013 #1 Introduktion til kurset

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 29. August 2013 #1 Introduktion til kurset DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME 29. August 2013 #1 Introduktion til kurset DAGENS PROGRAM Lidt om mig, jeres TA s og jer selv Kursusafklaring + Diskussion Kursets indhold og forløb [Pause]

Læs mere

Ansat i FOA fagforening, hvor jeg bl.a. arbejder med integration og sagsbehandlingssystemer.

Ansat i FOA fagforening, hvor jeg bl.a. arbejder med integration og sagsbehandlingssystemer. 1/9 Firmapræsentation... 3 Martin Larsen... 3 Kontaktoplysninger... 3 Arbejdsform... 4 Hvad udfører vi?... 4 Forudsætninger... 4 Hvorfor gør vi det?... 4 Hvordan gør vi det?... 4 Hvad koster det?... 4

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

Læs mere

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

Læs mere

Hvor er mine runde hjørner?

Hvor er mine runde hjørner? Hvor er mine runde hjørner? Ofte møder vi fortvivlelse blandt kunder, når de ser deres nye flotte site i deres browser og indser, at det ser anderledes ud, i forhold til det design, de godkendte i starten

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

Læs mere

eksamensprojekt 2. sem

eksamensprojekt 2. sem Multimediedesigner Klima 2009 Virksomheder i en klimakontekst eksamensprojekt 2. sem maj - juni 2009 www.cphnorth.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby 1. Opgaven Indledning: I december 2009 skal Danmark

Læs mere

Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed.

Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed. 1. Indledning Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed. I 2013 vil en del af de, der er ramt af arbejdsløshed ikke kunne modtage dagpenge

Læs mere

Procesbeskrivelse - Webprogrammering

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

Læs mere

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

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

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

Hej! Mit navn er Mathias Korsholt Abel

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

Læs mere

InfoGalleri i detaljer

InfoGalleri i detaljer InfoGalleri i detaljer InfoGalleri er et digitalt formidlingsværktøj, der hjælper dig til at kommunikere bedre med dine brugere ved brug af storskærme. Ved hjælp af vores brugervenlige redaktionsværktøj,

Læs mere

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

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

Læs mere

Delaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran

Delaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran Delaflevering De Digitale Hippier Frank Holdt og Linh Tran Indhold 1. Indledning... 2 2. Generelt i forhold til projektet... 2 2.1 Beskrivelse af problemfeltet og en problemformulering... 2 2.2 Beskrivelse

Læs mere

Dokumentation. Karen-Louise Fejerskov

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

Læs mere

Grafisk workflow. bl.udbudsnet.dk

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

Læs mere

WordPress som CMS 1:2. Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes

WordPress som CMS 1:2. Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes WordPress som CMS 1:2 Erhvervsakademi Sjælland, Campus Køge 2. semester, januar 2015 Lasse Claes Jeg er Lasse Claes De næste to uger Mål Du skal lave din portfolio i WordPress Sidegevinster Du lærer at

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav 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 mere

Informationsteknologi Ligningespillet. Nicklas Jacobsen og Jonas Christoffersen

Informationsteknologi Ligningespillet. Nicklas Jacobsen og Jonas Christoffersen Informationsteknologi Ligningespillet Nicklas Jacobsen og Jonas Christoffersen Indholdsfortegnelse Problembeskrivelse i korte rids... 3 Kommunikationsplanlægning... 3 Jan Krag Jacobsens 25 spørgsmål...

Læs mere

Personlige oplysninger: Erhverserfaring:

Personlige oplysninger: Erhverserfaring: CV Personlige oplysninger: Navn: Michael Brinch Adresse: Parkstykket 9 st. th. 2700 Brønshøj Mobil: 27 62 61 91 E-mail: michael@cybercraft.dk Fødselsdato: 10. november 1976 Civilstatus: Gift, 3 børn på

Læs mere

NICKLAS FOLDEN VIND www.davik.dk nicklas@davik.dk 23277907

NICKLAS FOLDEN VIND www.davik.dk nicklas@davik.dk 23277907 NICKLAS FOLDEN VIND www.davik.dk nicklas@davik.dk 23277907 Personlig beskrivelse Som person er jeg meget positiv, entusiastisk og proaktiv. Jeg er vant til at have mange bolde i luften og ser løsninger

Læs mere

Curriculum Vitae. Resumé: Erfaring:

Curriculum Vitae. Resumé: Erfaring: Resumé: Mine spidskompentencer og passion er idéudvikling, konceptudvikling, prototyping, interaktionsdesign og digitale kommunikationsstrategier. Jeg har erfaring med strategisk planlæg-ning af kommunikation

Læs mere

Visualisering. Kan opdeles i 2 dele Præsentations værktøj Portal

Visualisering. Kan opdeles i 2 dele Præsentations værktøj Portal Innofactor Plc 2000-2012 Visualisering Stigende krav til visualisering Brugervenlighed - flere brugere skal kunne anvende og lave visualiseringer Dynamisk Æstetisk Flere forskellige former for visualiseringer

Læs mere

KODNING AF RESPONSIV DESIGN

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

Læs mere

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME 10. Oktober 2013 #6 Designproces + Projektstart DAGEN I DAG Designprocessen [Pause] Om delaflevering Gruppedannelse [Pause] Gruppeøvelse og projektstart DESIGNPROCESSEN

Læs mere

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Projektplan Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Opstart Konceptudvikling

Læs mere

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

DAGSORDEN. Velkomst Præsentation af projektet Spørgsmål Den videre proces

DAGSORDEN. Velkomst Præsentation af projektet Spørgsmål Den videre proces DAGSORDEN Velkomst Præsentation af projektet Spørgsmål Den videre proces 1 Fælles designsystem til borger.dk, Digital Post, NemLog-in og selvbetjeningsløsninger Præsentation i Digitaliseringsstyrelsen

Læs mere

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Vejle Mobil workshop torsdag d. 09.02.2012 Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Det skal vi kigge på i dag Trends og tendenser Tal og fakta Dig og din mobil Mobile muligheder Dig og din mobil

Læs mere

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

Læs mere

Who s to blame? Jeppe Rørbæk. Jeppe.rorbaek@teknologisk.dk +45 22 70 55 07. Konsulent og underviser på Teknologisk Institut MCP, MCAD, MCSD, MCT

Who s to blame? Jeppe Rørbæk. Jeppe.rorbaek@teknologisk.dk +45 22 70 55 07. Konsulent og underviser på Teknologisk Institut MCP, MCAD, MCSD, MCT Who s to blame? Jeppe Rørbæk Jeppe.rorbaek@teknologisk.dk +45 22 70 55 07 Konsulent og underviser på Teknologisk Institut MCP, MCAD, MCSD, MCT Introduktion til ATLAS AJAX Intro / hensigten med ATLAS Hvordan

Læs mere

3. PROJEKT, 2 SEMESTER

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

Læs mere

Eksaminationsgrundlag for selvstuderende

Eksaminationsgrundlag for selvstuderende Eksaminationsgrundlag for selvstuderende Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Institution Uddannelse Fag og niveau Lærer Teknisk Gymnasium Skive Tekniske Skole EUX Informationsteknologi

Læs mere

IT-UNIVERSITETET I KØBENHAVN

IT-UNIVERSITETET I KØBENHAVN IT-UNIVERSITETET I KØBENHAVN MASTER I INTERAKTIONSDESIGN Fra User Experience og digitale designprocesser til innovation og konceptudvikling MASTER I INTERAKTIONSDESIGN Masteruddannelsen er til dig, som

Læs mere

Dit budskab i centrum

Dit budskab i centrum Dit budskab i centrum Websites hurtigt og nemt Wizi er et standard Content Management System udviklet "in-house" af Vizion Factory NewMedia. Vi har implementeret skræddersyede CMS løsninger for vores kunder

Læs mere

Janus H. Clemmensen

Janus H. Clemmensen CURRICULUM VITAE Navn: Janus Haunstrup Clemmensen Adresse: Søvej 6F, 2880 Bagsværd E-mail: janusc@gmail.com Mobil: +45 2622 0527 Resume UI/UX Designer med stærke kompetencer inden for konceptudvikling,

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

GRAFISK PRODUKTION & WORKFLOW // MEDIQ DANMARK // BEVILLINGS SYSTEM

GRAFISK PRODUKTION & WORKFLOW // MEDIQ DANMARK // BEVILLINGS SYSTEM GRAFISK PRODUKTION & WORKFLOW // MEDIQ DANMARK // BEVILLINGS SYSTEM GRAFISK PRODUKTION & WORKFLOW // MEDIQ DANMARK // BEVILLINGS SYSTEM Om kunden Mediq Danmark A/S er Danmarks førende handelsvirksomhed

Læs mere

MONA MIKKELSEN Multimediedesigner

MONA MIKKELSEN Multimediedesigner PROFIL Kreativ, engageret, nysgerrig og positiv Det er de første ord jeg kommer i tanke om, når jeg skal beskrive mig selv og det er dem der beskriver mig bedst, både personligt og professionelt. Jeg har

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu. Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1 Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe...

Læs mere

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

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

Læs mere

Bekendtgørelse om erhvervsuddannelsen til web-integrator

Bekendtgørelse om erhvervsuddannelsen til web-integrator BEK nr 557 af 28/04/2015 (Historisk) Udskriftsdato: 25. juni 2016 Ministerium: Undervisningsministeriet Journalnummer: Undervisningsmin., j.nr. 007.03T.541 Senere ændringer til forskriften BEK nr 279 af

Læs mere

Skriftlig opgave vedr. brugervenlighed og grafisk design

Skriftlig opgave vedr. brugervenlighed og grafisk design Skriftlig opgave vedr. brugervenlighed og grafisk design Udleveret: Tirsdag den 19.05.2015 Afleveres: Torsdag den 11.06.2015. Skriftlig opgave på maksimum 6 normalsider, der mailes til henholdsvis kahu@ucn.dk

Læs mere

Drupal. Hvad er Drupal?

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

Læs mere

Grundforløbsprøve Projektbeskrivelse

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

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Maj-juni 12/15 Institution Uddannelse Fag og niveau Lærer(e) Hold Campus Vejle HHX Informationsteknologi niveau

Læs mere

Åbne it-miljøer i universitetsundervisningen

Åbne it-miljøer i universitetsundervisningen Åbne it-miljøer i universitetsundervisningen DUN Konference 2012 Nicholai Friis Pedersen, Hans Klysner og Janus Holst Aaen, AU. http://pages-tdm.au.dk Mål med Pages At aktivere de studerende og understøtte

Læs mere

Data lagring. 2. iteration (implement backend)

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

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

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

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

Læs mere

Udfordringer og problemstillinger. En liste over de udfordringer og problemstillinger, der er ved Java og JEE udvikling

Udfordringer og problemstillinger. En liste over de udfordringer og problemstillinger, der er ved Java og JEE udvikling Java og JEE 1 2 Udfordringer og problemstillinger En liste over de udfordringer og problemstillinger, der er ved Java og JEE udvikling 3 Generelt om Java og JEE 4 Generelt, I Man undervurderer hvor mange

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Informationsteknologi

Informationsteknologi Informationsteknologi Grafisk præsentation og billedbehandling - med Office og GIMP 1. udgave, 2011 ISBN 13 9788761642332 Forfatter(e) Lars Ljungqvist Et komplet undervisningsmateriale til faget Grafisk

Læs mere

Studieordning del 1-2015

Studieordning del 1-2015 Studieordning del 1-2015 Fællesdel Professionsbachelor i webudvikling Bachelor of Web Development Version 1.0 Revideret august 2015 Side 0 af 10 1. Indhold fælles del 1. Indhold fælles del...1 1. Uddannelsens

Læs mere

txtbomber af Felix Vorreiter Mogens Jacobsen / moja@itu.dk

txtbomber af Felix Vorreiter Mogens Jacobsen / moja@itu.dk 1 txtbomber af Felix Vorreiter BSPR11 Introduktion Mogens Jacobsen / moja@itu.dk Dagens program 3/2 2 12:00-12:45: Introduktion 12:45-12:55: pause 12:55-13:10: Introduktion til design-opgaven 13:10-13:30:

Læs mere

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

Læs mere

Sådan installeres og teste WordPress på en lokal server

Sådan installeres og teste WordPress på en lokal server Sådan installeres og teste WordPress på en lokal server Det gratis WordPress blog værktøj er vokset gennem årene til et fuldgyldigt CMS-system content management system). WordPress har forenklet processen

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

Hjælp under login på Mit DLR Oktober 2015

Hjælp under login på Mit DLR Oktober 2015 Hjælp under login på Mit DLR Oktober 2015 Jeg logger ind med bruger-id og nøglekort og får at vide, at der ikke er nogen sager i DLR Der er logget ind med forkert NemID. Vi oplever mange henvendelser,

Læs mere

Dygtig.NET / C# udvikler med stor erfaring fra både offentlige organisationer og private virksomheder.

Dygtig.NET / C# udvikler med stor erfaring fra både offentlige organisationer og private virksomheder. .NET UDVIKLER NATIONALITET: DANSK PROFIL Dygtig.NET / C# udvikler med stor erfaring fra både offentlige organisationer og private virksomheder. Stor erfaring omkring databasedesign, datahåndtering og MS

Læs mere

IT Sikkerhed. Digital Mobning.

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

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin maj-juni 2011 Institution Københavns Tekniske Gymnasium, Sukkertoppen, 2500 Valby Uddannelse Fag og niveau

Læs mere

Studieordning Professionsbachelor i Webudvikling Fælles del

Studieordning Professionsbachelor i Webudvikling Fælles del Studieordning Professionsbachelor i Webudvikling Fælles del 1. Indholdsfortegnelse 1. Indholdsfortegnelse... 0 2. Uddannelsens struktur... 1 3. Uddannelsens kerneområder... 1 3.1 Kerneområdet Webudvikling

Læs mere

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

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

Læs mere

Hvordan du opnår fordele med Progressive Enhancement. Et whitepaper af Morten Jakab Pedersen

Hvordan du opnår fordele med Progressive Enhancement. Et whitepaper af Morten Jakab Pedersen Skær hjørner og skab værdi i browseroptimering Hvordan du opnår fordele med Progressive Enhancement Et whitepaper af Morten Jakab Pedersen WHITEPAPER Indholdsfortegnelse 1. Intro...3 2. Hvad er Progressive

Læs mere

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7

HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 JonLitle.dk HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 PROFIL 7 KOMMENTARER 7 Hvad er Wordpress Wordpress

Læs mere

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

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

Læs mere

Web services i brug. Anvendelse uden for biblioteksverdenen

Web services i brug. Anvendelse uden for biblioteksverdenen Web services i brug Anvendelse uden for biblioteksverdenen Agenda Visionen bag webservices Tre cases Et kig fremad Nordija Etableret i marts 1998 Udviklingsprojekter Forretningskritiske applikationer Komponenter

Læs mere

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

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

Læs mere

DTU 02335 Net Teknologi A Webprogrammering og Datakommunikation Eksamensprojekt Krav til rapport September 2008 KRAV TIL RAPPORTEN

DTU 02335 Net Teknologi A Webprogrammering og Datakommunikation Eksamensprojekt Krav til rapport September 2008 KRAV TIL RAPPORTEN KRAV TIL RAPPORTEN Eksamensprojektet i Web-programmering og Datakommunikation skal afleveres som en rapport. Rapporten skal afleveres, i 2 eksemplarer (kopier). Endvidere skal være angivet URL, for emner

Læs mere

KURSER FOR LEDIGE IT-MEDLEMMER. Kom på kursus i fx Microsoft server 2012/2016, ASP.NET MVC 5 eller udvikling af apps.

KURSER FOR LEDIGE IT-MEDLEMMER. Kom på kursus i fx Microsoft server 2012/2016, ASP.NET MVC 5 eller udvikling af apps. KURSER FOR LEDIGE IT-MEDLEMMER Kom på kursus i fx Microsoft server 2012/2016, ASP.NET MVC 5 eller udvikling af apps. INDHOLD 3 KURSER FOR LEDIGE IT-MEDLEMMER 4 IT-SPECIALISTKURSER 8 KONTORKURSER 9 ØKONOMI-

Læs mere

E-HANDEL. ZoomTek.dk. E-handel

E-HANDEL. ZoomTek.dk. E-handel E-HANDEL ZoomTek.dk E-handel ZoomTek.dk Side 1 E-handel Webshop Copyright ZoomTek 2015 - Søren Anderson. All rights reserved. Dette materiale må ikke kopieres, reproduceres, indscannes, affotograferes,

Læs mere

Denne rapport er skrevet af:

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

Læs mere

INNOVATIONSAGENTUDDANNELSEN

INNOVATIONSAGENTUDDANNELSEN 5 1 / 1 INNOVATIONSAGENTUDDANNELSEN BRUGERINDDRAGELSE OG INNOVATION 1 / 2 Dagens program Kl. 9.30 Teori om prototyping Workshop: Byg/tegn/formgiv jeres koncepter og løsningsforslag Teori om kvalificering

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Curriculum Vitae. Type År Sidst Niveau Type År Sidst Niveau

Curriculum Vitae. Type År Sidst Niveau Type År Sidst Niveau Curriculum Vitae Personoplysninger Navn: Søren Hvidkjær Andersen Adresse: Solbærmarken 5 By: 8641 Sorring Mobil: +45 24 82 98 87 E-mail: soren@hvidand.dk Født: 16. Juli 1971 Civilstand: Introduktion Gift

Læs mere