DYNAMISK WEBDESIGN Intro

Størrelse: px
Starte visningen fra side:

Download "DYNAMISK WEBDESIGN Intro"

Transkript

1 DYNAMISK WEBDESIGN Intro 1

2 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) Projekt emne Scriptskole 2

3 1 Præsentationer 3

4 Tess Gaston Mellem mennesker og teknologi Forskningsassistent DPU Udvikler hos Delc (nu Mingoville A/S) Bang Bang Done (eget firma) Udvikler hos MOCH A/S Projektleder hos Gyldendal Uddannelse BA i pædagogik Cand.IT i Softwareudvikling ???

5 Disclaimer eller: 5 ting du bør vide om mig Jeg er ingen web guru - jeg er en web lærer Jeg hjælper jer med at lære om web. Jeg er ikke HTML ekspert - det meste af det jeg har lavet er Flash- baseret. - tilgengæld er Frederik indfødt ;) Scripting og programmering er ikke kommet naturligt til mig - jeg forstår hvor svært det er at lære det! Og jeg ved det nok skal lykkes. Jeg er holist/generalist/pragmatiker: hellere vide nok til at få NOGET meningsfuldt op at køre, frem for at blive låst fast i en detalje. Jeg er stor fan af folk med kreativ drivkraft, som de kan koble med en god portion nørderi. 5

6 2 Hvad menes med Dynamisk webdesign? 6

7 Hvad betyder dynamisk? Interaktivt? dynamisk = Modulært? Tilpasset? Opdateret? 7

8 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. source: slettet fra juni

9 Hvad gør denne side dynamisk? Dynamisk tilpasning af copy Dynamisk genereret liste af anbefalinger source:

10 Dynamic web pages are web sites that are generated at the time of access by a user or change as a result of interaction with the user. Dynamic Text web pages are a fundamental part of Web 2.0 which facilitates information sharing across multiple websites. source: 10

11 Kategorier af data på DR menuer genveje featured historier lister statistisk gen. lister breaking news 11

12 16 source:http://www.dr.dk/ 12

13 genveje breaking news historier 13 menu featured ny type!

14 Bag skabelonerne... data skabeloner menuer genveje historier lister breaking news featured statistisk gen. lister Præsentation 14

15 Hvorfor dynamisk? statisk vs. dynamisk - ulemper og fordele dynamisk statisk ulemper Langsommere at udvikle Dyrere at udvikle Sværere at udvikle Dyrere hosting Svært at opdatere Mindre anvendeligt Stagnation i indholdet fordele Mere funktionelt Lettere at opdatere Flere besøg Lettere at samarbejde om Billigt at udvikle Billigt at hoste 15

16 Mere anvendeligt, mere opdaterbart Modulær opbygning Anvendelighed Elementernes autonomi = kan redigeres i relativ uafhængighed Indholdet er oftere relevant: nyt / personaliseret 16

17 Langsommere, dyrere, sværere at udvikle Programmering Planlægning Værdier repræsenteres kun abstrakt i kildekoden og kendes først når koden eksekveres Det hævede abstraktionsniveau kræver design og planlægning. 17

