Scratch is a block programming language which introduces beginners to programming. Instead of code the user has access to a set of blocks with text and icons, explaining how the block will affect the program that is written. The connection between one block and the corresponding code can be hard to understand for the beginner. The goal of this project is therefore to develop a user-friendly, flashcard-based mobile application to show the target group of 8- to 16-year-olds that behind every block there is code. The application is developed in TypeScript, using React Native as framework and the developer tool Expo for setting up and publishing of the application. The final application consists of 6 different screens; a starting screen, an information screen, a menu, a submenu, an "under development"-screen and a flashcard view. The user can navigate between the screens and by choosing a specific block the flashcard view displays a flashcard with the block and the corresponding translation in Python. The goal of the project is fulfilled, and with a testing group it is also confirmed that the application is user-friendly. Although the goal is achieved, the conclusion that the step between block programming and syntax is hard can be drawn, with difficulties in translating the blocks appearing along the way.

This work deals with the design and implementation of a web application for playback and annotation of multimedia data from files in BAG format. The created annotations are intended for training artificial intelligence in robotic systems. The resulting application is implemented with the help of React library for creating the user interface and framework Django for the server-side REST API. The entire application is containerized using Docker. This work describes the BAG format, analyzes modern libraries for creating web applications and introduces existing solutions for data annotation or playback of BAG files. Furthermore, the design of the application is presented and its implementation is described. A separate library rosbag_pyreader, which is used to read BAG files with random access, was created as part of this work. The resulting application allows user to display and annotate 2D and 3D data from multiple robotic sensors at the same time and then export the annotations in JSON format.

The purpose of the project is to create a website where Knowit Experience can present and invite people to their coding events. The work has been carried out by a larger team including project managers, UX designers, supervisors, and an Agile approach has been used. A Headless CMS called Hygraph has been used to create a structure that editors can easily use, and this CMS includes a GraphQL API that the website consumes. The website is created in React with TypeScript to create a secure typed application styled with Sass. The website handles registrations for newsletters and different event lists from users and displays the content of the editors. Several different user flows on the website have been automated using Pipedream to make it easier for editors, including automatic confirmation emails sent to those who register, and editors can easily send emails to specific mailing lists. Structure is also created in the CMS to allow editors to create dynamic forms to collect opinions and information from visitors at an event. The website has been developed with accessibility in mind and has been tested on different browsers and devices. The website is continuously tested for accessibility and correctly validated code throughout the work. The work results in a fully functional website with all intended features. / Projektets syfte är att skapa en webbplats där Knowit Experience kan presentera och bjuda in till deras event Kodkvällar. Arbetet har utförts i ett större team med projektledare, UX-designers samt handledare och arbetssättet har vart Agilt. Ett Headless CMS, Hygraph, har använts för att skapa en struktur som redaktörer enkelt kan använda och med detta CMS ingår ett GraphQL API som webbplatsen konsumerar. Webbplatsen skapas i React med TypeScript för att skapa en säker typad applikation som stylas med Sass. Webbplatsen hanterar anmälningar till nyhetsbrev och olika eventlistor från användare samt visar redaktörernas innehåll. Med Pipedream har flera olika användarflöden på webbplatsen automatiserats för att underlätta för redaktörerna. Bland annat skickas bekräftelsemail automatiskt till de som anmäler sig samt att redaktörer enkelt kan skicka ut mail till specifika maillistor. Struktur skapas även i CMSet för att redaktörer ska kunna skapa dynamiska formulär för att inhämta åsikter och information från besökarna på ett event. Webbplatsen har utvecklats med tillgänglighet i åtanke och den har testats i olika webbläsare samt på olika enheter. Webbplatsen testas kontinuerligt för tillgänglighet samt korrekt validerande kod genom hela arbetet. Arbetet resulterar i en fullt fungerande webbplats med alla tänkta funktioner.

Software systems are becoming increasingly complex, with developers frequentlyutilizing numerous dependencies. In this landscape, accurate tracking and understanding of dependencies within JavaScript and TypeScript codebases are vital formaintaining software security and quality. However, there exists a gap in how existing vulnerability scanning tools, such as Dependabot, convey information aboutthe usage of these dependencies. This study addresses the problem of providing amore comprehensive dependency usage overview, a topic critical to aiding developers in securing their software systems. To bridge this gap, a custom pipeline wasimplemented to supplement Dependabot, extracting the dependencies identified asvulnerable and providing specific information about their usage within a repository.The results highlight the pros and cons of this approach, showing an improvement inthe understanding of dependency usage. The effort opens a pathway towards moresecure software systems.

