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.

Art_Value is a startup whose purpose is to create an innovative marketplace where new artworks, based on numbers, are created, distributed through auctions and traded. Online auctions have added new advantages of new technologies and trigger more emotions than online shopping. Even though there is a big virtual world, the abstract digital art world is still small and there are not many platforms providing it. Art_Value project wants the user to generate the digital art that he wants to acquire. The platform to provide that service is a website.In this report describes the user experience design and the front end development and testing of the prototype of the auction page of the website. The design methodology used is the Double Diamond, formed by four stages: discover, define, develop and deliver. The programming languages and libraries used are HTML, CSS, JavaSript and React. The result of the work is the front end prototype of the auction page of the website with an auction system simulated to recreate as realistically as possible the user experience. User experience testing has been done and its results have been analysed and defined as improvements for the future versions. / Art_Value är en startup som syftar till att skapa en innovativ marknadsplats där nya konstverk baserade på tal skapas, distribueras via auktioner och handlas. Online-auktioner har lagt till nya fördelar med ny teknik och utlöser fler känslor än e-handel. Även om det finns en stor virtuell värld är den abstrakt digital konstvärld fortfarande liten och det finns inte många plattformar som tillhandahåller den. Art_Value-projektet vill att användaren ska skapa den digitala konsten som han villförvärva. Plattformen för att tillhandahålla den tjänsten är en webbplats.I denna rapport beskrivs användarupplevelsedesignen och framsidans utveckling och testning av prototypen på webbplatsens auktionssida. Den använda designmetoden är Double Diamond, som bildas av fyra steg: upptäck, definiera, utveckla och leverera. Programmeringsspråken och biblioteken som används är HTML, CSS, JavaScript och React. Resultatet av arbetet är framsidans prototyp på webbplatsens auktionssida, med ett auktionssystem som simuleras för att så realistiskt som möjligt återskapa användarupplevelsen. Användarupplevelsen har testats och dess resultat har analyserats och definierats som förbättringar för framtida versioner.

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.

Данная выпускная магистерская диссертация нацелена на разработку технологии нагрузочного тестирования локальной платежной системы для лиц с ограниченными возможностями здоровья. Актуальность состоит в непрерывной проверке системы на качество и стабильность работы приложения, в связи с отсутствием данного функционала, а также высокой стоимости у аналоговых сервисов. В работе решаются задачи: анализ потенциального количества пользователей, анализ аналогичных сервисов, анализ предметной области, реализация теоретической задачи разработки технологии нагрузочного тестирования для локальной платежной системы для людей с ограниченными возможностями здоровья, реализация проекта нагрузочного тестирования и мониторинга показателей системы, для снижения ресурсов. Объектом исследования является технология автоматизированного нагрузочного тестирования. Предмет исследования – процесс проведения нагрузочного тестирования в локальной платежной системе для лиц с ограниченными возможностями здоровья. Практическая значимость работы состоит разработке необходимого функционала приложения. Данный функционал поможет обычному человеку, без специальных знаний в программировании или разработке, понять на сколько система загружена и нуждается ли в доработке или увеличению мощности на удаленном сервере. Аналогичные проекты стоят дорого, обычному человеку разобраться с ними будет сложно. Так как проект социальный, как таковой прибыли с него получить нельзя, тем самым лишних денег на приобретение сторонних программ и найм специализированных людей на сопровождение системы нет. Экономический эффект работы состоит в сокращении финансовых затрат на проведение тестирования локальной платежной системы на всем жизненном цикле существования приложения. В связи с высокой стоимостью аналогичных разработок, а также высоким порогом вхождения, данная работа имеет большую актуальность. Полученный результат поможет сэкономить значительное количество финансов. / This graduate master's thesis is aimed at developing a technology for load testing of a local payment system for people with disabilities. The relevance consists in the continuous verification of the system for the quality and stability of the application, due to the lack of this functionality, as well as the high cost of analog services. The paper solves the following tasks: analysis of the potential number of users, analysis of similar services, domain analysis, implementation of the theoretical task of developing a load testing technology for a local payment system for people with disabilities, implementation of a load testing project and monitoring of system indicators to reduce resources. The object of the study is the technology of automated load testing. The subject of the study is the process of load testing in a local payment system for people with disabilities. The practical significance of the work consists in the development of the necessary application functionality. This functionality will help an ordinary person, without special knowledge in programming or development, to understand how much the system is loaded and whether it needs to be improved or increased capacity on a remote server. Similar projects are expensive, it will be difficult for an ordinary person to deal with them. Since the project is social, as such, it is impossible to get profit from it, thereby there is no extra money for the purchase of third-party programs and hiring specialized people to support the system. The economic effect of the work is to reduce the financial costs of testing the local payment system throughout the lifecycle of the application. Due to the high cost of similar developments, as well as the high entry threshold, this work is of great relevance. The result will help to save a significant amount of finance.

