Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Implementation av begreppskartor med zoom och panorering för webb och surfplattor med hjälp av Meteor
Linköping University, Department of Computer and Information Science, Human-Centered systems.
2017 (Swedish)Independent thesis Basic level (university diploma), 10,5 credits / 16 HE creditsStudent thesis
Abstract [sv]

Forskargruppen Educational Technology Group med forskare från Linköpings och Lunds universitet jobbar på ett lärospel i historia för mellanstadiet. En av aktiviteterna i spelet är att skapa begreppskartor och denna aktivitet är i behov av en uppgradering för att kunna utmana eleverna på en svårare nivå. En högre nivå ska nås genom att eleverna får jobba med fler än en begreppskarta åt gången och varje begreppskarta ska få zoom- och panorerings-funktionalitet. Den här rapporten går igenom några olika sätt för att implementera zoom och panorering och avslutas med att implementera och utvärdera en lösning i flera iterationer.

 

D3 visar sig vara ett JavaScriptbibliotek som har allt för att implementera begreppskartor med zoom och panorering, dessutom krävs inga Meteor-specifika funktionaliteter. Resultatet av denna studie går även att använda sig av för att implementera zoom och panorering till andra delar av sin applikation än begreppskartor.

 

Vid testning med D3 visade webbläsarna Chrome, Firefox och Edge olika resulat vid touch-interaktioner. Chrome gav fullt stöd för alla touch-interaktionen. Firefox krävde dubbeltryck eller att man höll ner fingret en stund för att aktivera dragning av begrepp eller panorering. Vid vertikala dragningar för panorering kunde zoom aktiveras istället för panorering. I webbläsaren Edge fungerade inga touch-interaktioner.

 

Scroll mellan begreppskartor och zoom och panorering i begreppskartorna blev en för avancerad interaktion för den tänkta användargruppen, elever på mellanstadiet. Att kunna visa en helhetsbild av alla begreppskartor tillsammans ansågs viktigare än att ha zoom och panorering. En bra kompromiss mellan helhetsbild och interaktions-yta blev att visa alla utom en begreppskarta som miniatyrer. Detta kunde implementeras med hjälp av javascriptbiblioteket interact.js och div-element. 

Place, publisher, year, edition, pages
2017. , p. 33
National Category
Computer Sciences
Identifiers
URN: urn:nbn:se:liu:diva-134566ISRN: LIU-IDA/LITH-EX-G--17/001--SEOAI: oai:DiVA.org:liu-134566DiVA, id: diva2:1074925
Subject / course
Computer Engineering
Presentation
2017-01-24, 15:30 (Swedish)
Supervisors
Examiners
Available from: 2017-03-02 Created: 2017-02-16 Last updated: 2018-01-13Bibliographically approved

Open Access in DiVA

fulltext(1798 kB)48 downloads
File information
File name FULLTEXT01.pdfFile size 1798 kBChecksum SHA-512
bdffd6223d5596568dd95e9d502b5928a7f4c5073e13000e65d64c1340dacbd770ba4e883b0a7726c8a0a6f5f6220be5b89e36244a6e02d03e521cee88bde94a
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Brolund, Filip
By organisation
Human-Centered systems
Computer Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 48 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 537 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf