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.

The evaluation of football players during and after a football match is an important field of study for football trainers and also people in academia. In this project some of the achieved theoretical results are implemented. Scientific findings are put into a context where the broader general public is able to understand the research. The ultimate goal is to produce visualizations such that they can be integrated into an application called Twelve where an everyday user can access them.

Konsultbolag har behov av att kunna kommunicera sina konsulters kompetenser. Viktigt i dettaarbete blir konsultprofilsdokument som på ett enkelt och effektivt sätt ska kunna marknadsförabolaget. Målet med detta examensarbete var att skapa ett system för att effektivisera ochunderlätta hanteringen av konsultprofilsdokument för konsultbolaget 27M.Kravinsamling och behovsanalys genomfördes genom intervjuer samt en designworkshop medpersonal från bolaget. Ett webbaserat prototypsystem utvecklades från grunden i Python,HTML, CSS, Javascript med en MySQL databas. Systemet hanterar en mängd fördefinieradekonsultmallar och gör det möjligt att förändra dokumentens layout. Arbetet demonstrerar attdet är möjligt att skapa ett system för att hantera konsultprofiler.

A single-page application is a website that retrieves all needed components in one single page load. The intention is to get a user experience that reminds more of a native appli- cation rather than a website. Single-page applications written in Javascript are becoming more and more popular, but when the size of the applications grows the complexity is also increased. A good architecture or a suitable framework is therefore needed. The thesis begins by analyzing a number of design patterns suitable for applications containing a graphical user interface. Based on a composition of these design patterns, an architecture that targets single-page applications was designed. The architecture was designed to make applications easy to develop, test and maintain. Initial loading time, data synchronization and search engine optimizations were also important aspects that were considered. A framework based on the architecture was implemented, tested and compared against other frameworks available on the market. The framework that was implemented was designed to be modular, supports routing and templates as well as a number of different drivers for communicating with a server-side database. The modules were designed with a variant of the pattern Model-View-Controller (MVC), where a presentation model was introduced between the controller and the view. This allows unit tests to bypass the user interface and instead communicate directly with the core of the application. After minification and compression, the size of the framework is only 14.7 kB including all its dependencies. This results in a low initial loading time. Finally, a solution that allows a Javascript application to be indexed by a search engine is presented. It is based on PhantomJS in order to produce a static snapshot that can be served to the search engines. The solution is fast, scalable and easy to maintain.

Denna kandidatrapport redogör för arbetet med att utveckla en webbplats, med avsaknad avtidigare erfarenheter inom området. Arbetet var kopplat till en riktig kund med tanke att användaresultatet för försäljning av modeaccessoarer i verkligheten.I dokumentet beskrivs även de metoder som använts, och vilka resultat som dessa har lett till.Det innefattar också vilka erfarenheter som har förvärvats under projektets gång, och hur dessa kan utnyttjas i senare projekt.

