A good health condition is important to maintain. It is a root cause to many other positive aspects in life. Productivity in a working industry can be improved if employees have a good health condition. Because of this, some companies are interested in keeping their employees as healthy as possible. The IT-consulting company CGI uses an in-house developed application, called CGIMoving, to offer exercise campaigns for its employees to encourage a healthy lifestyle. CGIMoving is a web system for logging physical exercise activities, where employees can voluntarily participate and log their workout activity and earn rewards. The CGI members who are responsible for the project have made a backlog with features that they wish to be implemented. The goal of the project was to improve CGIMoving by implementing a set of chosen backlog features. Product improvement was done according to an agile Scrum methodology. Tools and techniques used were the ASP.NET web-development framework and the Model-View-Controller design pattern with Visual Studio as the development environment. This report documents the development of six improvements to the CGIMoving system. These improvements are documented in the implemented order: (1) create predefined activities for a campaign, implementation of reminders for (2) inactivity and (3) unclaimed rewards, (4) edit user registered activities, (5) edit information about users and (6) create events. The improvements resulted in an upgraded version of the product. / <p>Digitalt presentation via Zoom</p>

Die Virtual Modelling Language (kurz VRML) ist der Standard für die Darstellung dreidimensionaler Objekte und Welten im Internet. Bereits heute sind unzählige Modelle realer und fiktiver Szenen im WWW zu finden welche mittels VRML erzeugt worden sind. Da VRML weder lizensiert noch plattformgebunden ist stehen eine relativ große Anzahl von VRML-Browsern und Plugins zur Verfügung um diese Welten besuchen zu können. Obwohl der aktuelle Standard 2.0 noch keine Vernetzung virtueller Welten vorsieht, gibt es heute bereits eine ganze Anzahl dreidimensionaler Chatrooms, welche dem Benutzer neben einer virtuellen Umgebung (Gebäude, Landschaft etc.) auch einen virtuellen Vertreter, genannt Avatar, zur Verfügung stellen, welcher den Benutzer in der virtuellen Welt repräsentiert. Die meisten dieser Welten nutzen die von VRML bereitgestellten Schnittstellen für höhere Programmiersprachen, um diese Vernetzung zu realisieren. Die Diplomarbeit stellt einige dieser Konzepte, wie Living Worlds und Open Community, vor und erläutert die dabei auftretenden Probleme bei der Realsierung und Implementation. Davor wird auf die wichtigsten Elemente, Strukturen und Standardschnittstellen von VRML eingegangen und einige der am häufigsten verwendeten VRML Browser vorgestellt. Den Hauptteil der Arbeit bildet die Vorstellung eines virtuellen Chatroom welcher im Rahmen der Diplomarbeit entwickelt und mittels Java und VRML implementiert wurde. Java stellt dabei die zur Vernetzung der Clients notwendigen Sockets bereit, für das textbasierte Chatapplet wurde ein bereits vorhandenes, frei verfügbares System (VNET) in die Arbeit integriert. Als virtuelle Umgebung wurde ein Abbild der 5. Etage des Uni-Hauptgebäudes in VRML modelliert und steht nun u.a. für Praktikas als virtuelle Lernumgebung zur Verfügung

Entwicklung von AJAX - Was ist Web 2.0 / Social Web? - Anwendungen im Web die AJAX nutzen

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.

Detta arbete innefattar hur användare uppfattar olika webbside-menyer beroende på bl.a. menyns struktur och layout. Dessutom om denna uppfattning kan påverkas av hur mycket eller lite datorvana en användare har. Det som undersöks i detta arbete är ifall det är lättare att söka och hitta information i en meny med få undermenyer i jämförelse med en meny med många menyalternativ, samt om användarna föredrar en horisontell eller vertikal meny. För att kunna svara på detta mäts antal klick samt sekunder det tar för en användare att utföra uppgifter i olika slags menyer. Resultatet visar att det går snabbare för testpersonerna att utföra uppgifterna i de menyer med flest menyalternativ, räknat på både antal klick och antal sekunder. Dessutom svarade användarna i enkäten att de föredrar de menyer med många undermenyer, både vertikal och horisontell. Vid ett framtida arbete kan det vara intressant att undersöka menyanvändningen på exempelvis mobiltelefonen ellers surfplattan.

