Historisk Dynamisk Danmarks Kort

Størrelse: px
Starte visningen fra side:

Download "Historisk Dynamisk Danmarks Kort"

Transkript

1 Dynamisk Danmarks Kort & Historisk Dynamisk Danmarks Kort [Abdullah H Al-kasseb] [Studie nummer: s021181] [Løbenummer: IMM-Eng ]

2 Forord. Denne rapport er udarbejdet for søndagsavisen, rapporten omhandler opbygning og implementering af Dynamisk Danmarks kort (DDK) samtidig har Søndagsavisen bedt om at få lavet et Historisk Danmarks Kort (HDDK). Dynamisk Danmarks kort skal hjælpe søndagsavisens arbejde med at omlægge regionerne for avisens oplæg osv. samtidig kan Søndagsavisens kunder benytte DDK for at kunne informere sig om avisens oplæg for bestemte regioner. Der er yderligere tilføjet en søgefunktion samt en historik del. Søgefunktionen benyttes til at søge på postnummer, hvor området med den søgte postnummer skifter farve på Danmarks kortet. Historik delen (HDDK) benyttes hovedsageligt til søndagsavisens interne medarbejdere, denne del indeholder diverse data om oplægsantal og priser osv. For at holde DDK og HDDK lidt adskilt fra hinanden er det i rapporten valgt at beskrive hver del for sig. 2

3 INDHOLDSFORTEGNELSE DYNAMISK DANMARKS KORT &... 1 HISTORISK DYNAMISK DANMARKS KORT... 1 FORORD... 2 DDK / HDDK... 5 INDLEDNING... 5 DDK... 5 HDDK... 7 PROBLEMFORMULERING... 8 DDK... 8 HDDK DDK ANALYSE OG DESIGN DDK ANALYSE OG DESIGN-DEL 1: DDK APPLIKATION DIAGRAM DDK APPLIKATION DIAGRAM DEL ANALYSE OG DESIGN-DEL 2: DDK APPLIKATION DIAGRAM DEL HDDK ANALYSE OG DESIGN: HDDK ANALYSE OG DESIGN-DEL 1: HDDK APPLIKATION DIAGRAM DEL HDDK ANALYSE OG DESIGN-DEL 2: HDDK APPLIKATION DIAGRAM DEL PROJEKT TEKNOLOGIER DDK & HDDK: IMPLEMENTERING DDK: IMPLEMENTERING HDDK: BRUGE VEJLEDNING: DDK DDK ADMINISTRATION PROGRAMMET: HDDK HDDK ADMINISTRATION PROGRAMMET: TEST DDK / HDDK: KILDEANGIVELSE: KONKLUSION DDK / HDDK: DDK APPENDIKS DDK: FIGUR FIGUR

4 FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR FIGUR APPENDIKS DDK SOURCEKODE: DDK DDK ADMINISTRATIONSPROGRAM: APPENDIKS HDDK SOURCEKODE: HDDK: HDDK ADMINISTRATIONSPROGRAM:

5 DDK / HDDK Indledning DDK Der er mange virksomheder som benytter Danmarkskortet på deres hjemmeside, nogen virksomheder benytter kortet som søgeredskab for at finde adresser eller post nummer samt rutteplanlægning, og andre benytter det til at planlægge deres service inden for et bestemt område. Virksomhedernes service kan opdeles i regioner, hvor en virksomhed kan definere en region som de har størst interesse i, på denne måde har virksomheden overblik over hvilken region / delregion deres hovedinteresser ligger i. Søndagsavisen bruger Danmarks kortet til at kontrollere deres oplag i de forskellige regioner i Danmark. Det er ikke kun personalet hos Søndagsavisen men også deres kunder som bruger disse oplysninger. Søndagsavisens kunder benytter disse oplysninger til f.eks. når en virksomhed vil indsætte deres reklame i Søndagsavisen. Søndagsavisen har et landskort på deres hjemmeside, linket til dette kort er følgende.: den fungerer efter hensigten, men eftersom den er programmeret i HTML har den nogle begrænsninger. For den eksisterende hjemmeside kan følgende begrænsninger nævnes. På kortet er det ikke byerne men kun regionerne der vises. Den er meget besværlig at ændre på regionerne, f.eks. når en by skal tilføjes eller fjernes fra en region, da alt arbejdet skal gøres manuelt, kræver disse ændringer meget arbejdskræft. Begrundelsen for det store ressourceforbrug er den at de ændringer der er påtænkt ikke sker automatiseret vha. en database, men alle ændringer med hensyn til postnummer og kortet skal foregå ved at indtaste oplysningerne manuelt, samt ved at tegne kortet grafisk og indsætte det i HTML koden. Der findes ikke et Administrator system, alle ændringer foregår manuelt af teknisk personale. Der findes ikke nogen søgefunktion. Der findes ikke nogen historik funktion, til internt brug for Søndagsavisens personale. DDK som står for Dynamisk Danmarks Kort. DDK er opbygget og implementeret således at de mangler der har været på det ovennævnte system er afhjulpet, systemet er automatiseret vha. en database som indeholder 5

6 de nødvendige oplysninger, og ændringer af regionerne sker kontinuert på Danmarkskortet ved ændringer i databasen vha. administrations systemet, samtidig er der tilføjet en søgefunktion. Hele projektets vigtigste egenskab er at kunne foretage ændringer på Danmarkskortet på en nem måde. DDK er en Contant page der kan tilføjes til en Master Page på en hjemmeside, den skal tegnes med alle koordinater til hver eneste post nummer i Danmark. De basiske farver og tilhørerne oplysninger mht. post nummer, regioner og byer, disse data ligges i en database, databasen kontrolleres af et administrationssystem. DDK har forbindelse til databasen hvor alle oplysninger er til rådighed og hver gang administratoren laver ændringer vha. administrationssystemet på databasen, så ændres DDK hjemmesiden automatisk. DDK fungerer på følgerne måde. Når hjemmesiden åbnes i browseren hentes Danmarkskortet med farverne automatisk fra databasen på serveren. Kortet vises på browseren og brugeren kan benytte musen til at få diverse oplysninger. Markørens placering på kortet viser hvilket region man er i ved at regionen skifter farve til blå, og den by man peger på får farven rød. På kortets venstre side vises data for den pågældende region, by og postnummer osv. Når markøren bevæges væk fra kortet vil kortet få sin basiske farve og oplysningerne for den region som var blevet vist vil ikke være til syne mere. Søgefunktionen kan benyttes til at få markeret det område / by som postnummeret hører til ved at området får tildelt farven rød. Administrationssystemet kan søge og redigere i databasen. DDK og HDDK kan også benyttes af andre virksomheder, som benytter Danmarks kortet til at planlægning af deres service. 6

7 HDDK HDDK som står for Historisk Dynamisk Danmarks Kort. HDDK projektet er opbygget og implementeret således at den indeholder en database, databasen indeholder diverse følsomme data såsom oplægsantal samt priser osv. fra det tidligere år. HDDK er beregnet til internt brug for Søndagsavisens ledelse. HDDK s funktion er den at, brugeren vælger en periode/årstal og dermed tilføjes Danmarkskortet farver for regionerne til den pågældende periode. Når musemarkøren bevæges over kortet vises diverse oplysninger såsom oplægs antal priser osv. for den pågældende region, i forhold til den valgte periode. Søndagsavisens regioner på Danmarks kort ændres hvert 6 måned, Derfor har det været af interesse fra Søndagsavisens side at have en version af DDK, som kunne vise den historiske ændringer af regionerne, samt oplægsantallet og priser osv. HDDK versionen indeholder et års (DropDownList) som har forbindelse til en stor database, når en bruger vælger et årstal fra (DropDownList) en vil regionerne på Danmarkskortet blive farvelagt ifølge det årstal der er blevet valgt. Når musemarkøren bevæges over regionerne (OnMouseOver) så kan man se en tekst med millimeter pris, job millimeter pris, og oplag per region. Samtidig med oplysningerne vil regionsfarven tildeles farven blå. Når musemarkøren bevæges væk fra området (OnMouseOut) får området tildelt den tilhørende basiske farve igen. HDDK har også et meget simpelt administrationsprogram, som benyttes til at tilføre eller redigere databasen. 7

8 Problemformulering DDK Projektet består af 3 vigtige hovedpunkter: 1. Database: Består af 2 tabeller, den første tabel hedder AvisAntal. Avisantal skal have 8 kolonner, som indeholder oplysninger om hvert postnummer i Danmark. Kolonnerne er navngivet således.: PostNr, CityNavn, RegionName, DistDato, AntalBy, AntalLand, AntalIAlt og SelsKab. Den anden tabel hedder RegionColor, og den har tre koloner som indeholder farverne til hver region.: RegionID, Color og RegionNameId. 2. Administrator systemet er et C# program, i det program skal man kunne søge efter postnummer i databasen, og man skal på en nem måde kunne få informationerne for det søgte postnummer, informationerne vises på en Gridview, og man kan redigere informationerne og gemme dem på databasen igen, på en nem måde. 3. Kortet indeholder 4 punkter. Tegning: DDK skal tegnes med x antal regioner og del regioner, og enhver region eller del region skal have farve, derfor skal kortet deles op i områder. Hver område har x antal postnummer, og enhver postnummer skal tegnes med de tilhørende koordinater til postnummeret. Enhver postnummer skal have en Id, som kan bruges i projektet til at kontrollere hvilket region postnummeret tilhører. Basisfarver til regionerne findes kun i database og alle postnummer får tildelt deres farve fra databasen i forhold til regionerne. I denne del af koden hvor kortet bliver tegnet, må der ikke tildeles nogen farver til områderne, da ideen med projektet er at farverne skal ligge i databasen, og med Administrator systemet skal man kunne kontrollere farverne. Hermed får man muligheden for at flytte et postnummer til et andet region, ved at ændre (RegionName) til den tilhørende postnummer vha. Administrator systemet, dermed skifter basisfarver på Danmarkskortet, for det pågældende postnummeret automatisk til den farve, som den nye region har. 8