This is the end report of my final exam at Medieteknik. It covers the planning, work process and review of a Flash based web application that I set out to do. The goal was to create a user friendly, interactive e-shop with embedded functionality for playing music, displaying rich media content and researching possible payment solutions, to enable buying music files online. The project involved creating the user interface, the programmatic functionality of a Flash client (an SWF file). Also, setting up an Apache HTTP Server and establishing a working “bridge” between the Flash client and the web server with Flash Remoting components and AMFPHP. Furthermore, a web interface for adding music files and data to the server was created, built in HTML, CSS, JavaScript, PHP and MySQL. The project consisted of researching and implementing the technologies and techniques involved by iteratively collecting information, reading, testing, programming and evaluating the end results. Also, object oriented design and programming principles was applied in the development process. The software development methodologies – Agile development and extreme programming was practiced. The purpose was to gain experience in developing large scale client/server web applications dealing with creative processes, project planning, project management and problem solving. And in the longer perspective make use of the experience and knowledge in future projects. / Jag hade en idé om att skapa en e-shop med fokus på användarvänlighet och interaktivitet. Detta ledde till en klient/server-applikation med funktioner för att lyssna på musik och söka efter- och ta del av musikinformation. Syftet var att ge användare möjlighet att köpa musik i form av nedladdningsbara MP3-filer. Applikationen är huvudsakligen indelad i tre sektioner, en meny överst; en musikspelare placerad på vänster sida; och en s.k. content-del, ett slags fönster där all text och bildbaserat innehåll presenteras. Gränssnittets utformning är rent och enkelt med tydliga knappar och menyer för enkel navigation. Musik kan förhandslyssnas, och spelas upp med hjälp av en inbyggd musikspelare. Tanken är att ljudet ska kunna spelas upp i realtid från servern, dvs. strömmas. Detta medför att data inte lagras hos klienten och syftet är alltså att användaren ska kunna förhandslyssna på den musik han eller hon är intresserad av att köpa, men till sämre ljudkvalitet än den köpta MP3-filen. En display visar artistens eller gruppens namn, låtnamn, spelad tid, och total tid. Vidare finns knappar för att spela upp, stoppa, pausa och spela nästa respektive föregående låt. Slutligen finns ett reglage för att kunna styra spelposition. Som ett led i att förenkla köp av musik kan en spellista fyllas med valda låtar. Låtarna i denna lista kan man sedan köpa i ett svep eller var för sig. Detta innebär att användaren slipper leta upp en låt i taget, och lyssna på dem vart efter varandra. Ett webbformulär byggdes för att kunna tillhandahålla uppladdning och lagring av musikfiler och musikinformation. Webbformuläret är byggt i teknikerna HTML, CSS, PHP och JavaScript. Den innehåller en dynamiskt genererad tabell för att underlätta insättning av låtar. Webbformuläret kan med fördel utnyttjas av godkända parter (skivbolag, artister…), för att ladda upp och lagra musikfiler på servern. Detta resulterar i en arbetsbesparande process eftersom arbetsbördan fördelas till extern part. All musikinformation, så som artistnamn, låtnamn, utgivningsdatum, etc. lagras och hämtas från en MySQL-databas. Musikfiler lagras och spelas upp från filsystemet i en Apache HTTP Server. Applikationen utgörs av flera skikt. Det innebär att den är uppdelad i flera separata delar. En del består av gränssnittet, en SWF-fil som användaren kommer åt genom sin webbläsare. Gränssnittet opererar gentemot data som ligger lagrat på en webbserver. Vidare finns speciell programkod på servern för att ta emot-, skicka respektive manipulera data. Två typer av datalager används för att möjliggöra kommunikation av data mellan Flashklient (gränssnitt) och server – Flash Remoting och AMFPHP. Flash Remoting är ett slags kommunikationsprotokoll som Flashklienten använder för att kommunicera med server. AMFPHP används för att ”tolka” Flashkod som sänds via HTTP till server. AMFPHP omvandlar denna till, för servern, läsbar server-sidekod – PHP, som i sin tur kan manipulera data på servern, t.ex. lagra data i databasen. När data skickas till Flashklienten, omvandlar AMFPHP data till, för Flashfilen, läsbar kod. En stor del av projektet har varit av undersökande natur. Målet var att erhålla tekniska kunskaper i Flashmiljön för att kunna utveckla interaktiva webbapplikationer. Kunskap har inhämtats via litteratur i bokform, det inbyggda hjälpbiblioteket i Adobe Flash 8 Professional mjukvara, samt från internet, bland en mängd olika forum och webbsidor. Utvecklingsarbetet har bestått av en kombination av rörlig utveckling och extrem programmering. / +46 (0)708 38 08 03 guild2000@hotmail.com

The author of this thesis aims to analyze and develop a prototype of a software responsible for showing how the specific web application would be displayed by the concrete device. First, the problem of diversity of devices for accessing the web and of the level of support of modern web technologies is explained to the reader. Then the thesis offers a way how to help developers with testing across web browsers on different hardware. The analytical section describes the methods the author would like to use for accomplishing the goal, and also the set of suitable technologies. The penultimate section shows the manner the author implemented the prototype of the software. The Software is then subjected to tests showing that the prototype meets the requirements.

The thesis deals with methods of real-time data synchronization among multiple clients. The thesis focuses on methods in collaborative RIA systems running on the Internet This methods solve data transfer and conflict resolution caused by competitive clients work on one document. The introduction describes two methods: an established Operational transformation method and the new Differential synchronization method. The thesis describes the principles of both methods and their advantages and disadvantages. The aim of the work is implementing and comparison of Differential Synchronization method with Operational transformation method. These methods are compared in Node.js environment of JavaScript programming language and it is compared their performance in terms of response time and resource requirements. It's identified a problems associated with the method implementations in Node.js and it is described solutions of this problems. In the practical part thesis focus on the describing of performance data and behave of methods during measurement and refuted or confirmed the premises of methods definition assumptions. The Differential Synchronization method is extended by some parts based on the author often criticized issues of method.

This thesis discusses the extraction of information from version control systems. Its goal is to describe the implementation of a software application that facilitates this type of extraction, focusing on the version control system Git. The theoretical part of the thesis identifies and analyses data stored in repositories. It also evaluates the tools available on the market using specific criteria. The practical part specifies development requirements, describes the resulting software application, and contains a how-to manual for extending the application and implementing one's own metrics that lead to gaining information. The application is developed in the CoffeeScript programming language and Node.js engine. It contains several example metrics. The output is a graphical user interface with interactive graphs served by a built-in HTTP server. Another output option is a machine-readable export to a file.

The aim of the thesis is to analyse framework IONIC and determine the suitability of this framework for cross-platform mobile development. The intent of the theoretical part is to analyse the current market, introduction to the mobile development and a description of the framework IONIC and related technologies. The practical part deals with the analysis and design mobile application PowerFLOW, describing the implemented mobile application and sample code. The last part is about framework IONIC evaluation based on set criteria. The evaluation rating was determined on the experience gained during the implementation of mobile application PowerFLOW. There are also listed personal experience of the implementation. Based on this thesis the IONIC can be recommended as the framework for cross-platform mobile development.