This thesis deals with development of an application supporting management of traffic constructions. The resulting solution consists of a mobile application and a server application. The mobile application allows users to document progress of a construction using integrated camera, maps and GPS, and send collected data to the server. The server application includes a web service for client-server communication, and a web application for database management and processing of the collected data. Apart from the design and implementation, the features and technologies of mobile devices utilized by the application are discussed. The thesis also reviews current most significant mobile platforms and analyses concepts and technologies of cross-platform development, especially Xamarin and MvvmCross, which were used for development of the above-mentioned application.

Progressive Web Apps (PWA) is a concept of enhanced web apps which aim to erase the difference between web and native apps. The concept of PWA introduces several benefits, including simpler distribution and development, which makes web apps a viable option for many businesses. The installation process of a PWA is different from native apps and this study aims to understand whether or not it has an impact on the users will to install the PWA. PWA:s are installed directly from the browser, rather than an app marketplace. Said installation process is suspected to be unknown to many which might influence the impact. In this study, several papers on the topic are studied. A PWA is developed from scratch which is used as a platform for a user test, hosting a brief introduction of the topic as well as guiding participants through the installation process. In conjunction with the user test a survey is conducted to collect the impressions from their experience in the user test. The result of the survey shows indications that the suspected lack of knowledge and experience was correct, and that the installation process is not to complicated.Additionally, results show that many probably will not bother to install a PWA, even if it is available. Therefore, I argue that the installation process does have an impact in its current form. Alternatives to the installation process used in this study do exist and are discussed in this paper.

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.

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.

This thesis compares a native Android application with two different classes of cross-platform applications, an interpreted application developed in React Native and a Progressive Web-Application (PWA). The main contribution of the thesis is a comparison table, placing application features on the y-axis and the evaluated frameworks on the x-axis. This table in conjunction with the cost analysis provide clear framework selection guidance. The evaluated applications were created to evaluate the frameworks' fulfillment of the enumerated features. A user study was performed to learn if there was any discernible difference between the evaluated applications. Qualitative data obtained from a think-aloud in the user study, indicates a slight preference for the PWA, despite a smaller feature set. However, quantitative analysis from a User Experience Questionnaire (UEQ) failed to show any systematic UX performance difference over the evaluated applications. Therefore, it is concluded that cross-platform applications are able to both emulate and even outperform a native experience in some regards, with the added advantage of significantly offsetting both development and maintenance costs. Finally, we recommend using a cross-platform mobile application framework if it provides all the features required by the intended application. / Denna rapport jämför en “Native Android”-applikation med två olika klasser av plattformsoberoende applikationer, en “Interpreted”-applikation utvecklad i React Native och en “Progressive Web”-Applikation (PWA). Det största bidraget från denna rapport är en jämförelsetabell, där applikationsfunktioner placeras på y-axeln och de utvärderade ramverken på x-axeln. Denna tabell, i konjunktion med en kostnadsanalys, förser läsaren med en tydlig guide vid val av ramverk. De utvärderade applikationerna skapades för att utvärdera ramverkens tillgänglighet till de uppräknade funktionerna. En användarstudie utfördes för att utreda huruvida det existerade någon märkbar skillnad mellan de utvärderade applikationerna. De kvalitativa data som erhölls från en “think-aloud” i användarstudien indikerar en liten preferens för PWA:n, trots att den har tillgång till färre funktioner. Den kvantitativa analysen från ett “User Experience Questionnaire” (UEQ) misslyckades med att visa någon systematisk skillnad i UX mellan de utvärderade applikationerna. Slutsatsen är därför att plattformsoberoende applikationer både kan emulera, och till och med överträffa, en naturlig upplevelse i vissa avseenden, med en ytterligare fördel av att både utvecklings- och underhållskostnader väsentligt minskar. Slutligen rekommenderar vi användandet av ett plattformsoberoende applikationsramverk förutsatt att det har tillgång till alla funktioner som krävs för den avsedda 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

A major challenge that faces most families is effectively anticipating how ready to start school a given child is. Traditional tests are not very effective as they depend on the skills of the expert conducting the test. It is argued that automated tools are more attractive especially when they are extended with games capabilities that would be the most attractive for the children to be seriously involved in the test. The first part of this thesis reviews the school readiness approaches applied in various countries. This motivated the development of the sophisticated system described in the thesis. Extensive research was conducted to enrich the system with features that consider machine learning and social network aspects. A modified genetic algorithm was integrated into a web-based stealth assessment tool for school readiness. The research goal is to create a web-based stealth assessment tool that can learn the user's skills and adjust the assessment tests accordingly. The user plays various sessions from various games, while the Genetic Algorithm (GA) selects the upcoming session or group of sessions to be presented to the user according to his/her skills and status. The modified GA and the learning procedure were described. A penalizing system and a fitness heuristic for best choice selection were integrated into the GA. Two methods for learning were presented, namely a memory system and a no-memory system. Several methods were presented for the improvement of the speed of learning. In addition, learning mechanisms were introduced in the social network aspect to address further usage of stealth assessment automation. The effect of the relatives and friends on the readiness of the child was studied by investigating the social communities to which the child belongs and how the trend in these communities will reflect on to the child under investigation. The plan is to develop this framework further by incorporating more information related to social network construction and analysis. Also, it is planned to turn the framework into a self adaptive one by utilizing the feedback from the usage patterns to learn and adjust the evaluation process accordingly.

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.

