DYNAMISK WEBDESIGN Intro

Save this PDF as:
 WORD  PNG  TXT  JPG

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: 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: 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:

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

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

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

Webside score seo-haip.com

Webside score seo-haip.com Webside score seo-haip.com Genereret Maj 08 2019 15:11 PM Scoren er 44/100 SEO Indhold Titel Seo Haip Længde : 8 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

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

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

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

Arkitektur for begyndere

Arkitektur for begyndere Denne guide er oprindeligt udgivet på Eksperten.dk Arkitektur for begyndere Denne artikel beskriver forskellige basale n-tier arkitekturer. Som man bør kende og have valgt inden man går igang med at udvikle

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

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

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

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

Online kursus: Web Development

Online kursus: Web Development Online kursus 365 dage DKK 7.499 Nr. 72854 P ekskl. moms Få kompetencer til at indgå i udvikling af webapplikationer. Du får værktøjerne til at benytte de nyeste funktionaliteter til webudvikling. Kurserne

Læs mere

CV for Ralph Rezende Larsen

CV for Ralph Rezende Larsen CV for Ralph Rezende Larsen Bankgatan 4a, leg: 1101 243 54 Mörarp Sverige Mob.: +45 5195 7757 Email: ralph@ sitewalk.dk Fødselsdato: 24-09-1961 Resume Ralph er hovedsaligt PHP udvikler, men har også arbejdet

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

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

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

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

MOC On-Demand Identity with Windows Server 2016 [20742]

MOC On-Demand Identity with Windows Server 2016 [20742] E-learning 90 dage DKK 7.999 Nr. 89067 P ekskl. moms Dato Sted 29-12-2019 Virtuelt kursus MOC On-Demand Identity with Windows Server 2016 [20742] Online undervisning når det passer dig MOC On-Demand er

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

Webside score cite4me.org

Webside score cite4me.org Webside score cite4me.org Genereret Maj 03 2019 15:52 PM Scoren er 36/100 SEO Indhold Titel Reference Maker and Citation Machine - Generator: Amazing Tool for Effortless Referencing Længde : 89 Kan optimeres;

Læs mere

Webside score entranttechnologies.com

Webside score entranttechnologies.com Webside score entranttechnologies.com Genereret Juli 22 2019 12:58 PM Scoren er 61/100 SEO Indhold Titel Entrant Technologies Top Web and Mobile App Development Company USA, India Længde : 76 Kan optimeres;

Læs mere

Webside score skillers.tech

Webside score skillers.tech Webside score skillers.tech Genereret Marts 28 2019 16:56 PM Scoren er 55/100 SEO Indhold Titel Skillers - Quality IT Recruiting services Længde : 41 Perfekt, din titel indeholder mellem 10 og 70 bogstaver.

Læs mere

Online kursus: Content Mangement System - Wordpress

Online kursus: Content Mangement System - Wordpress Online kursus 365 dage DKK 1.999 Nr. 90213 P ekskl. moms Wordpress er et open-source content management system, som anvendes af mere end 23% af verdens 10 millioner mest besøgte hjemmesider. Det er et

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

MOC On-Demand Administering System Center Configuration Manager [ ]

MOC On-Demand Administering System Center Configuration Manager [ ] E-learning 90 dage DKK 7.999 Nr. 90111 P ekskl. moms Dato Sted 29-12-2019 Virtuelt kursus MOC On-Demand Administering System Center Configuration Manager [20703-1] Online undervisning når det passer dig

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

Webside score khtsb.com

Webside score khtsb.com Webside score khtsb.com Genereret April 04 2019 09:19 AM Scoren er 50/100 SEO Indhold Titel Welcome to XAMPP Længde : 16 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse XAMPP is an

Læs mere

Webside score google.com

Webside score google.com Webside score google.com Genereret Januar 14 2019 10:26 AM Scoren er 37/100 SEO Indhold Titel Google Længde : 6 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

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

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

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

Datatekniker med programmering som speciale

Datatekniker med programmering som speciale Datatekniker med programmering som speciale H2 H1 varer ti uger bestående af ti uddannelsesspecifikke fag. Indhold På H2 er der fokus på at integrere Objektorienteret Programmering i dine programmer. Fagene

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

