Att utveckla en ny produkt kan vara tids- och pengakrävande. Att veta om det finns en marknad för produkten är inte heller alltid uppenbart. Detta är varför pretotyping är en bra idé. En pretotyp testar konceptet och intresset på produkter hos kunder. Det är därför en fördel att kunna utveckla pretotyper snabbt. I denna uppsats besvaras frågan om hur ett ramverk för pretotyping kan byggas, samt hur en pretotyp av ett ”smartbälte” har implementerats. Ramverket som tagits fram består av tre komponenter: mikrokontroller, molntjänster och applikation. Kommunikation mellan mikrokontroller och moln hanteras med ett MQTT-bibliotek från Microsoft. Molntjänsterna är baserade i Microsoft Azure och innefattar bland annat IoT-Hub och SQL-databas. Applikationen har tagits fram av uppdragsgivare. Ramverket stödjer kommunikation från enhet till applikation och applikation till enhet. / Developing a new product can be time- and money-consuming. Knowing whether there is a market for the product is not always obvious. This is why pretotyping is a good idea. A pretotype tests the concept and interest in products among customers. It is therefore an advantage to be able to develop pretotypes quickly. In this essay, the question of how a framework for pretotyping can be built will be answered, as well as how a pretotype of a ”smart belt” was developed. The framework consists of three components: microcontroller, cloud services and application. Communication between microcontroller and cloud is handled with an MQTT library from Microsoft. The cloud services are based in Microsoft Azure and include IoT Hub and SQL database. The application has been developed by the supervisor from the company. The framework supports communication from device to application and application to device.

När man arbetar så blir det lätt att man faller in i rutiner. Dessa rutiner kan göra detsvårt att se att ens uppgifter kan ses som repetitiva. Det är också svårt för någon utom-stående att se dessa repetitiva mönster. Målet med detta arbete är att kunna visa för enanvändare vilka delar av dennes arbete som skulle kunna automatiseras. Detta uppnåsmed hjälp av två verktyg som vi utvecklat; en Chrome-extension som loggar vad enanvändare gör under arbetsdagen, samt ett analysverktyg i Python som analyserar datanfrån extensionen och visar möjliga repetitiva moment.Chrome-extensionen loggar varje gång användaren interagerar med ett element påen hemsida till en händelselogg. Denna händelselogg kan sedan exporteras som enJSON-fil och matas in i ett Python-skript för att analyseras och hitta repetitiva mönsteroch arbetsmoment.Efter att ha testat processen på två testfall kom vi fram till att den inte fungerar heltsom planerat, då extensionen behöver samla in mer data och analysen behöver leta eftermönster som är snarlika, inte bara identiska. Verktyget har potential att användas inomfaktiskt verksamhet men då skulle det krävas en vidareutveckling av både Chrome-extensionen samt analys-skriptet.

This project's goal is to further develop the company's GoBrave intranet Goto. The intranet is for the company's employees, where they can find information about customers, login details for various programs and more. Requests about what further development is needed have been collected by the company themselves and then compiled into a list. The list is thus the basis for the project, but other requests have arisen during the course of the project and these have then been implemented. The intranet has been tested based on the Web Content Accessibility Guidelines (WCAG), which are guidelines developed for accessibility on the web. / Det här projektets mål är att vidareutveckla företagets GoBraves intranät Goto. Intranätet är till för företagets anställda där de till exempel kan hitta information om kunder, inloggningsuppgifter till olika program med mera. Önskemål om vilken vidareutveckling som behövs har samlats in av företaget själva och sammanställts i en lista. Listan är således grunden för arbetet men andra önskemål har uppkommit under arbetets gång och dessa har då implementerats. Intranätet har slutligen testats utifrån Web Content Accessibility Guidelines(WCAG) som är riktlinjer framtagna för tillgänglighet på webben.