JavaScript har under de senaste sju åren varit det mest populära programmeringsspråket. JavaScript har ständigt utvecklats, så har även webben. Detta har lett till att det är möjligt att utveckla webbsidor som liknar riktiga mobilapplikationer, även kallat progressiva webbapplikationer. I denna studie var syftet att identifiera, undersöka och jämföra olika JavaScript-ramverk som kan användas för att skapa progressiva webbapplikationer. För att uppnå detta har granskningen skett i tre steg. Det första steget var att identifiera ramverk som tydligt identifierade sig själva som ramverk och främst fokuserade på klientsidan. Under första steget insamlades information om elva ramverk som uppfyllde kraven. Nästa granskning i steg ett var att identifiera de ramverk som återgav information på sin officiella webbsida om hur en progressiv webbapplikation implementeras. Efter denna granskning återstod endast två ramverk, Angular och Vue.js. I steg två utvecklades en identisk webbapplikation i vardera ramverk. I det tredje och sista steget jämfördes ramverken baserat på 15 riktlinjer vid val av ramverk för att slutligen avgöra vilket ramverk som var att föredra vid utveckling av en progressiv webbapplikation. Resultatet visade att Vue.js var det ramverk som rekommenderas vid implementering av en progressiv webbapplikation. Detta baserades på att ramverket krävde färre kodrader samt att ramverket funnits längre på marknaden. Ytterligare en anledning var att ramverket är mest populärt bland utvecklare på GitHub.

The technology of creating web-based applications has been expanding and making better user interfaces that can support many different focus groups, such as building a website that is flexible and easy-to-use for children and/or the elderly. Another expansion has been in the field of storages of data and connectivity. These technologies, however, have a steep learning curve for new developers. With the rise of these new techniques, a unique contemporary set of skills have been introduced, the Front-End, which is a layer that involves the presentation aspect of an application. React.js is a popular JavaScript framework for front-end development. It has become the most framework for user  interface design. In today’s market there are several other frameworks that one can utilize for front-end solutions such as Angular v2 and Vue.js. The results of this thesis is the improvement on creating a developer friendly custom creation of unique elements. By following proper processes when using the API, one can learn and create their own custom API to their own liking. The API created is a basic GUI addition to React, which enables a Log-In interface that can be easily manipulated by following the thesis, and/or by tracing the steps in the code. This is useful for those that want to have a template GUI API.

This paper explores the development and implementation of an in-browser map with the purpose of visualizing large sets of geographic data. The map is implemented into a pre-existing search engine of geographic data. Two mapping frameworks are compared in terms of performance, ease-of-use, and functionality. These frameworks are Leaflet and Google Maps. This paper also explores which issues may arise when implementing these mapping frameworks within a pre-existing ASP.NET project. These aspects were evaluated through performance tests, documentation reading, and compiling experiences gained through implementing the map within the search engine. The experiments show that both Leaflet and Google Maps are viable frameworks to use when developing in-browser maps, but also that they have their pros and cons. Google Maps sports a generally higher level of performance, and a larger set of paid available services. Leaflet is a free, open-source alternative with a large plugin repository, but relies on third-party services for features such as geocoding.

I ett tidigare examensarbete på skolan för informations- och kommunikationsteknik på KTH utvecklades exjobbspoolen, en webbportal skapad med syftet att göra det möjligt för företag att annonsera ut examenarbeten som studenter på ICT-skolan kan söka. Men för att kunna börja använda exjobbspoolen behövdes vissa efterfrågade funktioner utvecklas och befintliga förbättras. För att en mer enhetlig känsla med resten av KTH:s hemsidor skulle uppnås samt att presentationen av sidans innehåll skulle visas på ett effektivare sätt behövdes även webbportalens layout göras om. Den här rapporten tar upp hur systemet har vidareutvecklats och varför valda metoder har använts. Arbetet har gjorts utifrån projektmetoden Feature-Driven Development och är konstruerat i HTML5, PHP, JavaScript, jQuery och har en databas av typen PostgreSQL. Resultatet av projektet är en webbportal som ger möjligheten till företag eller institutioner att förmedla exjobb med önskad formatering. Det examensarbetet kan sedan sökas och bokas av studenter som har identifierats sig via KTHs-inloggningstjänst. / In a previous project at the School of Information and Communication Technology at KTH, a web portal called exjobbspoolen was created with the aim of making it possible for companies to advertise graduate jobs that students at the School of ICT could apply for. But in order to start using this webportal some requested featureshad to be developed and some existing improved. For a more consistent feel with the rest of the KTH websites the layout also had to be redone. This report discusses how the system has been developed and why selected methods have been used. The projec have been driven based on Feature Driven Development, and is developed in HTML5, PHP, JavaScript, jQuery and has a PostgreSQL database. The result of the project is a web portal that provides the ability for companies or institutions to submit graduate jobs with the desired formatting. The job can then be searched and booked by students who have been identified via the KTH-login service.

To investigate the feasibility of improving performance for EcmaScript code in environments that restricts the usage of dynamic just in time compilers, an ahead of time EcmaScript to C compiler capable of compiling a substantial subset of the EcmaScript language has been constructed. The compiler recovers type information without customized type information by using the Cartesian Product Algorithm. While the compiler is not complete enough to be used in production it has shown to be capable of producing code that matches contemporary optimizing just in time compilers in terms of performance and substantially outperforms the interpreters currently used in restricted environments. In addition to constructing and benchmarking the compiler a survey was conducted to gauge if the selected subset of the language was acceptable for use by developers.