Goal of my thesis is to design and create a new template for CMS WordPress for online journal or a blog with use of HTML5 and CSS3. The resulting template will be responsive. In the first part I will focus on describing WordPress and its history in general. In the next, second, chapter, I will examine the architecture and technologies used by the system. Third chapter will deal with structure of plugin and theme systems. In the fourth and final chapter I will examine the process of creating template in a greater detail. In the partical demonstration I will show creating a new template from scratch, going over basic conceptions, wireframes, coding and final implementation on a live website.

Chatbots are software agents that interact with the user in a conversation. The main goal of their creation was to resemble a human being in the way they perform said interaction, trying to make the user think he/she is writing to another human being. This has been implemented with varying degrees of success. One of the most popular languages for the definition of a chatbot knowledge base is AIML.This thesis focuses on the implementation of an AIML interpreter written in Javascript to allow for a web-based client-side specific usage of AIML chatbots. The interpreter must guarantee the compliance of properly formed AIML documents, perform all the necessary pre-processing duties for the correct usage of the chatbot and ensure the correctness of both pattern matching of user input and chatbot response.The interpreter fully exploits the DOM tree manipulation functions of the jQuery library to achieve said goals, treating AIML files as if they were normal XML files. The result is a well performing, fully functional AIML interpreter tailored around AIML 1.0 specification.

No description available.

De flesta spel som utvecklas i HTML5 använder en Canvas metod som ritar ut 2-D grafik. Med examensarbetet ville utvecklarna och examinatorn undersöka om det var möjligt att göra ett spel med bra prestanda utan att använda Canvas. Istället använde utvecklarna DOM-trädet och de nya funktioner som finns i CSS3 för att rita ut grafiken. Spelet som utvecklades heter Twofighter och är ett spel för två spelare på samma enhet exempelvis en surfplatta eller smartphone. Den ena spelaren styr ett rymdskepp som ska undvika eller plocka upp objekt som den andra spelaren placerar ut.

Målet med denna avhandling är att ge en översikt av HTML5:s möjligheter och utvärdera dessa från ett utvecklingsperspektiv genom att ställa de mot tidigare lösningar. Sällan kan något nytt introduceras utan att problem dyker upp, speciellt när det gäller webben. Problemen som ska lösas samt problemen som uppstår vid skiftet till det nya märkspråket granskas och detsamma gäller lösningarna på båda sidor. Tanken med HTML5 är att man ska kunna göra mer med mindre. Med andra ord ska användningen av insticksprogram för diverse uppgifter minskas, och huruvida troligt detta blir är en del av undersökningen. Dokumentet behandlar även rollen HTML5 har i uppgången av webbapplikationer och hur den gynnar denna utveckling på både skrivbordet samt i de handhållna enheterna. Det utökade fokuset mot en mer dynamisk webb har även orsakat att rollen som JavaScript och CSS3 spelar blivit desto större. Kopplingen mellan märkspråket, skriptspråket samt stilmallarna har som resultat av detta stärkts med en djupare integration däremellan. Avhandlingens omfattning är huvudsakligen begränsad till de större tillskotten i HTML5 och deras ställning i problem/lösningssammanhanget. Dessa tillskott är bland annat de semantiska strukturelementen, hanteringen av ljud och video, lagringsgränssnitten, formulärsfunktionaliteten samt lokaliseringsmöjligheter. På grund av tillväxten av mobilt surfande observeras även vad HTML5 innebär för bland annat webbapplikationer på mobiltelefonen. I slutändan kunde ett antal slutsatser konstateras rörande fördelarna, men även nackdelarna, med att flytta över en så stor del av funktionaliteten som möjligt till märknings- och skriptspråken. Problemen som lösningarna medför kunde till störst del inte ses som något mer än temporära och beroende av nuvarande förutsättningar. Potentialen för att slå ut insticksprogrammen inom diskuterade områden i den närmaste framtiden är till en viss del ännu osäker. Mycket beror trots allt på marknadens bemötande. Att HTML5 är ett viktigt och kompetent märkspråk för den numera applikationsinriktade webben kunde däremot bekräftades som förväntat.

Då webben nu består av dynamiska hemsidor och kraftfulla applikation blir ävenkraven på kommunikationshastigheter större. Detta arbe har tittat på den äldre ochpoppulära tekniken Long Polling och ställt den i förhållande till HTML5s nyawebsocket API. Igenom att bygga ett multiplayer spel för webbläsaren utan någrapluggins ställdes teknikerna mot varandra för att se vilken som presterade bäst ochvisade sig mest effektiv för användning i den typen av applikation. WebSockets visadesig klara av alla tester med marginal mot de värden relaterad forskning visat på ärminimum kraven för att kunna realisera realtidsapplikationer. Long Polling föll kortoch visade sig vara svagare på alla punkter i förhållande till WebSockets.

Genom nya utvecklade standarder så spås webben i framtiden alltmer utgöra en fullgod applikationsplattform. HTML5 skapar bland annat möjligheten att använda sig av vektorgrafik genom Canvas-API. Användningen av vektorgrafik kräver dock lokal rendering och på en resurssvag enhet kan detta innebära att displayens framerate sjunker. Användaren upplever "lagg" och för många applikationer är detta negativt för användbarheten. För att webbapplikationer ska kunna fungera tillfredställande för en stor bredd av enheter med varierande kapacitet är det fördelaktigt att användningen av grafik sker adaptivt. Detta arbete undersöker om användningen av progressiv detaljrikedom i Canvas-grafik kan bidra till att hålla framerate uppe vid tillämpning på mobila enheter. Resultaten pekar som väntat på att reducerade detaljnivåer samt att byta ut bezierkruvor mot linjer ger förbättrad fps, men att utfallen varierar mellan olika webbläsare och telefonmodeller.

No description available.

Vi kommer i denna rapport undersöka hur ramverket Derby kan användas inom spelutveckling tillsammans med HTML5 och CSS3. Derby är ett MVC-ramverk som bygger på Node.js. MVC (Model View Controller) är ettdesignmönster som används inom systemutveckling. Designmönstret separerar presentationslagret och datalagret genom att införa en komponent emellan som kallas controllern. Det Derby framförallt tillför till Node.js är synkronisering av data mellan servern och klienten. Är det möjligt att med hjälp av dessa tekniker programmera ett spel av typen tower-defence? Syftet med denna rapport har varit att, med Erik Berglund som beställare, utveckla ett spel från en innovation av spelgenren tower-defence, detta med hjälp av ramverket Derby tillsammans med Javascript, HTML5 och CSS3.Huvudidén är att spelet aldig ska ta slut. Är det möjligt att programmera detta med hjälp av dessa ramverk och tekniker? Hur blir prestandan om spelet genererar nytt material konstant? Vi kommer att gå igenom hur vi har använt oss av dessa tekniker och vilka algoritmer vi har använt oss av för att utveckla och realisera de speldesignidéer som Erik tillfört.

This thesis explores responsive images for websites, i.e., content images that respond to users display size, pixel density and bandwidth. We look into responsive web design and how it is related to responsive images. Different responsive image techniques are discussed and various use cases for responsive images are explored along with technologies that are needed to implement responsive images. A testing website is built and responsive image techniques are applied one by one, tested and compared and its effect on the websites load time is measured. The process of implementing the techniques is described with code examples and images. The results indicate that responsive images can certainly have positive effect on loading time of a website. Weather or not responsive images should be implemented depends on how much image data the website has and how fast the Internet connection is. Websites with more images can certainly profit from using responsive image techniques, especially if only slower bandwidths are available.