Social and ecological sustainability applications are a significant way to bring equality, equity, and happiness in society. Food waste and food security are two of the most significant problems the people have to tackle the next years. In every country, there are huge problems regarding the food waste which cause serious health problems and pollution not only in the atmosphere but in the subsoil as well. Contrary to that, there is a countless number of people facing food security issues every day across the globe. These problems occurred in Greece as well due to the modern way of living on one hand and the financial crisis on the other. A combination of technological ideas in the economic field of the circular economy could be applied to succeed in sustainable solutions. In this thesis, a literature search conducted in order to identify similar problems in Greece. There are very worrying statistics that indicate the massive food waste that is happening in Greek households. Additionally, the literature search for food security and unemployment reveals the significant problem occurred in society as a result of the financial crisis. An additional search in the field of the circular economy reveals excellent solutions in the agricultural machinery sharing and refactoring that could be applied locally, exploiting the existing infrastructure of the community. These solutions help small and young farmers to improve their financial situations. The author is exploring the effects of the financial crisis in the local economy in an effort to apply technological solutions in a form of a mobile application to interconnect people and make the donation, sharing and job search easier for the community. The ultimate goal of this study is to develop an application that could help the community to move towards social and ecological sustainability. Even though the ideas applied in this thesis are fresh to the community in the author’s region, the results of this work indicate that there are significant support and willingness to contribute. The development efforts are focusing on a mobile application where its features are focusing on the best possible interconnection among people of the community. Participants believe that the application interconnection along with the features provided, like the food donation, food sales, machinery sharing and job search among people of the community, could bring positive results reducing the food waste, promoting the circular economy, and toning the local economy in general. The data have shown that the author is moving towards the right path in his first attempt to present these ideas to the community in his region. Every participant in this study embraces his efforts finding potential value in the provided features of the application.

What is measured can be improved. That's why Red Hat and the PnT DevOps team are calling for a graphical visualization of metrics and key performance identifiers (KPIs) that will be available to customers, engineers, and stakeholders to review the progress of the PnT DevOps team.

This thesis deals with the design and implementation of a mobile application for BUT employees. The final application is written for Android and iOS in React Native. The goal is to facilitate the daily activities of an employee, which leads to more efficient work and reduced administration. The theoretical part deals with the selection of the most important modules in the information system based on statistical data and questionnaires. The implementation part contains the design of the user interface of selected modules and a description of the application implementation. The final application was tested by a group of employees and received a very good verbal evaluation.

This thesis describes the process of creation of a game for web browsers using Babylon.js framework. It also touches on subjects of 3D graphics on the web, 3D animation and structure of web applications. Game itself is created using Typescript language and it is shared using a Node.js module as its web server. It is a fighting game for two players, where their characters fight using martial arts.

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 paper takes a closer look and conducts a   comparison of two different approaches to generate interactivity of web   applications today, namely server or client side generation. The overall   purpose of the comparison is to help determine which approach is best suited   to generate maximum business advantage to least possible time cost. The   perspective used to measure this is usability seen from a developer's point   of view. The time it takes to acquaint oneself with a framework may vary on   several aspects and therefore a demarcated scenario has been set up and   individual parts have been evaluated side by side in the frameworks JSF and   Angular.io. Together with interviews of developer’s gathered experiences a   result has been possible to assemble. This result speaks neither for or   against either of the two approaches as both techniques have their own   advantages and disadvantages. What has been most prominent in the comparison   however is the introduction of the design pattern Model View Controller in a   framework for client side generation as Angular.io. This results in a similar   experience in usability as in a corresponding framework for server side   generation as JSF, which is good in an efficiency point of view. Still, the   lack of relevant error messages is experienced as a big problem in client   side frameworks and is an issue which stands out negatively in the   comparison. / Detta arbete avser titta närmare på och jämföra två   vanliga tillvägagångssätt för att skapa interaktivitet via webbsidor idag,   nämligen server- och klientsidegenerering. Det övergripande syftet med   undersökningen är att hjälpa till att utröna vilket tillvägagångssätt som är   bäst anpassat för att generera maximal affärsnytta till minsta möjliga   tidskostnad. Perspektivet som används för att mäta detta är usability ur   utvecklarsynpunkt. Tiden att sätta sig in i ett ramverk kan bero på ett   flertal aspekter och därför har en avgränsat scenario satts upp och   individuella delar har utvärderats sida vid sida i ramverken JSF och   Angular.io. Tillsammans med intervjuer av utvecklares samlade upplevelse har   ett resultat kunnat sammanställas. Detta resultat talar vare sig för eller   emot endera tillvägagångssätt då båda tekniker har sina för- och nackdelar.   Det som dock har varit mest framträdande i jämförelsen är att införandet av   designmönstret Model View Controller i ett ramverk för klientsidegenerering   så som Angular.io. Detta ger en likartad upplevelse i usability som ett   motsvarande för serversidegenererande så som JSF, vilket är bra ur   effektivitetssynpunkt. Dock upplevs bristen på relevanta felmeddelanden som   ett stort problem på klientsidegenererande ramverk och något som sticker ut   negativt i jämförelsen.