9 Forbindelse til database: Når kortet blev tegnet færdig, skal den have forbindelse til database, dvs. når siden bliver kaldt fra en klient skal Onload kalde den funktion som henter farverne fra databasen, og tildeler postnumrene til deres tilhørende regioner. Når funktionen OnMoseOver() bliver kaldt så skal den også have forbindelse til database for at hentes data. OnMoseOver(): Dette er en funktion som bliver aktiveret når musemarkøren placeres sted på kortet. Funktionens opgave er at skifte de basisfarven til området med postnummeret ud med rød, og regionen som postnummeret tilhører, får tildelt farven blå. Samtidig med farvelægning af kortet vises en Tooltip box på venstre side af kortet hvor Regions navnet, Bynavnet og postnummeret osv. vises for den med musemarkøren pegede område. OnMouseOut(): I tilfælde af at musemarkøren flyttes væk fra et postnummer og ikke peger på en anden region / postnummer, vil regionen og postnummeret som musemarkøren havde peget på få tildelt de basisfarver og Tooltip Box vil ikke blive vist mere. I tilfælde af at musemarkøren flyttes til at pege på et andet region / postnummer vil det forhenværende område få tildelt de basiske farver og det nye område som peges på få tildelt hhv. blå farve for region, og rød farve for postnummer samtidig med Tooltip box en få tildelt data for det nye område.. 9

10 HDDK HDDK Historisk Dynamisk Danmarks Kort er en Content page, som skal være dynamisk lige som den første version (DDK). Eftersom Danmarkskortet skal tegnes og farvelægges for brugerens valgte periode, skal der oprettes forbindelse til en database som indeholder data for den historiske udvikling, mht. regioner, priser og oplæg osv. for at tage et eksempel tilhørte postnummeret 2800 i år 2000 til region5 og har prisen (x), i år 2001 er postnummeret ændret til region 10 og har fået en pris (y) osv. Derfor har det været nødvendigt at definere postnummer til de forskellige regioner for det tilhørende årstal/ periode. Projektet består af 5 vigtige hovedpunkter. 1. Database: På databasen skal der være 3 forskellige tabeller: AvisAntal, RegionPrice og RegionColor. AvisAntal har 5 koloner: Id, C_postNr, PostName, Region, og StartDate. RegionPrice har 6 koloner: PriceId, StartDateId, RegionId, Oplag, JobMmPris og TextMmPris. RegionColor har 4 koloner: RegionColorId, RegionId, Color, og RegionName 2. Administrator system: Databasen skal indeholder rigtig mange data, eftersom alle postnummer skal defineres mht. deres regioner for hvert halve år. Søndagsavisen har ikke haft alle de data på computeren, derfor skulle der laves et program hvor brugeren kan tilføjer data til databasen på et simpelt og sikret måde. Til dette formål skal programmet indeholde to DropDownlist er, hver med sin GridView, samt have direkte forbindelse til Databasen. Den første DateDropDownList indeholder dato. Hvor brugen kan vælge en bestemt dato, for eksampel: Og når brugeren vælger en dato, så skal han/hun se de regioner (RegionId) som eksisterer for den valgte dato, samtidig med deres oplag og priser de bliver vist på med GridView. Brugeren skal også kunne tilføje eller redigere i: RegionId, Oplag, JobMMPris og TextMmPris. Den anden DropDownList er RegionDropDownList som indeholder regioner (RegionId), og den få Regionerne (RegionId) fra GridView til den første DropDownList som er navngivet DateDropDownList. Dvs. hver gang man vælge en dato fra DateDropDownList vil RegoinDropDownList får de regioner som findes i GridView til det valgte dato. Når brugeren vælger en region fra RegionDropDownList, så skal han/hun kunne se den valgte region med postnumre og det tilhørende bynavn. Brugeren skal også have muligheden for at redigere i listerne ved at tilføje post nummer eller bynavn. 10

11 3. Kortet: Når HDDK siden bliver kaldt skal kortet tegnes med et antal postnummer i Danmark. Hvert postnummer skal hav et id, og det skal tegnes med sine koordinater uden farve dvs. sort. Alle farverne ligger på databasen i forhold til datoerne, når brugeren vælger en dato fra DropDowList på kortet, skal kortet tildeles farver fra databasen i forhold til den valgte dato. Regionerne og delregionerne på Danmarks kortet bliver tegnet på denne måde. 4. OnMoseOver(): Er en funktion og vil være aktiv når musemarkøren peger på et område på kortet. Funktionens opgave er at skifte region farven til blå, samtidige med at vise regions Oplag, Job millimeter pris, og tekst millimeter pris. i en TooltipBox på venstre side af kortet. Alle oplysninger bliver hentet fra databasen. 5. OnMouseOut(): når musemarkøren kommer udenfor kortet får alle regionerne deres basisfarver og Tooltip box vil forsvinde fra skærmen. I tilfælde af at musemarkøren flyttes til en anden region vil man have funktionen OnMoseOver() for den med markøren pegede område. 11

12 DDK Analyse og design Projektet består af en WebForm, 2 Web Services, 2 C# klasser, en SVG fil, og en JavaScript fil. Projektet har forbindelse til en database. I projektet er opdelt i to dele, den første del er.: når siden blev kaldt fra en klient, skal serveren returnere hele kortet, for dernæst at returnere de basisfarver, hvor farverne bliver tildelt i forhold til de tilhørende regioner. Den anden del er.: hver gang brugeren af klienten bevæger musemarkøren over kortet, skifter regionen og postnummeret på kortet farve, tilhørende data hentes fra databasen, derfor er analyse og designdelen opdelt i to dele. DDK Analyse og design-del 1: Det nedenstående Applikationdiagram del-1 viser hvordan koret bliver hentet og hvordan farverne bliver tildelt til kortet når hjemmesiden åbnes. På diagrammet er der tilføjet numre for at kunne følge rækkefølgen for operationerne. I DDK projektet findes tre kommunikationer, den første er mellem klienten og serveren, den anden er mellem serveren og database og den sidste er mellem administrationsprogram og databasen. Når klienten starter browseren med så bliver den første og den anden kommunikation udført i den rækkefølge som er angivet med numre. 1. Klienten sender Request til IIS en Internet Information Services på serveren. 2. I applikation Webform beder om at hente SVG filen (med Embed ). 3. Webformen modtager SVG filen (SVG filen indeholder Danmarks korts koordinater og har reference til JavaScript fil). 4. IIS en returnere XHTML kode, Danmarks korts koordinater uden farve og JavaScript. Se figur OnLoad i Klienten kalder på StartColor() funktionen, som sender asynkront 1 kald til Webservicen ColorService.asmx for at bede om farverne til kortet. 6. Web Service sender et kald til C# klasse Repository.cs for at bede om farverne. 7. C# klassen Repository.cs henter (SELCT) farverne fra databasen og sætter dem i en datatabel. 1 Kaldet udføres ved hjælp ad XMLHTTPREQUEST objektet. 12

13 8. Databasen returnerer farverne til C# klassen Repository.cs 9. C# klassen Repository.cs sender farverne til webservicen ColorService.asmx som datatabel. 10. Da JavaScript ikke kan modtage farverne med datatabel så vil Webservice ColorService.asmx sende farverne til en C# klasse XMLService.cs for at få oversat farverne fra datatabel til XML. 11. C# klasse XMLService.cs oversætter farverne fra datatabel til XML, og sender dem tilbage til Webservice ColorService.asmx. 12. Webservice ColorService.asmx vil sende farverne som XML til klienten. Se figur 2. Når Java script i klienten modtager farverne fra serveren, bliver farverne tildelt til de tilhørende koordinater på kortet. Hele operationen tager ca. ½ til 1 sekund. Den sidste kommunikation mellem Administration programmet og database, er blevet tegnet i diagrammet med numrene 1a, 2a osv. Administrationsprogrammet har forbindelse direkte til databasen, og hvis operatøren vil flytte et postnummer fra en region til en anden, så sker der følgende.: 1a. Programmet henter (SELECT) postnummer oplysningen fra database. 2a. Databasen returnerer postnummer oplysningen. 3a. Operatøren kan redigere region navnen til postnummer. 4a. Programmet Opdaterer Databasen. 13

14 DDK Applikation diagram DDK Applikation diagram del-1 14

