The maintainability of the system deteriorates since wide use of class-based components. Theoretically, researchers have dedicated their work on addressing the common problems of Class Components as: Huge components, Duplicated logic and Complex patterns. Recently, replacing the Class Components by converting to Functions is expected as a solution to eradicate such problems.  In fact, we still lack the practical paradigm to guide the conversion projects. Furthermore, the adoption of the solution is based on the code quality improvements assessed on the newly generated functional codebase in a practical environment.   Based on their Web platform, Glodon company provided the codebase conversion from Class to Functions with support of React-Hooks techniques. Thereafter, in this research, a design science study was employed as the main methodology to build a set of guidelines to conduct the conversion project. By application of the guideline and observing the data output from the Glodon project, the researcher studied the feasibility and effectiveness of the conversion from Class to Functions in a practical environment.      Aslo, other methodologies were conducted to help collect the data and understand the research questions: an interview was used to identify the pain points of the class-based code; the code review and open discussion with the developers were conducted to evaluate the effectiveness of the code conversion. In the end, the examples and the consideration output in the project were analyzed and summarized for optimizing the conversion guideline which was evaluated by a survey and will contribute to other developers for their future conversion practice.

Food waste has become a serious matter which negatively impacts the environment worldwide. This raises the issue of managing food waste more efficiently, which in many cases can be aided with technology, and there has been previous research suggesting possible solutions. On a household level, food waste could be better managed by providing individuals with visual representations or summaries of how much they waste, and hopefully motivating them to waste less. However, typicalcharts used for visualizing data often fail to motivate users. Abstract visualizations might have a better chance at doing so. The focus of this master thesis is to design and develop a responsive web application which helps users keep track of their food purchases. Using the application, users can create product lists and perform two actions on products: consuming and wasting. The app prototype aims to increase an individual’s motivation towards wasting less food by providing a virtual “tree” visualization with similar features to a real tree such as branches and leaves. However, instead of growing depending on its’ environment like a real tree would, this virtual “tree” representation would grow based on the user’s actions: subject to how much food is consumed or wasted, the virtual tree will grow further or gradually start withering. A user study was conducted which involved a questionnaire surveying the general attitudes and practices of the participants regarding their household food waste, which was sent to participants both before and after using the resulting prototype.This enabled for relevant comparisons to be made between the user attitudes before and after trying the prototype. Furthermore, at the end of study, two user groups could be identified: most active participants and less active participants. This classification was made based on the activity logs gathered from the application database, where “most active” refers to participants that used the application regularly during the evaluation period and “less active” means the participants with very little or no activity recorded in the database. A final questionnaire was developed in two variants for collecting user feedback, tailored for the two groups identified: most active participants and less active participants. These surveys were shared with a group of participants who had agreed on using the resulting prototype for a period of at least two weeks. The results of the user study suggested that users were positive to the concept of the prototype and most users showed a keen interest in future improvements of the application. It is hoped that this work makes a relevant contribution to the areas of household food waste management, digital inventories, and web technologies, specifically web applications.

Organized cybercrime has no borders in cyberspace. This paper suggests a state-of-the-art architected solution for a global Automated cross-border mutual legal assistance system within Digital Forensic (AUTOMLA). The Enterprise framework with technical viewpoint enables international collaboration between sovereign countries Fusion Centers. The evaluation concludes a user interface built in React, middleware Apollo with schema support linked to graph database Neo4j. GraphQL is the preferred application protocol over REST. Fusion Centers API is deployed as federated gateways, and business functions are implemented as PaaS serverless services.  Its intuitive modeling Forensics in graphs, semantic networks enables causality and inference. All suggested elements in AUTOMLA are forming an internationally agreed collaborative platform; the solution for fast cross-border crime investigations. AUTOMLA deployed on the Internet is a subject for threats. Risks are mitigated in design guided by security frameworks. The recommended development method is agile, distributed in between autonomous teams.

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.

Cross-platform frameworks enable development for multiple platforms, such as iOS and Android, using the same codebase. Evaluation of cross-platform frameworks has traditionally been geared towards technical assessments and, more seldom, targeted usability, leaving a gap to be explored. This paper presents a usability analysis of Flutter and React Native, supported by a user study using the Cognitive Dimensions of Notations framework (CDN framework). Six developers were recruited and interviewed with the CDN framework questionnaire and a thematic analysis was performed where several usability issues, benefits and design trade-offs were identified. A recurring topic amongst the React Native developers was issues regarding hooks, while the Flutter developers unanimously identified problems relating to layout design. React Native was highlighted for its abstraction and progressive evaluation capabilities, indicating an edge toward Flutter. In contrast, comments regarding Flutters tooling capabilities and UI libraries showed an edge towards React Native. The identified usability benefits and trade-off characteristics give insight into each framework’s strengths and weaknesses. / “Cross-platform”-ramverk möjliggör applikationsutveckling till ett flertal plattformar såsom iOS och Android genom användning av samma kodbas. Flutter och React Native är i dagsläget två av de mest eftersökta “cross-platform”-ramverken. Utvärdering av dessa ramverk har vanligtvis utvärderat den tekniska aspekten, och mer sällan fokuserat på användbarhet. Denna masteruppsats presenterar en användbarhetsanalys av Flutter och React Native genom en användarstudie med utgångpunkt i ramverket “Cognitive Dimensions of Notations” (CDN-ramverket). Sex utvecklare rekryterades och intervjuades genom ett formulär tillhörande CDN-ramverket. En tematisk analys genomfördes på den insamlade datan och identifierade ett flertal problem och överväganden gällande design. Ett återkommande tema bland React Native-utvecklarna var problem relaterat till “hooks” medan Flutter-utvecklarna beskrev problem avseende layout-design. React Native mottog positiva kommentarer relaterat till abstraktionkapacitet och progressiv utvärdering jämfört med Flutter. Flutter mottog positiv kritik angående verktyg samt tillhörande UI-bibliotek jämfört med React Native. Utvärderingen av Flutter och React Native ger insyn i respektive ramverks styrkor och svagheter.

