The aim of this thesis is to analyze, design and implement solution for selling merchandise, which sellers can be used with commonly used hardware, free in basic package and they should be able to handle system setup. As a result, sellers can avoid new operating costs. The system will run as a service on Heroku servers. The front-end and back-end is implemented in JavaScript, front-end also uses React. GraphQL is used for communication between frontend and back-end. The data is stored in the PostgreSQL relational database, but also is used the Redis database, which runs tasks in the background.

The goal of this this is to create an information system for the visualization of geographical data. The main idea is to allow users to create visualizations with their own geographical data, which they can either import from files or directly attach their own database system as a source of data and make use of the data in real-time. The result will be a new web information system that will act as a point of contact between users, geographical data, and visualizations.

Allt fler personer i Sverige har tillgång till både Internet och smarttelefoner i en större utsträckning än någonsin förr. Det finns applikationer för det mesta, som tränings-, spel- och nyhetsappar. Utefter detta och vår samtids ökade fokus på miljön och återvinning valdes målet med detta projekt, en progressiv webbapplikation som använder sig av bildigenkänning med hjälp av maskininlärning som ska underlätta för människor att sortera och återvinna sina hushållsavfall. Slutresultatet är en applikation som kan köras likvärdigt på de flesta enheter (mobil, pc, surfplattor etc.), oavsett vilken modell eller vilket operativsystem den har. Applikatio- nen används för att identifiera hushållsavfall genom en bildigenkänningstjänst. Denna rapport behandlar de teknologier som använts för att bygga applikationen och implementationsprocessen av den. Slutligen diskuterar vi resultatet av utvecklingen och några utvalda personer fick testa appen, svara på några frågor och säga vad de tyckte. / More and more people in Sweden have access to both the Internet and smartphones to a greater extent than ever before. There is an application for almost everything, such as training-, games- and news applications. Based on this and the increasing interest for the environment in general and recycling, the goal was set for this project. A progressive web application with the use of image recognition with the help of machine learning that will make it easier for people to sort and recycle their household trash. The final result is an application that can be run equally on most devices (mobile, PC, tablets, etc.), regardless of model or operating system. The application is used to identify household waste through an image recognition service. This report addresses the technologies used to build the application and implementation process of it. Finally we discuss the results of the development and some selected people got to test the app and answer some questions and voice their opinions.

Denna kandidatrapport är skriven av åtta studenter i kursen Kandidatprojekt i mjukvaruutveckling, TDDD96, vid Linköpings universitet under våren 2020. Kandidatrapporten inkluderar en sammanfattning av det arbete som utförts i projektet. Till projektet tillhörde ett uppdrag på beställning av Digitala resursenheten vid Linköpings universitet. Uppdraget var att skapa en webbapplikation där examinatorer och handledare för kurser vid Linköpings universitet på ett enkelt och intuitivt sätt kan beställa mjukvara till sina respektive kurser. Projektgruppen jobbade agilt och byggde projektet i Python samt JavaScript. Applikationen nådde alla mål satta tillsammans mellan kunden och projektgruppen och resulterade i en fungerande produkt som kunde utökas och modifieras enligt kundens behov. Till kandidatrapporten inkluderas även individuella bidrag skrivna av vardera gruppmedlem som djupdykt inom ett specifikt ämne eller område.

Web application frameworks have become a common part of software development, with each programming language having its own specific frameworks. However, choosing the right framework can be a daunting task when there are so many frameworks on the market and factors to consider. Previous research has attempted to solve this problem by evaluating frameworks based on several different metrics. While the results offer a way to rank the frameworks, they do not tell us much about the actual process of evaluating a framework, or why certain metrics matter and in what situation. This project aimed to answer these questions by conducting a literature review to gather information about the existing evaluation methods and metrics. Based on these results, an evaluation criteria was developed to provide an overview of when to evaluate what. Furthermore, a user survey was done to measure the usability of three popular JavaScript frameworks. Lastly, a controlled experiment was conducted to test the performance of the three frameworks. The results show that different frameworks have different strengths and weaknesses as they received different scores from the methods. Moreover, the results show that when choosing a framework, one has to consider which factors matter most as it may not always be possible to find a framework that has it all.

Web forms are one of the main points of user interaction on the internet. It is important that these forms are developed to be accessible to as many people as possible. The project aims to reduce the complexity for application developers when developing accessible web forms that conform to the Web Content Accessibility Guidelines (WCAG) using HTML and React. The result is a prototype library that creates an abstraction that application developers can use to build accessible web forms that conform to the WCAG.

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.

