This study aims at investigating how a web application can be designed to visualize data in an efficient and useful manner. The study also aims at investigating which elements and methods of visualization contribute to understanding information that is visualized in the form of an interface. The question that the essay is about to answer is how a web application can be designed to visualize data in an efficient and useful way? To answer the question, a web application has been developed that visualizes data in the sterilization process. The research strategy used for the study is Design Science. Data collection and requirements have been collected through participatory observations in production at Fresenius Kabi. In order to create a web application that is useful and adapted to the environment it is intended for, Jakob Nielsen's usability principles, Stephen Few's design guidelines, Rick Borup’s theories and theory of web standards have been used as the basis for development. The web application and its usability have been evaluated using expert evaluations based on Steve Krug's guidelines as well as Jakob Nielsen's rating scale. The paper's discussion presents considerations and proposals for further research. The conclusion presented is that the development of a web application that emphasizes visualisation can be designed in a useful and clear manner by performing a thorough collection of requirements and well-performed expert evaluations with users. By reviewing previous research and theories related to usability and design, a visual representation of existing data can be a useful tool that can be used to optimize the production processes in the future.

Mjukvaruutveckling är en komplicerad uppgift och olika visualiseringstekniker har genom åren använts för att underlätta förståelsen och underhållbarheten av mjukvara. I detta arbete har en prototyp tagits fram för att underlätta navigering och förståelse för mjukvarukomponenter i utvecklingsverktyget Arctic Studio. En intervju- baserad användarundersökning användes för att förstå aktuella brister med nuvarande presentationsmönster i Arctic studio och ta reda på hur användarna arbetar med verktyget. Prototypens design baserades på resultatet av användarundersökningen. Den slutgiltiga prototypen bestod utav tre delar. Ett polärdiagram för att visa komponenter och dess grannar, en matrisbaserad visualisering för att visa en vald komponents portar och dess kopplingar samt en riktad trädgraf för att visualisera hur information propagerar genom systemet. Den framtagna prototypen evaluerades med hjälp av kognitiva genomgångar med interna utvecklare. / Software development is a complicated task and different visualisation techniques have been used during the years to facilitate understandability and maintenance in software systems. In this thesis a proof of concept has been developed to augment navigation and understandability for software components in the integrated software development environment Arctic Studio. An interview based user survey was conducted to identify issues with the current environment in Arctic Studio, and to find out current usage patterns in the user base. The design of the prototype was based on the result of the user survey. The final prototype consisted of three parts. A radian diagram was used to provide a neighbourhood view for the different compositions of the system, a matrix based visualisation complemented this view to show a selected components ports and connections. The last part consisted of a directed tree graph to visualize the connection hierarchy for a selected port. The prototype was then evaluated using a cognitive walkthrough with internal developers.

Produktkategorin kläder har gått från att vara den minst adopterade kategorin inom e-handeln till att idag befinna sig på listan över “topp e-handlade varor”. Fler människor har börjat konsumera genom mobiltelefonen, vilket bedöms vara en av de viktigaste orsakerna till att e- handeln fortsätter att ta marknadsandelar. Med utgångspunkt i nämnda utvecklingen, utgör syftet med uppsatsen att undersöka tre externa variablers påverkan vid mobil handel av kläder – visualisering, betalningsmöjligheter och storleksguide. En analysmodell har utvecklats med TAM-modellen som grund, där teoretiska begrepp operationaliseras till attitydpåståenden som testas i en enkätundersökning med 76 respondenter. Resultatet visar att de flesta respondenter anser mobilapplikationer för kläder som användbara, med undantag för att många anser att det inte går snabbare att uppfylla shoppingbehov via m-handel. Vidare visar resultaten att de flesta respondenter anser mobilapplikationer för kläder som användarvänliga med undantag för att många anser det vara enklare att jämföra alternativ i fysisk butik. Visualisering, storleksguide och antal betalningsalternativ anses påverka användbarheten och användarvänligheten i hög grad. Överlag är respondenternas attityd till m-handel av kläder positiv och så även intentionen att handla kläder via m-handeln i framtiden. Slutligen visar undersökningen att mobilen används främst vid informationssökning och jämförelse av alternativ och i mindre utsträckning vid faktiskt köp av kläder.

