This article explores the viability of third-party JSON tools as an alternative to XML when an application requires querying and filtering of data, as well as how the application deviates between browsers. We examine and describe the querying alternatives as well as the technologies we worked with and used in the application. The application is built using HTML 5 features such as local storage and canvas, and is benchmarked in Internet Explorer, Chrome and Firefox. The application built is an animated infographical display that uses querying functions in JSON and XML to filter values from a dataset and then display them through the HTML5 canvas technology. The results were in favor of JSON and suggested that using third-party tools did not impact performance compared to native XML functions. In addition, the usage of JSON enabled easier development and cross-browser compatibility. Further research is proposed to examine document-based data filtering as well as investigating why performance deviated between toolsets.

Technologies for how a rich user interaction can be delivered have changed a lot during the last 10 years. From a world where these types of user interfaces predominately was built as desktop applications like Windows Applications over to web technologies using Java Applets, Flash, Silverlight, Android, iOS etc. The problem though has been the vast amount of different technologies with no or limited connections between them. This has so far been a problem for application developers since essentially no code can be reused between the different platforms but also that some of them are not native – some kind of runtime platform needs to be installed (Flash, Silverlight, Java…). With the introduction of the emerging standard of HTML5 it seems that there is finally a technology that is getting more widely used by most of the platform suppliers.  This Master Thesis aims to prove the HTML5 can be used to build clients for MediusFlow. The point is to investigate if it’s possible to implement all the pages of frontend on different platforms by using idea like Responsive Web Design with HTML5.The showcase will be to build a complete app for MediusFlow on the iPad platform based on HTML5. In addition the interface must be verified on at least one additional platform, most probably Internet Explorer 10.

No description available.

Kan användandet av mobiltelefoner användas till positionsangivelser med godtagbar felmarginal? Kan ett mindre frekvent användande av GPS-signal användas för reducerad batteråtgång, och vilken teknik för rendering av grafiskt material belastar mobiltelefonens CPU på minsta sätt? Dessa frågor ställs och undersöks i detta arbete. Med bakgrund i Global Position Systems GPS, utreds positionering med hjälp av satelliter och triangulering av bl.a. mobilmaster och Wifi-signal. Användandet av ett geografiskt API ger möjligheten att skapa ett lätt och hanterbart gränssnitt som återger positioner för en användare. Med stöd i HTML5 för Canvas och SVG-element renderas förlustfri vektoriserad grafik utan kravet att installera insticksmoduler från tredjepart. Med hjälp av JavaScript och HTML5 skapas en applikation som har till syfte att återge en spelares position på en renderad golfbana.

Syftet med arbetet var att undersöka möjligheten att skapa en applikation för kolla- borativ ljudredigering i webbläsaren men samtidigt inte kräva ständig internetupp- koppling av användarna. Algoritmen Differential Synchronization används för att synkronisera text så att det ser likadant ut hos alla användare. Algoritmen måste först modifieras för att fungera med ljudfiler och tillåta att användare kan göra ändringar utan internetuppkoppling.

To guarantee the well-functioning of modern societies, it is essential to ensure thatcitizens are aware of their environment as well as the government's actions andperformance. Therefor citizens need to have access to data collected by publicbodies from the activities within their society. However, these data may not easilyand instantly be perceivable by people. To release the potential of these data,which lead to improving the lives of citizen, the data need to analyzed, enhancedand eventually visualized, so the outcome would be usable to all regardless theirage and education. In this project, we propose, design, implement, and evaluate aninteractive analytical visualization framework for open-data. To achieve our purpose,the recent open data-sets from Sundsvall Municipality has been used as bothour case-study and demonstration sample. The solution has been design and builtbased on a set of requirements and principles we suggested for an ideal solution.The offered solution in this project enables users to analyze data by interactingwith the visualization graphics. The solution let the user extract information andfacts from large data-sets, and correlate different property of data by applying filtersand categorizing data, and see the result instantly. Standard web technologieswere used to implement the solution, namely HTML5, JavaScript, and SVGgraphics, which made the system to be cross-platform and high-performing. Tohandle the big-data, we enhance the data-set before-hand by performing aggregateoperations using Map-Reduce and parallel computing algorithms (i.e. Java-8 parallelstreams), and the further computation is implemented in JavaScript, and processedat the client-side.

Developing applications for mobile devices is nowadays a very large business. However, the process of developing an application can be both very time consuming and costly due to different languages used for different devices. Lately, a lot of tools have been developed to handle the different languages problem going under the name “cross-platform” - so many that it might get hard for the developer to make a choice between the different products. This thesis presents 4 different approaches for programming cross-platform applications: Web based, cross-compiled, interpreted and hybrid solutions. For each category, one product is chosen and is evaluated according to comparison tests suggested in the thesis, including benchmark tests, technical evaluation tests seen from both the developing perspective and the infrastructure perspective and last a functionality evaluation. Other important parameters to think about when developing an application are also presented. At the end of the thesis, a taxonomy of applications is presented in order to give examples when a cross-platform solution is suitable and which cross-platform tool should be used. Finally, there are some important points taken up about what the developer should think about, when choosing a solution according to this thesis as there is no straight forward way to say that one cross-platform solution is the best of them all. / Utvecklandet av mobila applikationer är idag en väldigt stor marknad, men utvecklingsprocessen kan ibland vara både tidskonsumerande och kostsam eftersom de olika mobila enheterna använder olika utvecklingsspråk. Den senaste tiden har många verktyg utvecklats för att hantera detta problem, dessa verktyg ingår i kategorin cross-plattform verktyg. I själva verket är det så många verktyg som har utvecklats att det kan bli svårt för utvecklarna att välja mellan de olika verktygen. Denna uppsats presenterar 4 olika tillvägagångssätt för att programmera cross-plattforms applikationer: web baserade lösningar, hybrid lösningar, översatta lösningar och cross-kompilerade lösningar. För varje kategori väljs sedan en produkt, som skall evalueras enligt ett jämförelsetest som denna uppsats föreslår, detta test inkluderar ett benchmark test, en teknisk evaluering och en funktionsevaluering. Förutom dessa test ges även andra viktiga parametrar gällande cross-plattforms utveckling. I slutet av uppsatsen är en taxonomi av mobila applikationer presenterad vars syfte är att ge exempel när ett cross-plattforms verktyg är passande för en mobil applikation, och även vilket verktyg som är passande. Slutligen tas några viktiga punkter upp som utvecklaren bör tänka på när ett cross-plattforms verktyg skall användas för utveckling, eftersom det inte finns något direkt sätt att säga att ett cross-plattforms verktyg är bättre än ett annat.