Curriculum vitae for Karsten Dall Sørensen.

Curriculum vitae for Karsten Dall Sørensen. Personlige data Navn: Karsten Dall Sørensen Adresse: Tulstrupvej 5 3-2, 7430 Ikast Fødselsdato: 03-08-1979 Mobiltelefon: 21 45 60 81 E-mail: info@karstendall.dk Website: www.karstendall.dk Curriculum vitae

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

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

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

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

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

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 qbsupportcustomerservice.com

Webside score qbsupportcustomerservice.com Webside score qbsupportcustomerservice.com Genereret Juni 04 2019 09:57 AM Scoren er 69/100 SEO Indhold Titel Quickbooks Customer Service 800-329-0391 QB Phone Number Længde : 58 Perfekt, din titel indeholder

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

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

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

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

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

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

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

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

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

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

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

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

Web Development (Top-Up PBA)

Web Development (Top-Up PBA) Web Development (Top-Up PBA) Få job inden for: Design og konstruktion af webapplikationer Planlægning og arkitektur af websystemer Webkonsulent Under uddannelsen til professionsbachelor i webudvikling

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

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

Webside score anforderungserverraum.de.ipaddress.com

Webside score anforderungserverraum.de.ipaddress.com Webside score anforderungserverraum.de.ipaddress.com Genereret Juli 19 2019 10:30 AM Scoren er 65/100 SEO Indhold Titel Anforderung Serverraum - Anforderungen an die Serverraum Sicherheit erfüllen durch

Læs mere

Webside score klearvue.com

Webside score klearvue.com Webside score klearvue.com Genereret Juli 17 2017 06:24 AM Scoren er 51/100 SEO Indhold Titel KlearVue Længde : 8 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2016-2017 Institution Uddannelse Fag og niveau Lærer(e) Hold Rybners Tekniske Gymnasium HTX Kommunikation/IT

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

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

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

GRAFISK DESIGN 1. HOVEDFORLØB

GRAFISK DESIGN 1. HOVEDFORLØB GRAFISK DESIGN 1. HOVEDFORLØB LAUESEN HUS - OG HAVESERVICE //GRAFISK DESIGN BRIEF Lauesens hus- og haveservice er en enmandsejet virksomhed, som trænger til et løft på sin reklame del. Det er et firma,

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

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

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

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

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

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

Webside score downvid.co

Webside score downvid.co Webside score downvid.co Genereret Oktober 26 2018 16:00 PM Scoren er 65/100 SEO Indhold Titel Facebook Video Downoader Online Længde : 33 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse

Læs mere

Webside score akcpdistributor.de.ipaddress.com

Webside score akcpdistributor.de.ipaddress.com Webside score akcpdistributor.de.ipaddress.com Genereret Juli 19 2019 10:29 AM Scoren er 52/100 SEO Indhold Titel Akcp Distributor - Akcp-Distributor.de Website Analysis and Traffic Statistics Længde :

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

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

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

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

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

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

Helena Nattestad Kjærbæk august-januar, Lars Laursen marts-juni. Sociale medier - Kommunikation og netetikette. Grundlæggende database, SQL og PHP

Helena Nattestad Kjærbæk august-januar, Lars Laursen marts-juni. Sociale medier - Kommunikation og netetikette. Grundlæggende database, SQL og PHP Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin August 2018-juni 2019 Institution Tønder Handelsskole Uddannelse EUX Fag og niveau Mediefag C Lærer(e) Helena

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

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

Grafi sk Design Grafi sk Design

Grafi sk Design Grafi sk Design Grafisk Design Grafisk Design 3 Grafisk design Grafisk Design 4 Opgave beskrivelse Design udgangspunkt Kongehusets nuværende hjemmeside, med en fiktiv bannerreklame for deres ny lancerede smartphone app.

Læs mere

Webside score ming-hotels.com

Webside score ming-hotels.com Webside score ming-hotels.com Genereret Maj 21 2019 14:35 PM Scoren er 54/100 SEO Indhold Titel Home Ming Hotels Længde : 18 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Længde

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

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

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

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

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin 2017-2018 Institution Rybners Tekniske Gymnasium Uddannelse HTX Fag og niveau Informatik C Lærer(e) David

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

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

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