Bakgrunden till denna studie bygger på ett tidigare projekt som genomfördes 2011, då en installation bestående av två interaktiva träd uppfördes på Barn- och ungdomssjukhuset (BUS) i Lund. Träden blev ett verktyg, en lösning, för att synliggöra och visualisera personliga berättelser mellan människor och används idag frekvent av anhöriga och besökare. Denna studie ämnade undersöka hur anhörigas och besökares behov av att kommunicera och visualisera sina tankar och berättelser kan tillfredsställas på bästa sätt, både analogt och digitalt.Tidigare forskning om visuella verktygslådor, kommunikation och interaktion online, attityder kring datateknologier och självutlämnande berättelser samt om informationsutbyte och anonymitet valdes ut. Tre huvudsakliga för studien intressanta teoriområden studerades; användarupplevelse, kognitiv absorbering och visualisering. De metoder som användes för datainsamlingen inom studien var förberedande fokuspunkter, fältanteckningar, iakttagelse av rörelser i miljön, samt två steg av kontextuella undersökningar, varav det första steget kompletterades med en egenutformad visuell kortmetod. Stor etisk hänsyn har tagits genom hela studien för att respektera den svåra situation som många av de anhöriga och besökare som befinner sig på BUS i Lund.Resultatet bekräftar att det finns ett starkt behov av att dela med sig och ta del av andras tankar och berättelser på BUS i Lund, men även att behoven skiljer sig mycket och kräver olika lösningar. Somliga respondenter vill ha en lösning där man kan söka upp, skapa kontakt och upprätta relationer med människor i liknande situation och som är nåbar överallt ifrån. Majoriteten av respondenterna vittnar även om ett stort behov av en platsbaserad lösning, vilken ses som en viktig aktivitet och upplevelse, där visualisering av ord och bild blir till en interaktiv utställning där anhöriga, besökare, men även patienter, kan delta. / This study is based on a previous project, carried out in 2011, when two interactive trees were put up at the Children’s hospital (BUS) in Lund. The trees became a solution for people to visualize their personal stories, and they are still used frequently today by relatives and visitors. This study intended to examine how to best support the needs of relatives and visitors for sharing and visualizing their thoughts and stories, for both analog and digital solutions.Previous research was studied, about visual tool boxes, communication and interaction online, attitudes towards computer technologies and self-revealing stories, as well as about information exchange, and anonymity. Three main research theory areas were reviewed; user experience, cognitive absorption and visualization. The methods used for data collection were exploratory focus points, field notes, and observation of the movements in the environment, as well as two stages of contextual studies, of which the first was complemented by a self-designed visual card method. Considerable ethical consideration was observed throughout the study, as a mark of respect for the difficult situation that many of the relatives and visitors find themselves in.The results confirm that there is a great need to share and learn from others' thoughts and stories at BUS in Lund, but also that needs vary greatly and require different solutions. Some respondents want a solution where you can look up, create contact and establish relationships with people in similar situations. They want a solution that is reachable from everywhere. The majority of respondents also indicate a need for a solution with a physical location, which is seen as an important activity and experience, where the visualization of words and images becomes an interactive exhibition in which relatives and visitors, but also patients can participate.

Syftet med studien är att studera och utvärdera visualiseringen av beslutsfattande i simuleringen SimProv. SimProv är en simulering som är tänkt att användas av lärarstudenter för att träna på problematiska situationer som de kan stöta på i klassrum under undervisning. Studien undersökte hur väl en användare av simuleringen kan läsa den visualisering som visar vilken ledarskapsstil de har blivit klassificerade som av SimProv. För att ta reda på vad de existerande visualiseringarna kommunicerar så utfördes observation, semiotisk inspektionsmetod, utvärdering av kommunicerbarhet, användartester och intervjuer av sex stycken lärarutbildare. Resultaten indikerade att visualiseringarna skulle fungera om man fick tid att sätta sig in i dem, men att förbättringar av visualiseringarna skulle vara möjliga. Från resultatet utvecklades även en digital prototyp baserad på förbättringsförslagen som frambringades av studien.

