The purpose of this research was to delve into the process of developing real time applications for the web via the use of JavaScript based frameworks and code libraries – that run on both the client and the server. To aid us in this endeavor we have developed a test application in the form of a real time multiplayer game. We believe this project to be an appropriate model for experimentation as the market is currently showing an increasing interest in tools which facilitates the development of platform independent games. We have specifically examinined how technologies such as Node.js and WebSocket can be used in order to deliver a multiplayer experience that adequately satisfies the demands and expectations of the prevailing market as it pertains to applications of this kind.Apart from measuring the actual latency for each game round during our experiments, we have also made use of subjective evaluation through the Mean Opinion Score (MOS). This research paper also introduces the term "multiplayer experience" in order for us to encapsulate and relate to the user's subjective experience of simultaneous interaction.Our research has led us to conclude that there is no definitive or all-encompassing metric by which to judge the threshold for acceptable latency that is applicable to all games. The results from our tests do however show that Node.js and WebSocket – at least in regards to our own application – can be used to deliver an acceptable multiplayer experience. / I det här arbetet så redogör vi för processen av att utveckla en realtidsbaserad webbapplikation med hjälp av ett antal ramverk och kodbibliotek – för både klient och server – som är skrivna i JavaScript. Vår testmodell består av ett enklare realtidsbaserat multiplayerspel, ett projekt som vi såg som en lämplig kandidat då intresset för plattformsoberoende multiplayerspel på marknaden ökar. Utifrån laborationer och kodexperiment granskar vi hur teknologierna Node.js och WebSocket kan användas för att möjliggöra för en multiplayerupplevelse som lever upp till de förväntningar som ställs på denna typ av applikation.Utöver att ha mätt de faktiska överföringstiderna för varje spelomgång så har vi dessutom brukat oss av en subjektiv värderingsskala kallad Mean Opinion Score (MOS). Vi inför också begreppet multiplayerupplevelse för att kunna förhålla oss till användarens subjektiva upplevelse av simultan interaktion.Vi kommer fram till att det inte går att fastställa ett definitivt och allomfattande gränsvärde för latenstider, utan det skiljer sig från spel till spel. Resultaten från mätningarna av vår egen applikation visar att Node.js och WebSocket kan leverera en acceptabel multiplayerupplevelse.

No description available.

No description available.

<p>Webbens utveckling går i raskt tempo och nya tekniker utvecklas ständigt. På senare tid har en ny teknik växt fram som kallas för remote scripting. Med detta menas att man kan göra anrop till servern utan att ladda om hela webbsidan. Genom att utnyttja denna teknik kan man också reducera tiden för att hämta data från servern och tiden det tar att uppdatera informationen i webbläsaren. Det har funnits metoder och tekniker för detta ett antal år men det var inte förrän Jesse James Garret myntade uttrycket AJAX i sin artikel ”Ajax: A New Approach to Web Applications” som tekniken uppmärksammades i större skala. AJAX står för Asynchronous JavaScript And XML och används för tekniker som utnyttjar XMLHTTP-objektet för att skicka och ta emot data.</p><p>Syftet med uppsatsen är att undersöka om man kan göra webbapplikationer mer användbara genom att använda sig av AJAX. Ett andra syfte är att se vilka saker som är viktigt att tänka på när man utvecklar applikationer med denna teknik. Detta har gjorts genom att ta fram en prototyp i AJAX som har jämförts med en befintlig webbapplikation. Användartest har utförts på både webbapplikation och prototypen. Därefter har resultaten av de båda användartesten analyserats och jämförts.</p><p>Resultaten visar att det finns en del saker som kan vara bra att ha i åtanke då man utvecklar AJAX-applikationer. Att ge användaren återkoppling när information har sparats är en av de sakerna. Man kan också behöva ge användaren vägledningsinformation då detta är en ny interaktionsform på webben. Efter en jämförelse mellan de båda användartesten uppkom en indikation om en förbättrad användbarhet i prototypen. Det visade sig att effektiv användning var den punkt där användbarheten hade förbättrats mest.</p>

Under 2015 hade progressiva webbapplikationer sitt genombrott. En progressiv webbapplikation (förkortas PWA) beskrivs enklast som en vanlig webbsida som även kan laddas ner till hemskärmen på surfplattan eller mobiltelefonen och kan användas som en vanlig mobilapplikation. I detta arbete undersöks hur PWA är framtiden för olika kategorier av företag. Undersökningen görs för att se hur företag själva tänker kring användning av en PWA samt hur den kan användas istället för den applikation eller lösning företaget använder idag. Syftet med arbetet är att de företag som deltar får kunskap om PWA samtidigt som utvecklingsmöjligheterna för företaget utforskas. Målet är att se hur känt PWA är hos olika företag idag, hur företagen själva tänker kring användning av en PWA, vilken (eller vilka) kategorier av företag en PWA passar bäst för och hur framtiden för PWA i företag ser ut. För att besvara frågeställningarna genomfördes först en litteraturstudie där fakta till ett informationsdokument togs fram. Detta dokument fick sedan deltagarna ta del av för att få kunskap om PWA:er. Därefter gjordes analyser av vilka lösningar företagen idag använder för att publicera sin verksamhet, samt för att välja ut vilka kategorier av företag som skulle undersökas i arbetet. De kategorier som valdes var: restauranger, e-handel och verksamheter/föreningar som erbjuder olika typer av tjänster. Därefter gjordes intervjuer med tre företag inom varje kategori. Intervjun var uppdelad i tre delar: kunskap om PWA sedan tidigare, hur en PWA kan användas i företaget och hur företag ser på framtiden med PWA. Resultatet visade att inget av de företag som deltog hade någon kunskap om PWA sedan tidigare. Majoriteten av företagen var positiva till användningen. Majoriteten trodde även att om mer information ges kommer fler och fler företag att övergå till PWA i framtiden. Dock är en viktig faktor att övergången inte får vara allt för arbetskrävande och komplicerad, varken för användarna eller för företaget själv. Alla företag som deltog har en verksamhet där en PWA är kompatibel. Dock har kategorierna e-handel och verksamheter/föreningar en större användning för alla de funktioner som följer med en PWA än vad restauranger har.