User interfaces are a crucial point in the usage of products. A user interface is developed to make a product easy to use and understand while also presenting data, feedback and functionality to the user. In this thesis we present and explain the whole development process of a front end project. The Swedish company, Kemizares, was searching for a user interface for their finance module in their upcoming application. In this work we developed the user interface for such a module with regards to Kemizares’ functional requirements as well as the necessity that the user interface of the module could be integrated into the their application which already had an existing user interface. The solution to the problem began with a literature study in which we researched tools and programs we would use to develop the module as well as researching national and international requirements for invoices to identify necessary data to use in the finance module. Afterwards we set up a timeline with deadlines to guide us throughout the development. An agile iterative feedback method was used during the implementation of the module with Kemizares. The finance module was created and with the iterative feedback method we used during development we were able to ensure that Kemizares was satisfied with the product. However, due to limiting factors we were not able to finish the whole module and hence not able to fulfill all the requirements. The conclusion is that the module in its current state is not a viable solution for Kemizares since it was left undone but a good ground to continue from that has taken required financial data, functional requirements, and design compatibility with the rest of the application into consideration. / Användargränssnitt är en viktig punkt i användningen av produkter. Ett användar-gränssnitt är utvecklat för att göra en produkt enkel att använda och förstå samtidigt som den presenterar data, feedback och funktionalitet för användaren. I denna rapport presenterar och förklarar vi hela utvecklingsprocessen för ett frontend-projekt. Det svenska företaget Kemizares letade efter ett användargränssnitt för sin finansmodul i sin kommande applikation. I detta arbete utvecklade vi användargränssnittet för en sådan modul med avseende på Kemizares funktionella krav samt behovet av att modulens användargränssnitt kunde integreras i deras applikation som redan hade ett befintligt användargränssnitt. Lösningen på problemet började med en litteraturstudie där vi undersökte verktyg och program som vi skulle använda för att utveckla modulen samt undersökte nationella och internationella krav på fakturor för att identifiera nödvändiga data att använda i finansmodulen. Därefter satte vi upp en tidslinje med deadlines för att vägleda oss genom hela utvecklingen. En agil iterativ återkopplingsmetod användes under implementeringen av modulen med Kemizares. Finansmodulen skapades och med den iterativa återkopplingsmetoden som vi använde under utvecklingen kunde vi säkerställa att Kemizares var nöjd med produkten. Men på grund av begränsande faktorer kunde vi inte avsluta hela modulen och kunde därför inte uppfylla alla krav. Slutsatsen är att modulen i sitt nuvarande tillstånd inte är en lönsam lösning för Kemizares eftersom den lämnades ofärdig, men en bra grund att fortsätta från som har tagit hänsyn till nödvändiga ekonomiska data, funktionella krav och designkompatibilitet med resten av applikationen.

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 goal with this assignment has been to study the product Spotalike and develop a new version to make the product more attractive. The studying of the product was done with the help of user data, such as how Spotalike is being used, what target audience it has, why it's being used, etc. The new version of Spotalike was planned by making design sketches and prototypes which were created as a first step in order to get a better picture of what the result would be. The new version is not available to the public, but it is fully functional and works locally. The solution that was concluded was to develop a music player which is built on the founding principles of the old Spotalike. The music player is developed with React and is powered by Spotify. Besides the old functions there are also new functions that has been implemented, and the interface has been redesigned. There is currently no new user data available to determine the result of the development, since the new version of Spotalike hasn't been made public yet. / Målet med detta projektarbete har varit att granska produkten Spotalike och utveckla en ny version som gör produkten mer eftertraktad. Problemgranskning har gjorts med analysering av användardata – hur Spotalike används, av vem, varför den används, osv. Den nya versionen av Spotalike planerades med hjälp av designskisser och prototyper som togs fram som första steg för att få en bättre bild av slutresultatet. Den nya versionen är inte tillgänglig publikt, men är fullt funktionell lokalt. Lösningen som togs fram var att skapa en musikspelare som bygger på de grundprinciper gamla Spotalike har. Musikspelaren är bygd med React och använder Spotify i bakgrunden som motor. Utöver de redan befintliga funktionerna så har även nya funktioner tagits fram och gränssnittet har redesignats. Någon ny användarstatistik för att se om lösningen har gynnat bra resultat i form av användarupplevelse finns inte tillgänglig då tjänsten ännu inte har hunnit bli tillgängligt publikt.

In a big organization there are many events organized every day. To know about the events, we typically need to check an events page, rely on flyers or on distributed pamphlets or through word of mouth. To register for an event a user now a days typically does this online which involves inputting user details. At the event, the user either signs a sheet of paper or enters credentials in a web page loaded on a tablet or other electronic device. Typically, this is a time-consuming process with many redundancies like entering user details every time the user wants to register for a new event and re-entering the details at the event. This project designs a system that eliminates these redundancies and improves event management.