15 Analyse og design-del 2: Det nedenstående Applikationsdiagram del-2 viser hvad der sker, og hvordan kommunikationen foregår for at hente data fra databasen, når brugeren til klienten bevæger musemarkøren over kortet DDK. Når musemarkøren er over et eller andet sted på kortet, så vil det postnummer, som musen peger på skifte farve til rød, samtidig med at hele regionen, som postnummeret høre til, skifte farve til blå, og endvidere vil de oplysninger som findes på databasen for det valgte postnummer blive vist på venstre side af kortet. Som nævnet før findes der tre kommunikationer i projektet. Da den sidste kommunikation blev forklaret tidligere i rapportens analyse og design del1, vil forklaringen herom udelades. Kommunikationen mellem klienten, server og database foregår som beskrevet forneden.: 1. Når musen er over et sted på kortet OnMouseOver vil JavaScript i Klienten sender en asynkron kald til Webservice i serveren, med et argument (postnummer), forespørgslen foregår ved at spørge om postnummer findes i databasen, hvis den findes så skal serveren returner de fundne data til argumentet (postnummer) samt de postnumre som findes i den samme region. 2. Webservice DataService.asmx sender et kaldt til C# klassen Respository.cs og beder om argumentets oplysninger (postnummers oplysninger). 3. C# klassen Respository.cs henter (SELECT) oplysningerne til argumentet(postnummer) fra databasen. 4. Databasen returnerer oplysningerne for argumentet til C# klassen Respository.cs. 5. C# klassen Respository.cs modtager oplysningerne fra databasen, og sætter dem i datatabel og sende dem videre til Webservice DataService.asmx. 6. Webservice DataService.asmx sender oplysningerne til C# kalssen XMLService.c for at få dem oversæt fra datatabel til XML. 7. C# kalssen XMLService.cs oversætter oplysningerne fra datatabel til XML og returnere dem tilbage til Web service DataService.asmx. 8. Webservice DataService.asmx sender et nyt kaldt til C# klassen Respository.cs og beder om alle postnumrene som tilhører til den samme region som argumentet (postnummer) høre til. 15

16 9. C# klassen Respository.cs henter (SELECT) postnumrene fra databasen. 10. Databasen returnerer dem til C# klassen Respository.cs. 11. C# klassen Respository.cs modtage postnumrene fra databasen, og sætter dem i datatabel og sender dem videre til Webservice DataService.asmx. 12. Webservice DataService.asmx sender postnumrene til C# klassen XMLService.c for at oversætte dem fra datatabel til XML. 13. C# kalssen XMLService.cs oversætter postnumrene fra datatabel til XML og returnerer dem tilbage til Webservice DataService.asmx. 14. Webservice DataService.asmx sender de modtagne data, som klienten havde bedt om (postnummers oplysninger og alle de postnumre som er i den samme region), til klienten som XML. Når Java script i klienten modtager de data, vil den vise postnummers oplysninger og skifte farve på regionen.(java script skifte også postnummer område farven til rød). Se figur 3. 16

17 DDK Applikation diagram del-2 17

18 HDDK Analyse og design: Projektet består af en Webform, 2 Web Services, 2 C# klasser, en SVG fil, og en JavaScript fil. Projektet har forbindelse til en database. Projektet er delt i to stages, den første er.: at siden bliver kaldt fra en klient og brugeren får muligheden til at se HDDK i en bestemt periode, ved at vælger en dato fra DropDownList. Hvor den valgte dato får serveren til at returnere farverne til alle postnumre i de forskellige regioner på den måde hver gang brugen ændre datoen ændres regionens størrelse. Den anden stage er at brugeren får mulighed til at fremhæve regionens blålige farve samt med at få oplysninger ved at køre musemarkøren over en region. Regionens oplysninger som kommer fra databasen indeholder følgende oplysninger tekst millimeter pris, job millimeter pris og oplag. Derfor er analyse og designdelen opdelt til to dele. HDDK Analyse og design-del 1: HDDK Applikation diagram del-1 i kommende afsnit viser at kommunikationen i HDDK mellem klienten og serveren og mellem serveren og databasen ligner meget kommunikationen i DDK. Derfor vil jeg nøjes med at forklare forskellen mellem HDDK og DDK. Der findes to forskellige punkter. Det første punkt er, når HDDK side bliver kaldt, vil brugeren modtage Webform der indeholde Java script kode og XHTML uden farver på kortet, og kortet bliver ved med at være sort indtil brugeren vælger en dato fra DropDownList, ved valg af en dato bliver funktionen StartColors() kaldt. (Se figur 4). Hvor StartColors() sørger for at fremkalde farverne fra databasen og deler dem over kortet. Med DDK, kortet bliver sendt til klienten uden farver, og efter et sekund får kortet farverne på, og det er fordi, funktionen StartColors() på DDK version blev kaldt automatisk med Onload. Det andet punkt er at StartColors() sender asynkrone kald uden argumenter, men i HDDK version StartColors() sendes asynkrone kald med et argument, og argumentet er den valgte dato. Det sker hver gang brugeren vælger en ny dato fra DropDownList. Se figur 5. Databasen skal indeholde alle Danmarks postnumre for hvert år i Søndagsavisens historie, og hvert år indeholder hvilket postnummer til tilhøre hvilken region og oplysninger om regionernes priser og oplag. Når man snakker om en gammel virksomhed som Søndagsavisen (30 år), så er der store data mængde, derfor blev der lavet et meget simpelt program (Administrator system) som har direkte forbindelse til databasen, hvor arbejderne på Søndagsavisen kan tilføjer alle de nødvendige data på databasen, simpelt og sikkert. For sikkerheds skyld har jeg valgt at tilføje datoerne manual kun en gang pr. år. Administratorsystemet har direkte forbindelse til databasen, hvor den henter (SELECT top 1) datoerne fra 18

