Denna studie ämnade att undersöka hur en webbapplikation för välgörenhetsdonationer, kunde utformas så att en användare upplever den som intresseväckande, lättnavigerad och tillförlitlig. Utvecklingen av denna webbapplikation delades upp i två iterationer med två användartest och resultaten jämfördes. De tre fokusområdena fick alla goda resultat i användartest 1 och resultatet förbättrades ytterligare till det andra användartestet. Det mest intressanta resultatet var den upplevda tillförlitlighetens stora positiva förändring. Studien kom fram till att det är viktigt att användaren ”vet vart de kan gå” för att uppnågod navigerbarhet på webbapplikationer avsedda för att skänka pengar till välgörenhetsorganisationer. Det är dessutom viktigt för den här typen av webbapplikation att ge ett gott första intryck och att den innehåller flera unika funktioner för att den ska ses som intresseväckande. Att betalningsprocessen är väl utformad och att webbapplikationen använder kända logotyper är viktigt för att den ska upplevas som tillförlitlig. / This study aimed to examine how a web application for charity donations can be designed in such a way that a user would assess the application as being navigable and trustworthy, as well as having an interesting design. The development process was split into two iterations with two user tests and the results were compared. The three focus areas all received good results in the first user test and all of them improved their results in the second user test. The most interesting result was the major increase of the perceived trustworthiness. The study concluded that it is important, for the user, to ”know where they can go” to achieve good navigability on web applications meant for donating money to charities. To be considered interesting, it is also important for this type of web application to make a good first impression and that it contains many unique functions. That the payment process is well designed and for the web application to use known logos are important for it to appear trustworthy.

Studier visar att intresset för att handla lokalt ökar, samtidigt som antalet köp av matprodukter via e-handel växer. Syftet med denna studie var att lägga grunden för en digitalisering av gårdsförsäljning. För att uppnå detta undersöktes frågan ”Hur ska en digital marknadsplats för gårdsförsäljning utformas för att upplevas ha en god användbarhet med avseende på navigerbarhet?”. En webbapplikation med fokus på användbarhet och navigerbarhet utvecklades, där arbetet utfördes i två iterationer med användartester i slutet av iterationerna. Användartesterna utfördes med de beprövade metoderna Concurrent Think-Aloud Procedure, System Usability Scale och Retrospective Probing. Studiens slutsats visar på att en användares tidigare erfarenheter och förväntningar på en webbapplikations design och funktionalitet har en stor påverkan på webbapplikationens upplevda användbarhet och navigerbarhet. Relevanta och väldesignade filtrerings- och sorteringsalternativ har upplevts bidra till en ökad användbarhet. Även bekräftande animationer då användaren utför uppgifter har konstaterats öka användbarheten. Vidare visar studien att oväsentliga funktioner bör undvikas att implementeras, då de upplevts försämra webbapplikationens navigerbarhet. / Studies show that the interest in purchasing locally produced products is increasing, at the same time as the amount of purchases of grocery prodcuts online is steadily growing. The purpose of this study was to lay the foundation for a digitalization of farm sales. In order to achieve this, the question ”How should a digital marketplace for farm sales be designed to be perceived as having good usability with regard to navigability?” was examined. A webapplication with focus on usability and navigability was developed, where the development took place over two iterations with user testing at the end of each iteration. The tests were constructed according to the methods Concurrent Think-Aloud Procedure, System Usability Scale and Retrospective Probing. The study concludes that a users prior experiences and expectations on the design and functionality of a webapplication has a large impact on its perceived usability and navigability. Well designed and relevant filtering and sorting options has been perceived as benefitial for the usability of a webapplication. Confirmatory animations when the user performs tasks have been ascertained to increase usability. However, the study shows that unnessecary functions should be avoided, as they are detrimental to the perceived navigability of the webapplication.

