The development of Progressive Web Applications (PWAs) as opposed to Native Applications (NAs) has experienced a significant shift in recent years in the mobile application market. PWAs are more and more common since they are affordable, simple to use, and cross-platform compatible. Even so, there is an ongoing discussion and lacking research about which application can deliver a better user experience, which is what this thesis aimed to research. This was accomplished by developing two identical applications, one PWA and one NA, and comparing them in terms of responsiveness. Responsiveness was quantified by measuring the complexity in terms of computational time for each functionality within each application. The applications were developed using the two React frameworks named React JS and React Native, for the PWA and NA, respectively. Thus, the main comparison was between these two frameworks, and not PWAs and NAs in general. The goal is to help developers decide which application out of the two is more suitable, depending on the possible functionalities that their application is considered to have. The functionalities that were chosen were all different but deemed to be relevant to the functionalities present in some of the largest mobile applications. Functionalities relevant to social media were chosen, such as image and tweet searching. Additional functionalities include geolocation and a word counter. The former was chosen for the prevalence of geolocation-based applications, while the latter was chosen as a means to compare the computational power of each application. The results showed that the PWA was considerably more capable when it came to executing the image search word counter, and tweet search functionality, as it was able to render and handle the data considerably faster than the NA. When it came to the geolocation functionality, however, the NA was the faster application. / Utvecklingen av Progressiva webbapplikationer (PWAs) jämfört med nativa applikationer (NAs) har genomgått en betydande förändring de senaste åren på mobilapplikationsmarknaden. PWAs blir allt vanligare eftersom de är prisvärda, enkla att använda och kompatibla över olika plattformar. Trots det pågår det en kontinuerlig diskussion och brist på forskning om vilken typ av applikation som kan leverera en bättre användarupplevelse, vilket är det forskningsämne som denna avhandling syftar till att undersöka. Detta åstadkoms genom att utveckla två identiska applikationer, en PWA och en NA, och jämföra dem med avseende på responsivitet. Responsivitet kvantifierades genom att mäta komplexiteten i form av beräkningstid för varje funktionalitet inom varje applikation. Applikationerna utvecklades med hjälp av de två React-ramverken React JS och React Native, för PWA respektive NA. Således var huvudjämförelsen mellan dessa två ramverk och inte generellt mellan PWAs och NAs. Målet är att hjälpa utvecklare att bestämma vilken av de två applikationerna som är mest lämplig, beroende på vilka funktionaliteter deras applikation förväntas ha. De valda funktionaliteterna var olika men ansågs vara relevanta för funktionaliteterna i några av de största mobilapplikationerna. Funktionaliteter relaterade till sociala medier valdes, såsom bild- och tweetsökning. Ytterligare funktionaliteter inkluderar geolokalisering och en ordräknare. Den förstnämnda valdes på grund av utbredningen av geolokaliseringsbaserade applikationer, medan den senare valdes som ett sätt att jämföra beräkningskraften hos varje applikation. Resultaten visade att PWA var betydligt mer kapabel när det gällde att utföra bildsökning, ordräknare och tweetsökning, eftersom den kunde rendera och hantera data betydligt snabbare än NA. När det kom till geolokalisering var dock NA den snabbare applikationen.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:kth-329349 |
| Date | January 2023 |
| Creators | Dib, Michell |
| Publisher | KTH, Skolan för elektroteknik och datavetenskap (EECS) |
| Source Sets | DiVA Archive at Upsalla University |
| Language | English |
| Detected Language | English |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
| Relation | TRITA-EECS-EX ; 2023:255 |
Page generated in 0.0026 seconds