This thesis deals with the theory of creating modern web applications. Various technologies that are commonly used are analyzed. Thesis mainly deals with creating specific application for processing Warranty Claims. The application serves as a service for eshops.

FriendlyReader and TeCST are text simplification tools developed at Linköping University, using an API service at the university called SAPIS. Both tools are web services that run in the browser for users. To improve the services an implementation of state-transition tracking was chosen as a way to both improve the website by enabling the user to undo actions, but also enable the client to cache information which lowers the amount of requests required to SAPIS. Two libraries, called MobX and Redux, where compared to find the one which worked best for FriendlyReader and TeCST. The main difference between MobX and Redux is the programming paradigms, MobX is object-oriented while Redux is functional. In the end MobX was chosen due to the object-oriented nature of the library which is more familiar for beginners while also requiring less code to achieve similar results. MobX lacks native support to keep track of previous state transitions which is required to be able to go back to a previous state. Using MobX a new library called GlobalStore was created to solve this problem. An implementation example for synonyms was produced as a proof of concept for FriendlyReader.

Målet med det här projektet är att undersöka möjligheten att utveckla plattformsoberoende fristående applikationer med webbutvecklingsverktyg i ramverket Electron samt hitta skillnader i andra utvecklingsmetoder som Java och Swing eller C++ och Qt genom att vidareutveckla en existerande applikation kallad Electra. Electra är ett verktyg utvecklat för företaget Bitsmith AB som underlättar hanteringen, läsningen och uppladdningen av färdskrivardata till deras webbtjänst. Bitsmith ville undersöka möjligheten att utveckla plattformsoberoende applikationer med Electron. En lösning på det problemet leder till att företaget kan ge ut en applikation som når kunder som inte nödvändigtvis använder Windows i deras IT-miljö som endast har en kodbas. Electron drivs av Node.js för programlogik och Chromium för rendering av webbsidor som gränssnitt. Applikationen utvecklas därför med språken JavaScript, HTML och CSS. Andra moderna hjälpbibliotek skrivna i JavaScript som React för komponentbaserade gränssnitt och Redux för tillståndshantering används för att snabba upp utvecklingen och göra applikationen mer robust. Testdriven utveckling används för att visa att applikationen fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Enhetstesterna testar applikationens förmåga att hantera tillstånd, kontrollera att komponenter ritas ut och fungerar korrekt och att kontrollera så att övriga system fungerar enligt förväntan så långt det är möjligt. Resultatet av enhetstesterna visar att det är möjligt att utveckla en applikation som fungerar likvärdigt på moderna versioner av Windows, Mac och Linux. Jämfört med andra utvecklingsmetoder är det enkelt att komma igång med att utveckla i Electron då det använder sig av språk och metoder som är enklare än exempelvis utveckling i C++ då utvecklingen sker på en högre nivå med JavaScript, HTML och CSS. Dessa språk används redan av många och det är möjligt att föra över kunskapen man redan har till applikationsutveckling. De som redan har erfarenhet av webbutveckling kan enkelt skapa plattformsoberoende fristående applikationer. Metoden och verktygen som har använts i det här projektet kan även appliceras i andra applikationsprojekt.

The first step of debugging a deployed application is to reproduce the reported bug. But bugs that cause unpredictable behaviors without crashing the applica- tion can be difficult to reproduce, because the developer has to rely on bug-re- ports issued by users. The goal of this thesis has been to develop a diagnostic tool which makes user-reported bugs easier to reproduce. More specifically, the goal has been to develop such a tool for React Native applications implement- ing Redux, taking into consideration both state-data stored in Redux stores and React Native components. Requirements for the diagnostic tool were laid out and partitioned into proto- types that were implemented separately in iterations and then merged into the resulting tool. Requirements were also drawn for three sample applications to test and evaluate the tool, as well as a back-end to prove the tool's capability in uploading and downloading state-data from a server. The thesis resulted in a diagnostic tool that's imported into an already existing code-base as a third-party library, and which collects the complete state of the reported application instance and delivers it to the developer as a single JSON document. The tool can then inject the state-data into a fresh instance of the ap- plication to make it identical to the malfunctioning instance reported by the user; a process referred to as "reviving". Redux stores demonstrated state-over- write protection which complicates state-injection. A study was performed to compare the impact this difference has on performance. As expected, the study revealed that the diagnostic tool takes marginally longer to revive state-data in Redux stores for this reason.