Sandvik Coromant och deras kunder har maskiner inom skärande bearbetning som genererar data vid produktion. Nyttolasten av det data som genereras innehåller olika mätvärden från sensorer inuti maskinen samt händelser som sker i maskinen under produktion. I det här arbetet har insamlad data från maskiner använts för att försöka öka maskinernas produktivitet genom att bistå tekniker och maskinoperatörer med relevant information. För att förmedla informationen utvecklades ett mjukvarusystem som analyserar och visualiserar maskindata. Dataanalysen gjordes med hjälp av artificiell intelligens som tränades på sekventiell data för att prediktera verktygsbrott. Vid identifikation av en datasekvens som potentiellt kan leda till ett verktygsbrott, meddelas maskinoperatören via en mobilapplikation installerad på en portabel enhet. Datavisualiseringarna består av interaktiva linjediagram och tidssorterade listor av maskinhändelser. De interaktiva linjediagrammen är tvådimensionella och visar mätvärden med sitt ursprung från någon maskins sensorer längs y-axeln och tiden längs x-axeln. Interaktiviteten som finns tillgänglig för användare i linjediagrammen är zoomning, panorering samt klickbara datapunkter. / Sandvik Coromant and their customers have cutting machines that generate data during production. The payload of the data generated contains various measurement values from sensors inside the machineas, well as events that occur in the machine during production. In this work, the data collected from the machines has been analyzed to try to increase the machines’ productivity by assisting technicians and machine operators with relevant information. To communicate the information, a software system was developed that analyzes and visualizes machine data. The data analysis was done using artificial intelligence trained on sequential data to predict tool failure. When identifying a data sequence that could potentially lead to a tool failure, the machine operator is notified via a mobile application installed on a portable device. The data visualizations consist of interactive line charts and time-sorted lists of machine events. The interactive line diagrams are two-dimensional and show measurement values originating from any machine's sensors along the y axis and time along the x axis. The interactivity available to users in the line graphs is zooming, panning, and clickable data points.

Visualisering är ett kraftfullt sätt att ge människor en förståelse för data med hjälp av mönster. Fördelarna med att kunna visualisera data på rätt kan resultera i förbättrat beslutsfattande, bättre inriktad dataanalys och bättre samarbete och informationsdelning. Visualisering av stora datamängder medför en rad olika utmaningar tack vare dess storlek och struktur. I och med att dagens webbteknologier utvecklats så pass mycket att de kan mäta sig med desktop-applikationer är webbtekniker ett utmärkt hjälpmedel vid visualisering av data för att också göra det mer tillgängligt. I arbetet skapas två applikationer med hjälp av webbteknikerna i MEAN-stacken där datapunkter kommer att skrivas ut på två olika kartor skapade med Leaflet och OpenLayers. Därefter genomförs sedan ett experiment som mäter laddningstider vid utritning av datapunkterna samt vid interaktion med kartapplikationen. Arbetet ska i sin helhet analysera laddningstider hos en interaktiv karta som visualiserar Big Data med hjälp av webbtekniker.

Stora mängder miljödata samlas hela tiden in och för att använda all data behöver den förstås av användarna så de kan applicera kunskapen inom deras område. Visualisering skapar förståelse om data. Heatmaps kan användas för att visualisera geospatial data och interaktivitet är ett hjälpmedel för att skapa ytterligare grafiska representationer. I detta arbete evalueras JavaScript-teknikerna D3.js, Heatmap.js och Vue.js angående vad som är mest lämpligt för att visualisera geospatial data utifrån effektiviteten vid utritning av heatmaps. Ett experiment genomförs där biblioteken D3.js, Heatmap.js testas i ramverket Vue.js. Detta för att ta reda på vilket bibliotek som föredras vid utritning av heatmaps och om ett ramverk påverkar resultatet. En miljö sätts upp för att genomföra undersökningen och tester för att påvisa detta. Resultatet indikerar att Heatmap.js och mindre datamängder ger en lägre utritningstid i den tillämpning som undersökts. I framtiden är det intressant att undersöka flera bibliotek och flera datamängder.

