In this study a 3D-application was developed to use for visualizing a website and its visitors in real time. The 3D application was developed to be used in websites developed in the CMS Episerver. This study has investigated the benefits of being able to see how website visitors navigate between webpages in real time, how scalable the implemented 3D application is, if its possible to develop a 3D application that can be implemented in Episerver websites and what the benefits of using 3D compared to 2D or text logs for the end user are. The 3D visualisation was built using the JavaScript library Babylon.js and works by modifying the Episerver Controller class to store relevant visitor data each time a visitor makes a HTTP request to the webserver. The data is then used with Babylon to render animations and visitor representations in the 3D application. Results show that a real time view of a website can be beneficial to be able to see load distribution, where visitors are positioned before restarting the server, to be used in user tests and in customer service cases and that the majority of questioned webadministrators thinks that it would be beneficial to be able to see their visitors in real time. Results also show that the application is not very scalable and that the use of 3D may not be beneficial for the end user. Finally recommendations for future development is presented and discussed. / I detta projekt utvecklades en 3D-visualisering av en webbplats vars syfte var att synliggöra besökares rörelser på webbplatsen i realtid. Visualiseringen skulle utvecklas på ett vis som gav enkel implementation på webbplatser byggda i Episerver. Studien undersöker huruvida det är möjligt att utveckla en 3D- visualisering för Episerver, eventuella fördelar med att se besökare i realtid, hur skalbar applikationen är samt vilka fördelar 3D har för slutanvändaren. 3D- visualiseringen byggdes i JavaScript-biblioteket Babylon.js och fungerar genom att modifiera Episervers controller-klass till att spara nödvändig information från besökaren vid varje förfrågan till servern. Datan används till att rita ut och animera besökares positioner på den 3D-renderade webbplatsen. Resultaten visar att det kan vara användbart att se besökare i realtid för att se lastdistribution på webbplatsen, för att undvika att besökare är i kritiska lägen vid omstart av servern, för att handleda besökare i kundserviceärenden eller för att samla information vid användartest. Vidare visar resultaten att applikationen inte är särskilt skalbar och att 3D inte är ger mervärde för slutanvändaren annat än för imponatoreffekt.

Jag kommer i denna uppsats beskriva den designprocess som pågått vid skapandet av en webbaserad informationsplattform från koncept till slutprodukt. Mitt uppdrag har varit att effektivisera en webbyrås nuvarande sätt att hantera och sprida information på, som bestod av en blandning mellan digital och analog information, och skapa en ny webbaserad informationsplattform. Den nya webbaserade informationsplattformen ska kunna samla all information på en plats och skapa ett effektivare informationsutbyte mellan de anställda på företaget. Jag har använt mig av två teoretiska ramverk; Nielsens tio heuristics samt Krugs visuella design hierarki. Jag har arbetat nära beställaren för att kunna skräddarsy webbplatsen till deras behov. Resultatet efter ett omfattande arbete med designmallar och front-end kodning blev grunden för webbyråns webbaserade informationsplattform, utvecklad för att effektivisera spridningen av information på företaget. / In this essay I will describe the design process during the creation of a web-based information platform, from concept to final product. My assignment has been to take a web agency’s current way of managing and distributing information, which consisted of a mix between digital and analog information, and create a new web-based information platform. The new web-based information-platforms purpose is to gather all information in one place for easier exchange of information between employees at the company and make it more efficient. I used two theoretical frameworks as a theoretical base working on the project; Nielsen's ten heuristics and Krugs visual design hierarchy. I have worked closely with the client to customize the platform to their needs. The result after extensive work with design templates and front-end coding became the foundation for the web agency’s web-based platform, developed to distribute information more efficiently within the agency.

I denna uppsats kommer vi dokumentera vidareutvecklingen av Softwerk AB’s Content Management System kallat AppCMS. I dagsläget innefattar AppCMS plattformarna iOS, Android och Windows Phone. Kunderna till Softwerk AB har dock uttryckt ett behov av att även kunna nå ut till sina användare med en webbaserad samt en utskrivningsbar lösning. AppCMS’s exportformat har därför analyserats för att undersöka möjligheten till att återanvända det existerande exportformatet från AppCMS  även för dessa plattformarna. Undersökningen gav klartecken för att påbörja implementationen av de olika lösningarna. Resultatet av arbetet blev ett tillskott till AppCMS i form av en webb- samt en utskrivningsbar version. I uppsatsen beskrivs de problem vi stött på, hur vi hanterat dessa samt vilka beslut som har tagits. / In this essay we will follow the continuous development of the company Softwerk´s Content Management System (CMS) called AppCMS. AppCMS currently includes the following platforms, iOS, Android and Windows Phone. The customers of Softwerk have expressed the need of also being able to reach their customers with a web based as well as a pdf version. AppCMS’s export format have therefore been analyzed to evaluate the possibility of reusing the existing format from AppCMS for these platforms as well. The examination confirmed that the existing format could be reused for the new solutions and that the implementation phase could begin. This work resulted in an addition to AppCMS in the shape of a web and pdf based version. The essay describes the problem we encountered, how we handled them as well as the decisions taken in the process.

