The aim of this masters thesis is to create a customized visualization web application of consulting services statistics. This to allow users to get an overview of time management through clear visual links between developers, customers and tasks. The design of the application is based on literature in usability and information visualization as well as a usability test. This thesis work resulted in a JavaScript based web application using the web framework CakePHP which follows a model-view-controller architectural pattern with visualization components implemented in Javascript.

Den här rapporten beskriver arbetet med att skapa en dynamisk designdriven webbsida åt Landegrens Legomek AB, ett mindre företag inom tillverkningsindustrin. Företaget hade sedan tidigare en statisk webbsida och ville förnya denna i takt med den ökade vikten av att synas på Internet. Design och layout är anpassad till företages profil och kunder för att ge ett seriös och formellt intryck. Vi har valt att skapa den nya webbsidan med databasservern MySQL och skriptspråket PHP. Även JavaScript är en del i implementeringen. Till den nya webbsidan har vi också skapat en administrativ tjänst som är webb-baserad, denna ger möjlighet att enkelt uppdatera innehållet på webbplatsen. Arbetet har inte endast omfattat den tekniska delen utan även berört andra delar som foto och copywriting. Företaget har valt att ha sin hemsida hos ett webbhotell, i det här fallet Telia. Fördelen är främst säkerhet och underhåll av systemet. Nackdelen är de begränsningar som webbhotellet har, bland annat ftp-stödet i PHP som fullständigt saknas vilket har lett till att vi fick implementera andra lösningar. / This report describes how to create a dynamic and design driven web page for Landegrens Legomek AB, a minor company in the manufacturing business. The company had already recognized the need to update its former web page to a more modern design to keep up with the current trends on the Internet. Design and layout were adapted to the company’s profile and its customers, this to give the right impression of the company. The page was created with the database server MySQL together with the script language PHP. JavaScript is also a part of the implementation. We have also created an web interface for updating and managing the web page in an easy way. The work also included other parts beside the technical implementation, such as photography and copywriting. The company has chosen to place its website in a web hotel, for this case Telia. The advantage with this solution is the security as well as the managing of the system. The disadvantage is the limits of the web hotel, e.g. the missing ftp support in PHP, which has forced us to choose other solutions.

Through the entry of web 2.0 the technologies behind web development has changed dramatically. Asynchronous JavaScript and XML (AJAX) is the umbrella term for different techniques that make it possible to build rich and interactive user interfaces in today’s web browsers. Service Oriented Architecture (SOA) describes how common services can be bundled and published so they can be consumed by different systems. The company SYSteam Evolution AB, which has requested this project, wanted a web application that shows a graphical activity chart in order to easier view ongoing projects. The goal for this project is to develop a demo platform that shows how AJAX and SOA can be used to create flexible and reusable applications. To reach the goals, many different frameworks and technologies need to cooperate and work together. This report will describe the different technologies that have been used and explain the different steps in the development job. The result of the work has lead to a demo platform that uses many different technologies to show a graphical activity chart. The job requestor and the author are very pleased with the result of the work. / Genom intåget av web 2.0 har teknologierna bakom webbutveckling ändrats drastiskt. Asynchronous JavaScript and XML (AJAX) är samlingsnamnet på ett antal tekniker som gör det möjligt att bygga rika och interaktiva applikationer i dagens webbläsare. Tjänsteorienterad arkitektur, ”Service Oriented Architecture” (SOA) talar om hur gemensamma tjänster paketeras och publiceras så att de kan konsumeras av olika system. Uppdragsgivaren till detta examensarbete är företaget SYSteam Evolution AB. Företaget vill ha en webbapplikation som visar en grafisk aktivitetskarta för att enklare kunna överblicka pågående projekt. Målet med arbetet är att ta fram en demoplattform som visar hur AJAX och SOA kan användas för att skapa flexibla och återanvändbara applikationer. För att lyckas med uppdraget måste olika ramverk och teknologier kombineras och fungera tillsammans. Denna rapport kommer att förklara de olika teknikerna som använts, samt även förklara de olika stegen i utvecklingsarbetet. Resultatet av arbetet har utfallit i en demoplattform som använder många olika teknologier för att visa grafisk aktivitetskarta. Uppdragsgivare och uppdragstagare är mycket nöjda med resultatet av arbetet.

