Webbapplikationer blir mer och mer avancerade och ställer mer krav på dagens enheter. Rendering av grafik i HTML5 canvas är något som kan ställa stort krav på enheter och en påföljd av detta är att svarstiden blir lång. En eventuell lösning på problemet med bristande prestanda hos enheter är att förflytta renderingen från klientsidan till serversidan. Två versioner av samma webbapplikation skapades där renderingen sker på klientsidan i en version och på serversidan i annan version med hjälp av Node.js. Webbapplikationen renderar diagram som baseras på olika variabler. Tester genomfördes för att jämföra versionerna, där det visade sig att klientversionen var den version som resulterade i lägst svarstid och minst överförd datamängd. Ytterligare tester med större skillnad gällande prestanda och typ för enheter är av intresse för framtida arbete.

MobisleApps utvecklar och underhåller en applikation för mobila enheter så som iPhone och Android som heter MobisleNotes. Denna applikation ger användaren möjlighet att skriva anteckningar i mobilen och synkronisera dessa till en extern server. MobisleApps vill erbjuda ytterligare möjligheter för användarna att skriva anteckningarna och har bestämt sig för göra detta med hjälp av en webbläsare och ett gränssnitt mot den externa servern. Detta examensarbete syftar till att ta fram ett sådant webbgränssnitt och att undersöka om detgår att använda något ur de nya standarderna för Hyper Text Markup Language (HTML) och Cascading Style Sheets (CSS). Genom att utveckla ett webbgränssnitt som ger användaren möjlighet att logga in, skapa, ändra och ta bort anteckningar som synkroniseras till telefonen via en extern server har jag uppfyllt de krav som ställdes. Slutsatsen av rapporten är att det är möjligt att använda en del nya HTML5 och CSS3 funktionalitet och egenskaper. Detta om det görs för att förstärka webbgränssnittets funktionalitet och utseende medan man inte förlitar sig på att alla användare kommer att ha en uppdaterad webbläsare. Annars är risken stor att man stänger ute användare som inte kan ellervet hur man uppdaterar sin webbläsare. / TQDT11

This thesis have been performed at Sweco Position in Jönköping. The work was split into two, where one part included an investigation regarding the possibility of developing a cross-platform GIS (geographic information system) with HTML5 and CSS3. A prototype would also be developed within this part. The second part included development of a cross-platform GIS for a client to Sweco Position. The client operates in the forest sector and had already an existing solution, with many problems. The client required an application with delimited functionality and which was not bound to a specific hardware. As the client users often were located in areas with limited Internet access, one additional requirement was that there would be some offline support. The students handle subjects within development of GIS, for example map projections, map services and mapping libraries. The application came to be developed in HTML5 and ASP.net. The mapping library that was used, was Leaflet 0.3.1. The result of this thesis is a cross-platform GIS with offline support. Examples of functionality included is to log positions manually, execute an automatic log function and support for managing which layers and logs that should be visible in the interface. / Detta examensarbete har utförts på företaget Sweco Positon i Jönköping. Arbetet var tudelat, där den ena delen omfattade en utredning kring möjligheterna att utveckla ett plattformsoberoende GIS(geografiskt informationssystem) med HTML5 och CSS3. För denna utredning skulle även en prototyp tas fram. Den andra delen omfattades av utvecklingen av ett plattformsoberoende GIS åt en kund till Sweco Position. Kunden verkar inom skogsbranschen och hade en redan befintlig lösning med många problem. Denne ville få fram en applikation med avgränsad funktionalitet och som ej heller var bunden till någon specifik hårdvara. Då kundens användare ofta befann sig i områden med tveksam uppkoppling, krävdes även ett visst offlinestöd. Studenterna går bland annat igenom delar som berör utveckling av GIS i form av kartprojektioner, karttjänster och kartkomponenter. Kartlösningen skulle komma att utvecklas i  HTML5 samt ASP.net. Den kartkomponent som användes i projektet var Leaflet 0.3.1. Resultatet av examensarbetet är ett plattformsoberoende GIS med offlinestöd. Exempel på funktionalitet är att logga manuella punkter, exekvera autologgning samt hantera visning lager och sparade loggar.

