The diploma thesis deals with the universal mobile client-server application of Android and iOS devices solved in the native environment of the given operating systems. The work explores approaches to solving the problem in both environments. The application solution will display, store and process a variety of data sent to the server in a unified form as well as customize the look given the conditions addressed conditions and equipment. The aim of the thesis is to show and compare the native potential of the mobile device as well as to design a unified application of frequently asked issues - to view and access a large amount of stored data to the user.

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.

The first decision in an application development project is choosing the application development platform. Until recently, native application development was the dominant development platform used. The recent increase in popularity of cross-platform development has made this decision to choose between native and cross platform development platforms even more difficult. There is a problem of a lack of guidelines on choosing between native and cross platform development. This lack of guidelines can lead companies to incur costs since application development is a time and money intensive process. The purpose of the thesis is to provide guidelines on when to choose between native application development and cross platform development. This thesis utilized qualitative methods to perform a comparative analysis between native and cross platform development. This analysis was done by building a weather application using native platform development and Flutter, which is the cross-platform development tool we have chosen. We used five comparative criteria to perform the comparative analyses. The results of the thesis are the set of guidelines that are obtained by performing a comparative analysis between native and cross platform development using five comparative criteria. These results will aid people involved in the application development process in making an informed decision of what development platform to use. / Det första beslutet i ett applikationsutvecklingsprojekt är att välja applikationsutvecklingsplattform. Fram tills nyligen var inbyggd applikationsutveckling den dominerande plattformen som användes. Det ökande populariteten för plattformsoberoende utveckling har gjort det ännu svårare att välja mellan inhemska och plattformsoberoende utvecklingsplattformar. Det finns en brist på riktlinjer för att välja mellan inbyggd och plattformsoberoende utveckling. Denna brist på riktlinjer kan leda till kostnader för företag eftersom applikationsutveckling är en tids- och resurskrävande process. Syftet med rapporten är att tillhandahålla riktlinjer för när man ska välja mellan inbyggd applikationsutveckling och plattformsoberoende utveckling. Denna rapport använde kvalitativa metoder för att utföra en jämförande analys mellan inbyggd och plattformsoberoende utveckling. Denna analys utfördes genom att bygga en väderapplikation med inbyggd apputveckling och Flutter, som är det plattformsoberoende utvecklingsverktyget vi har valt. Vi använde fem jämförande kriterier för att utföra de jämförande analyserna. Resultaten av rapporten är den uppsättning riktlinjer som erhålls genom att utföra en jämförande analys mellan nativ apputveckling och tvärplattformsutveckling med hjälp av fem jämförande kriterier. Dessa resultat kommer att hjälpa personer som är involverade i applikationsutvecklingsprocessen att fatta ett välgrundat beslut om vilken utvecklingsplattform de ska använda

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.

Sammanfattning Syfte - Syftet med studien är att undersöka vilka parametrar som kan komma att påverka applikationens rendering av användargränssnittet samt hur den skiljer sig i webbapplikation, hybridapplikation och nativeapplikation. Denna undersökning har för avsikt att besvara följande frågeställningar: 1.         Vilka parametrar kan påverka rendering av användargränssnittet på en mobil applikation?   2.         Hur skiljer sig renderingen av användargränssnittet hos webbapplikation, hybridapplikation och nativeapplikation?   Metod - Studien använder sig av en litteraturstudie för att besvara första frågeställningen och en experimentell studie där en hypotes samt förutsägelse formuleras och testas för att besvara andra frågeställningen.   Resultat – Resultatet från studien visar att nativeapplikationen inte alltid ger bättre prestanda vid utförande av samma uppgifter gentemot motsvarande webb- och hybridapplikation. Webbapplikationen hade genomgående bäst prestanda i användargränssnittet, medan hybridapplikation ofta gav sämre prestanda än de motsvarande applikationstyperna.   Implikationer - Studien bidrar till att utvidga kunskapen inom native-, hybrid- och webbapplikationers prestanda i användargränssnittet och kan ge företag samt utvecklare referensdata att grunda deras val av applikationstyp på. Studien påvisar att alla applikationstyper är värda att överväga, men webb- och nativeapplikationen presterade något bättre.   Begränsningar - Inga långtidstester kunde jämföras eftersom ADB inte läser av grafiskdata för webbapplikationer och Chrome DevTools inte kan utföra långa tester. / Abstract Purpose – The purpose of this thesis is to examine which parameters may affect application rendering of the user interface and how it differs in web application, hybrid application and native application. This thesis intends to answer the following research questions: Which parameters can affect the rendering of the user interface on a mobile application?    How does the rendering of the user interface differ from web application, hybrid application and native application? Method – The study uses a literature study to answer the first research question and uses an experimental study in which a hypothesis and prediction are formulated and tested to answer the second research question.   Results – The result of the study shows that the performance of the native application’s user interface does not always perform better when performing the same task as the corresponding web and hybrid application. The web application in general had the best performance in the user interface, while hybrid application often performed inferior to the corresponding application types.   Implications – The study contributes to extend the knowledge of native application’s, hybrid application’s and web application’s performance in the user interface, and can give companies and developers reference data to base their decision on the choice of application type. The study shows that all application types are worth considering, but the web and native application performed slightly better.   Limitations – No long-term tests could be compared because ADB does not read graphical data for web applications and Chrome DevTools cannot perform long running tests.

Utvecklingen av mobila hybrid applikationer har ökat drastiskt under det senaste årtiondet. Med tanke på mångfalden i hur stora företag börjar investera i ramverk med support för utveckling av mobila hybrid applikationer (multiplattforms ramverk), ökar nödvändigheten av aktuella studier inom detta ämnesområde. Facebook och Google är två välkända företag som har utvecklat React-Native respektive Flutter. Dessa multiplattforms ramverk utvecklas kontinuerligt och skillnader uppstår inom teknologierna hos ramverken vilket gör nya studier mer lämpliga. Syftet med denna studie är att undersöka vilket ramverk som bidrar med bäst produktivitet för utvecklaren med tanke på bristen av studier inom ämnet. Specifikt har en fallstudie utförts där studiens frågeställningar har besvarats.   Respektive frågeställningarna blev uppdelade i tre delfrågeställningar där varje fråga fick angivna kriterier att följa i fallstudien och båda ramverken blev tilldelade poäng om tillhörande kriterium för varje fråga var uppfylld. I slutet av studien räknades ett medelvärde ut som tilldelades till båda ramverken. Resultaten visade att det finns små skillnader i form av dess bidrag med bäst produktivitet för utvecklaren. / The development of hybrid mobile applications has increased rapidly in the last decade. Considering the diversity in how big companies starts to invest in frameworks that supports hybrid application development (cross-platform framework), the necessity of contemporary studies in this subject increase. Facebook and Google are two well-known companies that have developed React-Native and Flutter, respectively. These cross-platform frameworks are continuously developing, and differences occur in their technologies which makes new studies even more appropriate. The purpose of this study is to investigate which of these two frameworks contribute the most for the developer’s productivity considering the lack of studies in this specific subject. Specifically, a case study has been conducted where the research questions were answered.     The two research questions were divided into three sub questions, respectively where each question was given criteria to follow in the case study and each framework were assigned points if the associated criterion for each question were met. In the end of the study a mean value was assigned to each framework. The results showed that there are small differences in terms of its contribution for the developer’s productivity.

There are many possible tools to develop mobile applications with. Choosing a development tool is done by considering many different factors, and the choice is currently done, in many cases, arbitrarily. For this project, a decision model is designed to ease the process of choosing a development tool. A survey was conducted to examine how people using different smartphone platforms discover and download applications. 94 responses were collected, showing that approximately 50% of Android-users found mobile applications by using search engines or browsers. The corresponding number was approximately 30% for iOS-users. A usability test was conducted to discover the differences in user experience between Progressive Web Applications and native applications. 18 usability tests were conducted comparing the same product developed as a Progressive Web Application and a native application. A majority of the participants had a technical background. Both Android and iOS devices were included in the tests. The results indicated that end-users notice when an application is not natively developed. The effect on the user experience is combined with other technical differences and applied to the decision model. This model was designed to predict if a native application, a Progressive Web Application or a React Native application is the most favourable to develop for a specific scenario. The final model could, according to consultants at the stakeholder Slagkryssaren AB, with good accuracy predict when the different development tools should be used. The model could be used as a discussion tool in the first stages of the development process of an application. / Det finns många möjliga verktyg för att utveckla mobila applikationer. Valet av utvecklingsverktyg görs genom att överväga många olika faktorer, och görs idag i många fall högst godtyckligt. För det här projektet designades en beslutsmodell som förenklar processen av att välja ett utecklingsverktyg. En undersökning gjordes för att undersöka hur användare av olika smartphone- plattformar upptäcker och laddar ner applikationer. 94 svar samlades, svaren visade att ungefär 50% av Android-användare hittade mobila applikationer genom internetsökningar eller webbläsare. Denna siffran var ungefär 30% för iOS-användare. Ett användarbarhetstest utfördes för att finna skillnader i användarupplevelse mellan progressiva webbapplikationer och native-applikationer. En majoritet av deltagarna hade en teknisk bakgrund. Både Android- och iOS-enheter testades. Resultatet tydde på att slutanvändare la märke till när en applikation inte utvecklades som en native-applikation. Effekten på användarvänligheten, kombinerat med tekniska skillnader mellan verktygen, tillämpades på beslutsmodellen. Modellen designades för att förutse om en native-applikation, en progressiva webbapplikation eller en React Native- applikation är mest fördelaktig att utveckla i ett specifikt scenario. Den slutgiltiga modellen kunde, enligt konsulter på uppdragsgivaren Slagkryssaren AB, med god precision avgöra när de olika utvecklingsverktygen bör nyttjas. Modellens användning blev som ett diskussionsverktyg i de första stadierna av processen med att välja utvecklingsvektyg.