Near field communication (Nfc), a contact-range and short-lived message exchange technology, has in recent years become popular in relation to payment-cards, key-cards and ski-passes. With the release of, in particular, the Google Nexus S, which is capable of reading and writing Nfc tags as well as exchanging messages between devices by touch, the roles of consumers have changed from carriers of passive cards to that of active readers. This publicly available hardware technology, embedded into relatively cheap connected smartphones, creates a new field of possibilities in which a complete and complex Nfc-based system can be developed solely by means of software. In this thesis work, the research is in relation to the field of Nfc, ranging from the physical characteristics of the technology to the design of the Nfc API on the Android platform. Nfc-based apps, library and systems are designed, developed and evaluated in terms of performance. The Android apps which are implemented are WiFi and Bluetooth connectors as well as an Nfc-sensor value visualizer. Additionally, two full systems are developed which consists of an Android app, backend server, database and web or PC-client frontend. These two systems are: a web-based high-performance live statistical visualizer of Nfc sensor values and an Nfc-scan based product endorsement, Like-event, presenting the picture and name of a user endorsing a product on the in-store advertisement displays on top of the ads. The system for scanning, distributing and presenting statistics on sensor-values from a specially crafted NfcV-enabled sensor is evaluated in terms of performance along the chain of events starting at the Nfc tag introduction and being dispatched on the mobile phone and ending with the calculations and plot-generation carried out by the browser connected to the backend via a WebSocket. The evaluations show that in a use-case in which the user holds a tablet in one hand and an Nfc-enabled smartphone in the other, the user would experience a mean-delay of 515 milliseconds between putting the device against an NfcV-sensor and seeing the statistical plot, containing the last 1000 values, updated in the browser on the tablet. Additionally, the user would experience a mean-delay of 74 milliseconds between the values being presented on the mobile device itself until they are presented on the tablet in the case of constant streaming from an NfcV connected sensor. The conclusion is that this delay of 74 milliseconds is sufficiently low for the user to feel that the devices are tightly coupled, making it natural to pay attention to the tablet when scanning sensors. Possible use-cases for this include a technician walking between built-in passive NfcV sensors on the factory floor or a nurse walking between patients wearing bandages with built-in passive health-sensors. Finally, the work is discussed in terms of ethics and social impact as development in the tele-healthcare field continues, and a set of Nfc-based applications are suggested including Nfc-tags for interactive product customization, company car management and app deployment.

Examensarbetet har utförts på Lawson, som idag gör en satsning mot de mobila användarna. Då det idag finns många olika typer av enheter, webbläsare och operativsystem utvecklas det mobila applikationer till varje plattform vilket medför stora kostnader och längre utvecklingstider. Den här rapporten är skriven i syfte att se över vad det finns för möjligheter att använda ny teknik som HTML5 och CSS3 tillsammans med ramverket jQuery for mobile för att utveckla webbapplikationer. För att visa på funktionaliteten och vad man kan göra så har två exempelapplikationer tagits fram och testas på flera olika plattformar/enheter, bland annat en iPad och en Samsung Galaxy Tab 8.9. Koden för dessa applikationer finns som bilaga i rapporten. Målet var att se över vad det fanns för stöd för swipes, enhetlig native-design/känsla, kunna använda enhetens kamera och GPS. En hel del, bland annat swipes, GPS och lokal lagring, går att lösa med HTML5 och jQuery for mobile. Men vill man komma åt ännu mer hårdvarunära funktionalitet, så som kamera, så behöver man lägga på ett ramverk, i mitt fall valde jag att utöka arbetet och även se över ramverket Cordova. Det ramverket gjorde att man kunde komma åt kameran i mobilen. Slutsatsen av undersökningen är att det går att göra mycket med jQuery for mobile som bygger på webbtekniker som JavaScript, HTML5 och CSS3. Men för att få hårdvarunära funktionalitet behövs det användas en annan typ av ramverk, t.ex. Cordova, som erbjuder ett API mot själva hårdvarufunktionaliteten. För att den funktionaliteten sedan ska fungera måste applikationen kompileras, på samma sätt som en native-applikation. Dock så använder Cordova samma teknik som ramverket jQuery for mobile, så kostnader och utvecklingstid kan hållas nere. Vid små applikationer fungerar det utmärkt att använda denna teknik men vid större kan man behöva göra lite fler prestandatester innan man säkert kan avgöra om tekniken är lämplig.

The primary purpose of this study is to determine in which technology we have to develop an application depending on the features that we would like to include, in order to deliver the best value for a good price to the customers. Consequently, in this research we have described the capabilities, performance and limitations that we have found while using the different technologies. The empirical part of this study was conducted in the first semester of 2014/2015 at the Linnaeus University in Växjö (Sweden), supported by Softwerk Company. In conclusion, the thesis shows that the user experience with native apps is always better than using the web-based technologies, especially using maps, although the time and effort spent to develop them is higher. Cross-platform solutions can be very useful for simple apps, and also if the developer does not have a lot of time to develop them. The problem with this last kind of applications is that the performance is less than the native ones.

[EN] The work done for this doctorate thesis focuses on error correction of Next Generation Sequencing (NGS) data in the context of High Performance Computing (HPC). Due to the reduction in sequencing cost, the increasing output of the sequencers and the advancements in the biological and medical sciences, the amount of NGS data has increased tremendously. Humans alone are not able to keep pace with this explosion of information, therefore computers must assist them to ease the handle of the deluge of information generated by the sequencing machines. Since NGS is no longer just a research topic (used in clinical routine to detect cancer mutations, for instance), requirements in performance and accuracy are more stringent. For sequencing to be useful outside research, the analysis software must work accurately and fast. This is where HPC comes into play. NGS processing tools should leverage the full potential of multi-core and even distributed computing, as those platforms are extensively available. Moreover, as the performance of the individual core has hit a barrier, current computing tendencies focus on adding more cores and explicitly split the computation to take advantage of them. This thesis starts with a deep analysis of all these problems in a general and comprehensive way (to reach out to a very wide audience), in the form of an exhaustive and objective review of the NGS error correction field. We dedicate a chapter to this topic to introduce the reader gradually and gently into the world of sequencing. It presents real problems and applications of NGS that demonstrate the impact this technology has on science. The review results in the following conclusions: the need of understanding of the specificities of NGS data samples (given the high variety of technologies and features) and the need of flexible, efficient and accurate tools for error correction as a preliminary step of any NGS postprocessing. As a result of the explosion of NGS data, we introduce MuffinInfo. It is a piece of software capable of extracting information from the raw data produced by the sequencer to help the user understand the data. MuffinInfo uses HTML5, therefore it runs in almost any software and hardware environment. It supports custom statistics to mould itself to specific requirements. MuffinInfo can reload the results of a run which are stored in JSON format for easier integration with third party applications. Finally, our application uses threads to perform the calculations, to load the data from the disk and to handle the UI. In continuation to our research and as a result of the single core performance limitation, we leverage the power of multi-core computers to develop a new error correction tool. The error correction of the NGS data is normally the first step of any analysis targeting NGS. As we conclude from the review performed within the frame of this thesis, many projects in different real-life applications have opted for this step before further analysis. In this sense, we propose MuffinEC, a multi-technology (Illumina, Roche 454, Ion Torrent and PacBio -experimental), any-type-of-error handling (mismatches, deletions insertions and unknown values) corrector. It surpasses other similar software by providing higher accuracy (demonstrated by three type of tests) and using less computational resources. It follows a multi-steps approach that starts by grouping all the reads using a k-mers based metric. Next, it employs the powerful Smith-Waterman algorithm to refine the groups and generate Multiple Sequence Alignments (MSAs). These MSAs are corrected by taking each column and looking for the correct base, determined by a user-adjustable percentage. This manuscript is structured in chapters based on material that has been previously published in prestigious journals indexed by the Journal of Citation Reports (on outstanding positions) and relevant congresses. / [ES] El trabajo realizado en el marco de esta tesis doctoral se centra en la corrección de errores en datos provenientes de técnicas NGS utilizando técnicas de computación intensiva. Debido a la reducción de costes y el incremento en las prestaciones de los secuenciadores, la cantidad de datos disponibles en NGS se ha incrementado notablemente. La utilización de computadores en el análisis de estas muestras se hace imprescindible para poder dar respuesta a la avalancha de información generada por estas técnicas. El uso de NGS transciende la investigación con numerosos ejemplos de uso clínico y agronómico, por lo que aparecen nuevas necesidades en cuanto al tiempo de proceso y la fiabilidad de los resultados. Para maximizar su aplicabilidad clínica, las técnicas de proceso de datos de NGS deben acelerarse y producir datos más precisos. En este contexto es en el que las técnicas de comptuación intensiva juegan un papel relevante. En la actualidad, es común disponer de computadores con varios núcleos de proceso e incluso utilizar múltiples computadores mediante técnicas de computación paralela distribuida. Las tendencias actuales hacia arquitecturas con un mayor número de núcleos ponen de manifiesto que es ésta una aproximación relevante. Esta tesis comienza con un análisis de los problemas fundamentales del proceso de datos en NGS de forma general y adaptado para su comprensión por una amplia audiencia, a través de una exhaustiva revisión del estado del arte en la corrección de datos de NGS. Esta revisión introduce gradualmente al lector en las técnicas de secuenciación masiva, presentando problemas y aplicaciones reales de las técnicas de NGS, destacando el impacto de esta tecnología en ciencia. De este estudio se concluyen dos ideas principales: La necesidad de analizar de forma adecuada las características de los datos de NGS, atendiendo a la enorme variedad intrínseca que tienen las diferentes técnicas de NGS; y la necesidad de disponer de una herramienta versátil, eficiente y precisa para la corrección de errores. En el contexto del análisis de datos, la tesis presenta MuffinInfo. La herramienta MuffinInfo es una aplicación software implementada mediante HTML5. MuffinInfo obtiene información relevante de datos crudos de NGS para favorecer el entendimiento de sus características y la aplicación de técnicas de corrección de errores, soportando además la extensión mediante funciones que implementen estadísticos definidos por el usuario. MuffinInfo almacena los resultados del proceso en ficheros JSON. Al usar HTML5, MuffinInfo puede funcionar en casi cualquier entorno hardware y software. La herramienta está implementada aprovechando múltiples hilos de ejecución por la gestión del interfaz. La segunda conclusión del análisis del estado del arte nos lleva a la oportunidad de aplicar de forma extensiva técnicas de computación de altas prestaciones en la corrección de errores para desarrollar una herramienta que soporte múltiples tecnologías (Illumina, Roche 454, Ion Torrent y experimentalmente PacBio). La herramienta propuesta (MuffinEC), soporta diferentes tipos de errores (sustituciones, indels y valores desconocidos). MuffinEC supera los resultados obtenidos por las herramientas existentes en este ámbito. Ofrece una mejor tasa de corrección, en un tiempo muy inferior y utilizando menos recursos, lo que facilita además su aplicación en muestras de mayor tamaño en computadores convencionales. MuffinEC utiliza una aproximación basada en etapas multiples. Primero agrupa todas las secuencias utilizando la métrica de los k-mers. En segundo lugar realiza un refinamiento de los grupos mediante el alineamiento con Smith-Waterman, generando contigs. Estos contigs resultan de la corrección por columnas de atendiendo a la frecuencia individual de cada base. La tesis se estructura por capítulos cuya base ha sido previamente publicada en revistas indexadas en posiciones dest / [CAT] El treball realitzat en el marc d'aquesta tesi doctoral se centra en la correcció d'errors en dades provinents de tècniques de NGS utilitzant tècniques de computació intensiva. A causa de la reducció de costos i l'increment en les prestacions dels seqüenciadors, la quantitat de dades disponibles a NGS s'ha incrementat notablement. La utilització de computadors en l'anàlisi d'aquestes mostres es fa imprescindible per poder donar resposta a l'allau d'informació generada per aquestes tècniques. L'ús de NGS transcendeix la investigació amb nombrosos exemples d'ús clínic i agronòmic, per la qual cosa apareixen noves necessitats quant al temps de procés i la fiabilitat dels resultats. Per a maximitzar la seua aplicabilitat clínica, les tècniques de procés de dades de NGS han d'accelerar-se i produir dades més precises. En este context és en el que les tècniques de comptuación intensiva juguen un paper rellevant. En l'actualitat, és comú disposar de computadors amb diversos nuclis de procés i inclús utilitzar múltiples computadors per mitjà de tècniques de computació paral·lela distribuïda. Les tendències actuals cap a arquitectures amb un nombre més gran de nuclis posen de manifest que és esta una aproximació rellevant. Aquesta tesi comença amb una anàlisi dels problemes fonamentals del procés de dades en NGS de forma general i adaptat per a la seua comprensió per una àmplia audiència, a través d'una exhaustiva revisió de l'estat de l'art en la correcció de dades de NGS. Esta revisió introduïx gradualment al lector en les tècniques de seqüenciació massiva, presentant problemes i aplicacions reals de les tècniques de NGS, destacant l'impacte d'esta tecnologia en ciència. D'este estudi es conclouen dos idees principals: La necessitat d'analitzar de forma adequada les característiques de les dades de NGS, atenent a l'enorme varietat intrínseca que tenen les diferents tècniques de NGS; i la necessitat de disposar d'una ferramenta versàtil, eficient i precisa per a la correcció d'errors. En el context de l'anàlisi de dades, la tesi presenta MuffinInfo. La ferramenta MuffinInfo és una aplicació programari implementada per mitjà de HTML5. MuffinInfo obté informació rellevant de dades crues de NGS per a afavorir l'enteniment de les seues característiques i l'aplicació de tècniques de correcció d'errors, suportant a més l'extensió per mitjà de funcions que implementen estadístics definits per l'usuari. MuffinInfo emmagatzema els resultats del procés en fitxers JSON. A l'usar HTML5, MuffinInfo pot funcionar en gairebé qualsevol entorn maquinari i programari. La ferramenta està implementada aprofitant múltiples fils d'execució per la gestió de l'interfície. La segona conclusió de l'anàlisi de l'estat de l'art ens porta a l'oportunitat d'aplicar de forma extensiva tècniques de computació d'altes prestacions en la correcció d'errors per a desenrotllar una ferramenta que suport múltiples tecnologies (Illumina, Roche 454, Ió Torrent i experimentalment PacBio). La ferramenta proposada (MuffinEC), suporta diferents tipus d'errors (substitucions, indels i valors desconeguts). MuffinEC supera els resultats obtinguts per les ferramentes existents en este àmbit. Oferix una millor taxa de correcció, en un temps molt inferior i utilitzant menys recursos, la qual cosa facilita a més la seua aplicació en mostres més gran en computadors convencionals. MuffinEC utilitza una aproximació basada en etapes multiples. Primer agrupa totes les seqüències utilitzant la mètrica dels k-mers. En segon lloc realitza un refinament dels grups per mitjà de l'alineament amb Smith-Waterman, generant contigs. Estos contigs resulten de la correcció per columnes d'atenent a la freqüència individual de cada base. La tesi s'estructura per capítols la base de la qual ha sigut prèviament publicada en revistes indexades en posicions destacades de l'índex del Journal of Citation Repor / Alic, AS. (2016). Improved Error Correction of NGS Data [Tesis doctoral no publicada]. Universitat Politècnica de València. https://doi.org/10.4995/Thesis/10251/67630 / TESIS

The subject of the report is to review and evaluate the potential for vector graphics in web maps. It ishoped that a web mapping only should display vector graphics. Compared to the traditional webmapping approach, that has raster tiles pre-rendered on the server side for each zoom level. Thedrawback with raster data is that it lacks in information content compared to vector data, which interms can contribute to a richer user interface. However, vector graphics, in comparison to raster datahave a complex data structure and are inefficient to handle such as raster data traditionally is managed.Thanks to new rendering techniques for vector graphics, such as by VML, SVG, but mainly throughthe canvas element, web maps can be improved since vector graphics can be drawn directly in theclient through the browser without the need to generate data on the server side and sent it to the client.By selecting three vector-based mobile mapping libraries that use HTML5, in particular the canvaselement, each library is examined and evaluated based on their ability to use vector graphics, bothperformance-wise, by randomly generating vector data on a map comprising of the world, but alsoaccording to a number of usability criteria. Thereafter, a mobile travel habit implementation isdeveloped based on one of the libraries that meets the criteria the best. The travel habit application isdesigned to register the user’s geographical movements and subsequently display the user’s completedtrip in terms of vector data on a map. The application is developed with the ASP.NET technique thatconsists of HTML, JavaScript and C# languages. Results show that each library is superior / comparesfavourably to the others for at least one of the assessment criteria. Based on the performance test forthe rendering of vector data, the Tile5 library performed best with a rendering time corresponding toapproximately half the time it took for the second best library Leaflet. However, since Tile5 indicatesdeficiencies in the documentation, Leaflet fits the overall established assessment criteria best and isselected for the implemented of the mobile application for travel habits. For future development, Tile5has the potential to become a useful and effective tool for vector web mapping and to compete withthe traditional mapping platforms that renders raster data. / Motivet till rapporten är att granska och utvärdera möjligheterna för vektorgrafik i webbkartor,förhoppningen är att i en webbkarta endast visa vektorgrafik. Istället för på det traditionella sättet medraster data som genererats färdigt på server-sidan för varje zoom-nivå av kartan. Nackdelen medrasterdata är att den är fattig på information jämfört med vektordata, som i sin tur kan bidra till ettrikare användargränssnitt. Dock har vektorgrafik jämfört med rasterdata en komplex datastruktur ochär ineffektivt att hantera så som rasterdata traditionellt görs.Tack vare nya rittekniker för vektorgrafik, så som genom VML, SVG men främst via canvaselementet, kan webbkartor förbättras i och med att vektorgrafik kan ritas upp direkt genom browserutan att behöva generera data på server-sidan. Genom att välja ut tre vektor-baserade utvecklingsbibliotek som använder sig utav HTML5 och speciellt canvas elementet, så undersöks och utvärderasrespektive bibliotek utifrån deras möjlighet att använda vektorgrafik, både prestandamässigt, genomatt slumpmässigt generera vektor data på en karta omfattande av hela världen, men också utifrån ettantal användbarhetskriterier. Därefter utvecklas en test implementation, d.v.s. en applikation för resvanor,baserat på den utav biblioteken som uppfyller kriterierna bäst. Res-vane applikationen ärinriktad på att registrera användarens geografiska rörelser och kan sedan visa användarens genomfördaresa i form av vektordata på en karta. Applikationen är utvecklad med ASP.NET tekniken som bestårutav HTML, JavaScript och C# språken. Resultatet från den empiriska undersökningen visar attkartbiblioteken utmärker sig på förmånligt men på olika områden. Utifrån prestandatestet förrendering av vektordata, presterade Tile5 bibliotek bäst med en renderingstid motsvarande ungefärhäften av tiden det tog för det näst bästa biblioteket, Leaflet. Dock ledde bristande dokumentation förTile5 till att Leaflet, till det stora hela sett, passade bedömningskriterierna bäst och kom attimplementeras i den mobila test applikationen för resvanor. För framtida utvecklings, har Tile5potential att utvecklas till ett användbart och effektivt verktyg för vektorkartläggning och för attkonkurrera med traditionella webbkartor som renderar rasterdata.

Mobile e-commerce is an increasing trend. Still, many sales sites are not adapted to mobile interfaces. Important factors in the design of successful e-commerce applications are trust, high quality graphics, and easy navigation. However, a typical design approach is to strip down functionality and this can have a negative impact on the user experience. The goal of this thesis was to create a style guide that can be used to develop responsive e-commerce sites through a mobile first implementation strategy. A style guide was created by applying modern design theory and by investigating existing e-commerce solutions. Moreover, a prototype of an e- commerce solution was developed using the style guide. This prototype was evaluated by an expert group of usability professionals. The study indicates that the style guide is a useful and effective tool in the design and development of e-commerce systems. We conclude that a mobile first strategy needs to be combined with subsequent traditional desktop design.

Mobile devices and mobile computing have made tremendous advances and become ubiquitous in the last few years. As a result, the landscape has become seriously fragmented which brings lots of challenges for the mobile development process. Whilst native approach of mobile development still is the predominant way to develop for a particular mobile platform, recently there is shifting towards cross-platform mobile development as well. In this thesis, a survey of the literature has been performed to see the trends in cross-platform mobile development over the last few years. With the result of the survey, it is argued that the web-based approach and in particular, hybrid approach, of mobile development serves the best for cross-platform development. Using the hybrid approach, a prototype application has also been developed and built into native application for different platforms. This has helped to get a better insight about the domain of cross-platform mobile development and its main advantage of the unification of the development and testing process. The results of this work indicate that even though cross platform tools are not fully matured they show great potential and reduce the cost associated in developing native mobile applications. Cross-platform mobile development is equally suitable for rapid development of high-fidelity prototypes of the mobile application as well as fairly complex, resource intensive mobile applications on its own right. As the upcoming future trends and the evolution of HTML5 continues to redefine the web, allowing its growth as a software platform, there remains great opportunities for cross-platform mobile development and hence provides an attractive alternative for the native mobile development.

This thesis has taken part as an experimental development within the Learning Ecology through Science with Global Outcomes project. It introduces the area of cross platform mobile application development and provides a possible solution for tackling the current fragmentation of mobile devices and platforms for data collection. During the process, a mobile data collection prototype was designed, implemented and deployed on Android, iOS and Windows Mango by using standards and web standards such as HTML5, CSS3, XForms and JavaScript. The deployed prototype was then tested with users in order to collect the necessary data to help answer the questions that were formulated. The results indicate an ease of use of the prototype in relation to cross platform development and also shows potential benefits such as less code and time. Cross platform development provides a way to counteract the current fragmentation between mobile platforms.

When developing HTML5 applications for TV platforms, the TV platforms provide, in addition to standardHTML5 functionality, also extra APIs for TV-specific features. These extra APIs differ between TVplatforms, and that is a problem when developing an application targeting several platforms. This thesis hasexamined if it is possible to design a framework which provides the developer with one API that works formany platforms by wrapping their platform-specific code. The answer is yes. With success, platform-specificfeatures including: TV remote control input, video, volume, Internet connection status, TV channel streamsand EPG data have been harmonised under an API in a JavaScript library. Furthermore, a build systempackages the code in the way the platforms expect. The framework eases the development of TV platformHTML5 applications. At the moment, the framework supports the Pace, PC and Samsung Smart TVplatforms, but it can be extended with more TV platform back-ends. / Lorsque l’on développe des applications HTML5 pour des plateformes TV, les plateformes TV fournissent,en plus de la fonctionnalité standard d'HTML5, des APIs supplémentaires pour les particularités d'une TV.Ces APIs supplémentaires diffèrent entre les plateformes TV, et ceci cause un problème lors dudéveloppement d’une application pour plusieurs plateformes. Cette thèse a fait l’examen de la possibilité deconcevoir un cadre d'applications qui fournit au concepteur une API qui peut servir à plusieurs plateformes,cachant le code spécifique de celles-ci. La réponse est oui. On a réussi à harmoniser : l’entrée de latélécommande, le lecteur vidéos, le volume, la connexion Internet, le flux TV et leurs données GPE, dans uneAPI qui réside dans une bibliothèque JavaScript. En outre, un système de compilation met le code d’unemanière dont la plateforme peut comprendre. Le cadre d'applications facilite le développement d'applicationsHTML5 des plateformes TV. Pour le moment, le cadre d'applications peut supporter la Pace, le PC et laplateforme de Samsung Smart TV, mais il peut également fonctionner avec d'autres plateformes TV. / Wenn man HTML5-Anwendungen für TV-Plattformen entwickelt, stellen die Plattformen neben denStandardfunktionalitäten von HTML5 auch extra APIs für TV spezifische Features zur verfügung. Diesezuzätzlichen APIs unterscheiden zwischen TV-Plattformen und das ist ein Problem bei der Entwicklung vonAnwendungen, die auf mehreren Plattformen laufen sollen. Diese These untersucht, ob es möglich ist, einFramework zu entwerfen, dass dem Entwickler eine API bereitstellt, welche für mehrere Plattformenfunktioniert, indem deren Plattform spezifischer Code verpackt wird. Die Antwort ist ja. Das Frameworkharmonisiert: Fernbedienungeingabe, Video, Volumen, Internet-Anschlussstatus, Fensehkanalstreams undelektronische Programmführer, zu einer gemeinsamen JavaScript-Bibliothek-API. Weiterhin verpackt einbuild system den Code so, wie es die Plattform erwartet. Das Framework erleichtert die Entwicklung vonHTML5-Applikationen für TV-Plattformen. Im Moment deckt das Framework: Pace-, PC- und SamsungSmart TV-Plattformen, aber es kann mit weiteren TV-Plattformen erweitert werden. / Quando si sviluppano delle applicazioni HTML5 per le piattaforme TV, quest'ustime offrono, oltre allafunzionalità comune di HTML5, anche APIs addizionali per funzionalità specifiche della TV. Queste APIsaddizionali differiscono tra le varie piattaforme TV e questo è un problema quando si sviluppaun'applicazione che funzioni per ciascuna piattaforma. Il presente lavoro esamina la possibilità di progettareun framework che fornisca allo sviluppatore una sola API, la quale sia funzionante per molte piattaforme esia idonea a nascondere il codice specifico di ciascuna di esse. La risposta è sì. Il framework fonde:l'immissione del telecomando, il video, il volume, lo stato della connessione Internet, i flussi dei canali TV edei dati della guida elettronica dei programmi, all'interno di una API secondo il modello di una libreriaJavaScript. Inoltre, il sistema di compilazione crea un pacchetto del codice nel modo in cui le piattaforme siaspettano. Il framework facilita lo sviluppo di applicazioni HTML5 per le piattaforme TV. Al momento, ilframework sostiene le seguenti piatteforme: Pace, PC e Samsung Smart TV, ma può essere esteso anche adaltre. / När man utvecklar HTML5-applikationer för TV-plattformar, finns utöver HTML5s standardfunktionalitet,även extra APIer för att komma åt TV-specifika funktioner. Dessa extra APIer skiljer sig åt mellan TV-plattformar, och det är ett problem när man utvecklar en applikation för många plattformar. Dettaexamensarbete har undersökt om det är möjligt att designa ett ramverk som förser utvecklaren med ett APIsom fungerar för många plattformar genom att wrappa deras plattformsspecifika kod. Svaret är ja. Ramverketharmoniserar: fjärrkontrollsindata, video, volym, internetförbindelse, TV-kanalströmmar och deras TV-tablåer, till ett gemensamt JavaScript-bibliotek-API. Vidare paketerar ett byggsystem koden på de sätt somplattformarna förväntar sig. Ramverket underlättar utveckling av HTML5-applikationer för TV-plattformar.För tillfället stöder ramverket plattformarna: Pace, PC och Samsung Smart TV, men det kan breddas med flerTV-plattformar.

Websites are today one of the most common ways for humans to interact with each other. Evolving from just static pages for companies to highly dynamic social medias, websites are built upon complex techniques and architectures to meet end-user demands. One of the latest techniques are single page applicationswhich makes use of the web browsers capabililities to execute application code. One drawback is that search engines cannot visit the site, nor can script-disabled web browsers. For a single page application to function on all devices a new concept called isomorphism needs to be considered. The aim of this thesis have been to analyze, design and implement an isomorphic web application using modern technologies. The practical work have been applied using an agile project method, while theoretical works are based on previous knowledge and an internet based research. The implementation went through several iterations of trial and error but was finally completed with Facebook's React framework together with a modified version of the Flux architecture. The resulting application was implemented in both Ember and the proposed isomorphic solution. Benchmarks of both implementations were carried out and compared with each other to see how the thesis' isomorphic solution performed. The results shows an performance increase in the isomorphic solution. In conclusion the full application was not implemented due to time limits, but the most performance critical parts were. While only one framework was compared, it would be of interest to compare with more frameworks to give a better performance overview.