JavaScript har under de senaste sju åren varit det mest populära programmeringsspråket. JavaScript har ständigt utvecklats, så har även webben. Detta har lett till att det är möjligt att utveckla webbsidor som liknar riktiga mobilapplikationer, även kallat progressiva webbapplikationer. I denna studie var syftet att identifiera, undersöka och jämföra olika JavaScript-ramverk som kan användas för att skapa progressiva webbapplikationer. För att uppnå detta har granskningen skett i tre steg. Det första steget var att identifiera ramverk som tydligt identifierade sig själva som ramverk och främst fokuserade på klientsidan. Under första steget insamlades information om elva ramverk som uppfyllde kraven. Nästa granskning i steg ett var att identifiera de ramverk som återgav information på sin officiella webbsida om hur en progressiv webbapplikation implementeras. Efter denna granskning återstod endast två ramverk, Angular och Vue.js. I steg två utvecklades en identisk webbapplikation i vardera ramverk. I det tredje och sista steget jämfördes ramverken baserat på 15 riktlinjer vid val av ramverk för att slutligen avgöra vilket ramverk som var att föredra vid utveckling av en progressiv webbapplikation. Resultatet visade att Vue.js var det ramverk som rekommenderas vid implementering av en progressiv webbapplikation. Detta baserades på att ramverket krävde färre kodrader samt att ramverket funnits längre på marknaden. Ytterligare en anledning var att ramverket är mest populärt bland utvecklare på GitHub.

Applikationer kan idag med hjälp av olika tekniker utvecklas på flera olika sätt. På senare århar tekniken progressiva webbapplikationer blivit ett allt mer vanligt inslag i sammanhanget.Faktum är att progressiva webbapplikationer anses av många vara framtiden inomapplikationsutveckling. Det var dock otroligt svårt att hitta information om i vilkenutsträckning tekniken användes i Sverige eller i andra länder. Inför det här arbetet misstänktevi att tekniken med progressiva webbapplikationer inte användes i den utsträckning som denhade potential för , och att den förtjänade att uppmärksammas mer.I det här arbetet kommer du som läsare få en inblick i hur vanligt förekommandeprogressiva webbapplikationer var bland de svenska företagens hemsidor i allmänhet.Arbetet undersökte även vilka erfarenheter och kunskaper svenska applikationsutvecklarehade av tekniken. Ett antal intervjuer med svenska utvecklare har genomförts där resultatettalade för att det fanns mer att önska vad gällande utvecklarnas kunskaper och erfarenheterom tekniken. Indikationen om att de svenska utvecklarna hade begränsade kunskaper ocherfarenheter om progressiva webbapplikationer, återspeglades även i hur väl svenska företag iallmänhet använde tekniken. / Today, applications can be developed in a variety of ways using various techniques. In recentyears, the technology progressive web applications have become an increasingly commonfeature in this context. In fact, progressive web applications are considered by many to be thefuture of application development. However, it was incredibly difficult to find information onthe extent to which the technology was used in Sweden or in other countries. Prior to thiswork, we suspected that the technology of progressive web applications was not used to theextent that it had potential to, and it deserved to be paid more attention.In this thesis, you as a reader will gain an insight into how common progressive webapplications were among Swedish companies' websites in general. The work also examinedwhat experiences and knowledge Swedish application developers had of the technology. Anumber of interviews with Swedish developers were conducted where the results indicatedthat there was more to be desired regarding the developers' knowledge and experience aboutthe technology. The indication that Swedish developers had limited knowledge andexperience of progressive web applications was also reflected in how well Swedishcompanies generally used the technology.

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.

There are many ways of implementing an application, and the choices of how to cater to the specific needs of a customer are many. Today, one of the major decisions made when developing an application is whether to implement a native or web-based solution. Each of these alternatives comes with its own set of advantages and disadvantages. The choice between a native application or a web application is highly dependent on the necessity of certain functions. A native application has many valuable functions but lacks features that web applications can provide. A Progressive Web Application (PWA) is a third option that aims to combine the capabilities of both web and native mobile apps. This evaluation focuses specifically on the needs of a booking flow for airlines. In these types of self-service applications, high-quality Human-Computer Interaction (HCI) is vital, as the user's experience will dictate each customer's view of and future interaction with the company. This thesis investigates if PWA are capable of achieving the same capabilities as a native application, as well as providing a high-fidelity prototype of a PWA application. This will allow companies to assess if PWA are suitable for this purpose along with what their strengths and weaknesses are. After evaluation, it was concluded that PWA are a viable alternative to native apps in this context, as a prototype was able to emulate the majority of established characteristics of a native app. / Det finns många olika sätt att utveckla en applikation på, hur man anpassar appen till dess användare kan se mycket olika ut från situation till situation. Vid utveckling av olika applikationer för olika företag brukar valet stå mellan nativ och webbapplikationer. Båda dessa har sina unika fördelar och nackdelar och beroende på bransch så kan dessa ha stor påverkan på hur användarna upplever företaget och dess app. Det är därför en essentiell del för företagen att välja den typ av applikation som kommer motsvara användarnas krav. Progressiva Webb Applikationer (PWA) är ett tredje alternativ till de ovan nämnda och ämnar att kombinera fördelarna med båda. Denna evaluering kommer därför titta närmare på alla tre applikations typerna, fördelar och nackdelar och slutligen evaluera om en PWA är ett värdigt alternativ till ett nativt bokningsflöde för flygbolag. I denna kontext är människa-data interaktionen mycket viktig då användarens upplevelse inte bara påverkar dess bild av appen utan även företaget. Denna evaluering kommer därav hjälpa företag inom detta område analysera om en PWA passar deras situation. Samt att tydliggöra dennes fördelar och nackdelar. De områdena som kommer undersökas är åtkomlighet, anslutning, prestanda, funktioner och användarupplevelse. Efter evalueringen, drogs slutsatsen att PWA kan uppnå samma kvalitet som en nativ app inom majoriteten av de undersökta områdena.