This report describes the implementation of expense reporting in a mobile web application. Two different types of expenses could be reported: remuneration and time deviations. In addition to the creation of new expenses, existing expenses should be able to be edited or deleted. The implementation would be designed in such a way that it prevents the user from making data entry errors in an intuitive way.    The bachelor’s thesis was performed for Flex Datasystem AB in their mobile web application, Flex WebApp. Due to delimitations made during the project only functionality for the expense-type remuneration was implemented. / Denna rapport redogör för implementationen av utläggsrapportering i en mobil webbapplikation. Två olika typer av utlägg skulle kunna rapporteras: ersättningar och tidavvikelser. Utöver skapandet av nya utlägg skulle även befintliga utlägg kunna redigeras och tas bort. Implementationen skulle vara utformad på ett sådant vis att den förhindrar användaren från att göra inmatningsfel på ett intuitivt sätt.    Examensarbetet utfördes åt Flex Datasystem AB i deras mobila webbapplikation, Flex WebApp. P g a gjorda avgränsningar under projektets gång implementerades endast funktionalitet för utläggstypen ersättningar.

Afin de sécuriser les applications web, nous nous sommes intéressés à appliquer des analyses dynamiques de sécurité à des programmes JavaScript. Dansce contexte, pouvoir rapidement modifier l’interpréteur et composer des analyses à l’exécution est primordial. Une façon d’effectuer ces changements aurait été parrefactorisation. Mais la refactorisation peut être délicate et chronophage, car elle implique de réécrire des parties du code source, voire de réorganiser toute l’architecture du programme. La refactorisation est trop coûteuse lorsque prime la vitesse d’itération.Nous explorons une alternative économe à la refactorisation : le détournement. Détourner un programme c’est changer ses résultats sans directement modifierson code source. Pour détourner un programme, on exploite des techniques d’indirection, tels que la portée dynamique et la métaprogrammation.On commence par passer en revue les techniques utilisées pour des problèmes connexes d’extensibilité, et on applique ces techniques pour détourner des interpréteurs simples. Puis, on montre comment le détournement peut aider à construire un interpréteur par incréments, pour permettre d’activer dynamiquement des comportements alternatifs. Enfin, on applique ces techniques pour détourner un véritable interpréteur JavaScript par de multiples analyses dynamiques de sécurité.Au prix d’un potentiel impact en efficacité et en sûreté, détourner l’interpréteur est à la fois plus rapide et plus flexible que de le réécrire, ce qui fait du détournement une alternative légitime à la refactorisation. / For securing web applications, we were interested in applying dynamic security analyses to JavaScript programs. In this context, the ability to quickly modify the interpreter and to compose analyses at runtime is paramount. One way to effect these changes would have been through refactoring. But refactoring can be tricky and time-consuming, as it entails to rewrite parts of the source code, and even to reorganize the program’s whole architecture. Refactoring is too costly when rapid iteration is preferred.We explore a lightweight alternative to refactoring: diverting. To divert a program is to change its results without directly modifying its source code. To divert a program, we leverage indirection techniques such as dynamic scoping and metaprogramming.We first review the techniques used in related extensibility problems, like the Expression Problem, and apply these techniques to divert simple interpreters. We then show how diverting can help build interpreters incrementally in layers, allowing dynamic activation of alternative behavior. Finally, we apply those techniques to divert a full-blown JavaScript interpreter with multiple dynamic security analyses. We find that, with potential costs in efficiency and program safety, diverting is both faster and more flexible than rewriting the interpreter,thus making diverting a legitimate alternative to refactoring.

Tracking Internet users is one of the most controversial and discussed IT topic nowadays. Except of the publicly known tracking by marketing agencies, there even appeared secret methods of surface monitoring of USA population. Because, as shown in this thesis, majority of existing tools for defence against tracking on the Internet are cooperating with trackers, the goal of this thesis is to develop independent defend tool that would block tracking. After mentioning the motivation for tracking and its history there are analysed all known and widespread tracking methods in detail. The two following sections of the thesis are describing the world biggest companies performing the user tracking and their tools and options to defend against each method of tracking by available defensive tools. The practical part of the thesis contains the description, example of usage and manual for developed defensive tool, that protects users on the Internet against the most widespread tracking methods by restricting communication with suspicious 3-rd party servers.

