Klientsidesrenderade webbapplikationer med JavaScript-ramverk har blivit vanligt inom den moderna programutvecklingen. Modelleringsunderlag för dessa webbapplikationer kan vara relevant inom IT-industrin eftersom modellering är relevant för utveckling av mjukvara. För att ta fram detta underlag genomförs en fallstudie där modelleringsexempel med UML tas fram för en klientsidesrenderad webbapplikation som även implementeras. Detta resultat ger ett exempel för hur modellering av klientsidesrenderad webbapplikation kan utföras med UML- utökning för designmodeller och implementationsmodell. Baserat på resultatet dras slutsatser om att modellering med UML- utökning för klientsidesrenderad webbapplikation kan underlätta implementation av webbapplikationen och göra den underhållbar. / Client side rendered web applications with JavaScript frameworks have become common in modern software development. Modelling support for these web applications could be relevant for people in the IT industry since modelling is relevant for development of software. For producing this modelling support a case study is done where modelling examples with UML are made for a client side rendered web application that also gets implemented. This result gives an example for how modelling of client side rendered web application can be performed with UML extension for design models and implementation model. Based on the result conclusions are drawn that modelling with UML extension for client side rendered web application can ease implementation of the web application and make it maintainable.

Today’s web applications make extensive use of APIs between server and client, or server to server in order to provide new information in the form of events. The question was whether the different methods of procuring events are different in how they scale. This study aims to compare performance between webhooks and polling, the two most commonly used pull and push based methods for event notification when scaling up traffic. The purpose is to create a basis for developers when choosing the method for event notification. The comparison has been developed through measurements of typical indicators of good performance for web applications: CPU usage, memory usage and response time. The tests gave indications that webhooks perform better in most circumstances, but further testing is needed in a more well-defined environment to draw a confident conclusion. / Dagens webbapplikationer använder sig i stor utsträckning av API:er mellan server och klient, eller server till server för att inhämta ny information i form av events (händelser). Frågan är om de olika metoder som finns för att inhämta events skalar olika bra. Förevarande studie ämnar att jämföra prestanda mellan ”webhooks” och ”polling”, de två mest använda pull- och pushbaserade metoderna för eventnotifikation vid uppskalning av trafik. Syftet är att skapa ett underlag för utvecklare vid valet av metod för eventnotifikation. Jämförelsen har tagits fram genom mätningar av typiska indikatorer för god prestanda hos en webbapplikation: CPU-användning, minnesanvändning och svarstid. Testerna gav indikationer om att webhooks är bättre men det krävs vidare testning i en mer väldefinierad miljö för att dra en säkrare slutsats.

Den här rapporten beskriver resultaten och metodologierna för Bitech front-end-projektet, ett omfattande mjukvaruutvecklingsinitiativ som syftar till att digitalisera och effektivisera verksamheten på byggarbetsplatser. Projektet använder avancerade webbteknologier för att skapa användarvänliga, dynamiska och responsiva gränssnitt som är lämpliga för både platsbaserade och administrativa behov inom byggbranschen. Viktiga aspekter av projektet inkluderar integration av hantering av realtidsdata, mobilkompatibilitet för att säkerställa åtkomst på olika enheter, och robusta säkerhetsåtgärder för att skydda känslig projektdata. Under hela utvecklingsprocessen antog teamet agila metoder, med betoning på iterativ utveckling, kontinuerlig testning och regelbunden kundfeedback, vilket underlättade en flexibel och responsiv utvecklingsmiljö. Denna rapport ger en detaljerad analys av projektets utfall, lärdomar och rekommendationer för framtida initiativ som syftar till att öka den teknologiska adoptionen inom byggindustrin.

