Webben växer och webbapplikationer blir mer och mer komplexa och innehållsrika. Med detta så ska dessa växande applikationer även kunna presenteras på ett tilltalande och effektivt sätt. Jättarna Facebook, Twitter, Instagram och små bloggar har alla börjat använda sig av en teknik för att kunna dynamiskt ladda in ytterligare innehåll på en sida utan att behöva ladda om den. Denna teknik kallas för Infinite Scroll eller oändlig scrollning. Infinite Scroll kan resultera i enormt stort innehåll vilket tidigare studier visar på att det bidrar till bristande prestanda för rendering och manipulering av innehållet. Arbetet kommer utföra ett experiment där målet är att undersöka hur två populära SPA-ramverk AngularJS och ReactJS hanterar detta problem.

Barák, K. Interactive game for university propagation. Master thesis. Brno: Mendel University, 2015. Master thesis describes design and implementation of interactive epistemic web game. Then offers overview of developing possibilities in area of web applications and helps to orientate oneself in huge amount of developing tools, which are available these days. Main part is design of data model for information storing, application design, implementation and testing. Thesis also deeply analyses real-time web based applications issue and submits solution.

Master of Science / Department of Computing and Information Sciences / Daniel A. Andresen / “Dreams Job” is an online Job Search Portal, a web application through which job seekers can register and apply for jobs. Through this portal employers can also post their jobs and review applications. The traditional recruitment systems are time taking and costly. A job seeker must find jobs through advertisements, college fairs, job fairs etc., and the employers must put in much effort to find the right candidate for a vacant position. This application addresses such shortcomings and is a convenient platform for both job seekers to find and apply for jobs and for employers to post jobs and review applications with much ease. Candidates can search for jobs in any field through advanced search capabilities. They can upload their resumes to this application which is stored for future use also. Employers can download these resumes and post/delete job positions. The admin controls this portal and makes the decision about companies and jobs that can access/appear in this portal. Candidates and Employers can use this portal without any geographical barrier, from any part of the world. This application is also developed by using some cutting-edge technologies that are in great demand in the IT industry today. Some of them are NodeJS, AngularJS, Sequelize ORM, etc.

Det mesta av all information som hittas på nätet som inte är i löpande text, presenteras ofta i tabeller. För att stora tabeller ska vara lättare att hitta i för användaren görs de ibland interaktiva, dvs att de går att sortera efter vald kolumn eller att de går att söka i. När en interaktiv tabell ska implementeras i en webbapplikation kan olika tekniker användas, bland annat JavaScript eller olika MVC-ramverk. I följande tekniska experiment undersöks vilken betydelse val av ramverk gör för exekveringstiden vid sorteringar av tabellens innehåll, och hur tabellens storlek påverkar sorteringens tid. Ramverken har även jämförts med handskriven JavaScript. De två MVC-ramverk som testats är AngularJS och Backbone.js. Resultatet av olika tester som genomförts i experimentet visar att det spelar stor roll vilket ramverk som väljs för detta. Av de ramverk som testats utför webbapplikationen skriven med AngularJS sorteringarna snabbast.

Summit Music Management är ett managementföretag som arbetar med en rad svenska artister. I deras arbetsuppgifter ingår även hantering av artisternas webbplatser, ett arbete som visat sig vara säkerhetskänsligt och svårt att få klart. Målet med projektet har varit att utveckla ett Content Management System för aktörer inom musikbranschen, vars syfte det är att förenkla det dagliga arbetet av dessa webbplatser. Systemet ska innehålla funktionalitet som gör det möjligt att skapa webbplatser åt artisterna samtidigt som det ska gå att underhålla och uppdatera textmaterial såväl som bilder som finns på webbplatserna. Systemet har skapats med tekniker, språk och ramverk som finns tillgängliga under fria licensavtal. Systemets grund är skapat med PHP-ramverket Laravel tillsammans med HTML, CSS och Twitter Bootstrap. Denna del fungerar som gränssnitt för administratörer där användaren kan logga in och skapa webbplatser. De webb-platser som skapas av systemet är skrivna i AngularJS tillsammans med HTML, CSS och Twitter Bootstrap. Mellan dessa delar finns ett REST-api skrivet i Laravel som sköter kommunikationen mellan komponenterna. Systemet arbetar mot en MySQL-databas där all data lagras och hämtas ifrån. Summit Music Management har förutom att leverera text- och bildmaterial, även fungerat somtestpanel för att kunna mäta systemets användbarhet. Testerna visade att systemet kan möta de behov som finns hos Summit Music Management men att det kan komma att behöva vidareutvecklas för att bättre passa en större kundgrupp och för att strama åt säkerhetsaspekterna ytterligare.