The primary aim of this study was to examine the effects of a web application’s navigability on user satisfaction. This was studied by developing a web application for the rental of pri- vate belongings such as tools, party equipment, outfits, et cetera. The study’s scope was hav- ing students at Linköping University as the target group. During the development phase, two different user tests were conducted on two different versions of the web application to obtain feedback on important factors within navigability such as functionalities, design, and layout. Said factors were tested with methods such as Concurrent Think-Aloud (CTA), Smith’s Mea- sure of Lostness, and Likert-styled questions. The first test provided a variety of feedback that, by applying retrospective probing, resulted in major improvements for the second user test. The study shows that in designing user tests it is important to have a widespread test group, test users without relations, and longer than one week between different iterations of a test. The study concludes that a thumbnail system is preferred over displaying products in a list. Moreover, tests showed that feedback and communication from the system improved the user experience. / Studiens huvudsakliga syfte var att undersöka hur en webbapplikations navigerbarhet påverkar användarupplevelsen. Detta gjordes genom att en webbapplikation för uthyrning av privatägda prylar såsom verktyg, festutrustning, utklädnader, etcetera utvecklades. Stu- dien hade en tydlig omfattning med studenter från Linköpings Universitet som målgrupp. Under utvecklingsfasen utfördes användartester på två olika iterationer av webbapplikatio- nen vid separata tillfällen. Detta gjordes för att samla in respons och åsikter kring centrala faktorer inom navigerbarhet, såsom funktionalitet, design och layout. Dessa faktorer testades med en rad metoder, till exempel Concurrent Think-Aloud (CTA), Smith’s Measure of Lost- ness och Likert-Styled questions. Det första testet tillhandahöll respons som då retrospektiv sondering applicerades medförde betydande förbättringar av webbapplikationen inför det andra testet. Studien visar på en rad premisser som är centrala då användartester utförs. Det är då viktigt att ha en hög variation på testgruppens deltagare, att utföra tester på deltagare som inte har någon relation till varandra, samt att vänta längre än en vecka mellan olika test. Ett antal slutsatser dras från studien. En av dessa är att thumbnail-system föredras över att visa produkterna i en lista. Testen visade också att tydlig kommunikation från systemet ökade användarvänligheten.

A survey, carried out and answered by students at Linköping University proved that 92.6% of the surveyees are interested in buying second-hand course literature. Numerous retailers exist for this market, however the problems with the solutions at the time of the survey are clear; lack of structure and absence of filtering and search functions. Therefore, the thesis aims to create an e-commerce for second-hand course literature with good usability with regards to good navigability for students by applying scientific theories and the feedback of user tests at two separate iterations. The result was Bokhyllan, a web application where buyers and sellers meet to exchange second-hand course literature for money. The conclusion was that the navigation bar, visual confirmations after actions, useful search and filtering functions, and the layout and placement of links make up decisive roles in the navigability of web applications. A relevant addition to this report within the key area would be to investigate different age groups, as this report solely delimits to students. / En enkätundersökning som utfördes och besvarades av studenter vid Linköpings universitet påvisade att 92,6% av enkätbesvararna är intresserade av att köpa begagnad kurslitteratur. Ett flertal aktörer existerar för denna marknad men problemen med lösningarna vid enkätens tillfälle är tydliga; brist på struktur och avsaknad av filtrerings- och sökfunktioner. Arbetet ämnar därmed att skapa en e-shop för begagnad kurslitteratur med god användbarhet med avseende på god navigerbarhet för studenter genom att applicera vetenskapliga teorier samt återkopplingen från användartester vid två olika iterationer. Resultatet blev Bokhyllan, en webbapplikation där köpare och säljare möts för att utbyta begagnad kurslitteratur mot pengar. Slutsatsen drogs att navigationsmenyn, visuell bekräftelse vid handlingar, användbara sök- och filtreringsfunktioner samt länkars utformning och placering utgör avgörande roller för webbapplikationers navigerbarhet. En relevant påbyggnad för detta arbete inom huvudområdet skulle vara att undersöka olika åldersgrupper, då denna rapport endast avgränsar sig till studenter.