Due to the growth of the mobile phone application market, which development method can efficiently develop high-performance applications has become a problem. This experimental study compares the rendering performance of applications developed through native development and React Native on the Android platform. By developing an application with the ability to render pictures, and measuring the rendering performance of the application. The measurement results show that natively developed applications usually have high stability, while the average rendering time of React Native applications is similar to that of natively developed applications as the rendering performance pressure gradually increases. In future work, other image types may be measured, or text and video may be measured. It is also possible to run multiple different experiments to collect data to improve development tools or develop new performance analysis tools. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p><p>There are other digital material (eg film, image or audio files) or models/artifacts that belongs to the thesis and need to be archived.</p>

I takt med att användandet av e-handelsplattformar växer tillkommer även högre krav på att underhållsjobb, till exempel generera filer och rensa loggar, förvaltas effektivt. Motillo, ett karlstadbaserat konsultföretag inriktade på e-handel och digitala affärer, använder e- handelsplattformen Litium. Underhållsjobb, som idag finns specifikt för jobb i Litium, måste i dagsläget hanteras genom en konfigurationsfil, vilket kan vara tidskrävande. Motillo vill kunna konfigurera och monitorera dessa underhållsjobb direkt i Litiums administratörsvy, back-office. Syftet med denna studie har för författaren varit att utveckla och utvärdera ett adminverktyg i Litiums back-office baserat på en kravställning som upprättats av uppdragsgivaren Motillo. Det utvecklade adminverktyget skulle öka möjligheten och insikten att konfigurera och monitorera underhållsjobb. Studien låg även till grund för de med intresse av att implementera en likande lösning som det utvecklade adminverktyget. För att utveckla adminverktyget tillämpades olika tekniker som innefattade bland annat ramverken React och ASP.NET Core MVC, olika verktyg för versionshantering och pakethantering, samt utveckling efter den agila arbetsmetoden Scrum. Metoder som MoSCoW, Think-aloud, expertutvärderingar, beta-tester samt ett användar-acceptanstest, i form av en semi-strukturerad intervju, tillämpades och genomfördes för att utvärdera det utvecklade adminverktyget mot slutanvändaren. Insamlad data i studien har varit av kvalitativ karaktär. Studien har även inspirerats av Design Science Research där författaren använt den som övergripande metod där övriga metoder mer konkret tillfogats.  Det utvecklade verktyget utvärderades mot den upprättade kravställningen, där endast funktionella krav utvärderades, samt uppfattningar om verktyget och dess potentiella förbättringsåtgärder. Slutanvändaren uppfattade artefakten som bra och de var, baserat på kravställningen, nöjda med resultatet av det utvecklade adminverktyget. Slutanvändaren uppfattade dock att det fanns förbättringspotential och vidareutvecklingsmöjligheter, som bland annat innefattade krav med lägre prioritet som inte genomförts. Dessa krav var krav som prioriterats W, på MoSCoW-skalan, alltså krav som var önskade men som inte kom att genomföras. Författaren kunde lista tre vidareutvecklingsförslag som var Ändra exekveringsintervaller i adminpanelen, Möjlighet att avbryta ett jobb från att vidare exekvera och Visa status för jobbet. Från resultatet kunde författaren även identifiera förbättringar för att öka spårbarheten av loggar, genom ytterligare filtreringsmöjligheter, samt en tydligare presentation av jobbstatus i form av en progress-bar. Författaren rekommenderar även att vidare undersökning om adminverktyget, gällande icke-funktionella krav samt det grafiska användargränssnittet, bör genomföras.

I dagsläget står mobila enheter för strax under 55 procent av den globala marknaden jämfört med datorer och surfplattor. Android och iOS är de två stora operativsystemen för mobila enheter, där Android har cirka 70 procent av marknaden. Applikationer till dessa två operativsystem kan utvecklas var för sig. För att utveckla applikationer som kan köras på både Android och iOS kan ett crossplatform-ramverk användas. Detta kan leda till kostnadsbesparingar och tidseffektivisering, men också till sämre prestanda. Denna komparativa studie genomfördes i samarbete med AFRY och syftar till att jämföra crossplatform-ramverken .NET MAUI och React Native mot varandra, men också mot en nativ applikation utvecklad i Java till Android. Jämförelsen gjordes ur ett prestandaperspektiv. De prestandakriterier som har jämförts är applikationernas storlek, uppstarts- och exekveringstid samt CPU- och RAM-användning. Tre applikationer utvecklades, med likvärdig funktionalitet, för att möjliggöra jämförelse. Funktionaliteten bestod av en tung beräkning i form av Fibonaccisekvensen, användande av GPS-sensorn, anrop till ett REST-API samt filhantering. För att samla in data till denna studie användes verktygen Android Profiler, Logcat samt egen implementerad kod. Resultaten visar att React Native exekverar snabbare, har en lägre resursanvändning och blir mindre i storlek i de flesta fall jämfört med .NET MAUI. .NET MAUI hanterar dock större beräkningar snabbare och mer resurssnålt. Resultatet visar även att en nativ applikation för Android presterar bättre i de flesta fall och är att rekommendera om prestanda är viktigare än utvecklingskostnad och tidsåtgång.