The purpose of my project has been to create a voting feature on a campaign site for WWF, where visitors to the website can participate in voting and vote for different cities around the world to improve their sustainability efforts. The website has been developed in WordPress based on specified requirements, including security and voting frequency. The development of the website and the plugin has been done in collaboration with other developers in the project. For the website, a custom WordPress theme was created, and the majority of the site was constructed using custom Gutenberg blocks. A survey was performed to compare and analyze existing plugins in WordPress, and an evaluation showed that a custom-developed plugin for the project was the most suitable option. To achieve maximum security on the website, existing security features in WordPress were used, and control of the voting frequency were implemented. The result of the project culminated in a voting feature on the website, where votes were controlled, and the administration interface required authorized users. User tests of the website with colleagues on the company were planned, but due to time constraints, they could not be carried out before the project deadline. These tests were primarily intended to verify the functionality of the voting feature. / Syftet med mitt projekt har varit att skapa en röstningsfunktion på en kampanjsite för WWF där besökare på webbplatsen ska kunna delta i omröstning och rösta på olika städer världen över för att förbättra städernas hållbarhetsarbete. Webbplatsen har utvecklats i WordPress utifrån uppsatta krav på bland annat säkerhet och röstningsfrekvens. Utvecklingen av webbplatsen och pluginet har skapats i samarbete med övriga utvecklare i projektet. För webbplatsen skapades ett eget WordPress tema och med egenutvecklade Gutenberg-block konstruerades merparten av siten. En undersökning har utförts för att jämföra och analysera befintliga plugins i WordPress och en utvärdering visade att ett egetutvecklat plugin för projektet var det mest passande alternativet. För att uppnå maximal säkerhet på webbplatsen användes befintliga säkerhetsfunktioner i WordPress och bland annat röstningsfrekvensen kontrollerades. Resultatet av projektet utmynnade i en röstningsfunktion på webbplatsen där röstningar kontrollerades och administrationsgränssnittet krävde auktoriserad användare. Användartester av webbplatsen med testpersoner inom företaget planerades, men på grund av tidsbrist hann dessa inte genomföras innan projekttiden löpte ut. Dessa var tänkta främst till att kontrollera röstningsfunktionens funktionalitet.

With the modernization of our society it has become more common to live a sedentary lifestyle. Nowadays a large percentage of people are required to sit for prolonged periods of time during office hours. This thesis presents the development and evaluation of an two-dimensional platformer exercise game, called Cave Copt, which was developed for Liopep. Liopep is an offshoot research program at Linköping University that aims to reduce periods of sedentary work through the use of gamification concepts. The objective of the game is to gather resources by navigating a helicopter through a large cave system. The helicopter can be controlled by using the player's physical movement as input for the game. This is done by using a machine learning algorithm called Pose, that is based on Google's MediaPipe framework, which can provide human pose tracking data. In order to answer the research questions, the game was played 100 times by the developerwhile relevant data was saved. Results show a slight upwards trend of player movement with each session played. The results also show that certain game mechanics, including level design and scoring systems, can increase the amount of motion experienced by the player.

The purpose of this study was to create a web application that provided peer to peer rental solutions for students and while doing so maximize the usability of the application with regards to simplicity and online trust. An initial market survey was conducted, see appendix B, and the overall results were promising. The few survey takers that were hesitant towards the idea thought that using a rental solution would not be worth the while. Hence the research question focused on maximizing usability in regards to simplicity and online trust in order to make the e-shop an easy rental solution to use. The application was developed in three iterations and through the development process user tests were conducted and metrics regarding simplicity and perceived online trust were collected. The test conducted made use of the concurrent think aloud procedure, retrospective probing, surveying and time data used for calculating the effectiveness and efficiency of the test participants. The test results all improved throughout the development process and the application was perceived as both simple and trustworthy by test participants. By the end of the study, an application that could provide a peer to peer rental solution that was trusted by its users and was simple to use was realized. The study concluded that the evaluation methods used were good indicators of whether a web application is simple and trustworthy by identifying issues with the application as well as the improvements reflected in the test results. However they should have been applied on separate test occasions.