Detta examensarbete syftar till att undersöka hur aktörerna kommunicerar effektivt med verksamheten i projektering med hjälp av en 3D-visualisering. Rapporten är resultatet av en fallstudie utförd på skol- och sjukhusprojekt. I fallstudien har kvalitativa intervjuer genomförts på respondenter som innehar olika roller inom de studerande projekten. Intervjuerna har syftat till att ta reda på om 3D-visualisering har används inom projektet och om det har påverkat kommunikationen mellan aktörerna och verksamheten. Intervjuerna har även syftat till att ta reda på om en 3D-visualisering bidrar till en större förståelse hos verksamheten för projektet. Resultatet redovisar att 3D-visualisering används mot verksmaheten i skolprojketet men inte i sjukhusprojektet. Resultatet visar även på att en 3D-visualisering kan bidra till en större förståelse för projektet hos verksamheten samt aktörernas intsällning till verksamhetens delaktighet i projektet och om/hur aktörerna nyttjar 3D-visualisering vid kommunikationen mot verksamheten. / The purpose of this thesis is to investigate if 3D-visualization can affect of effectiveness of communication. The report is the result of a case study performed on one school- and two hospital project. In the case study qualitative interviews with respondents who have different roles in the studied project were conducted. The interviews aim to investigate if 3D-visualization affect the commutation between the organizations and the other stakeholders in the project. The interviews also aim to investigate if the use of a 3D-visualization affects the organizations understanding of the project. The thesis results shows that a 3D-visualization was used in the school project but not in the hospital projects. The results also shows that a 3D-visualization can affect the understandning of the project for the organization and the stakeholder’s attitude for the participation of the organizations in the project and how/if the stakeholder´s use of 3D-visualization to communicate with the organizations.

Hamid Ghasemirahni, et al. have shown that the order of the network packets arrival at a datacenter, equipped with commodity servers, plays a significant role in the latency of processing these packets. The larger the burst of packets that are part of a flow and hence will be processed using the same instructions and data, the greater the utilization of the system’s caches and subsequently the lower the latency of their processing. However, there are many reason for the packets to not arrive in a burst. One of the main reason that is examined in this project is packet interleaving that takes place in the routers and switches along the path that the packets take from a computer to/from the datacenter. This project take a more general look at traffic arriving at a server via a tree of network devices on the uplink path to the server. The focus is to use scripts to create a tree of switches and conduct experiments with them by scripting Mininet. From these experiments we learned that the different algorithms that control the output queues of the network nodes across the network path play a significant role in packet interleaving. Furtheromore, experiments on Mininet host connectivity explained how with the Openflow protocol, Mininet controller set up rules in the switches of the network topology. Finally, experiments in TCP throughput showed the limiting factors of a TCP connection between the server and a host while many provided traffic flows illustrate common behaviors of packet interleaving that occurs due to the switches. / Hamid Ghasemirahni, et al. har visat att ordningen på nätverkspaketens ankomst till ett datacenter, utrustat med varuservrar, spelar en betydande roll i fördröjningen av bearbetningen av dessa paket. Ju större burst av paket som är en del av ett flöde och därför kommer att behandlas med samma instruktioner och data, desto större utnyttjande av systemets cacheminne och därefter desto lägre fördröjning för deras bearbetning. Det finns dock många anledningar till att paketen inte kommer fram i en skur. En av huvudorsakerna som undersöks i detta projekt är paketinterfoliering som sker i routrarna och switcharna längs vägen som paketen tar från en dator till/från datacentret. Detta projekt tar en mer allmän titt på trafik som kommer till en server via ett träd av nätverksenheter på upplänksvägen till servern. Fokus är att använda skript för att skapa ett träd av switchar och utföra experiment med dem genom att skripta Mininet. Från dessa experiment lärde vi oss att de olika algoritmerna som styr utgångsköerna för nätverksnoderna över nätverksvägen spelar en betydande roll i paketinterfoliering. Dessutom förklarade experiment på Mininet-värdanslutning hur med Openflow-protokollet, Mininet-styrenheten satte upp regler i switcharna i nätverkstopologin. Slutligen visade experiment i TCP-genomströmning de begränsande faktorerna för en TCP-anslutning mellan servern och en värd medan många tillhandahållna trafikflöden illustrerar vanliga beteenden för paketinterfoliering som uppstår på grund av switcharna.