This report describes the process and steps in detail that needed to be taken in order to meet the end users’ needs. The purpose of this study is to develop a dynamic module based on user-centered design (UCD) for Pulsen’s (pulsen.se) new website using the con-tent management system (CMS) SiteVision. UCD integrated with agile development methodologies is an effective combination to increase the focus of a development project on the end users’ needs. In this study we show the pervasiveness of the two methods combined in a development project. The module’s functionality is to allow the end user to quickly - and without effort - sort and filter news articles, events and job postings into lists that will be embedded and reusable on their new website. Manual adaptation of custom modules was configured directly through JavaScript code which made them error prone, causing the modules not to function properly. To combat this problem, we used contextual inquiry (CI) along with usability testing as data gathering methods with both Pulsen’s editors and external participants. The usability tests were used to plan and evaluate the functionality of the prototype in order to make it as user-friendly as possible. The study resulted in an interface with user defined variables derived from a JavaScript module.

På senare tid har användadet av smartphones blivit allt vanligare och idag har cirka 60% av svenska befolkningen kopplat upp sig mot internet med en smartphone, samtidigt som försäljningen av mobilapplikationer ökar. I strävan efter att nå ut till en större kundkrets söker företag sätt att sprida information via mobilapplikationer. Men då kunderna använder sig av olika typer av enheter krävs plattformspecifika applikationer för att kunna nå ut till alla. Detta för med sig högre kostnader och längre utvecklingstider. En mer kostnads- och tidseffektiv lösning är att göra en hybridapplikation, vilket är en applikation som man kan ladda ner från marknadsplatserna och är skriven i HTML, JavaScript och CSS. Examensarbetet utfördes hos rekryteringsföretaget Skill som verkar inom Data/IT och har därför som mål att ligga i teknikens framkant. Skill hade ett behov av en plattformsoberoende mobilapplikation, där jobbkandidater enkelt skulle kunna ansöka om lediga tjänster. Syftet med denna rapporten är att undersöka möjligheter och brister hos ramverken Phonegap samt jQuery Mobile vid skapandet av en hybridapplikation. Vi har studerat om man med dessa ramverk kan skapa en plattformsoberoende mobilapplikation som känns native, men även om det finns riktlinjer från marknadsplatserna som gör det svårt att göra just detta. Under projektet fick vi bättre insikt i den problematik som kan uppstå vid utveckling av en plattformsoberoende mobilapplikation. Efter att vi analyserat resultatet kom vi fram till att det är möjligt att skapa en applikation som känns native, dock måste avgränsningar göras utifall applikationen skall vara plattformsoberoende.

Spotify wants to explore the possibilities of social gaming within their desktop client. Thanks to their Spotify Apps API it is possible to build applications that integrate with the Spotify library while using modern web technologies. This thesis work consists of exploring what is possible using the Spotify App API and the most modern web technologies available. The main theme and goal of the Spotify App is to engage users in a social context. Creating a quiz application, which users can play along with using their smartphones, does this. This is targeted towards people being in the same room, sharing the experience. There is also a focus on usability and both group discussions and think-aloud interviews have been conducted regarding the development and design of the product.

Marknaden av smarta mobila enheter blir större och större och det kan vara ett bra sätt att nå ut med sin tjänst eller produkt till den breda massan genom att driftsätta en mobilapplikation. De applikationer som kan installeras på de mobila enheterna och som använder sig av enhetsspecifika funktioner kallas native-applikationer och är bundna till en plattform. De kan därför bara användas av de enheter som använder sig av den plattformen. De två största plattformanar är iOS(används av mobila enheter från Apple) och Android(används av en mängd olika enheter varav Samsung, LG och HTC är några av dem). Detta betyder att om målet är att nå ut till flera plattformar måste en separat applikation för varje plattform utvecklas. Det krävs också att utvecklaren/utvecklarna har en viss kunskap om de programmeringsspråk som används för varje plattform. Detta kan bli både tidskrävande och dyrt, speciellt om ett företsg ska anställa utvecklare att utveckla sin app. Syftet med denna undersökning är att ta reda på om det med hjälp utav Phongap går att utveckla en mobilapplikation som kan distribureras och installeras på flera mobila plattformar genom att använda webbtekniker som CSS, HTML och JavaScript. I denna undersökning ska en mobilapplikation skapas och utvärderas. Det kommer att undersökas om någon speciell hänsyn behöver tas till de olika enheterna med olika egenskaper och funktioner. Användartester kommer dessutom genomföras för att bestämma hur nära en native-känsla denna teknik kan ge. Resultatet visar att Phonegap är ett utmärkt verktyg för åtkomst av enhetsspecifika funktioner och tillsammans med gränsnittsbibliotek som jQuery Mobile kan större delen av de nyare mobila enheterna som finns i dag nås. Analyser om applikationens omfattning kräver ett gränssnittsbibliotek kan dock vara nödvändig att utföra då tillgängliga sådana kan prestera sämre på vissa mobila operativsystem. / The market of smart mobile devices is getting bigger and bigger and it can be a great way to reach out with your service or product to the crowed by deploying a mobile application. The installable applications on the mobile devices that uses device-specific functions is called native applications, and are tied to one platform. They can therefore only be used by those devices that make use of that platform. The two largest platforms is iOS (used by mobile devices from Apple) and Android (used by a variety of devices including Samsung, LG and HTC). This means that if you want to reach out to multiple platforms you will have to create a separate application for each platform. It also requires the developer/developers to have the proper knowledge of the programming languages in which the platform is compatible to. This can be both time consuming and expensive, especially if you as a company is hiring developers to develop your app. The purpose of this study is to determine whether the open source library known as Phonegap can be used to develop a mobile application that ultimately can be distributed and installed on multiple mobile platforms, this by using Web technologies such as CSS, HTML and JavaScript. During this study a mobile application will be created and evaluated. Studies will be done on how to go about and if there is anything one might need to take in consideration when it comes to the variety of units with different properties and functions. Usability testing will also be performed to determine whether a near native performance can achieved with this technique. The results show that Phonegap is an excellent tool for access of device-specific functions and that you together with interface frameworks such as jQuery Mobile can reach out to most of the newer mobile devices available today. However, one would do well to analyze if the scope of the application requires an interface library, as those who are available may perform poorly on certain mobile operating system.

This is a survey of different techniques that may be used for embedding geographicdata into web pages. Different models of GIS communication are examined and a testsubject in the form of an application is implemented and evaluated.The test application (‘StudentKarta’ eng. ‘Student Map’) lets students submit theirresidential data and shows their position as pins on an embedded Map.An expire date is used to let the pins fade away and disappear.The application uses the popular Google map engines to display the geographicalpresentations. Both 2D (Google Maps) and 3D (Google Earth) are used and the pinsare rendered by using bitmaps and 3-models. / Detta arbete undersöker de faktorer som kan vara avgörande vid val av teknik för attbädda in geografisk information i webbsidor varefter verktyg väljs och en pilotapplikationimplementeras och utvärderas.Som leverantör av geografiska data valdes den populära leverantören Google, förutveckling av applikationen ’StudentKarta’.Applikationen låter studenter mata in sina uppgifter varefter deras bostadsortpresenteras på en inbäddad karta. Uppgifterna är försedda med ett bäst-före-datumoch studentmarkörerna ”tonar bort” ju närmre detta datum kommer, för att slutligenförsvinna.Den resulterande applikationen presenterar en inbäddad lösning med två olikapresentationstekniker:- En tvådimensionell kartrepresentation med markörer som renderas medrastergrafik.- En tredimensionell ”Glob” (Google Earth) där positionerna märks ut medtredimensionella markörer.

Arbetet handlar om utveckling av ett e-learningsystem och hur man kan säkra koden förframtiden. Dessutom handlar det om att undersöka en möjlig implementation av standardenSCORM samt att ta fram en ny databasmodell.Efter förundersökning togs beslutet att genomföra projektet som ett API i grunden medtestdriven utveckling och tillhörande dokumentation. De tekniker som användes var; HTML,CSS, XML, PHP, MySQL, Javascript, och Codeigniter.Resultatet blev som förväntat förutom att det inte gick att återanvända koden i den utsträckningsom först uppskattades utan istället återanvändes idéer och problemlösning. / This thesis is about an e-learning system and how to secure the code for future development. Inaddition, it is about a conceivable implemention of the SCORM standard and to develop a newdatabase model.After preliminary investigation it was decided to proceed with the project as an API and to usetest-driven development and also to write documentation. The techniques used were: HTML,CSS, XML, PHP, MySQL, Javascript, Codeigniter.The result was as expected except that it was not possible to reuse the code in the extent whichwas first estimated, but instead re-use ideas and how to solve problems.

På marknaden finns ett flertal JavaScript-ramverk, exempelvis: YUI, The Dojo Toolkit, Kendo UI och. Ext JS. Syftet med studien är att undersöka vilka av dessa JavaScript-ramverk som är lämpliga att använda vid utveckling av stora dynamiska webbapplikationer. Sedermera skall studien leda till ett förslag på JavaScript-ramverk för ändamålet. Ramverken har analyserats och jämförts med avseende på följande aspekter och kriterier: skalbarhet, prestanda, AJAX, RPC-hantering, licensering, webbläsarkompatibilitet, gränssnittskomponenter, anrop mellan domäner, DOM-hantering och användarvänlighet. För att jämföra och analysera ramverken har en testapplikation utvecklats med varje JavaScript-ramverk. Testapplikationen förses med information från en serverapplikation som utvecklats med PHP, där en SQLite-databas används som informationskälla. Förfarandet innebär att serverapplikationen inte används för att generera användargränssnittet, vilket därmed övergår till att vara JavaScript-ramverkets primära uppgift. Resultatet uppvisar att JavaScript-ramverket The Dojo Toolkit är karakteristiskt det mest lämpliga ramverket att använda i samband med utveckling av stora dynamiska webbapplikationer. Ramverket tillfredsställer samtliga kriterier och aspekter på ett eminent sätt. Sedermera föreslås Ext JS som det sekundära valet av JavaScript-ramverk för ändamålet. / On today’s market there are many attractive JavaScript-frameworks such as YUI, Dojo Toolkit, Kendo UI and Ext JS. The purpose with this study is to find JavaScript frameworks that are suitable in situation when developing large dynamic web applications. The study shall result in a proposal of one or more JavaScript frameworks to use in the situation previously described. The frameworks have been analyzed and compared with respect to the following aspects and criteria: scalability, AJAX, RPC-handling, cross-browser compatibility, GUI-components, cross-domain calls, DOM-handling, user-friendliness, performance, and licensing. To conduct this study a test application has been developed, that are developed with each framework. This application is feed with information from a database on a web server with PHP as the scripting environment. The application server’s primary objective is to provide information to the test application and not to generate the user interface. The result of this study indicates that Dojo Toolkit meets all requirements and has performed well overall. This framework satisfies the stated criteria and the specified aspects in an eminent way. It’s therefore proposed to be used as the main framework when developing large dynamic web applications. Ext JS is proposed as the secondary suggestion for the same purpose previously described.