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
Native-like Performance and User Experience with Progressive Web Apps
KTH, School of Electrical Engineering and Computer Science (EECS).
2018 (English)Independent thesis Advanced level (degree of Master (Two Years)), 20 credits / 30 HE creditsStudent thesis
Abstract [en]

Users spend more time than ever on mobile devices like smartphones and tablets, while native app development continues to become harder due to platform fragmentation. The web is a promising platform for mobile applications because of its easy access and standardised technologies that work unanimously across many different platforms and operating systems. However, native applications have always had an edge over the web because of important features that have not been available anywhere else, such as push notifications, background synchronisation and offline support. Progressive Web Apps aim to bring the web platform closer to native by enabling many of these important features while still running completely in the web browser, with the possibility to install the application, effectively promoting it to a top-level application.

This project will evaluate the capabilities of web-based mobile applications compared to traditional native mobile applications. Three simple proof of concept applications will be built to test the performance and user experience with the help of different JavaScript libraries and techniques for building a Progressive Web App. Then one of the implementations will be further developed and matched against an existing native application with similar features in terms of functionality and performance.

The study finds that for this use case, a Progressive Web App may be used instead of a native app without missing out on any important functionality. This simplifies development and releases, by enabling rich code sharing between the different platforms as well as avoiding the app distribution platforms by distributing the application entirely through the web, automatic and transparent to the users. However, this solution means more responsibility in terms of infrastructure for developers to maintain and optimise as the application needs to be distributed by own servers.

Abstract [sv]

Allt mer tid ägnas åt mobila enheter såsom smartphones och surfplattor, medan apputveckling blir allt svårare på grund av spridningen av plattformar. Webben är en lovande plattform för mobila applikationer på grund av dess lättillgänglighet och standardiserade teknologier som fungerar likadant på många olika plattformar och operativsystem. Trots detta har nativa appar alltid haft ett övertag gentemot webben på grund av funktioner som inte varit tillgängliga på andra platformar, såsom pushnotiser, bakgrundssynkronisering och offlinestöd. Progressive Web Apps syftar till föra webbplattformen närmare nativ genom att möjliggöra många av dessa funktioner men fortfarande köras enbart i webbläsaren, med möjlighet att installera applikationen på enheten.

Projektet kommer att utvärdera kapaciteten i webbaserade mobila applikationer jämfört med traditionella mobilapplikationer. Tre stycken proof of concept-applikationer kommer att byggas för att testa prestanda och användarvänlighet med hjälp av olika JavaScript-bibliotek och tekniker för att bygga en Progressive Web App. Därefter kommer en av implementationerna att vidareutvecklas och utvärderas gentemot en existerade app med liknande funktionalitet.

Studien visar att en Progressive Web App i det här användningsfallet kan ersätta en nativ mobilapplikation utan att gå miste om viktig funktionalitet. Det skulle förenkla utveckling och publicering, genom att möjliggöra koddelning mellan olika plattformar och undvika appdistribueringsplattformarna genom att distribuera applikationen enbart genom webben, automatiskt och transparent för användarna. Lösningen innebär dock mer ansvar i form av underhåll och optimering av infrastruktur eftersom applikationen måste distribueras genom egna servrar.

Place, publisher, year, edition, pages
2018. , p. 50
Series
TRITA-EECS-EX ; 2018:602
Keywords [en]
Progressive Web Apps, PWA
National Category
Interaction Technologies Media Engineering
Identifiers
URN: urn:nbn:se:kth:diva-235389OAI: oai:DiVA.org:kth-235389DiVA, id: diva2:1250739
Subject / course
Computer Science
Educational program
Master of Science - Computer Science
Presentation
2018-06-13, 4523, Lindstedtsvägen 5, Stockholm, 13:15 (English)
Supervisors
Examiners
Available from: 2018-10-04 Created: 2018-09-24 Last updated: 2018-10-04Bibliographically approved

Open Access in DiVA

fulltext(983 kB)122 downloads
File information
File name FULLTEXT02.pdfFile size 983 kBChecksum SHA-512
fd3d0adf37caf1e9f59c74db00674b74246b7d642d13098a17b59ed715b2f5b3eece8a1d6e9d237611172635e97953e907df3f3ca6d00dc0e92401993a90614e
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Yberg, Viktor
By organisation
School of Electrical Engineering and Computer Science (EECS)
Interaction TechnologiesMedia Engineering

Search outside of DiVA

GoogleGoogle Scholar
Total: 122 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: 535 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