Denna kandidatrapport redogör för arbetet med att utveckla en webbplats, med avsaknad avtidigare erfarenheter inom området. Arbetet var kopplat till en riktig kund med tanke att användaresultatet för försäljning av modeaccessoarer i verkligheten.I dokumentet beskrivs även de metoder som använts, och vilka resultat som dessa har lett till.Det innefattar också vilka erfarenheter som har förvärvats under projektets gång, och hur dessa kan utnyttjas i senare projekt.

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.

Implementing new technology into a complex software developing environment comes with many challenges in terms of code, user interface design, and developer experience. It is well-established that the pressing demand for security and regulations within financial technology makes it even more essential to implement new technologies with care and minimised risks. This work aims to determine the effectiveness of such implementations. Specifically, it evaluates the effectiveness of implementing a UI library in a FinTech application to find the most suitable approach. In this context, a UI library defines as a robust set of user interface components available in one place and a FinTech application as an application in financial technology with complex developing infrastructure. In order to successfully evaluate the effectiveness of implementing a UI library in a FinTech application, a thorough literature survey was performed to identify decisive factors relating to code quality, user interface, and developer experience. In a case study in which a FinTech company served as an example, a solution consisting of their product and UI library was developed. The solution was tested by collecting data from code evaluation, questionnaires, and interviews. The result shows that the solution has higher code quality, fulfils the FinTech UI requirements, and perceived as an improvement of the development infrastructure.  On this basis, the utilised methodology and the recognised factors in this work should be taken into account to identify the most suitable approach when implementing a UI library in a FinTech application.

The digital transformation of production and living is one research field with potential to overcome arising ecological and social problems. Digital technologies associated with the internet of things (IoT) enable new intelligent, sustainable and efficient production techniques. Massive monitoring and optimal controlling of industrial processes (smart fabrication) and human living (smart cities) ultimately results in the reduction of resource demands. Key parts of these new applications are microelectronic sensor read-out systems connected in IoT sensor networks, which measure and transmit multi-physical environmental parameters. In practical applications, large quantities (tens to hundreds) of sensor nodes are used. Circuitry with minimized power consumption is necessary to ensure long operation time and low maintenance cost. The motivation of this work is the development of a low-power, low-cost, microelectronic sensor read-out circuit, which combines flexibility of employed IoT sensor hardware with flexibility in complementary metal oxide semiconductor (CMOS) technology. This work covers design and implementation of an integrated multi-sensor analog frontend (AFE) with a near-zero power consumption below 10 μW, which offers above-state of the art, real-time configurability of key parameters and flexibility in application and technology. It aims for IoT environmental sensing applications, where energy-efficient, medium-speed and medium-resolution data acquisition of different environmental sensor signals is required. Its innovative architecture supports a wide variety of voltage ranges, frequency levels and sensor types, while maintaining energy-efficiency in different operation modes. Samples of the developed AFE are employed in autonomous sensor nodes for smart cities and smart factories, where they collect and process environmental parameters such as weather (light, temperature) and gases. The durable sensor nodes are operated by energy harvester sources and transmit data wirelessly, demonstrating one practical realization of an autonomous zero-power IoT network. Moreover, the technological flexibility of the AFE is investigated by migrating one key building block, which is the analog-to-digital converter, to different CMOS technologies. Conclusions for the optimal CMOS node for the entire AFE are drawn by performance comparison. / Die digitale Transformation von Industrie und Gesellschaft hat das Potential, zur Bewältigung bevorstehender ökologischer und sozialer Krisen beizutragen. Moderne digitale Technologien, wie das Internet der Dinge (engl. internet of things, IoT), ermöglichen intelligente Produktionsketten von nie dagewesener Effizienz und Nachhaltigkeit. Mit feingranularer Kontrolle und optimierter Steuerung soll schlussendlich der Ressourcenverbrauch von geregelten Prozessen, zum Beispiel in der smarten Fabrik und in der smarten Stadt, verringert werden. Schlüsseltechnologien dieser neuen Anwendungsfälle sind mikroelektronische Sensor-Auslese-Schaltungen, die multi-physikalische Umweltparameter messen und drahtlos in IoT-Netzwerke übertragen. In praktisch relevanten Szenarien bestehen solche Netzwerke aus dutzenden bis tausenden Sensorknoten. Unter unternehmerischen Gesichtspunkten sind lange Betriebszeiten ohne Batteriewechsel und geringe Wartungskosten notwendig, welche u. a. durch Elektronik mit minimalem Energieverbrauch erreicht werden können. Die Motivation dieser Arbeit ist die Entwicklung einer energiesparenden und kostengünstigen mikroelektronischen Sensor-Auslese-Schaltung, die Flexibilität in der Auswahl der eingesetzten IoTSensoren mit Flexibilität in der Auswahl der Halbleiter-Technologie (engl. complementary metal oxide semiconductor, CMOS) verbindet. Diese Arbeit behandelt Entwurf und Implementierung eines integrierten Multi-Sensor-Analog-Frontends (AFE) mit extrem geringer Leistungsaufnahme von weniger als 10 μW (engl. near zero power), dessen Echtzeit-Konfigurierbarkeit von relevanten Parametern und dessen Flexibilität in Anwendung und Technologie ein Niveau erreicht, das sich über dem Stand der Technik befindet. Es soll in IoT-Anwendungen eingesetzt werden, in denen die energieeffiziente Verarbeitung von verschiedenen Umwelt-Sensor-Signalen mit mittlerer Geschwindigkeit und mittlerer Genauigkeit gefordert ist. Mit seiner innovativen Architektur unterstützt es einen großen Bereich von Eingangsspannungen, Eingangs-Frequenzen und Sensor-Typen in unterschiedlichen Operations-Modi, wobei seine Energieeffizienz nicht beeinträchtigt wird. Exemplare des entworfenen AFEs werden durch den Einsatz in autonomen Sensorknoten für die smarte Stadt und die smarte Fabrik, wo sie Umweltparameter wie Wetter (Licht, Temperatur) und Gaskonzentrationen sammeln und verarbeiten, in die Anwendung überführt. Die langlebigen Sensorknoten, die ihre Energie von alternativen Quellen beziehen und via drahtloser Funkverbindung kommunizieren, demonstrieren eine praktische Realisierung eines autonomen Zero-Power-IoT Netzwerkes. Zusätzlich untersucht diese Arbeit die Technologie-Flexbilität des AFEs, indem ein Kernbaustein, der Analog-Digital-Wandler, in verschiedene CMOS-Technologien migriert wird. Anhand eines Vergleichs werden Schlüsse für den optimalen Technologieknoten des gesamten AFEs gezogen.