In today’s centralized identity systems, large companies control and store user datain a centralized manner, which poses a risk to users’ privacy and personal data. Self-sovereign identity (SSI) decentralizes digital identity management and gives individu-als full control over which personal data is shared and with whom. Furthermore, SSIenables verifiable credentials, allowing companies, authorities and individuals to buildnetworks of trust among themselves. This thesis discusses SSI, as well as a project whereSSI is practically applied in a mobile software application project for the distribution ofdigital drink tickets. The goal of the project is to develop a prototype to demonstratehow SSI can be applied in a general application, that involves issuing a verifiable cre-dential in the form of a drink ticket. To realize the project goal, an application has beendeveloped in React Native, where several frameworks for SSI have been studied. ”AriesCloud Agent Python” (ACA-Py) has been integrated with a REST API to provide SSIfunctionality to the project. The project has resulted in a working mobile applicationthat can issue and verify digital drink tickets, stored in the digital wallet application ofthe ticket holder. Minimal personal data is shared with the application, and only withthe exclusive approval of the ticket holder. The result confirms the potential of SSI fordecentralized identity management. / I dagens centraliserade identitetssystem är det stora teknikföretag som lagrar och kon-trollerar användardata, vilket medför en risk för användarnas integritet och personligadata. ”Self-sovereign identity” (SSI) decentraliserar digitala identiteter och ger indivi-den full kontroll över vilka personliga data som delas och till vem. Vidare möjliggörSSI verifierbara legitimationer, där förtroendenätverk byggs mellan företag, myndig-heter och individer. Denna uppsats avhandlar SSI, samt ett projekt där SSI appliceratspraktiskt i en mobilapplikation för distribution av digitala dryckesbiljetter. Målet medprojektet är att utveckla en prototyp för att visa hur SSI kan appliceras på en generellapplikation som innebär utgivande av en verifierbar legitimation i form av en dryckesbil-jett. För att realisera målet har en applikation utvecklats i React Native, där flera ramverkför SSI har studerats. ”Aries Cloud Agent Python” (ACA-Py) har integrerats genomREST API för att tillhandahålla SSI-funktionalitet till projektet. Projektet har resulterati en fungerande mobilapplikation som kan utfärda och verifiera digitala dryckesbiljetter,som lagras på en biljettinnehavares digitala plånboksapplikation. Minimal personligdata delas med mobilapplikationen och med innehavarens exklusiva tillstånd. Resultatetbekräftar potentialen av SSI för decentraliserad digital identitetshantering.

Advancements within Large Language Models(LLMs) have opened a world of opportunities within the software development domain. This thesis, through an controlled experiment, aims to investigate how LLMs can be utilized within software testing, more specifically unit testing. The controlled experiment was performed using a Python script interfacing with the gpt-3.5-turbo model, to automatically generate unit tests for React Native components written in TypeScript. The pipeline described, performs the calls to the OpenAI Application Programming Interface(API) iterative. To evaluate and retrieve the metric code coverage, the unit tests were executed with Jest. Additionally, manual execution of failing tests, both compilable and non-compilable tests were executed and the different kind of errors with their frequency were documented. The experiment shows that LLMs can be used to generate comprehensive and accurate unit tests, with high potential of future improvements. While the amount of generated tests that compiled were low, their nature was often good, failing because of easy correctable syntax errors, faulty imports or missing dependencies. The errors found, were at large part due to project configurations while others would probably be less frequent through more extensive prompt-engineering or by the use of an newer model. The experiment also shows that the temperature affected the outcome and that the type of errors were different between compiling and non-compiling tests. A lower temperature parameter to the OpenAI API generally achieved better results, whilst a higher temperature showed greater coverage at compiled failing tests. This thesis also shows that future opportunities and improvements are widely available. Through better project optimization, newer models and better prompting, a better result is to be expected. The script could with further development be turned into a working product, making software testing faster and more efficient, saving both time and money while simultaneously improving the test case quality.

This thesis describes the design and implementation of a software for digital mixing console built on the Windows platform. This software is designed to offer real-time multi-channel audio processing using multiple input and output units, signal routing between these units and insertion and management of VST plug-in modules. The software uses an audio interface connected with ASIO technology. The thesis is divided into several applications. Main application which computes audio samples and allows insertion and management of plug-ins is programmed in C++ using JUCE technology. This application can be controlled with its own local graphical interface or with web control interface, which is programmed in TypeScript with the use of React technology. Web interface allows user to control VST plug-in modules with its own custom implementation of plug-in control.

This diploma thesis is about real estate market comparative appraisement, statistical approach and how to use software for data gathering and processing in its practical part. Practical part also includes draft of appraising algorithm. In the end of practical part, there are check of application's output and comparison of computed prices to both real traded prices and advertisement prices.

Thesis describes design and implementation of a web browser game, which can be played by multiple players via the internet. The main goal is to manage the economy, although players can cooperate (trading) or play against each other (battles). NoSQL database is used for persistent storage of progress, which is also described in the thesis. Apart from human players there are also agents/bots, which play the game autonomously via state machines generated by genetic algorithms. Paper describes design and functionality of either the genetic algorithms, but also the state machines.