In this project a web application is being created for Knowit Experience with the goal of replacing their existing Excel-solution for storing steps towards a destination. The project has resulted in the development of a userfriendly and accessibility-focused web application for Knowit Experience, aimed at promoting everyday physical activity. With Supabase as the backend and Nuxt as the frontend framework, along with SASS for structured and reusable styling and Tailwind CSS, the application now offers functionality for registration, login, and step tracking towards destinations. An admin interface is implemented for managing destinations and activity lists with step conversion. Code validation has been performed to ensure security and quality, while accessibility has been continuously tested using the Wave accessibility tool. This combination of technologies and features, including SASS and Tailwind CSS, has resulted in a functional web application for Knowit Experience, replacing their previously used Excel-solution. / I detta projekt skapas en webbapplikation för Knowit Experience med målet att ersätta deras befintliga Excel-lö sning fö r lagring av steg gentemot ett destinationsmål. Resultatet är en användarvänlig och tillgänglighetsanpassad webbapplikation som främjar vardaglig fysisk aktivitet. Med hjälp av Supabase som backend och Nuxt som frontend-ramverk, tillsammans med SASS fö r strukturerad och återanvändbar stilhantering samt Tailwind CSS, erbjuder applikationen funktioner fö r registrering, inloggning och lagring av steg mot destinationsmål. Genom ett administratö rsgränssnitt kan destinationer hanteras och aktivitetslistor med stegkonvertering administreras. Koden har validerats fö r säkerhet och kvalitet, och tillgängligheten har kontinuerligt testats med verktyget Wave. Den lyckade kombinationen av dessa tekniker och funktioner, inklusive SASS och Tailwind CSS har resulterat i en fungerande webbapplikation för Knowit Experience som ersätter den tidigare använda Excel-lösningen.

Detta projekt är givet som ett kandidatarbete i mjukvaruutveckling vid Linköpingsuniversitet, i kursen TDDD96 Kandidatprojekt i programvaruutveckling. Arbetet är utfört aven grupp tredjeårsstudenter på D- och U-programmen.Projektet ges av forskargruppen för integrerad systembiologi på IMT LiU, som utvecklarmatematiska modeller av biologiska system. Dessa modeller kan användas för att förståsystemen bättre, eller som beslutsstöd inom farmakologi och vård. Forskargruppens fokusför tillfället är att sammankoppla modeller för olika delar av människokroppen till en helhetsbildsom beskriver delsystemens samverkan.Denna helhetsbild för en särskild individs hälsotillstånd kallas för en digital tvilling, förvilken detta projekt ämnar framställa ett användargränssnitt.Användargränssnittet skall erbjuda grafer över hälsoparametrars förändring över tid,och användaren ska kunna ta fram olika sådana genom att interagera med gränssnittet.Utöver framtagning av själva gränssnittet, skall en brygga mellan applikationen ochkundens modeller tas fram. Detta har gjorts genom en version av programmet OpenCOR,vilket forskarna använder sig av, som exponerar ett API i Python. Detta API sammankopplatmed en server kallas i projektet för motor.

I detta dokument gestaltas arbetet med att utveckla ett internt administrationssystem till e-handelsföretaget Ehandelssupport. Detta är ett uppdrag i skarpt läge och grundas i företagets behov av att få bättre och mer användaranpassade webbapplikationer som syftar till att underlätta, förenkla och effektivisera vissa frekvent återkommande arbetsuppgifter. Detta innefattar exempelvis en applikation som kan generera prislappar baserat på produktinformation som lagras i webbshoppen Alfahobbys databas. Det inkluderar också en användarvänlig och effektiv lösning för att kunna skapa och skicka ut digitala nyhetsbrev till företagets kunder. Den färdiga applikationen för prislapparna uppfyller de grundönskemål om funktionalitet som företaget hade på denna samtidigt som den nya lösningen medför en rejäl tidseffektivisering i handhavandet med att skapa prislapparna eftersom datat hämtas direkt från databasen via ett nyimplementerat API. Applikationen använder också ramverket jQuery Mobile vilket stödjer responsiv webbdesign. Arbetet med lösningen för de digitala nyhetsbreven resulterade i ett förslag till företaget som innebär att börja använda verktyget Mailigen, detta skulle både förenkla det redaktionella arbetet och förbättra användbarheten för kunderna exempelvis genom att nyhetsbreven får en responsiv webbdesign. Några områden för eventuell framtida vidareutveckling är exempelvis att för applikationen för prislappar lägga till ytterligare kontroller som förhindrar att användaren skriver in fel värden i vissa funktioner. När det gäller nyhetsbreven skulle fortsatt forskning rörande möjligheten att kunna infoga produktinformation direkt från webbshoppens databas vara aktuellt.

