kth.sePublikationer
Ändra sökning
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf
HTML5-based Travel HabitApplication: Investigation of VectorWeb Mapping Possibilities
KTH, Skolan för arkitektur och samhällsbyggnad (ABE), Samhällsplanering och miljö, Geodesi och geoinformatik.
2013 (Engelska)Självständigt arbete på avancerad nivå (masterexamen), 20 poäng / 30 hpStudentuppsats (Examensarbete)Alternativ titel
HTML5-baserad res-logg applikation:Undersökning av möjligheterna med vektor kartläggning (Svenska)
Abstract [en]

The subject of the report is to review and evaluate the potential for vector graphics in web maps. It ishoped that a web mapping only should display vector graphics. Compared to the traditional webmapping approach, that has raster tiles pre-rendered on the server side for each zoom level. Thedrawback with raster data is that it lacks in information content compared to vector data, which interms can contribute to a richer user interface. However, vector graphics, in comparison to raster datahave a complex data structure and are inefficient to handle such as raster data traditionally is managed.Thanks to new rendering techniques for vector graphics, such as by VML, SVG, but mainly throughthe canvas element, web maps can be improved since vector graphics can be drawn directly in theclient through the browser without the need to generate data on the server side and sent it to the client.By selecting three vector-based mobile mapping libraries that use HTML5, in particular the canvaselement, each library is examined and evaluated based on their ability to use vector graphics, bothperformance-wise, by randomly generating vector data on a map comprising of the world, but alsoaccording to a number of usability criteria. Thereafter, a mobile travel habit implementation isdeveloped based on one of the libraries that meets the criteria the best. The travel habit application isdesigned to register the user’s geographical movements and subsequently display the user’s completedtrip in terms of vector data on a map. The application is developed with the ASP.NET technique thatconsists of HTML, JavaScript and C# languages. Results show that each library is superior / comparesfavourably to the others for at least one of the assessment criteria. Based on the performance test forthe rendering of vector data, the Tile5 library performed best with a rendering time corresponding toapproximately half the time it took for the second best library Leaflet. However, since Tile5 indicatesdeficiencies in the documentation, Leaflet fits the overall established assessment criteria best and isselected for the implemented of the mobile application for travel habits. For future development, Tile5has the potential to become a useful and effective tool for vector web mapping and to compete withthe traditional mapping platforms that renders raster data.

Abstract [sv]

Motivet till rapporten är att granska och utvärdera möjligheterna för vektorgrafik i webbkartor,förhoppningen är att i en webbkarta endast visa vektorgrafik. Istället för på det traditionella sättet medraster data som genererats färdigt på server-sidan för varje zoom-nivå av kartan. Nackdelen medrasterdata är att den är fattig på information jämfört med vektordata, som i sin tur kan bidra till ettrikare användargränssnitt. Dock har vektorgrafik jämfört med rasterdata en komplex datastruktur ochär ineffektivt att hantera så som rasterdata traditionellt görs.Tack vare nya rittekniker för vektorgrafik, så som genom VML, SVG men främst via canvaselementet, kan webbkartor förbättras i och med att vektorgrafik kan ritas upp direkt genom browserutan att behöva generera data på server-sidan. Genom att välja ut tre vektor-baserade utvecklingsbibliotek som använder sig utav HTML5 och speciellt canvas elementet, så undersöks och utvärderasrespektive bibliotek utifrån deras möjlighet att använda vektorgrafik, både prestandamässigt, genomatt slumpmässigt generera vektor data på en karta omfattande av hela världen, men också utifrån ettantal användbarhetskriterier. Därefter utvecklas en test implementation, d.v.s. en applikation för resvanor,baserat på den utav biblioteken som uppfyller kriterierna bäst. Res-vane applikationen ärinriktad på att registrera användarens geografiska rörelser och kan sedan visa användarens genomfördaresa i form av vektordata på en karta. Applikationen är utvecklad med ASP.NET tekniken som bestårutav HTML, JavaScript och C# språken. Resultatet från den empiriska undersökningen visar attkartbiblioteken utmärker sig på förmånligt men på olika områden. Utifrån prestandatestet förrendering av vektordata, presterade Tile5 bibliotek bäst med en renderingstid motsvarande ungefärhäften av tiden det tog för det näst bästa biblioteket, Leaflet. Dock ledde bristande dokumentation förTile5 till att Leaflet, till det stora hela sett, passade bedömningskriterierna bäst och kom attimplementeras i den mobila test applikationen för resvanor. För framtida utvecklings, har Tile5potential att utvecklas till ett användbart och effektivt verktyg för vektorkartläggning och för attkonkurrera med traditionella webbkartor som renderar rasterdata.

Ort, förlag, år, upplaga, sidor
2013. , s. 47
Serie
TRITA-GIT EX, ISSN ISSN 1653-5227 ; 13-006
Nyckelord [en]
HTML5, canvas, vector graphics, web maps, GIS, Leaflet, Cartagen, Tile5, mobile application
Nationell ämneskategori
Annan samhällsbyggnadsteknik
Identifikatorer
URN: urn:nbn:se:kth:diva-126937ISRN: KTH/GIT/EX--13/006-SEOAI: oai:DiVA.org:kth-126937DiVA, id: diva2:642663
Externt samarbete
WSP group
Ämne / kurs
Geoinformatik
Utbildningsprogram
Civilingenjörsexamen - Samhällsbyggnad
Handledare
Examinatorer
Tillgänglig från: 2013-08-26 Skapad: 2013-08-22 Senast uppdaterad: 2022-06-23Bibliografiskt granskad

Open Access i DiVA

fulltext(1791 kB)1503 nedladdningar
Filinformation
Filnamn FULLTEXT01.pdfFilstorlek 1791 kBChecksumma SHA-512
fbc9a801adb7677eb726eb455ddbd8dbd7eb8824507c1288b504b5eb75c7c1aae6944a14e8ef885a1da4c06c5c4869df60363e062e2d5742742a143777980d41
Typ fulltextMimetyp application/pdf

Av organisationen
Geodesi och geoinformatik
Annan samhällsbyggnadsteknik

Sök vidare utanför DiVA

GoogleGoogle Scholar
Totalt: 1503 nedladdningar
Antalet nedladdningar är summan av nedladdningar för alla fulltexter. Det kan inkludera t.ex tidigare versioner som nu inte längre är tillgängliga.

urn-nbn

Altmetricpoäng

urn-nbn
Totalt: 722 träffar
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf