Allt eftersom undervisningsmaterialet utökas med nytt och reviderat material behöver lärarna hjälpa sina studenter att bli motiverade till att lära sig materialet. Genom att använda interaktiva verktyg blir undervisningen mer intressant och gör det enklare att visa komplext material i undervisningen. JavaScript är det mest använda programmeringsspråket på internet och användas för att skapa dynamiska webbsidor. Animationer är en sekvens av bilder som får ett objekt att röra på sig. Denna studies resultat visar på att AnimeJS är det JavaScriptsbibliotek med minst signifikanta skillnader i datan som har utvunnits från mätningar. Studien visar även att JavaScriptsbiblioteken blir påverkade av vilken webbläsare som används, både för att hålla sin fördefinierade animationslängd och för webbläsaren att exekvera animationens funktionen snabbare.

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.

Sigma energy app is a mobile application for subscribers to various energy subscriptions. The subscribers can use this mobile application to access information regarding their consumption, invoices and active subscriptions. The mobile application that was built consists of a GUI and a web API as middleman between the application and the database. / Sigma energy app är en mobilapplikation för abonnenter av diverse energiabonnemang. Med denna mobilapplikation kan abonnenterna direkt hämta information om sin förbrukning, fakturor och aktiva abonnemang. Mobiltelefonapplikationen som har konstruerats består av ett GUI samt av ett web-API som mellanhand mellan applikationen och databasen.

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.

The work focuses on the design, development and implementation of a web entertainment portal. The main objective of this work is to create an application that will meet the required functionality using appropriate technologies. Defining the desired functionality as well as the selection of appropriate technology is part of corresponding chapters. As the selected and then used technology was chosen server-side programming language PHP in conjunction with the MySQL database system. The application is a web portal based on Zend framework application that is practical implementation of the MVC architecture. As the client-side programming language was chosen JavaScript, together with a freely available library jQuery that simplifies and streamlines work with the language. The thesis then describes the design data model, which forms the basis for future application. The following chapter describes the structure of each system and relations between them. The conclusion is devoted to consideration of whether the fulfillment of the objectives, benefits and work output.

Given mobile devices’ weak computational power, game programmers must learn to create games with simple graphics that are engaging and easy to play. Though seldom created for phones and tablets, puzzle games are a perfect fit. In recent years, the genre has gained a following and even won some acclaim. Games like Myst, The Seventh Guest and Portal all engage gamers with challenging puzzles and then reward them with story components upon task fulfillment. Few such games have been created for mobile devices, in part due to the difficulty of developing for devices with different operating systems. Android, WebIOS and Windows Phone all have different software development kits that produce a final product incompatible with operating systems other than what it was developed for. One promising solution is to use browser technology to deliver games since all devices are geared to interact with the Web through browsers such as Internet Explorer, Mozilla Firefox, and Google Chrome. The aim of this project was to build a puzzle game that can be run on any digital device. The project can be accessed without any plug-ins and was created by using web technologies such as JQuery, Touch Punch, local storage, and WebGL. JQuery allows drag and drop functionality and Touch Punch allows the JQuery functionality intended for a mouse to work on a touch interface. Local storage provides storage on a user’s device, as opposed to a server, and WebGL enables graphics processing on a user’s tablet or phone through web commands.

Modern handheld devices such as smart phones and tablets have become popular for capturing and viewing panoramic images, but navigation in these devices is a challenging task due to small screen size. In this thesis work, investigation is done for similarities and differences between two user interaction techniques of one-dimensional cubical panorama images. This work is carried out on a fourth generation Apple iPod Touch. The first user interaction technique swipe (drag-based panning) is developed using touch-gestures, while the second technique look-around (device-orientation panning) is developed using motion-sensors such as gyroscope and accelerometer for device-orientation. Both these techniques were implemented for touch-screen devices for an angle of 360 degrees.     In the swipe technique, the navigation is done by using finger movements on the screen, while in the look-around based panning technique the navigation is done by moving the device direction physically in space through an angle of 360 degrees. The experiments were conducted on 20 participants for the two panning techniques. The results have shown that the look-around based panning technique offers a better user interaction compared to swipe based panning technique. Look-around based panning technique is natural and more free to move physically in space. Swipe based panning technique is easy to use in some situations and it does not require any physical space to move around the system.

JavaScript is used on the web together with HTML and CSS, in many cases using frameworks for JavaScript such as jQuery and Backbone.js. This project is comparing the speed and memory allocation of the programming language JavaScript and its two most used frameworks as well as the language on its own. Since JavaScript is not very fast and it has some missing features or features that differ from browser to browser and frameworks solve this problem but at the cost of speed and memory allocation, the aim is to find out how well JavaScript and the two frameworks jQuery and Backbone.js are doing this on Google Chrome Canary. The results varied (mostly) between the implementations and show that the to-do application is a good enough example to use when comparing the results of heap allocation and CPU time of methods. The results where compared with their mean values and using ANOVA. JavaScript was the fastest, but it might not be enough for a developer to completely stop using frameworks. With JavaScript a developer can choose to create a custom framework, or use an existing one based on the results of this project.

Vaníček, F. Automatic search engine of auction items. Diploma thesis. Brno: MUAF, 2014. Diploma thesis deals with the analysis, design and implementation of an application that allows users to search the auction results of companies that organize auctions. This work describes two mutually independent parts of application -- the extracting robot and the search engine. Extracting robot takes care of automatic extraction of auction results from Web pages based on user-created extracting template. Automation of the extraction process is achieved by analyzing the Web links using Bayes classifier and use of automatic detection of the auction items. Second part of the application is used to search the extracted auction results. Search results will help users to determine the financial value of collectibles and investments items (coins, medals and banknotes).