MVC architecture is one of the most known and used architecture for application development, for both web and desktop based application. New architecture evolved though thanks to the fast-growing industry and it brings new practices that are much more convenient to use. The main goal of this theses is to describe how Redux library, which is based on this new architecture, is used for application development. Redux is only a state management library, another library is needed for creating the user interface. It is possible to create the user interface from the scratch but it takes a lot of time and it is difficult to scale. React library is possibly the most favorite library for creating UI and it works well together with Redux. For these reasons, React was selected as the UI library that will be used in this thesis. While theoretical part of this thesis is focused on describing principles Redux and React libraries are based upon and the best practices for using these libraries, practical part is focused on using the theoretical knowledge in the real world, demonstrated on the web application for invoicing. Development of the invoicing system is described in a way that demonstrates to the reader how to approach web application development, what does it contain and where to start.

The goal of this project has been to create an online store for a music store called Music for All. The company's business concept is to sell new and used music equipment online with payment systems via mail or Paypal. The project consists of three separate parts: the first part that stores product information in a SQL Server database created via ASP.NET Core Web API and Entity Framework, the second part consists of an admin interface that contains a login system created by ASP.NET Core Identity Framework which make it possible for a logged in admin be able to create, delete and update products through a Headless CSM which was created by ASP.NET Core MVC and Entity Framework Core. The online store was developed via React.JS, Next.Js and Redux, which created functionality for consuming the REST API and functions that increased the web application's availability and usability. The REST API was developed via ASP.NET Core. The design was performed via React.JS and Sass and Node.JS to be able to execute JS code on the browser. / Målet med detta projektet har varit att skapa en webbutik för en musikaffär som heter Music for All och skulle etablera sig i sommaren. Företagets affärsidé var att sälja nya och begagnade musikutrustningar på nätet med betalningssystem via post eller Paypal. Projektet utvecklades i tre separata delar där en del lagrade produktinformationer i en SQL Server databas som skapades via ASP.NET Core Web API och Entity Framework, andra delen bestod av ett admingränssnitt som innefattade ett inloggningssystem som skapades av ASP.NET Core Identity Framework för att inloggade anställda skulle kunna använda ett innehållshanteringssystem/Headless CSM som skapades via ASP.NET Core MVC och Entity Framework Core. Webbutiken utvecklades via React.JS, Next.Js och Redux som skapade både funktionalitet för konsumering av REST API:et och funktioner som ökade webbapplikationens tillgänglighet och användbarhet. REST API:et utvecklades via ASP.NET Core. Designen utfördes via React.JS, Sass och Node.JS för att kunna exekvera JS kod på webbläsaren.

Denna rapport behandlar arbetet som en kandidatgrupp, bestående av åtta civilingenjörsstudenter inom data- och mjukvaruteknik vid Linköpings universitet, utförde under våren 2021. Arbetet gjordes som en del av kursen Kandidatprojekt i programvaruutveckling, med kurskod TDDD96, där kandidatgruppen utvecklade en webbapplikation åt företaget Neue Labs. Webbapplikationen baserades på Neue Labs mobilapplikation Playground, och utvecklades med hjälp av JavaScript-biblioteken React och Redux. Applikationen är en plattform för visuell programmering av IoT produkter, där programmen tar formen av flödesgrafer. Rapporten beskriver arbetsprocessen och redogör för den slutgiltiga produkten. Projektet har bedrivits helt på distans enligt en något modifierad Scrum-metodik. Några av de viktigaste lärdomarna som gruppen tar med sig rörde utbildning, kommunikation och testning. Dessutom innehåller rapporten åtta individuella bidrag, som är skrivna av kandidatgruppens medlemmar

