Utlärning utav programmering börjar krypa ner i åldrarna även i de svenska skolorna. Men är verkligen vanligt textbaserad programmering enklast att lära sig som nybörjare? Arbetet kommer att diskutera grafisk programmering och visualisering och jämföra detta mot gammal hederlig textbaserad programmering. Målet är att ta reda på vilket utav de olika formerna av programmering som egentligen är enklast att förstå och vilket sätt som är snabbast att använda för att lösa enkla programmeringsproblem.

Människor spenderar allt mer tid på Internet och använder enheter med olika skärmstorlekar och upplösningar mer frekvent när de bläddrar på webben. Detta har gjort att webbutvecklare har ställts inför stora utmaningar med att kunna nå ut till samtliga internetanvändare på ett tillgängligt sätt, oavsett vilken enhet som används. På senare tid har detta blivit ett problem som har lett till att webbutvecklare måste optimera webbplatser för att maximera internetanvändarnas upplevelse. I detta arbete utförs ett tekniskt experiment genom användartester. Målet med experimentet är att undersöka hur interaktioner från användare på en responsiv webbplats kan aggregeras och visualiseras med hjälp av de grafiska verktygen heatmap och heatelements. Resultatet av experimentet visar att det grafiska verktyget heatelement är mer tillförlitligt än heatmaps på en responsiv webbplats när interaktionsdata som samlats in från olika enheter ska aggregeras och visualiseras.

Undersökningens syfte är att ta reda på hur JavaScript‐ramverk presterar i jämförelse med  ren JavaScript i en kommunikation med en webbservice. Kommunikationen med en  webbservice är tillståndslös. Detta innebär att en webbapplikations förfrågan mot en  webbservice alltid är en ny förfrågan. En webbservice kommer inte ihåg klientens tidigare  frågor.   Det finns idag en rad olika JavaScript‐ramverk som klarar av en kommunikation av sådan  karaktär. Denna undersökning kommer att utvärdera prestationerna av de mest använda  ramverken på marknaden gällande kommunikation med en webbservice. För att avgöra vilka  ramverk som ska ingå i undersökningen ingick endast de ramverk vars användning på  webben överstiger 0.1%, vilket resulterade i att 17 stycken ramverk undersöktes. Därefter  gallrades de ramverk bort som inte klarar av kommunikation med en webbservice, ramverk  som inte är underhållna och slutligen också ramverk som kostar pengar att använda. De  ramverk som kvarstod var jQuery, MooTools, Prototype, AngularJS och Dojo.  Implementationer producerades med de kvarvarande ramverken och en med ren JavaScriptkod. Sedan analyserades dessa implementationer genom att dokumentera svarstider och  med hjälp av analyseringsverktyget Platojs. Verktyget gav svar på de frågor som  formulerades för att kunna svara på huvudgripliga undersökningsfrågan i undersökningen.  Frågorna sökte svar på underhållbarhetsvärde, antal rader kod, estimerade antal fel och Lintfel.   Undersökningen visar att implementationer med JavaScript‐ramverk presterar bättre än ren  JavaScript. En korrelation upptäcktes mellan mätvärdena ”estimerade antal fel” och  ”underhållbarhet”, genom de ekvationerna Platojs använde för analysen. Om en  implementation innehåller ett högre antal estimerade fel var underhållbarheten sämre. En  sammanvägd analys visade att det ramverk som presterade bäst var jQuery.

No description available.

Functional programming has long been used in academia, but has historically seen little light in industry, where imperative programming languages have been dominating. This is quickly changing in web development, where the functional paradigm is increasingly being adopted. While programming languages on other platforms than the web are constantly competing, in a sort of survival of the fittest environment, on the web the platform is determined by the browsers which today only support JavaScript. JavaScript which was made in 10 days is not well suited for building large applications. A popular approach to cope with this is to write the application in another language and then compile the code to JavaScript. Today this is possible to do in a number of established languages such as Java, Clojure, Ruby etc. but also a number of special purpose language has been created These are languages that are made for building front-end web applications. One such language is Elm which embraces the principles of functional programming. In many real life situation Elm might not be possible to use, so in this report we are going to look at how to bring the benefits seen in Elm to JavaScript.

