The vast supply of different smartphone makes and models, along  with their  accompanying operating  systems,  increase the  demand  for  an  all-in-one  development  solution.   Quite a  few  approaches  to  solving  this  problem  have  cropped  up over the years, ranging from purely web-oriented solutions to something more akin to a native application.   React Native and Progressive Web App development are two different approaches,  both new and promising,  on this spectrum.   This thesis evaluates these approaches in a standardized way using the  ISO  25010 Product  Quality  Model to  gain  insight  into these  types  of  cross-platform  development  as  well  as  how well  such  an  evaluation  works  in  this  context.   The  results show that, while not a perfect fit, a standardized evaluation brings forward less obvious aspects of the development process and contributes with a helpful structure to the evaluation process.

Progressive Web Applications are becoming more advanced and have increased user activity year after year, especially on mobile platforms. But still the standard of performance does not in most cases meet what we expect in relation to the time it takes to load these. Technologies are evolving as an attempt to change this, and one that has gained a lot of attention in recent years is Google AMP (Accelerated Mobile Pages). A technology that initially aimed at very simple content, but which has recently become more advanced but has its main focus on performance. An entire application does not need to be developed with this technology, but a noted method is to use it as an entry-point to another application as an attempt to reduce the initial load time for the user and enhance the experience in later navigations. This report investigates with an experiment how the AMP technology stands against another technology focused on speed, in this case the JavaScript framework Gatsby. This is done with the frameworks as a combination using AMP as an entry-point and also developed separately, all with enhanced Progressive Web App features. To make development easier and understand the difference of applications included in the study, a literature study was also done with focus on this aspect. At the point when the applications became published and available through Google search and measurements for the applications were made, it was discovered that their metrics load time, start render and speed index all had major performance improvements for the AMP applications on the first load with a mobile device utilizing Google cache CDN, but the effect was not as great on desktop. The implementation process differs some in the frameworks included, and turned out to be more restricted with AMP with the desired effect of increasing performance. While the second framework Gatsby is developed more flexible and could be seen as a more modern way of developing.  It shows a positive opportunity to combine technologies to serve content to a user faster on mobile devices, which could be an action to speed up the web and maintain the user experience.

Denna rapport redogör för ett projekt utfärdat av sju teknologer vid Linköpings univer-sitet som en del av kursen TDDD96 Kandidatprojekt i programvaruutveckling på uppdrag avföretaget EcCell Environmental. Ett system har utvecklats som möjliggör för avfallstekni-ker att enkelt bokföra avfallet de hanterar i sitt arbete samt underlätta sammanställningenav det. I detta arbete har en progressiv webbapplikation utvecklats med React, en backendutvecklad i Node.js och en tillhörande databas. Databasen och backend använder sig avmolntjänsten Firebase som erbjuder hostning av webbappen, inloggningsmöjligheter samtlagring av dokument och bilder. Resultatet av projektet är webbapplikationen Trace theWaste där rapporter kan skapas och skickas till databasen samt historik av gamla rapporterkan ses. I diskussionsdelen utvärderas arbetet, alternativa implementationssätt diskuteras samtvilka lärdomar gruppmedlemmarna tar med sig. Därefter dras slutsatser kring rapportensfrågeställningar. Rapporten avslutas med individuella delar från gruppmedlemmarna somär kopplade till projektet.