В результате проекта создается приложение для смартфонов, планшетов и компьютеров, что позволяет преподавателю дистанционно проводить обучение. Это приложение будет иметь доступ к видеоурокам, тестам и заданиям. При входе в приложение вам необходимо ввести свою личную учетную запись, указав логин и пароль, которые будут разосланы преподавателем. После ввода данных обучающимся будут видны доступные ему материалы. В задачах будет возможность прикреплять документы для проверки. Также в задачах и тестах будет возможность оценить производительность обучающегося. Задачи этого проекта - упростить преподавателю взаимоотношения со студентами, проверить задачи и тесты. / As a result of the project, an application is created for smartphones, tablets and computers, allowing the teacher to conduct training remotely. This application will have access to video tutorials, tests and assignments. When login to the application will need to enter your personal account by login and password that the teacher will tell you. After entering the student will be visible materials available to him. In the tasks will be the ability to attach documents for verification. Also in the tasks and tests there will be an opportunity evaluate the performance of the student. The tasks of this project are, to the teacher to simplify the relationship with the students, check the tasks and tests.

Mobile platform fragmentation is one of the main challenges of mobile development today, forcing developers to develop one application for each targeted platform, which significantly impacts time and cost for application development and maintenance. The fragmentation has given rise to cross-platform application development tools and frameworks, making it possible to develop one single application compatible with several platforms. This thesis focuses on the web-based approach Progressive Web Applications (PWAs), which, in contrast to previous approaches, targets both mobile and desktop devices. We aim to point out the supported features, evaluate their suitability for QR code scanning, and their performance compared to alternative approaches on iOS. We specifically cover a feature set of 33 features and measure response times, CPU and memory utilization, geolocation accuracy, and QR code scanning correctness. We developed three benchmark artifacts for the performance analysis: a PWA, a React Native application, and a native iOS application, and conducted automated run-time experiments using the tools Xcode and XCUITest. The performance evaluation shows that native applications performed best in memory and CPU utilization, whereas React Native achieved the shortest response times. The feature evaluation shows that the majority of the features are supported or partially supported for PWAs, and that the support continues to grow. Still, PWAs lack support for crucial mobile features such as push notifications and background synchronization, making PWAs insufficient for advanced mobile application development on iOS. Nevertheless, this study shows that PWAs are well worth considering for applications with low requirements. / Fragmentering av mobilplattformar är en av de största utmaningarna inom mobilutveckling, vilket tvingar utvecklare att utveckla en applikation för varje specific plattform, vilket avsevärt påverkar tid och kostnad för applikationsutveckling och underhåll. Fragmenteringen har gett upphov till plattformsoberoende applikationsutvecklingsverktyg och ramverk, vilka möjliggör utveckling av en enda applikation kompatibel med flertalet plattformar. Det här examensarbetet fokuserar på det webbaserade tillvägagångssättet Progressiva Webb Applikationers (PWAs), som till skillnad från tidigare tillvägagångssätt, riktar sig till både mobila och stationära enheter. Den här studien syftar till att reda ut vilka funktioner som stöds av PWAs, utvärdera PWAs lämplighet för QR-kodskanning och deras prestanda jämfört med alternativa tillvägagångssätt på iOS. Mer specifikt täcker den här stiduen en evaluering av 33 essentiella mobilfunktioner samt en prestandaanalys genom mätning av svarstid, CPU- och minnesanvändning, geolokaliseringsnoggrannhet och QR-kodsskanning korrekthet. Vi utvecklade tre benchmark-artefakter för prestandaanalysen: en PWA, en React Native-applikation och en inbyggd iOS-applikation, och genomförde automatiserade experiment med verktygen Xcode och XCUITest. Prestandautvärderingen visar att inbyggda applikationer presterade bäst i minne och CPU-användning, medan React Native uppnådde de kortaste svarstiderna. Funktionsutvärderingen visar att majoriteten av funktionerna stöds eller delvis stöds för PWAs, och att stödet fortsätter att växa. Ändå saknar PWAs stöd för viktiga mobila funktioner som push-meddelanden och bakgrundssynkronisering, vilket gör PWAs otillräckliga för utveckling av avancerade iOS mobilapplikationer. Däremot är PWAs väl värda att överväga för applikationer med lägre krav.