Webbapplikationen esMatrix är utvecklad av Entergate AB och används för att beräkna prioriteringsmatriser. Applikationen anses inte vara tillräckligt bra och Entergate vill därför skapa ett nytt program med esMatrix som utgångspunkt. Det nya programmet ska behandla data på ett bättre sätt och alla funktionerna ska vara optimerade. Även nya funktioner ska läggas till i den nya applikationen som export av prioriteringsmatris till PDF, nedladdning av exporterade dokument som en ZIP-fil samt färgläggning av prioriteringsmatriser. Utvecklingen av den nya applikationen är ett examensarbete. Rapporten handlar om utvecklingen av den nya webbapplikationen. Det dokumenteras är olika teorier, vilka metoder som har valts, resultatet samt analyser. Resultatet är en ny version av esMatrix som beräknar prioriteringsmatriser snabbare än den äldre versionen. / The web application esMatrix is developed by Entergate AB. The application is used to calculate and create priority matrices. Entergate wants to develop a new software with esMatrix as the base, since it does not perform well enough. The new application should manage data in a more efficient way and all functions from esMatrix should be optimized. New functions should also be added to the new software. The project is a degree project. This report will explain different theories and methods that are used to develop the new application. The result of this project is an application, which performs better than the previous one when calculating the matrices. Also functions have been added as coloring the matrices, export of documents to PDF files and downloading exported documents as a ZIP file.

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.

Programmeringsspråket Javascript har sina brister som till exempel ingen riktigstruktur för Objektorienterad Programmering i jämförelse med andra språk.Detta är en frågeställning som skulle behöva en lösning. Kanske kan mananvända ett eller flera designmönster för att lösa detta.I avsnittet Teori visas en kort genomgång på tänkbara designmönster som kananvändas för att sedan välja ut maximalt tre av dessa och undersöka desssvagheter samt hur man kan förbättra det.Slutsatsen av rapporten är en övergripande Model-View-Controller där delarnakan ha olika designmönster som passar för den aktuella applikationen. Detdesignmönster som påminner mest om Objektorienterad Programmering som iandra språk är Revealing Module Pattern som är flexibel, enkel, har inkapslingoch publika respektive privata variablar och funktioner.

Today, many businesses and persons prefer to use web applications in their daily work. Until now, most of the websites are being constructed using an old traditional model. The model implies that whenever someone clicks on a link to get new information, a request is being sent to an information server. The server prepares, and returns the new requested information. For the client to take part of the new information, the client has to reload the whole page with all its content. By using AJAX-techniques the information flow will be more similar to an ordinary local application program. That is, only the information that needs to be updated is sent back to the client browser. The purpose of this essay was to investigate whether AJAX-techniques can improve Internet systems, both in user-friendliness and in a development point of view. This was performed studying two typical cases of web applications. By comparing the two applications, before and after implementation of AJAX, we could see improvements with AJAX in all of our investigated aspects. The user can work more efficient in applications where AJAX is implemented. For example, the application can give more direct feedback on the user’s actions by working with a much higher level of active communication. A whole new world of possibilities opens for the developer to construct applications that were not possible before. The new continuous communication between server and client creates higher demands on the developer than before. Since communication occur in the background, error handling is harder to troubleshoot. In our opinion the advantages of AJAX by far outnumbers the drawbacks. In the future, more and more developers will use AJAX which will lead to better solutions of debugging. This is a challenge to the Internet Community, a challenge that we believe will be met. / Webbapplikationer har en stadigt ökande användning i affärsvärlden. Fördelarna är många, några är enkelhet i teknisk implementering, geografisk spridning och underhåll. De flesta webbapplikationer och webbplatser har fram tills nu byggts på en gammal traditionell modell. Modellen innebär att användaren klickar på en länk för få ny information. En förfrågan skickas då till informationsservern som i sin tur behandlar och returnerar all information. Detta innebär att hela sidan måste laddas om och uppdateras för att visa den nya informationen. Genom att använda AJAX blir informationsflödet mer likt ett vanligt lokalt program. Det vill säga att bara den information som ändras och är relevant skickas tillbaka och uppdateras på användarens bildskärm. Syftet med examensarbetet var att undersöka huruvida AJAX-tekniker kan förbättra Internetsystem. De två perspektiv som använts är användarvänlighet och utvecklingsmetodik. Undersökningen gjordes genom att studera två typfall av webbapplikationer ur dessa två perspektiv. Resultatet av undersökningen har bearbetats och visar en klar förbättring vad gäller båda de valda perspektiven. Användaren kan arbeta effektivare vilket ger tidsvinster. Dessutom kan applikationen, genom den högre graden av aktiv kommunikation, ge mer direkt feedback på användarens handlingar. För utvecklaren öppnas nya möjligheter att skapa tillämpningar som tidigare inte var möjliga. Den kontinuerliga kommunikationen ställer också högre krav på programmeraren. Då kommunikationen mellan klient och server i större del sker i bakgrunden som inte syns i presentationsskiktet uppkommer även felen i bakgrunden. Det är därför svårare att felsöka en AJAX-baserad webbplats. Vi anser att nackdelarna är små jämfört med alla möjligheter AJAX erbjuder. Lösningar för felhantering är en utmaning för Internetbranschen som den med all säkerhet kommer att lösa.