No description available.

This thesis is about designing and creating 3D visualisation of interior localization using Sewio system. Visualisation is presented as web application with WebGL technology. WebGL deployment is simplified with Three.js library. For future scalability of the application, I deal with integration of Three.js into Model-View-Controller architecture. The last part of the thesis is about additional sensors and their use to make the localization more precise. There is a barometric senzor making vertical localization possible and inertial sensors useful for determining rotation of localized devices.

This diploma thesis deals with designing and implementation of administration system for Metal Ryspol, s. r. o. In the implementation phase, modern development technologies were used, such as MVC architecture and responsive web design.

En stor kvantitet av miljödata samlas hela tiden in och för att dra nytta av all data behöver den förstås av de användarna som kan applicera kunskapen inom deras område. Visualiseringar tillåter användare att förstå datan och det är därför en viktig del av hur en användare kan ta del av den datan som samlas in. I detta arbete evalueras de WebGLbaserade teknologierna Three.js och X3DOM om vilken som är mest lämplig för att visualisera geospatial data på webben utifrån hur effektiva de är vid rendering av heatmaps. Två applikationer utvecklas, en baserat på Three.js och en på X3DOM. Mätningar utförs på varje applikation för att jämföra renderingstiden mellan teknologierna och en kvalitativ studie används för att evaluera deras användbarhet. Resultatet blev att Three.js är mer lämpligt för att visualisera geospatial data på webben.

3D JavaScript frameworks are used for creating interactive 3D in web applications. There are two prominent frameworks: Babylon.js and Three.js. They are often compared to one another where performance and ease of use are mentioned as important factors.  A web developer could face choosing a 3D framework. This thesis aims to aid in that process. It investigates how Babylon.js compares to Three.js when it comes to performance such as memory use and frames per second for the end-user consuming a web app. It also investigates how they compare when it comes to ease of use for the developer in terms of initial learnability.  For the performance part, a web app with a minimalistic one box animation was created with each framework and deployed on Netlify. The web app was accessed with a browser’s developer tools to record memory and frames per second. For the ease of use part, observation sessions were made with nine developers who were tasked with getting a basic 3D model up and running locally with each framework with the official documentation as a starting point, one hour limit respectively.  Results showed that both frameworks performed equally when it came to frames per second, and Babylon.js used 2,2 MB, 46 %,  more memory. Only five out of eight or 63 % of the participants managed to implement a 3D model in Babylon.js and five out of nine or 56 %  in Three.js. Three.js scored slightly higher on ease of use than Babylon.js, but neither framework scored high on the overall scale. Participants favoured Babylon.js when asked to choose. However, almost all had a frustrating experience with both during the sessions. Performance is similar except for memory use when it comes to lightweight implementations in these frameworks. Initial learnability could be a gatekeeper. If users do not get past the first hurdle fast with quick feedback that a framework works in the most basic sense, a conceivable risk is they could give up and never use it.

Denna studie jämför skillnader i FPS mellan de två WebGL-biblioteken Three.js och Babylon.js. Prestandan som mäts är hur många bilder per sekund, eller FPS (engelska frames per second) som en webbapplikation med 3D-grafik klarar att rendera. Prestandamätningarna utförs på en 3D-modellvisare som implementeras i både Three.js och Babylon.js. Testerna utförs på en bärbar dator med Windows 10. Hypotesen antar att Three.js inte kommer att prestera bättre än Bablyon.js Resultatet från studien visar dock att Three.js presterar bättre än Babylon.js. Studiens syfte är att ge utvecklare en uppfattning om vilket WebGL-bibliotek som är mest lämpligt att använda vid exempelvis utveckling av en e-handelssida där produkter har 3D-förhandsvisningar. Studien kan användas som grund eller inspiration för framtida forskning inom samma område.

Olika typer av data används för att användare skall kunna presentera och dra beslut ifrån data, för att lättare förstå datan tillämpas visualisering som ett sätt att göra datan mer läsbar och lättförstådd. När data skall visualiseras på webben kan många olika teknologier användas för att rendera ut datan. I denna studie kommer ramverk för rendering av heatmaps jämföras sett till deras prestanda i form av renderingstid. De två applikationer som utvecklades var D3.js samt Three.js. Dessa jämfördes sedan i ett experiment där mätningar utfördes på de båda teknologierna. Resultatet blev att Three.js var mer lämpat för visualisering av heatmaps på webben.

Mass production of consumer products is both wasteful and limit the consumers' power to influence the design of what they are buying. When shopping for a product, the customer must choose between a range of specific products with limited variations. What if the customer could make all the design choices, creating and buying the product according to his or her own needs? A 3D product generator holding a configurable model of a product was created to replace static content in online stores and give creative power to customers. This work aimed at creating an effective 3D product generator by evaluating how users experience the design of and interaction with it, and finding general design goals when introducing interactive 3D content in static 2D environments. A prototype of a 3D product generator in a generic online storefront was implemented in two iterations, improving on and evaluating the design through usability testing. The evaluation of the final prototype suggested that the interface was indeed effective in both design and interaction. This work concludes that user feedback is crucial to creating a successful user experience, which in turn is important when creating interfaces for product configuration.

This thesis deals with the making of virtual tours in the virtual reality. It deals with panoramic photographs and their use in creating virtual tours. In this thesis, two applications were designed and implemented. The first one as a web editor for creating and the other as a mobile application for viewing virtual tours. The created solution provides a comprehensive tool for working with virtual tours.

This thesis describes how positional data gathered from a diving device can be visualized in a regular browser on mobile as well as stationary devices utilizing built-in connections to the GPU with OpenGL. In this work a platform and a visualization prototype are designed, implemented and evaluated. The results show that WebGL is available to most platforms but notably not on devices running iOS. The web browser can be used for implementing advanced functionality but the performance on the handheld devices needs to be improved. The thesis discusses and proposes a design for getting more enjoyment out of diving based on the observations of the implementation and suggests an entertaining social platform for adventures. / Detta examensarbete visar hur positionsdata inhämtade med ett dykredskap kan visualiseras i en webbläsare på såväl mobila enheter som på stationära datorer med hjälp av nyttjande av inbyggd koppling till GPU med OpenGL. I detta arbete designas, implementeras och utvärderas en plattform och en visualiseringsprototyp. Resultatet visar att WebGL finns tillgängligt på de flesta plattformarna, men värt att notera inte på enheter som kör iOS. Webläsaren kan användas för att implementera avancerad funktionalitet men prestandan behöver förbättras. Arbetet diskuterar och föreslår en design för att få ut mer glädje av dykupplevelser genom observationer av en implementerad prototyp och föreslår ett engagerande system för socialt samarbete kring äventyrsupplevelser.