Stress and heavy workloads are commonplace for those who work within Swedish healthcare; the issue is exacerbated further by the current shortage of qualified personnel. Therein arises a need for tools to help lessen the burden on the personnel. This report presents a prototype of a web application made for daily staff scheduling, tailored to the needs of the pediatric surgery department at Uppsala University Hospital. The aim of the project was to deliver a more flexible digital solution of daily staff coordination at the department. Two fundamentals of the application were that it should be easy to use and display informationclearly with few misunderstandings. The resulting prototype met the usability requirement, other than a few specific usability issues, and improved upon the readability of the contents displayed in comparison to the previous system. To further improve the system, work could be done to increase the efficiency with which tasks can be performed. / Stress och tunga arbetsbördor hör till vardagen för den som jobbar inom svensk sjukvård, och problemet förvärras ytterligare av den rådande bristen på kvalificerad personal. Däri uppstår ett behov av verktyg som lätter på personalens belastning. Denna rapport presenterar en prototyp av en webbapplikation för dygnsmässig schemaläggning av personal, anpassad för barnoperationsavdelningen vid Uppsala akademiska sjukhus. Målet med projektet var att leverera en flexiblare digital lösning för avdelningens samordning av personal. Två fundamentala egenskaper hos applikationen var att den skulle vara enkel att använda samt visa upp informationen tydligt och med få missförstånd. Den resulterande prototypen uppfyllde kraven på användbarhet, med undantag för ett antal specifika problem, och förbättrade läsbarheten i jämförelse med det tidigare systemet. Det finns dock viss möjlighet för förbättring vad gäller effektiviteten uppgifter kan genomföras med.

<p><strong>Inledning: </strong>Epikutantester används för utredning av kontaktallergier. Det görs ca 3000 tester varje år i Sverige som överförs till ett kvalitetsregister. <strong> </strong>Målet med projektet var att utveckla en webbapplikation och en underliggande databas för hantering och lagring av ett nationellt kvalitetsregister för epikutantester (The Swedish Patch Register). Databasen skall lagras på en central server lokaliserad på Universitetssjukhuset, Örebro.</p><p><strong>Metoder:</strong> Lösningen blev en applikation för webbläsare programmerad i språket C# med hjälp av Microsoft Visual Studio 2008 och ramverket ASP.NET 3.5. MySQL .NET connector tool 6.2.2 möjliggjorde anslutningen mellan ASP.NET och databasen. Databasen skapades på MySQL Server 5.1, en databasserver med öppen källkod. Driftsättning av webbapplikationen testades med IIS 7.</p><p><strong>Resultat: </strong>En webbapplikation, med en design liknande Örebro Läns Landsting webbplats och med följande funktionalitet skapades: Säker inloggning (https, SSL-certifikat), registrera testresultat, hantera användarkonton och behörigheter, skapa standardtester och lägga till nya ämnen för allergitestning, och en hjälpsida. Inmatningen av data standardiserades genom användning av kalenderkomponenten och DropDownLists med förvalda svar för testreaktioner, bedömning, relevans och ett fördefinierat standardtestsystem, för att minska antalet möjliga felkällor. Databasen inkluderar åtta tabeller och informationen har företrädesvis lagrats som heltalsvärden för att förenkla framtida statistiska beräkningar.</p><p><strong>Diskussion: </strong>I brist på licens för Microsoft SQL Server 2008 utvecklades projektet med hjälp av en lösning med öppen källkod som fungerar bra i utvecklingsmiljön. En lösning kopplad till en Microsoft SQL Server 2008 kräver en viss anpassning av källkoden.</p> / <p><strong>Introduction: </strong>Epicutaneous patch testing is used to evaluate contact allergies. Every year approximately<strong> </strong>3000 tests are performed in Sweden and the results are entered in a quality registry. The<strong> </strong>aim of the project was to develop a web application and a corresponding database for managing and storage of a national dermatologic quality registry (The Swedish Patch Test Register). The database will be located on a central server at the University hospital, Örebro.</p><p><strong>Methods:</strong> The solution required programming of an application for web browsers in the language C# with the help of Microsoft Visual Studio 2008 and the web framework ASP.NET 3.5. The .NET connector tool 6.2.2 enabled the connection between ASP.NET and the database created on the open source database server MySQL Server 5.1. Web server hosting was tested with IIS 7.</p><p><strong>Results: </strong>A web application in a design equivalent to the Örebro Läns Landsting web site and with the following functionalities was created: Secure Login (https, SSL-certificate), recording of test results, managing of user accounts and eligibility, creating test series and adding new substances for allergic skin testing respectively, and a help page. The input of data was standardised by means of the calendar component and DropDownLists with pre-selected answers for test reactions, evaluation, relevance of test results and a predefined standard test system in order to reduce possible handling errors. The database includes eight tables and information is preferably stored as integer values to facilitate future statistical calculation.'</p><p><strong>Discussion: </strong>Due to a lack of license for Microsoft SQL server 2008, the project was accomplished by means of an open source solution, and has full functionality in the corresponding environment. A solution in a Microsoft SQL server 2008 environment requires certain adapting of the source code.</p>

In our society there is an increased awareness of environmental impact and reducing greenhouse gas emissions. An influencing factor is transport in passenger cars to and from work. In order to increase the utilization rate of passenger cars and thereby reduce environmental impact, a possible solution is to carpool. The purpose of the project was to create a web application to help those who want to carpool. To be effective and interesting to users such a web application needs to be useful and easy to navigate, as supported in previous surveys. The report’s issue is therefore how a carpooling web application, for companies and their employees, is designed and implemented to make it useful with regard to navigability. The attempt to answer the issue was initiated by finding relevant theory of navigabil- ity and usability. After that a market survey was conducted, to better understand the needs of the target group, and a prototype was developed based on the found theory. User stories were developed to define the application’s functionality and the development of the web application took place in parallel with iterative user tests, where feedback from the tests was implemented. At the end of the project, the final result and each user test were analyzed to compare users’ response to current theory and by answering the issue of the report. Based on the results of the tests, given the theoretical framework, it was shown that two out of four test subjects got lost in the web application. The test subjects were struggling to get through the buying process. They had insufficient understanding of what happens when placing a trip in the cart, that the trips are booked inside the shopping cart and that the payment of completed trips are found on the profile page. Reasons for the result may be due to both the weaknesses of the web application navigability or the characteristics of the test subjects. Despite this the web application was considered useful in accordance with the System Usability Test performed. In its entirety, the web application can be assessed as useful, though it can not be considered to meet the theoretical requirements for navigability. The conclusion is that a navigable web application can be developed by allowing users to effectively find the most important features of the web application. This can be imple- mented with a distinct navigation bar, visual indications for links, information boxes, a natural flow for the user through the page structure, and that the user can get through it with few steps. This should be specifically applied to the buying process, which is central to a consumer web application, to reduce perceived complexity and to be useful and navigable to the user. In order for the web application to be perceived as useful, it should contain the basic functionality requirements expected of a carpooling service. These are being able to register oneself, find a trip, create a trip, find information about pricing and to be able to remove a trip. / I samhället finns det en ökad medvetenhet kring miljöpåverkan och att minska utsläpp av växthusgaser. En påverkande faktor är transport i personbil till och från arbetet. För att öka nyttjandegraden av personbilar och därmed minska miljöpåverkan är en lösning att samåka. Syftet med projektet var att skapa en webbapplikation för att hjälpa de som vill samåka. För att vara effektiv och intressant för användarna behövde en sådan web- bapplikation vara användbar och lätt att navigera i, vilket stöds i tidigare undersökningar. Därför är rapportens frågeställning hur en webbapplikation för samåkning, för företag och dess anställda, designas och implementeras så att den är användbar med avseende på navigerbarhet. Besvarandet av frågeställningen inleddes med att relevant teori om navigerbarhet och användbarhet togs fram. Efter det gjordes en marknadsundersökning, för att tydliga- re förstå målgruppens behov, och en prototyp skapades utifrån den framtagna teorin. User stories användes för att definiera applikationens funktionalitet och utvecklingen av webbapplikationen skedde parallellt med iterativa användartester, där feedbacken från testerna implementerades. I slutet av projektet analyserades slutresultatet och varje enskilt användartest för att jämföra användarnas respons mot rådande teori, och genom det besvara arbetets fråge- ställning. Utifrån resultatet av testerna, sett till de teoretiska ramarna, visades det att två av fyra testpersoner var vilsna på webbapplikationen. Testpersonerna hade svårigheter att ta sig igenom köpprocessen. De hade bristande förståelse för vad som händer när man placerar resor i varukorg, att resorna bokas i varukorgen och att betalning av genomförda resor skedde på profilsidan. Anledningar till resultatet kan såväl bero på brister i web- bapplikationens navigerbarhet eller egenskaper hos testpersonerna. Trots detta ansågs webbapplikationen användbar i enlighet med de System Usability Test som utfördes. I sin helhet kan webbapplikationen därmed bedömas som användbar, däremot den kan inte anses uppfylla de teoretiska kraven för navigerbarhet. Slutsatsen dras att en navigerbar webbapplikation kan utvecklas genom att användar- na effektivt ska kunna hitta webbapplikationens mest väsentliga funktioner. Detta kan implementeras med en tydlig navigationsbar, visuella indikationer för länkar, informa- tionsrutor, ett naturligt flöde för användaren genom sidstrukturen och att användaren kan ta sig igenom den med få steg. Detta bör specifikt tillämpas i köpprocessen, som är central i en webbapplikation för konsumenter, för att minska upplevd komplexitet och att den är användbar och navigerbar för användaren. För att webbapplikationen ska upplevas som användbar bör den innehålla de grundläggande funktionalitetskraven som ställs på en samåkningstjänst. Dessa är att kunna registrera sig, hitta en resa, skapa en resa, hitta information kring prissättning och att kunna ta bort en resa.

Digitaliseringens utveckling genomsyrar stora delar av samhället där informationsteknologi bidragit till tidigare otänkbara möjligheter och fördelar. I dagsläget har organisationer rationaliserat flertalet affärsprocesser där teknologin anses utgöra en fundamental utgångspunkt. Informationsteknologins framfart medför förändringar kring kommunikation där begreppet interoperabilitet introduceras som: samverkan mellan två eller fler system med motivet att utbyta information. Vidare har cirkulär ekonomi erhållit mer uppmärksamhet under senare år där motivet är att förbättra problematiken kring resurshantering och återvinning. Den här studien syftar till att skapa grunden för utformningen av ett informationssystem med stöd av ett interoperabilitetsramverk där motivet är att understödja verksamheter vid sambokningstransporter. Det här har genomförts med hjälp av en kvalitativ forskningsansats där intervjuer har nyttjats som datainsamlingsmetod där studien har avgränsats till mikro-, små- och medelstora organisationer. Dessa är belägna inom en glest befolkad kommun i Sverige där företagsrepresentanter från Orust kommun bidragit med empirisk data. / The evolution of digitization permeates large parts of society where information technology has contributed to previously unthinkable possibilities and benefits. At present, organizations have rationalized most business processes where technology is considered to be a fundamental starting point. The advancement of information technology brings about changes in communication where the concept of interoperability is introduced as: collaboration between two or more systems with the purpose of exchanging information. In addition, circular economics have gained more attention in recent years, the purpose of which is to improve the problem of resource management and recycling. This study aims to provide the basis for the design of an information system, supported by an interoperability framework, with the purpose of supporting co-transport activities. This has been done using a qualitative research effort where interviews have been used as a data collection method in which the study has been delimited to micro, small and medium-sized organizations. These are located within a sparsely populated municipality in Sweden, where business representatives from Orust Municipality contributed empirical data.

Denna rapport redovisar utvecklingen av en tjänst för att lättare kunna söka praktikplats och praktikanter. Tjänsten utvecklades som ett eget projekt att senare kunna visas upp som ett förslag för intressenter av verktyg som detta. Utvecklingen har följt dagens principer för användbarhetsdesign och upplevelsedesign. Målet har under hela utvecklingsperioden varit att skapa något som speglar denna tids trender och applikationer för möten. Resultatet av detta projekt har landat i en hifi prototyp, grafisk profil samt konceptbeskrivning för hur tjänsten ska fungera och användas. Denna prototyp kommer senare att utvecklas och skapas som en webbapplikation. / This report accounts the development of a service to make it easier for students to get an internship. The web application is a self-developed project meant to be later be presented for companies interested in similar areas as this. The development follows the principles of usability and experience design. The goal during the process has the hole time been to create a something that follow this eras trends for meeting applications. The result ended in a wellstructured hifi prototype, a graphic profile guide as well as a concept for further development of the service. The prototype will in the next step be developed into a real web application.

The Department of Engineering Science at University West in Trollhättan was in need of a new system for scheduling personnel, as the existing system is based upon an Excel-file and is hard to work with and does not provide an easy way for the users to collaborate.The purpose of this study was to examine how existing principles and guidelines regarding interface design can be used to create a new web based system with a high usability. The purpose is also to examine how participatory design affects the design process and outcome.To create a system with a high grade of usability, a number of existing rules and guidelines regarding usability and a number of subjects regarding interaction design, were used by the development team as tools.Even though the study showed that usability guidelines can be a valuable tool and provide a good foundation it is important to emphasize the use of other techniques. For example the use of participatory design, which in the study was found to be of great value to the development team. / Institutionen för ingenjörsvetenskap vid Högskolan Väst i Trollhättan var i behov av ett nytt tjänsteplaneringssystem då det nuvarande system som är Excel-baserat är svårt att arbeta med och ej erbjuder något effektivt sätt för användarna att samarbeta.Syftet med studien var att studera hur de principer och riktlinjer som finns gällande interaktionsdesign kan användas för att skapa ett nytt webbaserat system. Syftet var också att undersöka hur deltagande design påverkar design processen och dess resultat.För att skapa ett system med en hög grad användarbarhet har ett antal regler och riktlinjer som berör användarbarhet och ett antal begrepp inom interaktionsdesign använts av utvecklingslaget som verktyg.Även om studien visar att användning av användarbarhetsriktlinjer kan vara ett värdefullt verktyg och erbjuda en god grund är det viktigt att använda fler tekniker. Till exempel användandet av deltagande design, som i studien har funnits vara av stort värde för utvecklingslaget.

The relational database model was defined in the 1970‟s and is the dominating database type today.  The main difference between data from a relational database and a hierarchical data structure is that the relational database stores records in tables. The records have no particular order, but can include links in terms of relationships with other records. A hierarchical structure organizes data in the form of a tree structure  and  can for an example be found in organizational structures in which different levels involves different responsibilities.  If the data stored in a relational database is to be presented in a hierarchically, a conversion of the data structure is required. The intention of this paper is to describe how such a conversion can be performed.   To investigate the conversion methods, case studies has been conducted on the basis of a specific organization‟s hierarchical structure. Web based prototypes were developed in Silverlight to evaluate the conversion of a hierarchical structure, based on the organization that was represented in a relational database. Existing tools were used in order to extract data from a database and transfer data in a client-server architecture.  The result is a framework for the conversion of relational data into hierarchical structure and describes the process step by step. A conversion process includes the design of the database source, extraction and transfer of data to a web client and the algorithm for performing the conversion into a tree structure. / Relationsdatabaser definierades på 1970-talet och är den dominerande databastypen idag. Skillnaden mellan data i en relationsdatabas och en hierarkisk datastruktur är att relationsdatabasen sparar poster i tabeller. Poster i tabellerna behöver ingen inbördes ordning, men kan omfatta  kopplingar i form av relationer till andra poster. En hierarkisk struktur organiserar data i form av trädstruktur och återfinns till exempel i organisationsstrukturer där olika nivåer innefattar olika ansvarsområden.  Om data som sparats i en relationsdatabas skall visas upp hierarkiskt krävs en omvandling av datastrukturen. Syftet med uppsatsen är att redogöra för hur en sådan omvandling kan utföras.  För att utreda omvandlingsmetoder har fallstudier bedrivits utifrån en specifik organisations hierarkiska struktur. Webbaserade prototyper utvecklades i Silverlight för att utvärdera omvandling till hierarkisk struktur utifrån organisationen som fanns representerad i en relationsdatabas.  Till hjälp existerar verktyg för att extrahera data ur databas samt överföra data i klient-server arkitektur.  Resultatet är ett ramverk för omvandling av relationsdata till hierarkisk struktur  och beskriver processen steg för steg. En omvandlingsprocess omfattar utformning av databas för källa, extrahering och överföring av data till en webbklient samt  algoritm  för utförande av omvandling till trädstruktur.