Movement-based games are becoming more frequent in everyday lives. With easier access to webcams built into laptops and web-based games, a game which utilises both concepts can become a good option for everyday gaming.This study evaluates a movement-based game written in JavaScript using phaser.io which uses a webcam for control and HTML5 technique for capture. The main questions in the study are what observations can be done and are there any problems when developing a game with webcam-based motion-detection in regards to factors like flow, feedback and positioning. This study tries to answer these questions by building upon an existing game and implementing new functions and feedback and then observing how these effect the game-play. The results of the study showed that it is important to consider good feedback and how to position oneself when playing such a game and that more testing should be done to gain further knowledge about these two. But also that many of the implementations done made the person achieve flow while playing. Further work should be beneficial also to make the game even better while keeping it easy to play.

Webbapplikationer har ökat i antal och användning i synnerhet de senaste åren sen tillkomsten av HTML5 som simplifierat processen. Många desktopapplikationer idag är lämplig för en övergång till webb. Så är fallet hos Ida Infront, ett företag med en produkt, iipax, utvecklad i Java som de har för önskan att migrera till webbmiljö. iipax är bl.a. ärendehanterings- och informationssystem. Den här studien utforskar hur iipax skulle kunna utvecklas i webbmiljö och undersöker därför typiska egenskaper hos desktopapplikationer som kan prövas i en prototyp i webbmiljö. En prototyp kommer implementeras för att demonstrera funktioner i webbmiljö. För att kunna utvärdera prototypen utförs användbarhetstester för att studera beteenden mellan desktop och webb. Funktioner som är typiska för desktopapplikationer och relevant för iipax är bl. a. Drag and Drop, högermenyval, kortkommandon, visning och redigering av bilagor (dokument). I mån av tid utvecklades de funktioner/egenskaper som bedömdes mest komplex och ledde i sin tur till att studien fokuserade på filhantering (av bilagor för ärenden). Utöver funktioner så prövas också möjligheterna i responsiv webbdesign d.v.s. anpassning till olika skärmstorlekar och enheter. Användbarhetstesterna utfördes i två omgångar som agil återkoppling och visade en viss förvirring i liknelserna med en desktopapplikation. Resultatet tyder på att webbmiljöer kan behöva mer tydliga anvisningar i det grafiska gränssnittet när det gäller filhantering. Studien har för övrigt i stor utsträckning visat att applikationer som iipax är mycket lämplig för webbmiljö och är helt och hållet implementerbar. / Web applications have increased both in numbers and in use particularly in the last few years since the arrival of HTML5 which has simplified the process. Many desktop applications are candidates for a transition into web environment. As is the case at Ida Infront, a company with a product, iipax, developed in Java which they want to migrate into web environment. iipax is, among other things, a case management- and information system. This study explores how iipax could be developed in a web environment and therefore researches typical properties in desktop applications that can be prototyped in web environment. A prototype will be implemented to demonstrate features in a web environment. In order to evaluate the prototype, usability testing will be conducted to show certain differences between desktop and web. Features which are typical for desktop applications and relevant to iipax are, among other things, Drag and Drop, right click menus, keyboard shortcuts and display and editing of documents (attachments). In regard of time, the most complex features/properties were developed which led to the thesis focusing on file management (attachments in cases). Beyond features were possibilities in responsive web design tested i.e. adaption to different screen resolution and devices. Usability tests were conducted twice and part as agile feedback and the results indicated on certain confusion between the similarities with a desktop application. The results points toward the fact that web applications may need more instructions in the graphical user interface regarding file management. Otherwise the study has largely shown that applications such as iipax are very much suitable for web environment and is completely implementable.

Many desktop applications have moved away from heavy client-side programs tolighter web-based solutions served from the cloud. Mobile applications have also beentraditionally client-based in the form of native applications. With the use of HTML5,however, there is a growing shift towards web apps as opposed to native. HTML5technologies are enabling mobile apps to run in the browser with some native appfunctionality. HTML5 has received a great deal of attention since its release in 2009,there are numerous articles and discussions on the Internet. Some developers are verynegative and some are very positive towards the idea that it is a serious contender inmobile application development. This report presents research carried out to get theviews of developers as to their current use of HTML5 and how much they expect tobe developing mobile apps using HTML5 in the future. Judging by the level ofresponse gained and comments given, this is a very hot topic right now. The researchshows that HTML5 is a viable alternative to native app development but it has somelimitations and has some way to go before it could begin to replace native appdevelopment altogether.