Det är sedan länge känt, både bland företag och i den akademiska världen, att det krävs strukturerade arbetsmetoder för att lyckas med storskalig programvaruutveckling. Vilka metoder som fungerar bäst är det svårt att göra ett generellt uttalande om eftersom detta till stor del är situationsberoende. Det existerar en ansenlig mängd metoder och processer som finns beskrivna i detalj av deras förespråkare, men ingen metod fungerar felfritt i alla situationer. I den här rapporten beskrivs de metoder en projektgrupp tillämpade under ett kandidatarbete i programvaruutveckling, och konsekvenserna dessa fick för den slutgiltiga produkten. Gruppen har kommit fram till att värde har skapats för kunden genom att implementera kundens begärda system, en interaktiv webbapplikation. Underhållbarhet har uppnåtts genom att följa en kodstandard, tillämpa parprogrammering och kodgranskningar samt publicera koden som öppen källkod. Att under möten diskutera gruppmedlemmarnas välmående bidrog till bättre sammanhållning och stämning och därmed ett bättre slutresultat. Många av gruppens svårigheter hade lösts om gruppen haft ett dedikerat kontor. Förhoppningen är att de erfarenheter och den kunskap som gruppen tillgodogjort sig under projektet, och dokumenterat i den här rapporten, ska komma till nytta för både projektmedlemmarna och rapportens läsare.

Hantering av larm från nätverksnoder är i dagsläget en process som kräver att nätverkstekniker besöker flera olika källor av information för att dra en slutsats över vad orsaken till larmet kan vara. Genom att besöka flera olika källor av information kan det vara komplicerat att få en överblick över problemet. Studien utförs på uppdrag av Trafikverket för att underlätta arbetet för Trafikverkets nätverkstekniker på avdelningen network operations center (NOC). En webbapplikation har utvecklats för att sammanställa de vanligaste källorna som nätverkstekniker besöker. Webbapplikationen amalgamerar och presenterar information på ett sätt som bör underlätta felsökningsprocessen för nätverkstekniker. Webbapplikationen indikerar de vanligaste felorsakerna, beroende på vilken typ av larm som hanteras. Valmöjligheter vid utveckling av en webbapplikation kan göra det svårt för utvecklare att välja mjukvara. Även om mjukvara delvis sorteras ut beroende på i vilket syfte som utvecklingen sker finns fortfarande en stor mängd alternativ. Denna studie har förtydligat och bevisat att mjukvaran NodeJS, PostgreSQL och PostGIS fungerar enhetligt och är att föredra för en webbapplikation med spatiala funktioner. För att utvärdera webbapplikationen genomfördes ett användartest där nio personer, 47% av personalen på Trafikverket NOC deltog. Användartestet visar positiva resultat gällande hur väl webbapplikationen fyllde sitt syfte med att indikera möjliga orsaker för nätverkslarm samt deltagarnas upplevelse med webbapplikationen. I användartestet anser 100% av deltagarna att webbapplikationen skulle spara dem tid och de tre populäraste funktionerna var polygoner för att visa elnätägare, realtids väderdata samt en sammanställning av interna data på samma ställe. / Handling of alarms on network nodes is a process that requires network technicians to visit several sources of information before they can draw a conclusion on the reason behind the alarm. By visiting several different sources of information, it may be difficult to establish a good overview of the problem. This study is made on request by the Swedish traffic authority Trafikverket to ease the workload of the co-workers at the department network operations center (NOC). A web application has been developed to amalgamate the most common sources a network technician visits. The web application presents the amalgamated information in a way that eases the troubleshooting process for the network technicians. The web application also indicates what the most common reasons are, depending on which kind of alarm that is being handled. Due to the large availability of different software it can be difficult for a developer to choose a suitable software. Even if some are excluded based on the purpose of the development there are still many choices. This study emphasizes that the software NodeJS, PostgreSQL and PostGIS works well together and is a suitable choice when creating a web application that needs to use spatial functions. To evaluate the web application a user test was conducted were nine participants, 47% of the personnel at Trafikverket NOC participated. The result shows positive results in both how well the web application filled its purpose by indicating possible reasons for a network alarm as well as the participants experiences with the web application. In the user test 100% of the participants claim that the web application would save them time and the three most popular features were polygons of electricity distributors, real time weather data and an amalgamation of internal data in one place.

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.