The thesis deals with the reengineering of the Umbrela questionnaire system. The text describes the reasons for reengineering, technology selection, application design, description of basic application blocks and implementation. The work also mentions proposals for improvement of the overall project and its further development.

Le paludisme et la schistosomiase sont des maladies parasitaires tropicales qui affectent plus de 800 millions de personnes dans le monde, notamment dans des pays en voie de développement. Bien qu’il existe des traitements contre ces infections, de nombreuses résistances à ces dernières sont apparues les dernières décennies. Malgré « l’urgence humanitaire », l’industrie pharmaceutique n’est que très peu investie dans la conception et le développement de nouvelles thérapies pour ces maladies dites « de la pauvreté ». Afin de trouver des nouveaux candidat-médicaments contre ces parasites, une librairie de 3- benzyl-2-méthylnaphtoquinones portant différents substituants sur la partie benzylique avait été précédemment développée au sein du laboratoire d’accueil. Malgré la puissante activité antipaludique d’une molécule identifiée comme tête de série, il n’y avait pas de guérison totale des souris infectées, suggérant que les naphtoquinones sont rapidement métabolisées en milieu biologique. Une plateforme de synthèse a été établie permettant d’obtenir de façon relativement simple des nouvelles naphtoquinones avec des substituants divers sur la partie aromatique, et ainsi, améliorer leurs propriétés pharmacocinétiques, d’une part en augmentant leur demie-vie, leur solubilité, et leur biodisponibilité dans les milieux biologiques, d’autre part en modifiant leurs potentiels redox, et en étudiant les métabolites actifs. L’ensemble de ce travail nous a permis de synthétiser une cinquantaine de nouvelles naphtoquinones et ainsi d’obtenir les premières connaissances des relations structure/activité, qui serviront en infochimie à développer des outils de prédiction pour la chimie médicinale redox. / Malaria and schistosomiasis are tropical parasitic diseases, which affect more than 800 million people worldwide, especially in developing countries. Multidrug-resistance of malarial strains toward broadly used antimalarial drug treatment (e.g. chloroquine, quinine) has spread all over the world in the last five decades. Despite the humanitarian emergency, pharmaceutical industries are not investing in the research and production of new therapies for diseases of poverty.In order to develop new potential ethical drugs against these parasites, a library of polysubstituted 3-benzyl-2-methylnaphthoquine derivatives functionalized at the benzylic core were previously synthetized in the host laboratory. Despite the strong antimalarial activity of an identified lead compound, the infected mice were not totally cured, suggesting that the naphthoquinones are rapidly metabolized under biological conditions.A platform of synthetic methodologies has been established in order to produce, via straightforward routes, new polysubstituted benzylmenadione derivatives functionalized at the aromatic ring of the naphthoquinone core, and to improve their pharmacokinetic properties by (i) increasing their half-life, solubility, bioavailability, (ii) modifying their redox potentials, and (iii) studying their active metabolites. The synthetic methodologies exemplified with 50 described compounds provide the structure–activity relationships as the basis for the development of new cheminformatics tools to be used in redox medicinal chemistry .

Rapporten belyser arbetet kring det kandidatarbete som utfördes av åtta studenter i kursen TDDD96 - Kandidatprojekt i programvaruutveckling på Linköpings universitet undervårterminen 2020. Uppgiften som utfördes var att utveckla en webbapplikation för att filtrera övervakningsvideor för Polismyndigheten. Resultatet av arbetet blev ett fungerandekoncepttest som släppts som öppen källkod under namnet Mycroft samt en användarmanual. Rapporten innehåller en bakgrund till projektet och projektgruppen, en teoridel sombeskriver de verktyg och utvecklingsmetoder som projektgruppen har använt samt en delsom redovisar gruppens utvecklingsmetod och andra administrativa metoder. Resultatetbeskriver den slutgiltiga produkten samt resultatet från gruppens arbetsprocesser. Rapporten avslutas med en diskussion gällande resultatet, metoden och framtiden för projektgruppen och produkten. Rapporten innehåller även åtta individuella fördjupningsarbetenfrån vardera gruppmedlem.