The purpose of this thesis is to prevent websites located in public internet from accessing user's internal network through web browser. Acquired knowdledge about modern browser's security mechanism - same-origin policy and options of implementing the web browser extensions using WebExtensions, was used in the solution. Proposed solution is based on WebRequest API, which intercepts and modifies HTTP requests, and extends functionality of existing browser extension JavaScript Restrictor with the ability to detect and prevent the browser to be abused as a proxy for scanning and accessing user's internal network. The implemented solution was tested and accepted as a part of JavaScript Restrictor. The main benefit of this thesis is the protection from possible abusement of a web browser as a proxy, which is not present in existing extensions.

This thesis describes the development of Tajm-lajn, application for effective and simple time planning in small business. The work contains detailed description of all development stages and user testing and in the conclusion it tries to summarize achieved results and future development of Tajm-lajn project.

New technological innovations like tablets and smartphones have a taken significant market share on the web and puts new demands on webpages, the user interface and compatibility among different client devices. The full test of a web-based system prior to the publication is often regarded as an important part of the process to create a complete and successful website. This bachelor thesis investigates the possibility to analyze mobile-adapted web sites using a system that first records the visitor's activities and then replays them for an expert analyst to provide valuable information to developers about how their site can be improved. The essay begins with a litterature study on today's most common web development tools and then examines the possibility to apply them during the development of the analysis tool. The work also describes two methods, pair programming and waterfall method used during the project. Three different evaluation methods are presented and one of the models is applied on the finished system. The project results in a web-based analysis tool written mainly in JavaScript using the jQuery library. The analysis tool is tested to not affect the user experiences and evaluated by known evaluation models. / Nya tekniska innovationer som surfplattor och smarta mobiltelefoner har intagit stora marknadsandelar på webben vilket sätter nya krav på webbsidornas användargränssnitt och kompatibilitet bland olika klientenheter. Ett fullständigt test av ett webbaserad system före offentlig publicering anses ofta som en viktig del i utvecklingen för att skapa en komplett och framgångsrikt webbsystem. Denna kandidatuppsats undersöker möjligheten att analysera mobilanpassade webbsidor med hjälp av ett system som först spelar in besökarens aktiviteter och sedan spelas upp för utbildade webbanalytiker som ska kunna ge värdefull information till utvecklare om hur deras sida kan förbättras. Uppsatsen börjar med en litteraturstudie på dagens vanligaste webbutvecklingsverktyg för att sedan undersöka möjligheten att tillämpa dessa under utvecklingsfasen av analysverktyget. Arbetet beskriver även två arbetsmetoder som har använts under projektets gång: parprogrammering och vattenfallsmetoden. Tre olika utvärderingsmodeller presenteras och en av modellen tillämpas på det färdiga system. Projektarbetet resulterar i ett webbaserad analysverktyg skrivet huvudsakligen i JavaScript med biblioteket jQuery. Analysverktyget testas för att inte påverka besökarens surfkänsla samt utvärderas efter kända utvärderingsmodeller.

For a mobile application with focus on search functionality to be able to run smoothly, it is important to provide relevant search result based on user input. This report is to investigate how to implement a search function, to provide appropriate answers. The project consists of developing a recipe application with basic functions. The focus will be towards the search algorithm, how it will be designed. To find out what users consider is relevant, a study is done with 88 participants. The results of the survey were evaluated, and remained as an underlay for what should be searchable and how to implement the search function. Creating a good search function proved to consumes a lot of time and resources. The mobile application was completed with the desired functionality, which was provided from the survey. / För att en mobilapplikation med fokus på sökfunktionalitet ska fungera väl, är det viktigt att sökfunktionen ger relevanta resultat baserat på användarens sökningar. Den här rapporten har i syfte att undersöka sökfunktionen kan implementeras för att ge relevant svar. Projektet består av att utveckla en receptapplikation med grundläggande funktionalitet, där fokus är hur sökalgoritmen ska utformas. För att ta reda på vad användare anser relevant har en undersökning gjorts med 88 deltagare. Resultatet av undersökning har utvärderats och legat som underlag för vad som ska vara sökbart samt hur denna sökfunktion bör implementeras. Att skapa en bra sökfunktion visade sig vara både resurs- och tidskrävande. Mobilapplikationen färdigställdes med önskad funktionalitet, där sökningsalternativen är baserade på vad undersökningen visade.