The Master thesis focuses on basic description of the theoretical and practical part of testing, agile development and online shopping. Aim of the paper is to specify requirements for testing scenario of online shopping and subsequently suggest suitable solution for easy integration testing process as a part of the development of online shopping within agile development.

The purpose of this master's thesis is creation of a system capable of sharing scanners over computer network. The target scanner interfaces are TWAIN and WIA on Microsoft Windows operating system, and SANE on GNU/Linux. C++ programming language, Boost libraries and Qt framework were used to implement the programming part of this work. Several smaller helper libraries were implemented that are useful even outside this work, most notably TWAIN++ framework. The resulting system enables the user to share scanners over network, and scan using any of the aforementioned interfaces.

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.

The component-driven approach in software development has become a favored approach when developing web applications. Developing and maintaining components are central when using the component-driven approach and it has a lot of advantages. On the other hand, developing and maintaining the components within an Integrated Development Environment can be challenging due to the lack of a visual overview of the components in extensive projects. A component playground could address this issue through its features such as implementing components in isolation that could make the development more efficient and productive in different areas. With that said, it can improve the Developer Experience which is also an understudied area.  This project aims to investigate how a component playground affects the Developer Experience focusing on component creation, development workflow, and overview of the component library. Furthermore, how the integration of a component playground in the Software Development Life Cycle affects the Developer Experience. The chosen methodology was primarily user tests of an implemented web application with the component playground Storybook integrated into it. Besides the user tests, a literature review and interviews were made to support the results of the user tests. The data from the user test were used to answer the research question and the four hypotheses of this project. The results from the user test showed that the overall Developer Experience and the overview of the component library were improved using a component playground, especially for less experienced developers. It also showed a strong indication of improved component creation and more efficient development workflow.  To conclude the Developer Experience is improved by using a component playground. However, it is important to analyze each project and developer's needs. Future research could explore a component playground's long-term effects in real projects. Furthermore, there is a lack of how to measure Developer Experience which could also be investigated.

Denna rapport beskriver projektet Managing education research data. Utförandet av projektet är en del av kursen TDDD96 - Kandidatprojekt i programvaruutveckling våren 2024. Beställaren av systemet är Lucija Batinovic, doktorand på FUSA (IBL) vid Linköpings universitet. Rapporten behandlar frågeställningarna hur en applikation som tillämpar konceptet Community-augmented meta-analysis (CAMA) kan utvecklas för att maximera kundvärdet, vilka lärdomar som kan dokumenteras från programvaruprojektet som är intressanta till framtida projekt, vilket stöd man kan få genom att skapa och följa upp en systemanatomi samt hur en databas kan utformas för att optimera söktid. Målet med applikationen är att ge en samlad plattform för delning av data från öppen vetenskap kopplad till lärande, en plattform för så kallad Community-augmented meta-analysis. Slutsatsen blev att värde skapades för kunden genom att analysera kundens krav och genom projektgruppens tekniska erfarenheter fylla på med fler krav för att möta kundens verkliga behov. De överförbara lärdomar som kunde dokumenteras var bland annat de processrelaterade erfarenheterna från den agila arbetsmetoden. Systemanatomins betydelse visade sig vara att den medför en förståelse för hur systemet ska fungera samt tydliggör beroenden inomsystemet. Slutligen konstaterades att en metod för att optimera söktiden i en databas kan vara normalisering.

In hope of lessening the inequal division between the amount of women and men studying and working in technical fields a project to create an inspirational platform has been initiated by the organisation Pepp. By the end of the first stage of the project a webpage has been created with frontend programming. This webpage contains several imaginary person portraits of imaginary individuals studying or working in technical fields. JavaScript filter functions have been created in order to filter between these individuals. All the necessary data for the portraits are collected in a database in form of an array in JavaScript. User tests were conducted where seven separate subjects were allowed to test the finished person portrait webpage. In the future the website will be improved and expanded with several webpages. Portraits of real individuals will also be collected and replace the imaginary individuals on the webpage.