Att ha grafiska applikationer i webben har blivit allt mer vanligt sedan World Wide Web kom till i slutet på 80-talet. Till en början handlade det om effektfulla interaktiva element så som reklamskyltar, logotyper och menyknappar. Idag år 2015 har webbläsarna utvecklats så pass långt att inga tredjepartsprogram krävs för att interaktiv grafik ska fungera, vilket tidigare var fallet. Grafiska funktioner och bibliotek finns nu istället inbyggda i webbläsaren. De tekniker som denna rapport/arbete ska behandla är Canvas och WebGL. Dessa är tekniker som används för att presentera interaktiv grafik på webben. WebGL är ett grafiskt bibliotek som bygger på ett känt grafiskt bibliotek vid namnet OpenGL, men konstruerat för webben. Grafiken är hårdvaruaccelererad precis som OpenGL, vilket innebär att tekniken kan åstadkomma relativt kraftfull grafik för att vara en webbapplikation. För en utbildad webbutvecklare kan WebGL upplevas som en svårare värld jämfört med Canvas som ligger närmare en webbutvecklares kunskapsområde. Canvas har även en större tillgänglighet bland webbläsare än WebGL. Detta arbete ska redovisa hur dessa två tekniker förhåller sig till varandra i utritningshastighet tillsammans med en bildteknik kallad Atlas. Atlas teknik är enkelt förklarat när ett bildobjekt är som en atlas med flertal bildobjekt där i som hade kunnat motsvara separata bildobjekt. Detta examensarbete kommer jämföra alla fallen i ett experiment för att kunna ge svar på hur prestanda i utritningshastighet står sig mellan teknikerna Canvas och WebGL med eller utan Atlas teknik.

Σχεδίαση και Υλοποίηση εφαρμογής για έξυπνα κινητά τηλέφωνα με χρήση τεχνολογιών διαδικτύου HTML5 και διερεύνηση σχετικων εργαλείων και τεχνολογιων. / Designing and development of a mobile application using HTML5 web technologies and further research of corresponding tools and frameworks.

Due to the varied climate of devices used today, the web must accommodate to every use case via responsive design. The problem is that images are often forgotten when implementing fluid design, resulting in slower loading of pages and more data sent than necessary. This thesis aims to explore through a literary study which valid standardized responsive image solutions there are using HTML5 and how to implement them. The empirical study of this thesis will be an experiment conducted to find answers on what the benefits are and what you must consider when implementing responsive image solutions. The experiment consists of collecting data from three different websites implementing various degrees of responsive image solutions. We conclude from the literary study that there are currently two valid standardized responsive image solutions in HTML5 in the form of the ‘picture’ element and the ‘srcset’ attribute. We find that the increased size of data stored on disk and the increased complexity of the markup and images must be considered when implementing responsive image solutions. The benefits of the technique will show in terms of decreased loading times of the page and less data sent over the network. We also concluded that a clearer focus and more context was achieved on the images implementing art direction.

This thesis explores possible solutions to replace Adobe Flash Player by using tools already built into modern web browsers, and explores the tradeoffs between bitrate, quality, and delay when using an adaptive bitrate for live streamed video. Using an adaptive bitrate for streamed video was found to reduce stalls in playback for the client by adapting to the available bandwidth. A newer codec can further compress the video file size while maintaining the same video quality. This can improve the viewing experience for clients on a restricted or a congested network. The tests conducted in this thesis show that producing an adaptive bitrate stream and changing codecs is a very CPU intensive process.

This thesis outlines description and comparison of currently used application development tools for mobile devices. The thesis compares especially development of native applications (for Android, iOS, BlackBerry, Windows Phone) with web-based solutions with regard to the multi-platform development. Moreover, the thesis presents implementation of an experimental application for Android as well as web-based application. Both implementations are described and compared including performance tests.

The diploma thesis deals with design and implementation of user styles designer in the application TEXonWeb. It contains the analysis of current state of the application and development of its components. It describes possibilities of typesetting in TeX/LaTeX system, mainly in the area of creating user styles. It provides comparison of some similar oriented systems. It also includes the theory of formal languages and compilers. Part of the work is description of the interface design, implementation of styles designer and styles parser. There are mentioned possibilities of next development too.

The presented diploma thesis deals with designing electronic educational materials intended for learning/teaching physics at elementary schools. The work consists of the following parts. In the first part, we focuse on the description of the used HTML5 technology and its possibilities.Subsequently we analyze the applicability of the chosen technologies. The main part of the work comprises a description of designing and implementation of five selected teaching methods and their testing on interactive whiteboards and contemporary mobile devices.