The goal of this project was to identify which AAA server would be the best fit for the company to implement in its network environment. This has been done through an investigation of three AAA protocols RADIUS, TACACS+ and Diameter. The method for carrying out the project has been to produce a list of requirements with the company with goals and milestones during the course of the work. Information about the work has mostly been gathered from previous course literature and from publications of the Internet Engineering Task Force. With this knowledge, a comparison was created between these three mentioned AAA protocols and a topology of how login to network equipment changes. A test environment with the selected AAA protocol was set up to evaluate its functionality. The result of this is reported in the form of login attempts against three switches with different makes. A discussion of the project's results, the project method, ethical and environmental aspects, as well as economic aspects are discussed at the end of the report. / Målet med detta projekt var att identifiera vilken AAA-server som skulle passa bäst för företaget att implementera i sin nätverksmiljö. Detta har gjorts genom en undersökning av tre AAA-protokoll RADIUS, TACACS+ och Diameter. Metoden för att utföra projektet har varit att ta fram en kravlista med företaget med mål och milstolpar under arbetets gång. Information om arbetet har mestadels samlats in från tidigare kurslitteratur och från publikationer från Internet Engineering Task Force. Med denna kunskap skapades en jämförelse mellan dessa tre nämnda AAA-protokoll och en topologi över hur inloggning mot nätverksutrustning förändras. En testmiljö med det valda AAA-protokollet sattes upp för att utvärdera dess funktionalitet. Resultatet av detta redovisas i form av inloggningsförsök mot tre switchar med olika fabrikat. En diskussion om projektets resultat, projektmetoden, etiska- och miljöaspekter, samt ekonomiska aspekter diskuteras i slutet av rapporten.

In today's digital society, web accessibility is crucial to ensure that all users, regardless of ability or disability, can effectively use websites. This thesis aims to improve the accessibility and usability of a section of Preem's website. Leverage insights from working within Preem's customer service, existing issues were identified, and specific improvements were implemented. The prototype development was carried out in Visual Studio Code using HTML, PHP, CSS, and JavaScript, and was tested with XAMPP. Figma was used to create design sketches, while accessibility tools like WAVE and WebAIM Contrast Checker ensured compliance with WCAG guidelines. Manual testing and user tests complemented these automated tools. Improvements included better contrasts, the use of alt texts, clear labels for forms, and an enhanced navigation structure. User tests demonstrated significant improvements in both accessibility and usability, with high ratings for the prototype's adoption to various devices and the clarity of the FAQ page. Feedback led to further areas that needed improvements, such as improved directions and login landing pages. Overall, the work shows that the implemented improvements have enhanced the accessibility and user experience on Preem's website, providing a solid foundation for continued development and serving as a guide for other organizations aiming to make their websites more inclusive. / I dagens digitala samhälle är webbtillgänglighet avgörande for att säkerställa att alla användare, oavsett förmåga eller funktionsvariation, kan använda webbplatser effektivt. Detta examensarbete syftar till att förbättra tillgängligheten och användarvänligheten på en del av Preems webbplats. Genom att använda erfarenheter från arbetet inom Preems kundtjänst identifierades befintliga problem och konkreta förbättringar implementerades. Utvecklingen av prototypen skedde i Visual Studio Code med HTML, PHP, CSS och JavaScript, och testades med XAMPP. Figma användes for att skapa designskisser, och tillgänglighetsverktyg som WAVE och WebAIM Contrast Checker användes for att säkerställa WCAG-efterlevnad. Manuella tester och användartester genomfördes for att komplettera de automatiserade verktygen. Förbättringarna inkluderade bättre kontraster, användning av alt-texter, tydliga labels för formulär, och en förbättrad navigationsstruktur. Användartester visade betydande förbättringar i både tillgänglighet och användarvänlighet, med höga betyg for prototypens anpassning till olika enheter och tydlighet på FAQ-sidan. Feedback ledde till ytterligare områden som fortfarande kan förbättras, såsom förbättrade vägbeskrivningar och landningssidor for inloggningar. Sammantaget visar arbetet att de implementerade forbättringarna har förbättrat tillgängligheten och användarupplevelsen på Preems webbplats, vilket ger en solid grund for fortsätt utveckling och kan tjäna som vägledning for andra organisationer som vill göra sina webbplatser mer inkluderande.