18 Client - server arkitektur PHP Request Request html html Result Result ( css js 18

19 John Allsopp It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all. The journey begins by letting go of control, and becoming flexible. source: A Dao of Web Design 19

20 DYNAMISK WEBDESIGN Navnet på et kursus der har kørt siden E2009 HTML5 : Fra én gæsteforelæsning til fuldt fokus Fra ingen JavaScript til scriptskole Fra kun database til også XML, JSON, webservices Fra rapport til e- portefolio

21 3 Hvem er I? 21

22 programmering teknologi design koncept kommunikation ingen eller lidt erfaring en del eller nogen erfaring ingen eller lidt erfaring 1995 en del eller nogen erfaring 35 22

23

24 programmering teknologi design koncept kommunikation ingen eller lidt erfaring ingen eller lidt erfaring Fokus på design og at fuldføre script-skole. Scriptskole Design deliverables en del eller nogen erfaring Fokus på design og process Design Deliverables Interface Design en del eller nogen erfaring Fokus på kode, teknologier og process. 35 Scriptskole Dom scripting, load af dynamisk data, design af database. 24 Fokus på et originalt koncept og et helstøbt produkt. Samspillet mellem anvendelsesperspektiver og mediets tekniske muligheder. Grundigere domænemodellering Research & Development (fx. into future web standards)

25 4 Kursus - indhold 25

26 Dynamisk web: en tværfaglig disciplin Design + Teknologi = website koncept problem-løsningstrategi muligheder og begrænsninger Service funktionalitet Aktivitetsanalyse, flow design, usability javascript, PHP Features struktur Hieraki, organisering HTML, CSS Layout udseende Font, farver, textures, ikoner CSS, javascript Stemning, identitet data Datamodellering, datarelationer, navngivning MySQL, XML, JSON Sektioner, kategorier, copy 26

27 Jesse James Garret Emnerne i forhold til Garrets elements of UX data funktionalitet struktur udseende koncept 27

28 A blueprint is just good thinking written down Christina Wodke 28

29 Deliverables koncept model problem-løsning-strategi Prioritised Featurelist Aktivitetsanalyse UX design Hieraki, organisering Flow diagram Wireframes Mock-ups Font, farver, textures, ikoner ER-diagram datamodellering, datarelationer

30 caption Deliverables er centrale i samarbejdet med kunden source: 30

31 Scripting er mere end kode Det indebærer brug af redskaber, services, biblioteker og frameworks phpmyadmin MySQL, XML, JSON Google API s, Flickr API, mm. javascript, PHP lokal webserver HTML, CSS Google Chromes Developer Tool, Firebug, jshint jquery, H5 boilerplate, modernizr, css grid system RequireJS GitHub CSS, javascript mediets muligheder og begrænsninger 31

32 Litteraturen scannede kapitler, online artikler, bøger... Teknologi Design 32

33 Password til pdf dokumenter oneweb Du får en invitation til en dropbox folder med størstedelen af pensum fra Frederik 33

34 5 Semesterplan 34

35 semesterplan deliverables data lagring scripting Lektion Emner intro HTML5 semantic elements, canvas, video, graphics, forms MySQL normalization webteknologier HTML, CSS, javascript, PHP, MySQL, JavaScript scriptskole 1-4, dom scripting CSS3 font embed, shaddow, animation dev tools debugger, editor, local webserver webgenrer/web historie social, service, infospace, mash-up project theme: the app showcase site koncept/ analyse AOF, UX goals design wireframe mock-up ER-diagram HTML html5 boilerplate XML JSON CSS responsive design, fluid grid framework process PHP sql queries, data formating JavaScript working with libraries (jquery), AJAX project 35

36 Semesterplan 1. Course introduction 2. Intro to Web Technologies 3. Basic programming concepts w. JavaScript 4. Web history, present, future, (character and genres) 5. HTML5, Semantic HTML 6. CSS3 + Student presentations of HTML5 elements 7. Defining UX goals and Activity centered analyzis 8. Design deliverables: wireframes, mock-ups 9. mock-up session 10. Using libraries and frameworks 11. Dynamic Data 1: XML, JSON, Webservices 12. Dynamic Data 2: Database design 13. Dynamic Data 3: Database queries (PHP) 36

37 6 Projekt emne 37

38 noget med mobil... Showcase Mobile Websites for eksempel: eller: Byg en mobil version af et (kendt) website Byg et site der præsenterer/supplerer en mobil app 38

39 Alle har fokus på formidling Opret en blog til at formidle jeres arbejde i løbet af semesteret Samlingssted for arbejdsdokumenter Kommunikationsværktøj -i gruppen -mellem gruppen og os AFLEVERING 39

40 Bloggen dokumenterer jeres arbejde med projektet Og indeholder: - design deliverables - centrale kode snippets med forklaringer - reflektioner, begrundelser og overvejelser 40

41 B4 Eksamen 12/12/12 Gruppe aflevering af CD med - export af jeres blog - export af database - det implementerede som kildekode. 07/01/13-10/01/13 Individuel mundtlig eksamen 41

42 ...mere inspiration Et site dediceret til at vise app websites Her peges på noget specifikt Her peges på noget specifikt source:http://www.appsites.com/ 42

43 ...tjek også Kritisk gennemgang af typiske fejl. Matt Gemmel Endnu flere top-x lister

44 Super Best Practice Youtube.com for mobil, bliver ofte brugt som eksempel på best practice for touch interface design source: m.youtube.com 44

45 Om mobile websites Mobile Web Best Practices: Mobile Web Best Practice: 45

46 Request ( ) Result 46

Dynamisk Webdesign F2010

Dynamisk Webdesign F2010 Dynamisk Webdesign F2010 Præsentationer Læringsmål Emnet: teknologi, koncept, design og process Projekt Semesterplan Jeres underviser: Tess Gaston Cand.it, software udvikling (ITU) og ba. pædagogik (KU)

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

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/11-2012 Server side Programming Wedesign Forelæsning #8 Recap PHP 1. Development Concept Design Coding Testing 2. Social Media Sharing, Images, Videos, Location etc Integrates with your websites 3. Widgets extend

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

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

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

Undervisningsbeskrivelse

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

Læs mere

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

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

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

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

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

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

Læs mere

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

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

Design til digitale kommunikationsplatforme-f2013

Design til digitale kommunikationsplatforme-f2013 E-travellbook Design til digitale kommunikationsplatforme-f2013 ITU 22.05.2013 Dreamers Lana Grunwald - svetlana.grunwald@gmail.com Iya Murash-Millo - iyam@itu.dk Hiwa Mansurbeg - hiwm@itu.dk Jørgen K.

Læs mere

Webside score digitalenvelopes.

Webside score digitalenvelopes. Webside score digitalenvelopes.email Genereret November 01 2015 11:45 AM Scoren er 59/100 SEO Indhold Titel digitalenvelopes.email Encrypted Webmail Længde : 42 Perfekt, din titel indeholder mellem 10

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

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 WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

Læs mere

Undervisningsbeskrivelse

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

Læs mere

Undervisningsplan. Side 1 af 17. Termin Rybners Tekniske Gymnasium. Uddannelse. Fag og niveau. Informationsteknologi B

Undervisningsplan. Side 1 af 17. Termin Rybners Tekniske Gymnasium. Uddannelse. Fag og niveau. Informationsteknologi B Undervisningsplan Termin 2014-2016 Institution Uddannelse Fag og niveau Lærer(e) Hold Rybners Tekniske Gymnasium HTX Informationsteknologi B Jeppe Moritz Led, Jens Ahlmann Hansen E13 Oversigt over undervisningsforløb

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

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

Effektivt samarbejde og videndeling via Organisatorisk Implementering af SharePoint

Effektivt samarbejde og videndeling via Organisatorisk Implementering af SharePoint Effektivt samarbejde og videndeling via Organisatorisk Implementering af SharePoint Louise Harder Fischer Ekstern lektor, CBS og Research Manager, Futurecom Business 3 vigtige pointer ved videndeling Viden

Læs mere

Webside score starwarsgalaxyof heroeshack.website

Webside score starwarsgalaxyof heroeshack.website Webside score starwarsgalaxyof heroeshack.website Genereret December 11 2016 16:00 PM Scoren er 73/100 SEO Indhold Titel Star Wars Galaxy Of Heroes Hack - Unlimited Credits & Crystals - Star Wars Galaxy

Læs mere

Digital Æste+k. Interak(on Introdag The Expressive Web

Digital Æste+k. Interak(on Introdag The Expressive Web Digital Æste+k Interak(on Introdag The Expressive Web The Open Web Pla5orm The open web pla:orm består af en række forskellige teknologier som: HTML5 CSS3 JavaScript Fokus er på åbenhed, pla:ormualængighed,

Læs mere

Curriculum Vitae & Præsentation

Curriculum Vitae & Præsentation Jakobs C.V. Version 2011_01_26 Curriculum Vitae & Præsentation Navn Jakob Krarup (født 8. maj 1972) Bopæl Ringkøbingvej 44 9220 Aalborg Øst Kontaktoplysninger Telefon: 321 123 32 Mobil: 25 18 88 91 Mail:

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

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Juni 2016 Institution CampusVejle Uddannelse Fag og niveau Lærer(e) Hold Hhx Informationsteknologi C Peter

Læs mere

Sharing expertise for better outcomes. DAPUG workshop Delphi for PHP 2. Maj 2007

Sharing expertise for better outcomes. DAPUG workshop Delphi for PHP 2. Maj 2007 Sharing expertise for better outcomes DAPUG workshop Delphi for PHP 2. Maj 2007 DAPUG Workshop agenda Værktøjer til i dag Gennemgang af webserverens anatomi Grundlæggende PHP programmering Anatomien i

Læs mere

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

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

Læs mere

Grafisk 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

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

Kom i gang med SAS STPbaserede

Kom i gang med SAS STPbaserede make connections share ideas be inspired Kom i gang med SAS STPbaserede webapplikationer Lars L. Andersson Chefkonsulent Webapplikationer Interaktion med serverbaserede data via skærmbilleder leveret gennem

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

Læs mere

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

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

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

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

CV for Martin Smidt Kristensen

CV for Martin Smidt Kristensen Martin Smidt Kristensen Tage- Hansens gade 33 st. tv. 8000 Aarhus C Tlf. 23983282 CV for Martin Smidt Kristensen Professionel profil Som webudvikler har jeg en god forståelse for webdesign, webudvikling

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

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

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

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

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

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

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

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

9 tips til højere konverteringsrate på mobile enheder Præsenteret af Mogens Møller CEO ved Sleeknote & CRO Specialist

9 tips til højere konverteringsrate på mobile enheder Præsenteret af Mogens Møller CEO ved Sleeknote & CRO Specialist 9 tips til højere konverteringsrate på mobile enheder Præsenteret af Mogens Møller CEO ved Sleeknote & CRO Specialist c @MogensMoeller mm@sleeknote.com www.sleeknote.com Today 17% of our total subscription

Læs mere

WORK- FLOW PLATFORM WEBSITE H2

WORK- FLOW PLATFORM WEBSITE H2 WORK- FLOW PLATFORM WEBSITE H2 Platform Min opgave var at lave logo og website til et nyt spillested i Vejle. Genren der spilles på stedet er alternativt og indie Rock + elektronisk musik. Kunden er en

Læs mere

Webside score theimblog.net

Webside score theimblog.net Webside score theimblog.net Genereret August 21 2015 02:33 AM Scoren er 53/100 SEO Indhold Titel et Marketing Blog - Great Tips And Advice Længde : 47 Perfekt, din titel indeholder mellem 10 og 70 bogstaver.

Læs mere

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m.

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m. Tillæg til Libris-hæftet: WordPress Temaredigering og sikkerhed m.m. 1. Temaopbygning og -redigering I det trykte hæfte gennemgår jeg, hvordan du installerer temaer i WordPress. Der findes tusindvis af

Læs mere

Website review groweasy.dk

Website review groweasy.dk Website review groweasy.dk Generated on September 01 2016 10:32 AM The score is 56/100 SEO Content Title Webbureau Odense GrowEasy hjælper dig med digital markedsføring! Length : 66 Perfect, your title

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

Inspiration, tips og tricks

Inspiration, tips og tricks Køb et helt bibliotek om WordPress ebogen om WordPress 3 er mere omfattende end nogen anden dansk vejledning om WordPress. Køber du ebogen, får du fri adgang til alle kommende versioner. Du køber altså

Læs mere

Anmode om et tilbud: www.studioprime.hu og info@studioprime.hu Vi vil svare inden for 24 timer!

Anmode om et tilbud: www.studioprime.hu og info@studioprime.hu Vi vil svare inden for 24 timer! studioprime.hu produkter og services prisliste Gældende fra Jan. 11, 2015 til Feb. 28, 2015. Anmode om et tilbud: www.studioprime.hu og info@studioprime.hu Vi vil svare inden for 24 timer! Basic website

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

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

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

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

En guidet tur gennem Clilstore

En guidet tur gennem Clilstore En guidet tur gennem Clilstore Elementære skridt Dette er en trin for trin demonstration af hvordan man kan lave en online webside (Unit) med video samt tekst hvor alle ordene er kædet til en lang række

Læs mere

APEX i Praksis Martin B. Nielsen. Navn. MBNDATA Emne

APEX i Praksis Martin B. Nielsen. Navn. MBNDATA Emne APEX i Praksis Martin B. Nielsen Navn MBNDATA Emne Foredragsholderen Oracle/APEX Arkitekt/udvikler/DBA Siden Oracle v.5 (1988) APEX Siden 2007, men før (Database provider, HTMLDB) MBNDATA siden 1996 MBNDATA

Læs mere

Curriculum Vitae & Præsentation

Curriculum Vitae & Præsentation Jakobs C.V. Version 15-07-2009 Curriculum Vitae & Præsentation Navn Jakob Lund Krarup (født 8. maj 1972) Bopæl Broagervej 28, Sdr. Tranders 9260 Gistrup Kontaktoplysninger Telefon: 98 18 81 90 Mobil: 25

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

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

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

Modernisering af IBM Domino applikationer

Modernisering af IBM Domino applikationer Modernisering af IBM Domino applikationer En præsentation for Common Denmark af John Dalsgaard Agenda Om mig Historik IBM Domino udviklingsværktøjer Udfordringen Applikationsstruktur Eksempler/demo Opsummering/spørgsmål

Læs mere

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

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

Webdesign - Visuel strategi 2009. www.feicon.dk. M. MICKELBORG TM 2010 www.mindsetmedia.dk 1:15

Webdesign - Visuel strategi 2009. www.feicon.dk. M. MICKELBORG TM 2010 www.mindsetmedia.dk 1:15 Webdesign - Visuel strategi 2009 www.feicon.dk 1:15 Flashdesign - layout 2007 2:15 Bannerdesign DSB 2006 Tandhjulene drejer på baggrunden. ( Udviklet som vectorgrafik ) Banneret er tænkt i to step. M.

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Termin 2013-2015 Institution Rybners Tekniske Gymnasium Uddannelse Fag og niveau Lærer(e) HTX Informationsteknologi B Jeppe Moritz Led Hold 3.E, Årgang 2012 Oversigt over undervisningsforløb

Læs mere

Hosted CRM Outlook client connector setup guide. Date: Version: 1. Author: anb. Target Level: Customer. Target Audience: End User

Hosted CRM Outlook client connector setup guide. Date: Version: 1. Author: anb. Target Level: Customer. Target Audience: End User Hosted CRM 2011 Outlook client connector setup guide Date: 2011-06-29 Version: 1 Author: anb Target Level: Customer Target Audience: End User Language: da-dk Page 1 of 16 LEGAL INFORMATION Copyright 2011

Læs mere

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

IT SUMMER CAMP 2015. Dato for arr. og. dato for seneste tilmelding. bliver offentliggjort i maj. Ubuntu-Linux, Web-Server, Anvendte Web-Teknologier

IT SUMMER CAMP 2015. Dato for arr. og. dato for seneste tilmelding. bliver offentliggjort i maj. Ubuntu-Linux, Web-Server, Anvendte Web-Teknologier IT SUMMER CAMP 2015 Dato for arr. og dato for seneste tilmelding bliver offentliggjort i maj. uge z, x. / y. 2015 Ubuntu-Linux, Web-Server, og Basal Web-programmering En extensiv indføring i web-programmering

Læs mere

Curriculum Vitae Jack Petersen

Curriculum Vitae Jack Petersen Curriculum Vitae Jack Petersen Jeg er løsningsarkitekt og erfaren Java-udvikler i de sidste 15+ år har jeg arbejdet i den finansielle sektor, hvor jeg har bygget både frontend og backend systemer. De sidste

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

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

Responsivt Design - DMAA0213. Afgangsprojekt DMAA0213

Responsivt Design - DMAA0213. Afgangsprojekt DMAA0213 Responsivt Design - DMAA0213 Afgangsprojekt DMAA0213 Jesper Bjørn Andersen 18-06-2015 5. semester, afgangsprojekt - Responsivt Design Vejleder: Gunhild Marie Andersen Afsluttet: 18 Juni 2015 Deltager:

Læs mere

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer.

Curriculum Vitae: Jeg kan hurtigt overskue forretningers ønsker samt komplekse systemer og finde overskuelige løsninger på selv vanskelige problemer. Curriculum Vitae: Personlige oplysninger Navn Thomas Gustafsson Født 5. marts 1972 Adresse Græsmarken 5, ST. TH. 2860 Søborg Mobil (+45) 2577 2387 E-mail tgconsult@webspeed.dk Civilstand Ugift / Far til

Læs mere

PHP 3 UGERS FORLØB PHP, MYSQL & SQL

PHP 3 UGERS FORLØB PHP, MYSQL & SQL PHP 3 UGERS FORLØB PHP, MYSQL & SQL Uge 1 & 2 Det basale: Det primære mål efter uge 1 og 2, er at få forståelse for hvordan AMP miljøet fungerer i praksis, og hvordan man bruger PHP kodesproget til at

Læs mere

Netværk & elektronik

Netværk & elektronik Netværk & elektronik Oversigt Ethernet og IP teori Montering af Siteplayer modul Siteplayer teori Siteplayer forbindelse HTML Router (port forwarding!) Projekter Lkaa Mercantec 2009 1 Ethernet På Mars

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

Navn. Bopæl. Kontaktoplysninger. Jakob Krarup (født 8. maj 1972) Ringkøbingvej 44, 9220 Aalborg Øst

Navn. Bopæl. Kontaktoplysninger. Jakob Krarup (født 8. maj 1972) Ringkøbingvej 44, 9220 Aalborg Øst Navn Jakob Krarup (født 8. maj 1972) Bopæl Ringkøbingvej 44, 9220 Aalborg Øst Kontaktoplysninger Mobil: 25 18 88 91 Mail: Web: www.jake.dk / www.xnafan.net Uddannelse og arbejde 2009 Konsulent/udvikler

Læs mere

Webside score unlockdealers.com

Webside score unlockdealers.com Webside score unlockdealers.com Genereret Januar 10 2017 13:35 PM Scoren er 57/100 SEO Indhold Titel Unlock Dealers - Unlock codes start from $1 Dealers and Customers Wanted Længde : 72 Kan optimeres;

Læs mere

Case: Findvej.dk. Ved Peter Brodersen, Korruption. FDIH seminar, 16. april 2008

Case: Findvej.dk. Ved Peter Brodersen, Korruption. FDIH seminar, 16. april 2008 Case: Findvej.dk Ved Peter Brodersen, Korruption FDIH seminar, 16. april 2008 30 minutters gennemgang Min baggrund Findvej.dk Korttyper Google Maps Case: mitkbh.dk Formidling Case: bibliotek.dk Forretning

Læs mere

Webside score kcinterfaith.org

Webside score kcinterfaith.org Webside score kcinterfaith.org Genereret Juli 17 2015 03:48 AM Scoren er 40/100 SEO Indhold Titel Greater Kansas City Interfaith Council Længde : 38 Perfekt, din titel indeholder mellem 10 og 70 bogstaver.

Læs mere

GRAFISK PRODUKTION & WORKFLOW

GRAFISK PRODUKTION & WORKFLOW 24 APP FOR PRESIDENTS INSTITUTE Jeg arbejder til dagligt hos Presidents Institute og i den forbindelse fungerer jeg som projektleder på vores App som vi ønskede det. Der er blevet taget en masse nye beslutninger

Læs mere

Dennis Cassøe Mobil: 29 89 89 01

Dennis Cassøe Mobil: 29 89 89 01 Dennis Cassøe Mobil: 8 8 0 3consult.dk Email: dennis@3consult.dk Navn: Dennis Cassøe Årgang: IT-: Profil: Roller: Brancher: år Forretningsfokuseret IT-Arkitekt IT-Chef, IT-Arkitekt, Projektleder, Udvikler,

Læs mere

RentCalC V2.0. 2012 Soft-Solutions

RentCalC V2.0. 2012 Soft-Solutions Udlejnings software Vores udvikling er ikke stoppet!! by Soft-Solutions RentCalC, som er danmarks ubetinget bedste udlejnings software, kan hjælpe dig med på en hurtigt og simple måde, at holde styr på

Læs mere

Mobile Engagement Platforms

Mobile Engagement Platforms KUPONER, VOUCHERS Mobile Engagement Platforms Brand Video Mobil kupon Tip en ven via sms Tilmeld nyhedsbrev Desktop ikon Nærmeste forhandler Del på Facebook Database Social & Mobile Coupons MOBIL INTERNET

Læs mere

WEBDESIGN & WEBKOMMUNIKATION

WEBDESIGN & WEBKOMMUNIKATION WEBDESIGN & WEBKOMMUNIKATION 16. februar 2012 #3 - Webteknologier + HTML5 fortsat PROGRAM FOR I DAG 1. Webteknologier 2. Best practice & semantik 3. Det handler om struktur 4. Hvis tid: Links 5. Hvis tid:

Læs mere

Konceptuelt design for

Konceptuelt design for Konceptuelt design for http://www.youtube.com/watch?v=nahzzynnerq - et digitalt matematik materiale til de mindste klassetrin 1 1 Opgaven Et online undervisningsmateriale som dækker det fulde curricullum

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem

Læs mere

Webside score bugs.eclipse.org

Webside score bugs.eclipse.org Webside score bugs.eclipse.org Genereret August 06 2016 16:58 PM Scoren er 40/100 SEO Indhold Titel Bugzilla Main Page Længde : 18 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Længde

Læs mere

A11: Last Year s Exam

A11: Last Year s Exam A11: Last Year s Exam Agenda Design of Site map and Web- structure (3) Design of data model (1) Design of database transactions (2) Construction of HTML and PHP scripts (3) Exercise 3: Design of Site map

Læs mere

Reeksamen, DSDS, forår 2008

Reeksamen, DSDS, forår 2008 Reeksamen, DSDS, forår 2008 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech IT Universitetet i København 22. august 2008 Alle hjælpemidler er tilladte, dog ikke computer og kommunikationsmidler.

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