19 database og viser dem på en DropDownList. (det er derfor datoerne blev tilføjet manual, så programmet kan hente (SELECT) dem. Se figur 6. Når man vælger et bestemt dato fra DropDownList og klikker på Search knappen, vil programmet hente all de regioner, som findes i det valgte år fra databasen (se figur 7), med deres priser og oplag. Dermed har brugeren mulighed til at redigere eller tilføjer regioner og deres oplysninger i databasen. Det gør man ved at klikke på knappen Add eller Edit. 19

20 HDDK Applikation diagram HDDK Applikation diagram del-1 20

21 HDDK Analyse og design-del 2: Det nedenstående Applikation HDDK diagram del-2 viser kommunikationen mellem klienten og serveren og hvordan informationerne flytter sig når brugeren bevæge musen over kortet HDDK. Når musen er over et sted på kortet vil OnMouseOver funktionen i Java script sende en asynkron kald til ISS en i serveren ligesom DDK s forbindelse, men forskellen er at kaldet vil blive sendt med to argumenter (postnummer, og den valgte dato). Dermed vil serveren returnere postnummerets regions oplysninger i den valgte dato, samt med alle de postnumre som ligger i den samme region. Se figur 8. Operationer og kommunikationen er det samme som DDK. Database og Administrator program blev forklaret i del 1. 21

22 HDDK Applikation diagram del-2 1 MouseOver(evt) sende asynkron kald til GetRegionPrice(id, dato) WS returner XML data IIS i Server Klient Applikation C# Klasse XMLService.cs 7 13 DT PNData XMlPNData DT Regions XMlRegions InformationService. asmx WebService 8 2 C# Klasse Repository.cs 11 Returner Regins som DataTable GetRegions(id, dato) 5 Returner PNData som DataTable GetPriceAndPublication(id, dato) 3 9 SQL med id.dato PNData 10 SQL med id, dato Regions 4 3a Rediger Eller Tilføjer Data DataBase 2a SELECT * top 1 Date Return top 1 Date Opdater 4a 1a Administrationssystemet 22

23 Projekt Teknologier DDK & HDDK: I projektet blev der brugt flere forskellige programmerings sprog, herunder ses forklaring for disse. SVG.: Forkortelsen SVG står for Scalable Vector Graphics. SVG er en grafisk billedformat udviklet af World Wide Web Consortium (W3C). Dette billedformat er afledt af XML, og bruges til beskrivelse af vektorgrafik, dog kan almindelig rastergrafik også indsættes i et SVG-billede. SVG kan indlejres i normal HTML og behøver ikke at være indeholdt i en ekstern fil. Dette betyder også at SVG-billeder nemt kan genereres dynamisk, derfor bliver SVG brugt i projektet til at tegne kortet. JavaScript.: er et objektorienteret scriptsprog, der er bedst kendt som det sprog, de fleste moderne webbrowsere forstår. JavaScript brugt i projektet til mange forskellige opgave, den blev brugt i stor del af kort kontrol, så når hjemmesiden blev kaldt af en klient vil JavaScript søger for at kalder på Web Services for at får farverne og delle dem til post nummerer. JavaScript kontroller også OnMouseOver, OnMouseOut. AJAX. AJAX.: er en forkortelse for Asynchronous JavaScript And XML, AJAX programmering bygger på JavaScript og er ikke et nyt programmeringssprog, AJAX er en teknologi der gør det muligt at opdatere specifikke dele af en hjemmeside uden hele siden skal hentes igen, grund til at bruge AJAX i den her projekt, at Siden loader hurtigere, da det kun er af siden der skal hentes igen, Brugere af siden irriteres ikke ved at hele siden skal opdateres igen. Derfor blev projektet oprettet som ASP.NET AJAX-Enabled Web Application. C# Programmering og Web Services. C# udtales som (C Sharp), og det er et objektorienteret programmeringssprog, C# er baseret på programmeringssprog C++ og Java. C# bliver brugs i projektet til at oprette forbindelse til databasen, samt til at oversætte data fra DataTable til XML. Web Services bliver brugt som mellem led mellem JavaScript og C# klasser. til at modtager opkald fra JavaScript og returnere data til JavaScript. data fra database, som DataTable og oversætter de til XML, og sende dem vider til JavaScript file. XML. Forkortelsen XML dækker over exstensible Mark-up Language og er fastlagt af W3C. XML sproget minder meget om HTML i sin opbygning. I modsætning til HTML benyttes XML alene til at beskrive og ikke til at vise data. Derfor er XML ikke en afløser eller videreudvikling af HTML men en dynamisk standard for at definere datastrukturer. 23

24 I projektet bliver XML brugt til at transporter data (farverne, postnumre og regioners informationer) til JavaScript, dermed kan JavaScript arbejder vider på dem. 24

25 Implementering DDK: DDK Projektet blev oprettet som ASP. NET AJAX-Enabled Web Application i Visual Studio Projektet består af en webform, en SVG fil, to C# klasser, to Web services, og en java script fil. 1. Webform DDK.aspx. er en WebForm som indeholder XHTML kode, og den har 2 vigtige pointer WebForm en kan vise SVG filen LandKort.SVG, som indeholder hele kortet med Embed eller object. Her er der blevet brugt Embed. <embed src="landkort.svg" type="image/svg-xml" name="svgembed" viewastext="viewastext"/> WebForm en har reference til de 2 Web Services, som JavaScript sender asynkront kald til dem. <asp:servicereferencepath="dataservice.asmx"/> <asp:servicereference Path="ColorService.asmx"/> 2. Landkort.svg.: SVG filen indeholder designet af Danmarks kort. Kortet blev tegnet med Adobe Illustrator som eps fil. og derefter blev den konverteret til SVG fil. For at tegne en lille by på kortet for eksampel Lyngby vil den får det følgende koordinater: <polyline id="2800" points=" , , , , , , , , , , , , , , , , , " /> Polyline indeholer Id til byen, og den Id har jeg vælgt at være det samme som postnummer til byen. Og den indeholder også points som svare til de koordinater punkter. Id en bruges til at kontrollere koordinaterne ved at give dem de basisfarver, eller for at skifte farver på dem. Man kan også bruge Id en til at identificere hvilket postnummer tilhøre til hvilken region. 25

26 Når hjemmesiden bliver kaldt, vil Onload kalde på JavaScrip funktion StartColors(), som sørger for at give de basiske farver til kortet, det sker automatisk når hjemmesiden bliver kaldt af en klient. Men funktionerne OnMouseOver og OnMouseOut sker ikke automatisk, det sker kun når musen er over kortet eller forlader kortet. <polyline id="2800" points=" , , , , , , , , , , , , , , , , , " onmouseover="on_mouseover(evt)" onmouseout=" On_MouseOut(evt)"/> De ovenstående afsnitte gav et overblik over hvordan kortet blev tegnet. I de nedenstående afsnitte vil jeg gå dybere ind i logisk systemet, og kaster blik over hvordan det blev implementeret og hvordan det virker. 3. C# klassen Repository.cs.: har 3 funktioner: Function GetPostnummerData(id). Den funktion har et argument id" som svar til et postnummer. Funktionen brugs til at hente et bestemt postnummers oplysninger fra database. SELECT. FROM AvisAntal where C_postnr='" + id + "'" Function GetRegions(id). Har også den samme argument (id). Funktionen brugs til at hente alle de postnumre som hør til den samme region som argumentet tilhøre til. Function GetAllColors(). Bruges til at hente alle postnumre i Danmark med deres farve i forhold til hvilken region de tilhører til, fra databasen. select c_postnr, Color, RegionId from AvisAntal derestable, RegionColor vorestabel where derestable.avis = vorestabel.regionname" 4. C# klassen XMLService.cs har 3 funktioner: Function Translat(dataTable). Bruges til at oversætter data fra DataTable til XML. Funktionen opretter xmlducoment som indeholder elementer, der udfylder xmlducoment s elementer med de følgende data postnummer, by navn, og ReginName osv.. XML data vil se således sådan ud (se nedenunder): <root> <City> <Postnummer> pustnummer </Postnummer> 26

27 <bynavn> by navn </ bynavn > <RegionName> Region navn </RegionName>.. </City> </root> Function TranlatRegions(DataTable), Opretter xmlducoment som indeholder en element, og udfylder den med de modtagne data RegionId, for at oversætte data fra DataTable til xml. XML data vil se således sådan ud (se nedenunder): <Region> <RegionId> data.. </RegionId> </Region> Function TranslatColors(DataTable) Oversætter data fra DataTable til XML, og den opretter også xmlducoment som indeholder elementer, og udfylder dem med data såsom Color, Postnummer, ColorId, RegionId osv. XML data vil se således sådan ud (se nedenunder): <root> <Color> data </Color> <PostNr> data </ postnr > <ColorId> data </colorid> <RegionId> data </RegionId>. </root> 5. Web Service ColorService.asmx har en funktion: Function GetAllColor(). Har en objekt af klassen Repository.cs og objektet bruges til at kalde på en funktion fra klassen Repository.cs for at hente data fra databasen, og sender dem videre den XMLService.cs klassen for få dem oversat til XML, og får dem tilbage som XML data. Dermed er de klar til brug. 6. Web Service DataService.asmx har en funktion: Function GetAllColors(). Har en objekt af klassen Repository.cs og objektet bruges til at kalde på en metode fra klassen Repository.cs for at hente data fra database, og sender dem vider til klassen XMLService.cs og får dem oversat til XML, og får dem tilbage som XML data. Dermed er de klar til brug. 27

28 Hermed har vi et overblik over hvordan data bliver hentet fra databasen og oversat til XML. Nu skal vi se, hvordan hjemmesiden kan bruge XML data på kortet, og hvordan farverne vil blive opdelt over de forskellige regioner, og hvordan hjemmesiden kan vise oplysninger på en ToolTipBox. Som der blev nævnt før, at JavaScript kontrollere kortet. JavaScript har direkte forbindelse til de to Web Services ColorService.asmx og DataService.asmx. Alle de data som skal bruges i kortet er klar i de to Web services, så skal vi bar se hvordan kommunikationen er mellem JavaScript og de to web services og hvordan udføre Java scriptet de opgaver. 28

29 7. JavaScript: Til JavaScript er der blevet brugt HashTable og et par andre funktioner. En HashTable er en slags key-value Array, som man kan gemme et hvilket som helst objekt sammen med en unik nøgle. Denne nøgle bruges til at hente sit gemte objekt ud igen, dette forgår i meget kort tid. Her har jeg brugt HashTables for at gemme data når jeg får dem fra databasen, så kan de bruges senere, hvis der er bruge for dem, og på den måde spare man dobbelt arbejde ved at gå frem og tilbage fra og til databasen. I JavaScript blev der brugt 3 HashTables. Se figur 9. Den Første HashTable er RegionpostNr og den har en Key postnr og en Value Region, dvs at den kan indeholde hvert postnummer med sin region navn. Den anden er RegionPostNrList, og den har en Key Region og Value []postnummer, dvs. at den kan indeholde hver region med et array af sine postnumre. Den tredje HashTable er RegionColor og den har en Key Region og en Value Color, dvs at den kan indeholde regionerne med deres farver. Senere hen i implementeringen vil de blive beskrevet, hvad de Hashtabeller er brugt til. Som nævnt før, når siden bliver kaldt af en klient, vil funktionen Onload kalder på funktionen StartColors() for at tegne kortet med farverne. onload="startcolors()" Function StartColors(): Sender en asynkron kald til en metode i Web Service ColorService.asmx for at hente XML data og giver dem til funktionen XmlColorCallBack(). Function XMLColorCallBack(xmlDocument, eventargs): Gemmer data der kommer fra WebService i de tre HashTables, og fordeler dem ud over postnumrene. dvs. den tegner kortet med regionerne, hver en med sin farve. Se bilag 2. Function On_MouseOver(): Kalder på en metode i Web Service DataService.asmx for at hente XML data såsom (postnummer, City navn osv.) og bliver videre sendt til XMLCallBack(). Og XMLCallBack() sætter de data i Tooltip box. MouseOver() kalder på en JavaScript funktionen ShowTooltip(mousemove_event), for at aktivere ToolTip box og får den til at blive vist på skærmen. MouseOver() skifter farve på området til rød, og skifter hele regions farve til blå. Dvs. at når brugeren til klienten bevæger musen over et område, vil den funktion skifte områdets farve til rød, og for at den kan skifte hele regions farve til blå, skal den bruge HashTables. JavaScript bruger den første HashTables, for at finde ud af hvilket region postnummeret hører til. Den anden HashTable bruges til at finde ud af, hvilket postnumre der er i den samme region. Så kan funktionen On_MouseOver() give postnumrene blå farve. 29

30 Function xmlcallback(): som nævnt tidligere modtager denne funktion xml data såsom postnummer, by navn osv. og sætter dem i en Tooltip box. Function ShowTooltip(mousemove_event): Designer Tooltip box, den kan vises som felter, og felterne ændre størelsen i forhold til de data som skal vises. Og den aktiverer Tooltip box, så den kan vises på siden. Function On_MouseOut(): den funktion bliver aktiveret når musen bevæges ud af kortet, den kalder på funktionen HideTooltip() for at fjerne tooltip box, og giver regionen dens basisfarve igen. JavaScript bruger alle tre HashTables, den Første HashTable for at finde ud af hvilket region postnummer høre til, den anden HashTable til at finde alle de post nummerer som tilhører den samme region, og den tredje HashTable, til at finde ud af hvilket basisk farve regionen har haft. Function HideTooltip(): den funktion deaktiverer ToolTip box. Funktion SetColorToPostalCode() Bruges til at søge efter postnummer på kortet. Funktioen bilver ak brugeren trykke på Search knappen på hjemmesiden, og den tager tekst fra Textbox og tjekker at det indtastede postnummer en 4 sifret tal, ellers komme den med en fejl meddelelse (alert). Hvis indtasted postnummer er 4 sifret tal, så vil funktionen få værdien fra tekst box og søger efter den. Hvis postnum findes, så vil den få et rød farve (se figur 16), og hvis den ikke findes på kortet, så komme den med en meddelelse (alert). Indtil vider ved vi hvordan koret kan tegnes, hvordan den kan kontrollers, og hvordan data kan hentes fra databa I de næste to afsnitter, skal vi kigge på hvad databasen indeholder, og hvordan Administration programmet er implementeret og hvordan den virker. Database: som nævnt tidligere består databasen af 2 tabeller, den første tabel hedder AvisAntal, den anden tabel hedder RegionColor. Der bliver brugt to tabeller, fra AvisAntal tabellen kan programmet får postnummers oplysninger og hvilken region den tilhører, så den kan JOIN RegionName fra AvsiAntal med den anden tabel RegionColor for at se, hvilket farve denne region skal have. Se figur 10 30

31 Administrator programmet: Administratorsprogrammet er en Windows Applikation projekt, som indeholder en kalsse med brugergrænseflade som har.: combobox, en Gridview, en Søge knap, og en Rediger knap. ComboBox. har forbindelse til tabellen AvisAntal i databasen, hvor den henter (SELECT) postnumre med dropd list. Se figur 11. Når operatøren vælger et postnummer, eller skrive et post nummer i ComboBox, og klikker på søgeknappen, bliv GridView nulstillet (hvis der var noget data på GridView vil de blive slettet), og funktionen DataSearsh() bliver GridViewRegions.DataSource = null; DateSearsh(); Private void DataSearsh(): Henter postnummers information, og viser dem på Gridview. Se figur 12. Hvis administrator vil rediger postnummerinformationer, så kan han/hun rediger det på Gridview et, når der klik knappen Rediger bliver funktionen Update() kaldt, den funktion har SQL command som updater databasen med data som findes i GridView. I Administratorsystemet kan operatøren flytte et postnummer fra en regin til en anden, ved at skift regionsnavn. 31

32 Implementering HDDK: HDDK projektet blev oprettet som ASP. NET AJAX-Enabled Web Appication i Visual Studio Projektet består af: en Webform ASPX side, 2 C# klasser, 2 webservice, en JavaScript fil, og en SVG fil. 1. WebForm Forsid.aspx : WebForm indeholder XHTML kode samme som DDKs Webform med referencer til webservices og SVG filen, samt en DropDownList og en JavaScript funktion. JavaScript funktion returnerer den valgte dato fra DropDownlist. function GetSelectedDropDownValue() var len = document.form1.<%=datedropdown.clientid%>.length; var i = 0; var adate; for (i = 0; i < len; i++) if (document.form1.<%=datedropdown.clientid%>[i].selected) adate = document.form1.<%=datedropdown.clientid%>[i].value; return adate; Når siden bliver kald af en klient, og brugen til klienten vælge en dato, vil metoden OnInit(EventArgs e) i Webforms (C Sharp) Forsid.aspx.cs kalde på funktionen StartColors() for at tegne kortet med farverne. protected override void OnInit(EventArgs e) base.oninit(e); DateDropDown.Attributes.Add("onChange", "return StartColors();"); 2. Landkort.svg.: SVG filen indeholder designet af kortet, og det er den samme SVG fil som blev brugt i DDK. Når hjemmesiden blev kaldt, vil klienten modtage kortet uden farve dvs. sort, og når brugeren vælger en dato fra DropDownList, vil metoden OnInit(EvenArgs) i Forsid.aspx.cs kalde på JavaScript funktion (StartColors(dato)), dermed tildeles de basisfarver til kortet. dvs. 32

33 regionernes farver bliver ikke tildelt automatisk når siden bliver kaldt, farverne bliver tildelt når brugeren til klient vælger eller ændrer datoen. For at brugeren til klienten kan se oplag og priserne til regionen, skal musemarkøren placeres over regionen, dermed bliver funktionen OnMouseOver kaldt. Funktionen OnMouseOut bliver kaldt når musemarkøren flyttes væk fra regionen. Dermed får regionen sin basiske farve. 3. C# klasse Repository.cs : har 3 funktioner: Function GetColors(date). Den funktion henter post nummerer fra database med deres farve i forhold til hvilken region de hørere til, og med hensyn til argumentet (dato). SELECT C_postnr, Color, RegionId from AvisAntal derestable, RegionColor vorestabel where derestable.region = vorestabel.regionid AND derestable.startdate and derestable.id = ( select top 1 id from AvisAntal a where a.c_postnr = derestable.c_postnr and StartDate order by StartDate desc ) order by StartDate desc"; Function GetPNData(id, dato). Da priserne til regionerne skiftes fra år til år, vil den funktion hente data fra database med 2 argumenter, id" som svar til et postnummer, og ud fra Id kan man vide hvilken region der skal Select, og Dato som svar til det valgte dato fra DropDownList på HDDK siden. Dvs. funktionen bliver brugt for at hente en bestemt regions oplysninger fra databasen. SELECT RegionId, JobMmPris, TextMmPris from RegionPrice price where price.regionid = (select Region from Avisantal where c_postnr and startdate and price.startdateid Function GetRegions(id, dato). Har to argumenter. Funktion bliver brugt for at hente alle de postnummer som ligger i argumenternes region (hvor argumenterne er postnummer og dato)). SELECT AvisAntal.C_postnr, RegionColor.RegionId FROM AvisAntal INNER JOIN RegionColor ON AvisAntal.Region = RegionColor.RegionId WHERE (AvisAntal.Region = (SELECT Region FROM AvisAntal AS AvisAntal_1 WHERE (C_postnr and startdate 4. WebService InformationService.asmx har en funktion: Function GetRegionPrice(id, dato): Har en objekt af klassen Repository.cs som bliver brugt til at hente data fra 2 funktioner GetRegions(id, dato) og GetPNData(id, dato).. 33

34 Funktionen modtager data med datatable og sender dem videre til en anden C# klasse som hedder XMLService.cs. for at få dem oversat til XML. 5. WebService ColorService.asmx har en funktion: Function GetColorsForDate(dato): vha. en objekt af klassen Repository.cs kan funktionen modtage farverne fra Repository.cs som Datatable og sender dem videre til en anden C# klasse som hedder XMLService.cs. for at få dem oversat til XMl. 6. C# klasse XMLService.cs : opgaven i denne klasse er, at modtage data fra de to WebServices (InformationService.asmx og ColorService.asmx) som DataTable og oversætter dem til XML dokument og send dem tilbage. Klassen har 3 funktioner: Function Translate(dataTable) Function InsertData(dataTable, xmldata) Function TranslateColors(ColorData) JavaScript filen ShareFunction.js : I JavaScript bliver der brugt de samme HashTables og de samme JavaScript funktioner, som er nævnt i DDK JavaScript filen. 34

35 Database: Database består af 3 tabeller (se figur 13), den første tabel hedder AvisAntal. Den anden tabel hedder RegionPrice, meningen med de 2 tabeller er: Fra AvisAntal kan programmet hente (SELECT) et postnummer og se hvilken region postnummeret høre til, for en bestemt dato, og derefter får programmet mulighed for at JOIN RegionName i tabellen RegionPrice for at se oplag og priserne, til denne region for det bestemte dato. Den tredje Tabel er RegionColor indeholder kun farverne til regionerne. Når programmet henter (SELECT) et postnummer fra AvisAntal, og får oplyst hvilken region den tilhøre, så kan programmet JOIN RegionName i tabellen RegionColor, for får regionens farve. Administratorprogrammet: Administratorprogrammet er en Windows Applikation projekt, som har en brugergrænseflade der er inddelt i to afsnit. Det øverste afsnit benyttes til at redigere, søge eller tilføje Region navn, oplag og priser. Dette afsnit indeholder følgende.: en combobox, en Gridview, og tre knapper.: Search, Edit, Add ComboBox en (DateBox). har forbindelse til tabellen RegionPrice i databasen, og den indeholder de dato som findes på databasen. Se figur 7. Når man vælger et dato fra ComboBox, og klikker på knappen Search, vil Gridview blive nulstillet og funktionen DataSearch() bliver kaldt. DataSearch() funktionen søger på databasen for det valgte datos regioner, oplag og priser, og får dem vist på Gridview. Når data vises på Gridview vil brugeren få mulighed for at redigere eller tilføje ny data, og ved at klikke på knappen Edit eller Add, vil databasen blive opdateret med de nye data fra Gridview. Ved at klikke på de to knapper vil der blive kaldt to forskellige funktioner som indeholder SQL kommando for at opdater databasen. Det nederste afsnit benyttes til at redigere, søge eller tilføje postnummer og bynavn. Dette afsnit indeholder følgende.: en combobox, en Gridview, og tre knapper.: Search, Region Edit, Region Add. ComboBox en (RegionBox). har forbindelse til den første søjle (RegionId) i den øverste afsnits Gridview. Dvs. når man ændrer dato i ComboBox en (DataBox) i det øverste afsnit og klikker på Search knappen, opdateres ComboBox (RegionBox) i det nederste afsnit samtidig. Se figur 14. Når man vælger et region fra ComboBox en (RegionBox), og klikker på knappen Search, vil Gridview blive nulstillet og funktionen DataSearch() bliver kaldt. DataSearch() funktionen søger på databasen for det valgte regions postnumre og bynavne, og får dem vist på Gridview. Se figur

36 Når data vises på Gridview vil brugeren få mulighed for at redigere eller tilføje ny data, og ved at klikke på knappen RegionEdit eller RegionAdd, vil databasen blive opdateret med de nye data fra Gridview. Ved at klikke på de to knapper vil der blive kaldt to forskellige funktioner som indeholder SQL kommando for at opdater databasen. I Administrator system kan operatøren tilføje alle de data som tilhører det Historisk Dynamisk Danmarks kort nemt og simpelt. 36

37 Bruge vejledning: DDK Brugeren til klienten kan bruge DDK meget nemt, ved at bevæge musemarkøren over kortet, når markøren peger på den by som brugeren er interesseret i bliver alle oplysningerne om byen og regionen vist. Hvis brugeren ikke ved hvor byen ligger henne på kortet, så kan brugeren søge efter postnummeret vha. søge feltet. Ved at klikke på søge feltet blive den aktiv og rammens farve ændres til rød, dermed kan det søgte postnummer indtastes i søgefeltet og søges ved at klikke på Search knappen, det område som der er søgt får tildelt farven rød. DDK Administration programmet: Operatøren kan flytte et postnummer fra en region til en anden, ved at vælge postnummeret fra DropdownList, fås postnummers oplysninger og derved muligheden for at ændre regions navn, ved ændring af regions navn flyttes dette postnummer til det nye region. HDDK Brugen kan se det Historisk Dynamisk Danmarks Kort ved at vælge en dato fra DropDownList på hjemmesiden, så vil kortet blive opdateret automatisk med hensyn til det valgte dato. Får at få vist regionernes oplysninger benyttes at musemarkøren pager på regionen. HDDK Administration programmet: Som blev nævnt før at programmet brugergrænseflade har to afsnit, fra den øverste afsnit kan brugeren vælge en dato fra ComBoBox (DateBox), og klikker på knappen Search for at få vist alle de regioner som findes på Danmarks kortet til den valgte dato, samt de tilhørende oplysninger, derefter kan brugeren tilføjer/rediger data. Når brugeren bliver færdige med at udfylde tabellen på brugergrænsefladen med diverse oplysninger (navn, oplag og priserne til regionerne til det valgte dato). I den nederste afsnit skal brugeren definer postnumre og by navne for hver region, og det kan gøres ved at vælge en region af gangen fra ComBoBox (RegionBox) fra den nederste afsnit og klikker på Search knappen, derefter kan brugeren tilføjer/rediger de postnumre og by navne for den valgte region. 37

38 Test DDK / HDDK: For DDK.: Figurerne 1, 2 og 3 viser at testen er blevet gennemført, og projektet er vellykket og virker efter hensigten. For HDDK.: Fra figur 8 ses det at byerne til en regionen ligger langt fra hinanden, begrundelsen hertil er den at databasen for HDDK er tomt. For at teste HDDK projektet har det været nødvendigt at tilføje data til databasen, de data som er blevet tilføjet er tilfældige, dermed den ovennævnte afstand mellem byerne for den samme region. Det bemærkes yderligere at testen er blevet gennemført med tilfredsstillende resultat og HDDK projektet virker efter hensigten. Kildeangivelse: SVG.: JavaScript.: AJAX.: XML.: 38

39 Konklusion DDK / HDDK: DDK Det har været et vellykket projekt. I starten af projektet har der været en del problemer med opgaveformuleringen da virksomheden (Søndagsavisen) ikke har formuleret opgaven skriftligt. Opgavens omfang var uvist og at arbejde med billeder har været noget som jeg har måttet sætte mig ind i efter den mundtlige videregivelse af opgaven til mig. Endvidere er opgavens omfang blevet udvidet senere hen i projektperioden, ved at virksomheden har bedt om at få lavet en anden version til projektet som er HDDK, det er også lykkedes at færdiggøre den ekstra delprojekt, men testen har været lidt besværlig pga. den manglende mængde data i databasen. Til dette formål er der lavet et administrations program, hvor en medarbejder fra virksomheden kan indtaste de nødvendige data i databasen. Teknologierne som er benyttet til at løse opgaven har heller ikke været defineret i starten af projektet, det har været min opgave at finde ud af den bedste måde at løse opgaven, på en tilfredsstillende måde. Projektet er opbygget om en database hvor ændringer af data er nemt tilgængelige og det medfører at projektet kan benyttes af andre virksomheder, som har lignende interesser. Det er værd at bemærke at hjemmesiden bliver opdateret automatisk når data i databasen bliver redigeret, det medfører at hele hjemmesiden ikke skal oploades hver gang der er foretaget ændringer for diverse data. Projektet er blevet fuldendt succesfuldt, da alle funktioner og krav til projektet er velfungerende, selvom der har været noget tids tab pga. at jeg ikke kunne komme tilbage til Danmark fra mit hjemmeland (IRAK). 39

40 Appendiks DDK: Figur 1 Figur 1.: Danmarks korts koordinater uden farve 40

41 Figur 2 Figur 2.: Danmarks korts koordinater med basisfarver 41

42 Figur 3 Figur 3.: Fra kortet ses det at byen som musemarkøren har været over er Avlum, samtidig kan det ses at Avlum har postnummer 7490 og den hører til region Søndagsavisen 25 osv. 42

43 Figur 4 Figur 4.: Historisk Dynamisk Danmarks Kort skabelon (uden valgt dato). 43

44 Figur 5. Figur 5.: Historisk Dynamisk Danmarks Kort for perioden , og det kan ses at alle regionerne ikke er farvelagt, dette skyldes det manglende data i databasen, for det ikke farvelagte regioner. 44

45 Figur 6. Figur 6.: HDDK Administrationsprogram. Figur 7. Figur 7.: HDDK Administrationsprogram henter data for perioden

46 Figur 8. Figur 8.: Historisk Dynamisk Danmarks kort med MouseOver test for perioden Se test HDDK for nærmere information her om. 46

47 Figur 9. Figur 9.: Hashtabellen for lagring af data hos klienten. Figur 10. Figur 10.: Database tabel med relationen en til mange. 47

48 Figur 11. Figur

49 Figur 13. Figur 13.: HDDK databasen med relationer. 49

50 Figur 14. Figur 14.: viser ComboBox en (ReginBox) regionerne som kommer fra den første søjle i Gridview. 50

51 Figur 15. Figur 15. Viser de postnumre og by navne, som ligger i region 7, for perioden

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

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen.

Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Dynamiske Billeder, Image Map & XY coordinater. ASP.NET og Access Databasen. Tutorial lavet af Jákup W. Hansen TSU 2006 22. april 2008 Hvorfor denne tutorial: Denne tutorial er ikke direkte pensum på datamatikkerskolen,

Læs mere

Udvikling af DOTNET applikationer til MicroStation i C#

Udvikling af DOTNET applikationer til MicroStation i C# Udvikling af DOTNET applikationer til MicroStation i C# Praktiske tips for at komme i gang. Gunnar Jul Jensen, Cowi Hvorfor nu det? Mdl og Vba kan det hele Fordelene er : udviklingsmiljøet er eksternt

Læs mere

Kursusbeskrivelse. Forarbejde. Oprettelse af en Access-database

Kursusbeskrivelse. Forarbejde. Oprettelse af en Access-database Kursusbeskrivelse Oprettelse af en Access-database Som eksempel på en Access-database oprettes en simpelt system til administration af kurser. Access-databasen skal indeholde: et instruktørkartotek et

Læs mere

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

Programmering I Java/C#

Programmering I Java/C# Programmering I Java/C# Dit første projekt Datatekniker Intro to C# C# (C Sharp) Et enkelt, moderne, generelt anvendeligt, objektorienteret programmeringssprog Udviklet af Microsoft, ledet af danskeren

Læs mere

Eksamen, DSDS, efterår 2008

Eksamen, DSDS, efterår 2008 Eksamen, DSDS, efterår 2008 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech IT Universitetet i København 6. januar 2009 Alle hjælpemidler er tilladte, dog ikke computer og kommunikationsmidler.

Læs mere

Internet Information Services (IIS)

Internet Information Services (IIS) Internet Information Services (IIS) Casper Simonsen & Yulia Sadovskaya H1we080113 06-11-2013 Indholdsfortegnelse Problemformulering... 2 Hvorfor:... 2 Hvad:... 2 Hvordan:... 2 Problembehandling... 3 Introduktion...

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

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker

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

Web 2.0. World Wide Web (www)

Web 2.0. World Wide Web (www) Web 2.0 World Wide Web (www) I marts 1989 skrev Tim Berners-Lee et information udveksling program kaldt ENQUIRE. Da han arbejde i CERN, var han ikke tilfreds med kommunikationen, derfor videreudviklede

Læs mere

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

Læs mere

Testservice med anvendelse af Microsoft software.

Testservice med anvendelse af Microsoft software. Testservice med anvendelse af Microsoft software. Få offentlig nøgle fra installeret signeringscertifikat 1. Klik Start Kør på den pc eller server hvor signeringscertifikatet er installeret. 2. Skriv MMC

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

Database for udviklere. Jan Lund Madsen PBS10107

Database for udviklere. Jan Lund Madsen PBS10107 Database for udviklere Jan Lund Madsen PBS10107 Indhold LINQ... 3 LINQ to SQL og Arkitektur... 3 O/R designere... 5 LINQ Den store introduktion med.net 3.5 er uden tvivl LINQ(udtales link): Language-INtegrated

Læs mere

FairSSL Fair priser fair support

FairSSL Fair priser fair support Microsoft IIS 6 Certifikat administration Følgende vejledning beskriver hvordan man installere et certifikat på en IIS 6 For support og hjælp til anvendelsen af denne vejledning kan du kontakte FairSSL

Læs mere

Databaseadgang fra Java

Databaseadgang fra Java Databaseadgang fra Java Grundlæggende Programmering med Projekt Peter Sestoft Fredag 2007-11-23 Relationsdatabasesystemer Der er mange databaseservere Microsoft Access del af Microsoft Office MySQL god,

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Brugersiderne for renteberegninger. Indhold. 1. Indledning. Anvendelse af. (Version 28. september 2014)

Brugersiderne for renteberegninger. Indhold. 1. Indledning. Anvendelse af. (Version 28. september 2014) Anvendelse af Brugersiderne for renteberegninger. (Version 28. september 2014) Indhold Brugersiderne for renteberegninger.... 1 1. Indledning... 1 2. Forudsætninger... 4 3. Indtastning af udbetaling/skyldigt

Læs mere

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

Installation og Drift. Aplanner for Windows Systemer Version 8.15

Installation og Drift. Aplanner for Windows Systemer Version 8.15 Installation og Drift Aplanner for Windows Systemer Version 8.15 Aplanner for Windows løsninger Tekniske forudsætninger Krav vedr. SQL Server SQL Server: SQL Server 2008 Express, SQL Server 2008 R2 eller

Læs mere

Tlf. +45 7027 1699 Fax + 45 7027 1899

Tlf. +45 7027 1699 Fax + 45 7027 1899 Firmaordninger I firmaoversigten kan du holde styr på dit kundekartotek samt disses bookinger. Der kan desuden oprettes andre firmaer end dit eget. Herved kan der udbydes særlige ydelser på med egne arbejdstider.

Læs mere

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

Læs mere

Advanced Word Template Brugermanual

Advanced Word Template Brugermanual Advanced Word Template Brugermanual Forord: Advanced Word Template er et værktøj, der anvendes sammen med Microsoft Word til at opbygge ensartet beskrivelser på en mere intelligent måde end Copy and Paste

Læs mere

Mindmapping med FreeMind. En Introduktion til programmet FreeMind

Mindmapping med FreeMind. En Introduktion til programmet FreeMind En Introduktion til programmet FreeMind Jan Leffers 2006 Indholdsfortegnelse Indledning...2 Hvad er et mindmap...2 Mindmap guidelines...3 Download og installation...3 Kom hurtigt i gang...4 Det første

Læs mere

Daglig brug af JitBesked 2.0

Daglig brug af JitBesked 2.0 Daglig brug af JitBesked 2.0 Indholdsfortegnelse Oprettelse af personer (modtagere)...3 Afsendelse af besked...4 Valg af flere modtagere...5 Valg af flere personer der ligger i rækkefølge...5 Valg af flere

Læs mere

Dynamisk hjemmeside: NeuTravel

Dynamisk hjemmeside: NeuTravel Dynamisk hjemmeside: NeuTravel Problemformulering I dette projekt ønsker vi at lave en uafhængig hjemmeside til brug af turister, som gerne vil læse neutral information (dvs. information der ikke er farvet

Læs mere

Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus, byer og regning..

Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus, byer og regning.. Side 1 af 11 Dato: 07-09-2003 Opgaver i oprettelse af kunder og info i database med java. Opgave 1. Opret de 4 tabeller i FTSFrontend programmet. Indsæt mindst 3 forskellige tabelværdier i kunder, målerstatus,

Læs mere

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0 BRUGERMANUAL FOR KLUBKOORDINATORER Version 2.0 Login Du skal vælge den klub som du tilhøre og dernæst indtaste din kode i feltet: Password. Regionsgolf-Danmark Administration Når du er logget ind i system

Læs mere

ODIN-webservice ændringer release 2010 v2.0

ODIN-webservice ændringer release 2010 v2.0 DOKUMENTATION OG VEJLEDNING ODIN-webservice ændringer release 2010 v2.0 Indholdsfortegnelse 1. Nye webservice metoder... 2 1.1 Anvendelse af køretøjer og personel fra fremmede beredskaber ifm. indberetning

Læs mere

PORTFOLIO Version 2.0

PORTFOLIO Version 2.0 Nikolaj Lisberg Hansen Løsningsarkitekt og partner nikolaj.hansen@empisto.dk Tlf. 22 90 91 22 PORTFOLIO Version 2.0 Kvalitetsstyring med sags og dokumenthåndtering Teknisk revision af energimærker Portfolio

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

For dig som skal levere programmer til bideo.dk

For dig som skal levere programmer til bideo.dk For dig som skal levere programmer til bideo.dk Oktober 2011 - Version 5 INDLEDNING... 2 ANVENDELSE AF B2B.BIDEO.DK... 2 Den offentlige og den beskyttede webside... 2 Processen... 2 Før du bruger systemet

Læs mere

Indholdsfortegnelse Forord...8 Makroer samt aktivere Udvikler-fanen...10 Makrosikkerhed (Sikkerhedsindstillinger)...13

Indholdsfortegnelse Forord...8 Makroer samt aktivere Udvikler-fanen...10 Makrosikkerhed (Sikkerhedsindstillinger)...13 1 Indholdsfortegnelse Forord...8 Makroer samt aktivere Udvikler-fanen...10 Hvad er en makro... 10 Hvad kan du bruge en makro til... 10 Hvad en makro er (Visual Basic for Applications)... 11 Det hele sker

Læs mere

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion RIGSPOLITIET Vejledning i konvertering fra Word -dokument til PDF-fil på politi.dk Rigspolitiets websektion Indledning Da vi skal leve op til kravene om tilgængelighed på Internettet, skal alle tekster

Læs mere

Vejledning til registrering af virksomheder og personer (effekter) Projektrapporteringsværktøj - PRV

Vejledning til registrering af virksomheder og personer (effekter) Projektrapporteringsværktøj - PRV Vejledning til registrering af virksomheder og personer (effekter) Projektrapporteringsværktøj - PRV Registrering af virksomheder og personer Erhvervsstyrelsen og de regionale vækstfora ønsker at styrke

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

Læs mere

Extension udvikling i Mozilla Firefox. Henrik Gemal

Extension udvikling i Mozilla Firefox. Henrik Gemal Extension udvikling i Mozilla Firefox Henrik Gemal Side 1 Hvem er jeg? Web udvikler hos TDC Laver TDC.dk og TDCOnline.dk Laver HTML, CSS, PHP Med i Mozilla projektet i mange år Udviklet et par extensions

Læs mere

Encoding:...1 Et tegn sæt (character set):...1 UTF-8 og UTF-16 (Unicode):...2

Encoding:...1 Et tegn sæt (character set):...1 UTF-8 og UTF-16 (Unicode):...2 Encoding:...1 Et tegn sæt (character set):...1 UTF-8 og UTF-16 (Unicode):...2 Encoding: Vi har tidligere set på spørgsmålet om et XML dokuments encoding. Det er generelt altid en god ide at gemme et dokument

Læs mere

Umbraco installationsvejledning

Umbraco installationsvejledning på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er

Læs mere

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com Rapport Udarbejdet af: Mayianne Nøks Pedersen Skole login: knmape68 E-mail: mypedersen@gmail.com URL til brugerundersøgelsen: http://web328.webkn.dk/hjemmeside/image/laering/sem2brugerundersogelse/brugerundersogelse/

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

Læs mere

PHP Crash course. Databaser

PHP Crash course. Databaser PHP Crash course Databaser PHP Intro PHP er et server scripting sprog der kan bruges til at lave aktivt indhold på hjemme sider. Der er to betingelser som skal opfyldes for at serveren fortolker PHP koden.

Læs mere

Installation. Aesiras Internet hjemmeside og webshop. Aesiras -integreret Regnskab, Handel og Internet

Installation. Aesiras Internet hjemmeside og webshop. Aesiras -integreret Regnskab, Handel og Internet Installation Aesiras Internet hjemmeside og webshop Aesiras -integreret Regnskab, Handel og Internet Installationsvejledning Tak fordi du valgte Aesiras Business & Internet. I denne vejledning vil vi guide

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

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

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

Kald af PingService via SOAPUI

Kald af PingService via SOAPUI Kald af PingService via SOAPUI Author: Integration Expert Team (IET) Owner: Integration Expert Team (IET) Page 1 of 24 1. Dokumenthistorik Kald af PingService via SOAPUI Revisioner Dato for denne version:

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

DOtAB. Teknisk rapport

DOtAB. Teknisk rapport DOtAB Teknisk rapport Indholdsfortegnelse Introduktion... 1 Systemarkitektur... 1 Teknologier... 1 Platforme for mobile enheder... 1 Kommunikations interfacet... 2 Udviklingsmiljø... 2 IDOtAB (service

Læs mere

Brugermanual SIF (33069-04) Side 1/28. Godkendt af: Dato: Dokumentnr.: 077.024.214 Projekt: SIF (33069-04)

Brugermanual SIF (33069-04) Side 1/28. Godkendt af: Dato: Dokumentnr.: 077.024.214 Projekt: SIF (33069-04) Side 1/28 Brugermanual SIF (33069-04) Godkendt af: Dato: Side 3/28 INDHOLDSFORTEGNELSE 1 INDLEDNING... 4 1.1 Fangster, sporbare enheder og salg... 4 2 GENEREL NAVIGERING... 4 2.1 Login... 4 2.2 Log ud...

Læs mere

Administrator v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk

Administrator v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk Administrator v1.0 QUICK GUIDE Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@rekvi-skole.dk INTRODUKTION TIL REKVI-KONTOR Ideen med Rekvi-Kontor systemet udsprang

Læs mere

Introduktion til ActionScript, fortsat

Introduktion til ActionScript, fortsat Introduktion til ActionScript, fortsat Kaspar Rosengreen Nielsen kaspar@interactivespaces.net i n t e r a c t i v e s p a c e s. n e t Kaspar Nielsen, kaspar@interactivespaces.net 1 Dagens program Opsamling

Læs mere

GeoEnviron Web-løsninger

GeoEnviron Web-løsninger 2012 Troels Kreipke 01-01-2012 Indhold Generelt... 3 Web-løsninger... 3 XML-firewall... 4 GeoEnviron_WebService... 4 Installation af web-løsninger uden brug af GeoEnviron_WebService... 5 GeoEnviron_WebService...

Læs mere

FSFIs lynguide til DFRs elektronisk bevissystem

FSFIs lynguide til DFRs elektronisk bevissystem FSFIs lynguide til DFRs elektronisk bevissystem Dette er en kort guide i anvendelsen af Dansk Førstehjælpsråd elektroniske bevissystem. Guiden viser og forklarer hvordan du som instruktør og medlem af

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

Læs mere

Projekt - Visual Basic for Applications N på stribe

Projekt - Visual Basic for Applications N på stribe Projekt - Visual Basic for Applications N på stribe Mikkel Kaas og Troels Henriksen - 03x 3. november 2005 1 Introduktion Spillet tager udgangspunkt i det gamle kendte 4 på stribe, dog med den ændring,

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Vejledning til Teknisk opsætning

Vejledning til Teknisk opsætning Vejledning til Teknisk opsætning v. 1.0 Adm4you, 2010. Indhold Kort om denne vejledning... 3 Generelt om easyourtime... 3 Installation af databasen... 3 Sikkerhed og rettigheder... 4 SQL Login... 4 Rettigheder

Læs mere

LYRA (https://app.nebula.si/rc-nordic) Brugervejledning

LYRA (https://app.nebula.si/rc-nordic) Brugervejledning LYRA (https://app.nebula.si/rc-nordic) Brugervejledning Renault Nordic AB, Nebula d.o.o. Ljubljana, marts 2015, ver. 2.0 Indholdsfortegnelse 1 LYRA-SYSTEMET... 3 1.1 SYSTEMKRAV... 3 1.2 REGISTRERING I

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

Billeder på hjemmeside

Billeder på hjemmeside Billeder på hjemmeside Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder 3 9 2. Billeder og tekst ved hjælp af en skabelon (Template

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

Guide til upload af ruter og interessepunkter på Endomondo

Guide til upload af ruter og interessepunkter på Endomondo Guide til upload af ruter og interessepunkter på Endomondo Denne guide indeholder følgende emner: A. Rettigheder B. Oprettelse af profil på Endomondo C. Oprettelse af selve ruten D. Redigering af oprettet

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

1. HVAD ER HOT POTATOES? 2. HVAD BESTÅR HOT POTATOES AF? 3. HVAD KOSTER HOT POTATOES? 4. SOFTWARE- OG HARDWAREKRAV.

1. HVAD ER HOT POTATOES? 2. HVAD BESTÅR HOT POTATOES AF? 3. HVAD KOSTER HOT POTATOES? 4. SOFTWARE- OG HARDWAREKRAV. Hot Potatoes 1. Hvad er Hot Potatoes?...2 2. Hvad består Hot Potatoes af?...2 3. Hvad koster Hot Potatoes?...2 4. Software- og hardwarekrav...2 5. Versioner....3 6. Indstillinger...3 Ny, Åbn, Gem, Gem

Læs mere

Indholdsfortegnelse for kapitel 1

Indholdsfortegnelse for kapitel 1 Indholdsfortegnelse for kapitel 1 Forord.................................................................... 2 Kapitel 1.................................................................. 3 Formål............................................................

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

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

MailMax / Web v4.1. Brugsvejledning til webmail. Copyright 2003 Gullestrup.net

MailMax / Web v4.1. Brugsvejledning til webmail. Copyright 2003 Gullestrup.net MailMax / Web v4.1 Copyright 2003 Gullestrup.net Log ind på webmailen Start med at gå ind på http://webmail.gullestrup.net i din browser. Indtast din Email-adresse samt Adgangskode, som hører til din konto.

Læs mere

Weebly- vejledning. Lav din egen hjemmeside let og smertefrit

Weebly- vejledning. Lav din egen hjemmeside let og smertefrit 1 Weebly- vejledning Lav din egen hjemmeside let og smertefrit 1. Gå ind på flg. adresse: www.weebly.com 2. Opret dig som bruger (gratis): 2 3. Kom godt i gang: For at komme i gang med 1. side skal du

Læs mere

1. Opbygning af et regneark

1. Opbygning af et regneark 1. Opbygning af et regneark Et regneark er et skema. Vandrette rækker og lodrette kolonner danner celler, hvori man kan indtaste tal, tekst, datoer og formler. De indtastede tal og data kan bearbejdes

Læs mere

Bruger Manual PC Valtronics Udendørs Kamera - Windows system

Bruger Manual PC Valtronics Udendørs Kamera - Windows system Bruger Manual PC Valtronics Udendørs Kamera - Windows system Brugervejledning til PC (windows) 1. Installation af kamera Vejledningen er almen for alle Valtronics kameraer, og derfor kan billederne af

Læs mere

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

Læs mere

Advanced Sitecore Google Maps

Advanced Sitecore Google Maps Advanced Sitecore Google Maps WCAG Edition Version 2.2 Brugervejledning 1 / 49 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Forord... 4 2.1 Hvad er nyt?... 5 3 Oprettelse af kort... 6 3.1 Kort centrum

Læs mere

Sådan opretter du en elektronisk aflevering

Sådan opretter du en elektronisk aflevering Sådan arbejder du med opgaver i Gradebook/karakterbog Denne vejledning indeholder en detaljeret beskrivelse af hvordan du bruger gradebook/karakterbogen når du vil arbejde med opgaver og give karakterer

Læs mere

Historisk Tidsskrift teknisk dokumentation Side 1

Historisk Tidsskrift teknisk dokumentation Side 1 Historisk Tidsskrift teknisk dokumentation Side 1 1. Indledning...2 1.1 Referencer...2 1.2 Versionshistorie...2 1.3 Definitioner...2 1.4 Dokumentationens opbygning...2 2. Generel beskrivelse...3 2.1 Oversigt...3

Læs mere

Object-Relational Mapping

Object-Relational Mapping Databaser for udviklere () Datamatiker TietgenSkolen Underviser: Allan Helboe 06-06-2010 Problemformulering Denne opgave er et forsøg på at beskrive problemerne der opstår ved anvendelsen af en relationel

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

Læs 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

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

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

Læs mere

Software Projekt NoSQL vs RMDB

Software Projekt NoSQL vs RMDB Software Projekt NoSQL vs RMDB Skrevet af Carsten Sørensen, Hans Jørgen Frandsen, Peter Haislund Department of Computer Science, University of Aarhus Aabogade 34, 8200 Arhus N, Denmark 201200089, 19960442,

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Indhold. Senest opdateret:03. september 2013. Side 1 af 8

Indhold. Senest opdateret:03. september 2013. Side 1 af 8 Indhold Introduktion... 2 Scenarier hvor API et kan benyttes... 2 Scenarie 1 Integration til lagerhotel... 2 Scenarie 2 Integration til økonomi system... 2 API Modeller... 2 Webshop2 API Model v1... 3

Læs mere

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Projekt Database, Gruppe 4A. Projekt 1, 3. Semester D A T A B A S E. Klasse MulA13 Gruppenummer: A4

Projekt Database, Gruppe 4A. Projekt 1, 3. Semester D A T A B A S E. Klasse MulA13 Gruppenummer: A4 Projekt Database, Gruppe 4A 0 Projekt 1, 3. Semester D A T A B A S E Klasse MulA13 Gruppenummer: A4 Projekt Database, Gruppe 4A 1 Fakta-ark Klasse MulA13, Gruppenummer: A4 Gruppemedlemmer: Amalie Ardahl

Læs mere

Patient Database - Manual

Patient Database - Manual Patient Database - Manual Side 1 af 36 Adgang til systemet... 4 Glemt brugernavn og kode... 4 Opret projekt (kun System Administrator)... 6 Klik på NYT PROJEKT -knappen øverst til venstre.... 6 Udfyld

Læs mere

Picto Selector. Lav dine egne symbolark. Version: August 2012

Picto Selector. Lav dine egne symbolark. Version: August 2012 Picto Selector Lav dine egne symbolark Version: August 2012 Indholdsfortegnelse Hvad er Picto Selector?...4 USB?...4 Hent programmet...4 Installer programmet på din computer...5 Picto Selector på USB...8

Læs mere

Håndbog Til CPR services. Bilag 10 Opsætning af CPR klienten til understøttelse af forskellige installationstyper

Håndbog Til CPR services. Bilag 10 Opsætning af CPR klienten til understøttelse af forskellige installationstyper Håndbog Til CPR services Bilag 10 Opsætning af CPR klienten til understøttelse af forskellige installationstyper CPR-kontoret Datavej 20, Postboks 269, 3460 Birkerød E-post: cpr@cpr.dk. Telefax 45 82 51

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 CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30 CS TYPO3 Manual TYPO3 CMS Opbygning...2 Log ind...2 Backend...3 Frontend...5 Hvor skal jeg klikke?...6 Gem, gem og vis, gem og luk og luk...7 Håndtering af sider og menuer...8 Sammenhæng mellem sider og

Læs mere

PBX Online Brugervejledning www.pbxonline.dk

PBX Online Brugervejledning www.pbxonline.dk PBX Online Brugervejledning www.pbxonline.dk Indledning PBX Online er dit personlige omstillingsanlæg som ikke kræver noget fysisk udstyr installeret i dit firma. Du styrer det hele via din web browser.

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Side 1 af 14 Indholdsfortegnelse Om denne brugermanual... 3 Registrering af bruger... Error!

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere