In the world of mobile applications, there is no lack of frameworks and languages to use for development. One of the most used frameworks is React Native, which builds on React for web browsers. The React Native framework allows the developer to write the application in JavaScript, and run the application on iOS or Android devices. As the market for mobile applications expands, the time it takes to develop an application is under pressure, and a framework allowing for one codebase for two applications can save time and money. Deedster is a company that provides a mobile application where the user can learn about climate change and perform small tasks, deeds, that give a positive impact on the environment. A common request from the users is the automatization of completion of deeds. This thesis creates two implementations of a QR-code scanning application for completion of deeds, one with Swift and one with React Native, and compares the experiences during development and the results of the implementation. The evaluation uses both a quantitative and a qualitative analysis. The produced application fulfilled most of the requirements, including the scanning of a QR-code to open the application, an authentication process and the completion of a deed with confirmation for the user. The execution times for the two implementations did not differ largely, but the measurements of the application launch time proved flawed in design due to the difference in measurement technique between the two implementations. When it came to the development process, the React Native framework provided major difficulties with configuration and dependencies, resulting in difficulties when locating the source of errors. The launching process for the Swift application required some manual configurations that proved difficult such as creating certificates, while the React Native implementation used Expo to convert the project to a launchable file format which created all required files for the developer. While the usage of Expo was smooth once it worked, build errors and lacking bridges appeared which proved hard to solve. In conclusion, while the process for React Native was smooth once all dependencies were figured out, the time it took to get all configurations in place consumed a large chunk of the project’s time budget while the Swift implementation provided steady progress with few unexpected errors. / För applikationsutveckling för mobiler finns det en uppsjö av språk och ramverk för att underlätta utvecklingsprocessen. Ett av de vanligaste ramverken är React Native som bygger på React för webbläsare. React Native-ramverket låter utvecklare skriva koden i JavaScript, men köra applikationen på både iOS- och Android-enheter. I takt med att marknaden för mobilapplikationer växer, sätts det högre press på kortare utvecklingsfaser och snabbare lansering. För att underlätta processen och spara tid och pengar kan React Native vara en bra lösning. Deedster är ett företag som erbjuder en mobilapplikation där användaren kan lära sig om klimatförändringar och utföra små uppdrag, deeds, som ger en positiv påverkan på klimatet. En vanlig förfrågan från användare är ett sätt att automatisera avklarandet av deeds. Den här uppsatsen skapar två implementationer av en applikation som scannar en QR-kod för att markera en deed som avklarad. Den ena byggs med Swift och den andra med React Native och syftar till att jämföra utvecklingsprocessen och den resulterande applikationen. Evalueringen sker med både en kvalitativ och en kvantitativ analys. Den färdiga applikationen uppfyllde de flesta kraven som Deedster ställt, inklusive att appen öppnas genom att scanna en QR-kod, en användare kan autentisera sig, klicka för att markera en deed som klar och få bekräftelse från appen om att det är klart. Exekveringstiderna för de två implementationerna varierade inte märkbart, men mätningarna för starttiden för applikationerna visade sig bristfällig då mättekniken för de två apparna inte blev jämförbar. Gällande utvecklingsprocessen resulterade användandet av React Native i stora problem med konfigurationer och versionskompatibilitet vilket gjorde felsökning svårt. Lanseringsprocessen för Swift-appen krävde en del manuell konfigurering med till exempel certifikat, medan React Native implementationen använde Expo för att konvertera React Native-projektet till ett lanserbart filformat som skapade alla behövda filer åt användaren. Trots att Expo för pakethantering var enkelt och smidigt när det väl fungerade så krävde alla fel vid kompilering och avsaknad av bryggor mycket tid och var svårt att lösa. Slutsatsen blev att React Native var smidigt när alla konfigurationer var på plats, men den tid det tog att konfigurera allt stod för merparten av den tid som lagts på att bygga applikationen. För Swift var processen istället smidig om än inte lika automatiserad, och bjöd på få om ens några oväntade fel.

Neuropsykiatriska funktionsnedsättningar är en grupp diagnoser som påverkar hur hjärnan hanterar information och kan ge svårigheter med koncentration, reglera uppmärksamhet, minne m.m. En metod som används för att ge stöd till personer NPF är Tydliggörande pedagogik. Tydliggörande pedagogik går ut på att beskriva händelser och omgivningen på ett sätt som personer med NPF lätt kan förstå. Metoder som används inom tydliggörande pedagogik är visuella scheman, arbetsordningar och visualisering av tid. Det här projektet har vidareutvecklat applikationen Vardag åt uppdragsgivaren Altran. Vardag implementerar ett visuellt schema för att ge stöd till personer med NPF. Denna uppsats beskriver utvecklingen av applikationen och vilka funktioner som finns i applikationen. Uppsatsen beskriver också funktioner som kan vidareutvecklas i applikationen. Applikationen kommunicerar med ett webb-API på en server för att synkronisera aktiviteter och bilder som tillhör schemat. De funktioner som har implementerats i applikationen under projektet är bilder som synkas till server, underaktiviteter, visuella teman, token autentisering till webb-API:et och datum för aktiviteter. Vardag är implementerad med React Native för att göra applikationen kompatibel med Android och IOS. / Neurodevelopmental disorders affect the way the brain handles information and can result in difficulties with concentration, shifting attention, memory and processing the surrounding environment. Clarifying pedagogy is a method that is used to support people with neurodevelopmental disorders.  Clarifying pedagogy aims to describe the environment and events clearly to the people with neurodevelopmental disorders. Aid included in clarifying pedagogy is schedules, checklist and time visualisations. This project is continuing the development of the Vardag-application for the company Altran. Vardag implements schedules in an application to help people with neurodevelopmental disorders. Vardag is implemented with React Native to make the application compatible with IOS and Android. A web API was developed and used to communicate between the application and the server.  During this project the features upload image, sub activities, visual themes and activities on a specific date was implemented.

Syfte Syftet med detta examensarbete var att undersöka potentiella prestandaskillnader mellan React Native och Flutter för att underlätta vid val av multiplattform-ramverk. Metod För att besvara examensarbetets frågeställningar utfördes en experimentell studie för att samla empirisk data. Resultat Studiens resultat påvisar att React Native presterar bättre än Flutter vid bildbehandling genom applicering av filter. Implikationer Detta examensarbete bidrar till att minska kunskapsluckan gällande jämförelser i prestanda mellan ramverken React Native och Flutter. Begränsningar Under den experimentella studien har en iOS enhet och en Android enhet använts. Studien begränsades till applicering av tre olika filter. Nyckelord Multiplattform, React Native, Flutter, bildbehandling, prestanda, mobil apputveckling. / Purpose The purpose of this student thesis was to investigate potential differences in performance between React Native and Flutter, this to make the decision easier when choosing a cross-platform framework. Method To answer the thesis questions an experimental study was conducted to collect empirical data. Findings The findings in this student thesis shows that during image processing with filters, React Native performs better than Flutter. Implications This student thesis contributes by shrinking the gap regarding comparisons in performance between the frameworks React Native and Flutter. Limitations The experimental study was conducted on one iOS device and one Android device. The thesis was limited to applying three different image filters. Keywords Cross-platform, React Native, Flutter, image processing, performance, mobile app development.

Mobile application development has become an important part of modern software development. Developers today are faced with the challenge of selecting correct frameworks to use. This thesis analyses the comparison of two JavaScript frameworks, React Native and Ionic and the guidelines on how to choose a framework based on four chosen criteria. These criteria are performance, available extensions, community support and development ability. The thesis tackles the problem of the lack of concrete guidelines for software professionals to evaluate and compare mobile application frameworks. The purpose of this thesis is to create a version of guidelines to evaluate and compare two mobile application frameworks. This version is being built upon the researcher’s study of React Native and Ionic. The goal for this thesis is that this version of guidelines could provide a basis for a software community, both researchers and practitioners, to extend the guidelines to cover more frameworks. This research aims to provide readers with a thorough grasp of the advantages and disadvantages of each framework by carefully assessing their benefits and drawbacks, enabling them to choose between React Native and Ionic in a strategic manner. A qualitative research method with support of quantitative data is used to evaluate the results. Through the process of gathering quantitative data, a comparative approach is also evaluated, comparing React Native and Ionic. When examining these two frameworks, the finding is that both are excellent choices for application development, but the optimal framework depends on the specific criteria used, as each criterion may favor one framework over the other. The findings for this thesis reveal that React Native outperforms Ionic in all of the four criteria. Through the process of evaluating each of the four criteria, the GE-MAF guidelines were formulated. / Mobilapplikationsutveckling har blivit en viktig del av modern mjukvaruutveckling. Utvecklare idag står inför utmaningen att välja rätt ramverk att använda. Detta examensarbete analyserar jämförelsen av två JavaScript-ramverk, React Native och Ionic och riktlinjerna för hur man väljer ett ramverk baserat på fyra valda kriterier. Dessa kriterier är prestanda, tillgängliga tillägg, gemenskapsstöd och utvecklingsförmåga. Avhandlingen tar upp problemet med bristen på konkreta riktlinjer för programvaruproffs att utvärdera och jämföra ramverk för mobila applikationer. Syftet med denna uppsats är att skapa en version av riktlinjer för att utvärdera och jämför två ramverk för mobila applikationer. Denna version bygger på forskarens studie av React Native och Ionic. Målet för detta examensarbete är att denna version av riktlinjerna skulle kunna ge en grund för en mjukvarugemenskap, både forskare och praktiker, att utöka riktlinjerna till att omfatta fler ramverk. Denna forskning syftar till att ge läsarna ett grundligt grepp om fördelarna och nackdelarna med varje ramverk genom att noggrant utvärdera deras fördelar och nackdelar, vilket gör det möjligt för dem att välja mellan React Native och Ionic på ett strategiskt sätt. En kvalitativ forskningsmetod med stöd av kvantitativ data används för att utvärdera resultaten. Genom processen att samla in kvantitativa data utvärderas också ett jämförande tillvägagångssätt, som jämför React Native och Ionic. När man undersöker dessa två ramverk är upptäckten att båda är utmärkta val för applikationsutveckling, men det optimala ramverket beror på de specifika kriterier som används, eftersom varje kriterium kan gynna ett ramverk framför det andra. Resultaten för denna avhandling avslöjar att React Native överträffar Ionic i alla de fyra kriterierna. Genom processen att utvärdera vart och ett av de fyra kriterierna formulerades GE-MAF:s riktlinjer.

Google and Apple together are ruling the mobile phone industry with their operating systems, Android and iOS. Any mobile application willing to reach the vast majority of end-users, need to be run on both platforms. The issue, however, arises when considering that fact that developing an application for each platform requires different knowledge and code base. Cross-platform frameworks are emerged to overcome the mentioned issue by providing the possibility to develop a mobile application which works on multiple platforms with potentially a single code base.To investigate the capabilities of cross-platform frameworks, three frameworks were chosen to be compared; React Native backed by Facebook, Xamarin owned by Microsoft, and Flutter developed by Google. The chosen frameworks have been compared in the context of OTT Videooriented mobile applications. As a reference application OTT Flow, an OTT Video application developed by Accedo, has been used.The findings in this thesis shows that Xamarin is not a good choice for the purpose of this thesis since no advantages were witnessed in most of the criteria. React Native and Flutter, on the other hand, offer promising features which suit developing OTT applications. When considering the video-specific functionalities, however, React Native stood out slightly better. In fact, even though React Native is possibly the best choice among the mentioned frameworks for developing OTT Video-oriented mobile applications, the cross-platform frameworks are not mature enough in terms of video-specific functionalities support yet. / Google och Apple dominerar mobiltelefonindustrin tillsammans med sina operativsystem, Android och iOS. En mobilapplikation som eftersträvar att nå majoriteten av slutanvändarna måste gå att köra på båda plattformarna. Problem uppstår emellertid när man överväger det faktum att utveckla en applikation för varje plattform kräver olika kunskaper och kodbas. Ramverk för utveckling mot flera plattformar finns för att övervinna problemet genom att erbjuda möjlighet att utveckla en mobilapplikation som fungerar på flera plattformar med eventuellt en enda kodbas.För att undersöka kapaciteten hos plattformsramverk, valdes tre ramverk ut för att jämföras: React Native stött av Facebook, Xamarin ägt av Microsoft och Flutter utvecklat av Google. De valda ramverken har jämförts i samband med OTT Videoorientede mobila applikationer. Som referens användes OTT Flow, en OTT Videoapplikation utvecklad av Accedo.Resultaten i detta arbete visar att Xamarin inte är ett bra val för syftet med detta arbete eftersom inga fördelar sågs i de flesta kriterierna. React Native och Flutter, å andra sidan, erbjuder lovande funktioner som passar för att utveckla OTT applikationer. När man överväger de videospecifika funktionerna stod emellertid React Native ut lite bättre. Faktum är att även om React Native kanske är det bästa valet bland de nämnda ramverken för att utveckla OTT Video-orienterade mobila applikationer, så är de ramverken ännu inte mogna nog i termer av stöd för videospecifika funktioner.

Rapid growth in mobile technologies since the 2000s is reflected in continued smartphone adoption and the expansion of mobile health (mHealth) smartphone applications for pain assessment. Yet there exists a lack of research-based pain assessment apps for endometriosis, a prevalent yet underrepresented disorder where pain management plays a vital role. The predominance of the iOS and Android smartphone operating systems has previously required developers to maintain two separate codebases and development environments in order to access a combined 99% market share. Since 2015, cross-platform development softwares have allowed for maintenance of a single codebase and environment. This thesis explores the development of a cross-platform smartphone app for endometriosis pelvic pain assessment where design decisions are informed by endometriosis and pain assessment research as well as engineering particularities of the React Native framework. The completed prototype along with this thesis’ design discussion indicate that research findings into endometriosis pain assessment can be successfully adapted via React Native into a visual, gesture- guided functionality for the self-assessment of endometriosis related pelvic pain. / Den snabba tillväxten inom mobilteknik sedan 2000-talet återspeglas i en fortsatt ökning av smartphone-användare samt utvidgningen av mobilhälsoapplikationer (mHealth) för smärtbedömning. Ändå finns det en brist på forskningsbaserade smärtbedömningsappar för endometrios, en vanlig men underrepresenterad sjukdom där smärtlindring spelar en viktig roll. Övervägande av operativsystemen iOS och Android har tidigare krävt att utvecklare underhåller två separata kodbaser och utvecklingsmiljöer för att få tillgång 99% av marknaden. Sedan 2015 har mjukvaror för plattformsoberoende utveckling av mobilapplikationer möjliggjort underhåll av en enda kodbas och miljö. Denna avhandling undersöker utvecklingen av en plattformsoberoende applikation för smarttelefoner för utvärdering av bäckenvärk relaterade till endometrios, där designbeslut baseras på forskning om endometrios och smärtbedömning samt tekniska särdrag i React Native-ramverket. Den färdiga prototypen tillsammans med avhandlingens designdiskussion indikerar att forskningsresultat kring bedömning av smärta i endometrios kan anpassas via React Native till en visuell, geststyrd funktionalitet för självbedömning av endometriosrelaterad bäckenvärk.

Syftet med denna avhandling var att undersöka och utvärdera vilka val utvecklare bör göra vid skapandet av mobila applikationer. Vidare var målet att hitta lämpliga ersättare för Android delen i kursen HI1033 Mobila applikationer och trådlösa nät på Kungliga Tekniska Högskolan. För att åstadkomma detta utvärderades de mest populära plattformsoberoenderamverken på marknaden, Flutter och React, tillsammans med traditionella och nya ’native’ alternativ som Jetpack Compose. Granskningen av mobilapplikationerna inkluderade utvärderingar av utseende, tidsåtgång, komplexitet, dokumentation, stabilitet, kodlängd samt genomförbarhet bland många. Applikationerna utvecklades med dessa i åtanke, men krävdes också att följa de obligatoriska kraven för mobila applikationskursen. Detta för att ge svar på om dessa varianter kunde anpassas i kursen för framtida klasser. Om applikationerna inte kunde följa kursens krav var tillvägagångsättet sannolikt inte ett genomförbart alternativ. Resultaten visade att, tillskillnad från Jetpack Compose är Flutter betydligt svårare och mer komplicerat att implementera. Det har potential, men det saknar komplex funktionalitet till Blåtand-sensorer och mer specifika ’native’ funktioner.  I jämförelsen med Jetpack Compose och traditionell Android utveckling i denna fråga visades det att Jetpack Compose var både enklare och mindre tidskrävande, kortare i kodlängd men även kunde replikeras på utseendet. Därför är Jetpack Compose ett bra alternativ för att bygga ’native’ applikationer samtidigt som det uppfyller kraven för HI1033 Mobila applikationer och trådlösa nät. / The purpose of this thesis was to study and evaluate what choices developers must make when creating mobile applications. Further, the aim is to find a suitable replacement for the Android part of the course in HI1033 Mobile Applications and Wireless Networks at the KTH Royal institute of Technology. To accomplish this, the most popular cross-platform frameworks on the market, Flutter and React, along with traditional and new native alternatives such as Jetpack Compose, were evaluated.  The examination of the mobile applications included evaluations of appearance, time consumption, complexity, stability, and feasibility among many. The applications were developed with this in mind, however, they needed to also follow the mandatory requirements of the mobile application course to provide answers as to whether these variants could be adapted in the course’s future classes. If the applications could not meet the course's requirements, then the approach was likely not a viable one. The results indicated that, unlike Jetpack Compose, Flutter is significantly more difficult and cumbersome to implement. It has potential, but it’s missing complex functionality for Bluetooth sensors and more specifically certain native functionalities. Comparing Jetpack Compose with traditional android development in this question proved that the newer Jetpack Compose was both easier, less time-consuming, and more stable to use. Therefore, Jetpack Compose is a good alternative for building native mobile applications, but also for the future classes in HI1033 Mobile Application and Wireless Networks.

Context: Flatbed applicators are machines made for laminating, primarily signs on an industrial level. These applicators are controlled manually, which exhibits potential for digitalization in order to enhance the user experience. Problem: The first challenge is to develop a user interface for a mobile app, created to provide an easy path for communication to customers, with user-friendliness as the focal point. The second challenge is being able to communicate with a flatbed applicator, through the aforementioned app. Method: This project started out with pre-studies about the required topics. The system prototype was then designed and implemented with a focus on adequate UI design guidelines for the mobile app and a suitable protocol to enable communication between the app and the applicator. Results: The app prototype was developed through the usage of J.J. Garrett’s model along with Material Design guidelines, in order to establish a customer-centric user interface. Communicating between the mobile app and a PLC using TwinCAT, MQTT and React Native appears to be a feasible solution.

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.

In today's society, smartphones are so widely established that corporations have even changed their cooperate culture when it comes to bringing your own personal device to work. Sales graphs prove that smartphones are more established today than ever before, which creates pressure for companies big, as small to extend and provide their services from the pocket of the user in the form of a smartphone mobile application. This paper focuses on the development of smartphone applications. Looking into the native development way for iOS and the code fragmentation that characterizes the long and costly development in order to provide the application on the big mobile operating systems by evaluating the cross-platform solution React Native that bypasses the fragmentation. 
 The experiment presents the collected data and its solutions, with an evaluation of the React Native framework. Finally, thoughts and future work to further extend the category is presented.