Over the past decade, the IT business have shown tremendous growth specially in the area of services for both internal and external customers. As the development of these services continuous to increases so does the need to be able to present documentations of the services in an effective and useable way. TeliaSonera is one of the companies that have problems reaching its customers with information about the various services they offer, and is currently wanting to develop a system to provide to its customers to elevate this growing problem. The current system that is deployed by TeliaSonera has major issues when it comes to finding the right record or documentation which leads to that customer end up spending more time than intended and this in turn ends in customer dissatisfaction and the use of offered services decreases as well. This project aims to firstly create a requirement specification for the system that TeliaSonera needs to effectively resolve the issues they have and secondly use the requirement specification to develop a prototype for the presentation of the various services offered. The waterfall method was used when creating the requirement specification, which involved a group consisting of one system administrator and four users. By gathering the input from the group a requirement specification was created. The requirement specification was then used to develop the prototype, which included a REST API and a user interface. The usability tests that were performed comparing the current system with the prototype indicates that the prototype is providing a platform to users that enables them to decrease the time spent on finding the request information. Furthermore the usability tests indicates that by providing a very detailed and specific website almost all employees will be able to use the system. Another benefit that the usability tests showed was that users learned to use the system very effectively after the initial run and that the users retained the knowledge over time. / Under de senaste årtiondet har IT-världen vuxit explosionsartat och i dagens läge utvecklas diverse tjänster, ämnade för både intern användning och extern användning för kunder. Då utvecklandet av dessa tjänster sker kontinuerligt ökar behovet av att kunna presentera dokumentationerna av tjänsterna på ett bra sätt. TeliaSonera är ett av företagen som har problem med att presentera dokumentationerna då de idag inte har hittat ett effektivt sätt att göra de på. I nuvarande systemet som TeliaSonera har är tidsåtgången för att hitta en dokumentation för hög, vilket leder till missnöje bland de anställda, då de måste spendera dyrbar tid att leta efter efterfrågad dokumentation. Därmed syftar projektet till att minska tidsåtgången och missnöjdheten bland de anställda. Genom att ta fram en kravspecifikation enligt vattenfallsmetoden tillsammans med en grupp som bestod av en administratör och fyra anställda konstruerades en kravspecifikation. Kravspecifikationen lade grunden för påbyggnaden av en prototyp, som innehöll ett REST API och ett användargränssnitt. Därefter genomfördes användbarhetstester och sedan jämfördes det nuvarande systemet med prototypen som skapades. Jämförelsen resulterade med att de anställda hittade dokumentationerna av tjänsterna snabbare på prototypen, men jämförelsen skulle kunna vara missledande eftersom att prototypen endast innehöll 10 tjänster. Detta innebär i sin tur att det skulle kunna ta längre tid och fler klick för en anställd att hitta efterfrågad dokumentation på prototypen om samtliga tjänster lades till i prototypen. Användbarhetstestet visade även att systemet måste vara väldigt specificerat och detaljerat för att fler anställda ska kunna förstå sig på systemet, exempelvis länkarna i navigeringsmenyn. Det som även visades under användbarhetstestet var att testpersonerna lärde sig att använda systemet mycket effektivare redan efter första gången och även veckan därpå då de fick ett liknande test.

The topic of this thesis is Liferay Portal, which is a technology based on Java programming language and portlet applications. The technology is not well known among developers despite of the fact that the usage of this technology is quite common in the commercial sphere. The main aim of the thesis is to create a suite of procedures and hints in order to facilitate portlet development for beginners, who are planning to use technologies Spring framework and AngularJS. The secondary objectives include defining the paradigm related to portlet development, analysing portal specifics and its benefits, describing the Liferay Portal from different viewpoints, to compare Liferay to competitive solutions and finally creation, de-velopment and documenting of the application composed of 2 portlets. The main functio-nality of these portlets is Personal Financial Management. Aims were achieved by obtaining information from the community of developers and from sources listed in the bibliography. Information obtained in the area of development was empirically verified using the developed application. There is a proposed procedure in the thesis in case of using the AngularJS technology in the area of portlet development and common issues related to this usage. The thesis consists of theoretical and practical part. The theoretical part deals with portals as such, mentions the market share, Java Portlet Specifications (JSR-168 and JSR-286) and defines the portlet development paradigm. The practical part of the thesis documents basic procedures necessary for portlet development with the option of using of AngularJS fra-mework and finally it documents the developed application from perspectives of the design and usage. The added value of this thesis is the intelligible guide how to start with development of portlets for Liferay Portal. The most important benefit is the guide created to simplify the usage of the AngularJS framework on the client side of the portlet (in the browser), becau-se usage in the common manner is not possible. The outcome and also the benefit is also the created application, which can be used in order to manage user´s expenses and incomes and which has already been used by the author for this purpose.

This master thesis deals with development of a social network for organizing amateurish matches in collective sports. It is implemented in JavaScript. Client side is written in AngularJS framework. Server side is built on Node.js platform, uses framework Express and NoSQL database MongoDB. Resources stored on server are accessible via REST API. The social network integrates some plugins from existing social networks. For example login dialog or share buttons. The created application supports web browsers Google Chrome, Mozilla Firefox and Internet Explorer version 10 or higher.

This thesis focuses on development of web-based GPS data management system in a cloud environment. The thesis introduces the most used application interfaces for building custom mapping applications. It offers a comparison of cloud platforms such as Google App Engine and OpenShift Online. It also deals with the design and the implementation of system for OpenShift Online platform. The system focuses on importing tracks from GPX format, managing tracks, viewing tracks on map tiles from Mapy.cz, searching for tracks, creating an elevation profile and various statistics.

The use of 3D in web applications became available in the mid 1990's with the release of VRML. Today the use of 3D is very common even with web application, and three.js and Babylon.js has become some of the most popular 3D libraries to support the creation of 3D within web services. This project was created together with Explizit Solution AB to test if 3D can improve the user experience within booking systems. The project was to be integrated with Explizit's booking system Adoxa, and make comparisons with a version called Ånghästen which exists in Adoxa. This project was a front end development as the back end already existed within Adoxa, and a survey was made with 15 participants where they tested the original Ånghästen and the new 3D version, and filled out a question form based on that test. The result of the application was a front end 3D visualization of the original Ånghästen. The result of the survey showed that most participants preferred the new 3D version over the original one, and also stated that they would most likely continue to use a 3D application if it was designed well. Many bugs and fixes were discovered during the testing and survey and future work includes continuing to fix these and to make it more dynamic for multiple activities.