<p>Detta examensarbete är gjort för Goodwill Reklambyrå i Norrköping. Uppgifterna var att skapa en hemsida och en företagsportal åt företaget. Med företagsportal menas en applikation upplagd på Internet där företagets anställda kan läsa, uppdatera, radera och skapa poster som är lagrade i databaser. I huvudsak har Flash använts för att skapa hemsidan och ASP (Active Server Pages) för att bygga upp företagsportalen. Resultatet blev en underhållande och informativ hemsida och en säker och användbar företagsportal. I denna rapport får läsaren en utförlig redogörelse för arbetet. </p> / <p>This degree project is made for Goodwill Reklambyrå in Norrköping. The task was to create a homepage and a business community for the company. By business community we mean an application on the Internet where the company staff are able to read, update, delete and create posts which are stored in databases. Mainly have Flash been used to create the homepage and ASP (Active Server Pages) to build the business community. The final result was an entertaining and informative homepage and a secure and useable business community. In this report the reader gets a detailed statement of our work.</p>

<p>Detta examensarbete har genomförts på Campus Norrköping, Linköpings Universitet. Arbetet är en del av ett samarbete mellan Linköpings Universitet, Kungliga Tekniska Högskolan och Math.se. Målet med samarbetet är att skapa och underhålla en hemsida för webbstöd i kursen Linjär Algebra. Genom åren har det upptäckts att det finns en problematik i många studenters inlärning av kursens teori. Detta beror på att det är svårt att undervisa något som berör fler än två dimensioner på en tvådimensionell tavla eller papper.</p><p>Examensarbetets syfte var att utveckla grunden för en produkt som hjälper till att öka förståelsen hos studenter som läser linjär algebra. Produkten skulle på ett interaktivt sätt visualisera på datorskärmen de moment i kursen som kan vara svåra att undervisa i ett klassrum. Vidare skulle produkten både lära ut och testa studenters kunskap.</p><p>Programmet skulle finnas och startas från hemsidan för kursens webbstöd så att det kan startas parallellt med att studenter löser uppgifterna på sidan. Det var också krav på att programmet skulle fungera på alla stora operativsystem och webbläsare. Framförallt var det viktigt att produkten skulle vara lättanvänd och fungera pedagogiskt.</p><p>Resultatet av examensarbetet är nio applikationer, en för varje moment som har tillämpats, som via datorgrafik underlättar undervisningen genom pedagogiskt förklarande och uppgifter. Programmen startas direkt på hemsidan via Java Web Start.</p>

Detta examensarbete är gjort för Goodwill Reklambyrå i Norrköping. Uppgifterna var att skapa en hemsida och en företagsportal åt företaget. Med företagsportal menas en applikation upplagd på Internet där företagets anställda kan läsa, uppdatera, radera och skapa poster som är lagrade i databaser. I huvudsak har Flash använts för att skapa hemsidan och ASP (Active Server Pages) för att bygga upp företagsportalen. Resultatet blev en underhållande och informativ hemsida och en säker och användbar företagsportal. I denna rapport får läsaren en utförlig redogörelse för arbetet. / This degree project is made for Goodwill Reklambyrå in Norrköping. The task was to create a homepage and a business community for the company. By business community we mean an application on the Internet where the company staff are able to read, update, delete and create posts which are stored in databases. Mainly have Flash been used to create the homepage and ASP (Active Server Pages) to build the business community. The final result was an entertaining and informative homepage and a secure and useable business community. In this report the reader gets a detailed statement of our work.

Prestanda är idag en av de viktigaste faktorerna för en webbapplikation. Då mer och mer tid för en webbapplikation idag dock läggs på att hämta data från t.ex. en databas, krävs tekniker för att effektivisera hämtningen av data. En teknik som kan användas för detta är cachning, som dock ställer ett antal utmaningar. T.ex. är det svårt att veta vart cachen ska implementeras för bästa prestandavinst, eller att veta vilken cachningsalgoritm som ska väljas för bäst prestandavinst.I det här arbetet undersöks hur prestandan påverkas av val av plats för cachen, samtidigt som det undersöks hur viktig cachningsalgoritmen är för resultatet. Undersökningen görs genom en fallstudie där cachning implementeras i ett verklighetsbaserat system och testats med olika cachningsalgoritmer. Resultaten för fallstudien visar att cachning ger en tydlig förbättring av prestandan där val av plats är den utslagsgivande faktorn för resultatet. Val av algoritm gav för denna studie inget utfall.

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.