More and more people, especially within technical industries like web- and software development are working as freelancers these days. The goal of this project was to make it easier for developers to find jobs by creating a web application where developers can advertise themselves and the projects or work they offer. The application was built entirely within the ASP.NET Core framework and Visual Studio with as much Microsoft technology and scaffolding as possible. During planning in Adobe Xd, it was decided that the name of the website would be Devpendent and the design of the site was created. During the course of the practical work, this design was changed somewhat based on needs, but most of what was decided in the planning phase was implemented as planned. As the work missed the original deadline, more features could be added and the application refined further. The website was published using Azure, which is integrated directly within Visual Studio and therefore publishing was easy while database and application could be on the same service. After user testing, some more optimizations were made and some bugs were fixed to ensure that the user experience was as user friendly and functional as possible. In the end, the website turned out pretty much as planned and the goal of the application was achieved. Of course, there were also things that could have worked better and opportunities for development, but I was satisfied with the result. / Allt fler människor arbetar självständigt nu för tiden och speciellt inom tekniska branscher som utveckling av webbplatser och mjukvara. Målet med detta projekt var därför att underlätta för dessa utvecklare genom att skapa en webbapplikation där utvecklare kan annonsera sig själva och projekten de erbjuder. Applikationen skapades helt inom ASP.NET Core-ramverket och Visual Studio med så mycket Microsoft-tekniker och scaffolding som möjligt. Under planeringen i Adobe Xd bestämdes det att namnet för webbsidan skulle vara Devpendent och designen för webbplatsen skapades. Under praktiska arbetets gång så ändrades denna design något utifrån behov men det mesta som bestämdes inom planeringsfasen implementerades som planerat. Eftersom arbetet missade den originella sluttiden så kunde fler funktioner skapas och applikationen finslipas mer. Webbsidan publicerades med hjälp av Azure som är integrerat direkt inom Visual Studio och därför kunde databas och applikation finnas på samma tjänst. Efter användartest så gjordes några fler optimeringar samt fixades några fel för att se till att användarupplevelsen blev så användbar och funktionell som möjligt. Till slut blev webbplatsen i stort sett som planerat och målet med applikationen uppnåddes. Såklart fanns det också saker som kunde fungerat bättre och utvecklingsmöjligheter men jag blev nöjd med resultatet.

<p>This work is about supporting user interface design by means of explicit design representations, in particular models.</p><p>We take as a starting point two different development traditions: the formal, analytic, topdown engineering approach and the informal, synthetic, bottom-up designer approach. Both are based on specific design representations tailored to the respective approaches, and are found to have strengths and weaknesses. We conclude that different representations should be used during user interface design, based on their specific qualities and the needs of the design process.</p><p>To better understand the use of design representations a framework for classifying them is developed. A design representation may be classified along three dimensions: the perspective (problem- or solution-oriented) of the representation, the granularity of the objects described and the degree of formality of the representation and its language. Any design approach must provide representation languages that cover the whole classification space to be considered complete. In addition, the transitions between different representations within the representation space must be supported, like moving between task-based and interaction- oriented representations or up and down a hierarchic model. Movements between representations with different degrees of formality are particularly important when combining user-centered design with a model-based approach.</p><p>The design representation classification framework has guided the development of diagrambased modelling languages for the three main perspectives of user interface design, tasks, abstract dialogue and concrete interaction. The framework has also been used for evaluating the languges. A set-based conceptual modelling language is used for domain modelling within all these perspectives. The task modelling language is designed as a hybrid of floworiented process languages and traditional hierarchical sequence-oriented task languages.</p><p>Key features are tight integration with the domain modelling language, expressive and flexible notation and support for classification of task structures. The language for modelling abstract dialogue is based on the interactor abstraction for expressing composition and information flow, and the Statecharts language for activation and sequencing. Parameterized interactors are supported, to provide means of expressing generic and reusable dialogue structures. Modelling of concrete interaction is supported by a combination of the dialogue and domain modelling languages, where the former captures the functionality and behavior and the latter covers concepts that are specific for the chosen interaction style.</p><p>The use of the languages in design is demonstrated in a case study, where models for tasks, dialogue and concrete interaction are developed. The case study shows that the languages support movements along the perspective, granularity and formality dimensions.</p>