Arbetet undersöker huruvida en traditionell multi-page applikation eller en AJAX baserad single-page applikation presterar bäst med hänsyn till quality of service där insamling och analys av svarstider nyttjas för att undersöka frågan. Arbetet specificerar vidare på M-commerce där mobila enheter uppkopplade mot mobila nätverk ligger ifokus. Arbetet utförs som ett experiment där en multi-page samt en single-page e-handels applikation med samma utseende och funktionalitet utvecklas, varpå svarstider samlas in genom att automatisk bläddra genom en mängd produkter via pagination där svarstiderna loggas. Mätningar utfördes för nätverken WiFi, 4G samt 3G med varierande datamängd. Resultaten för applikationerna jämförs sedan med hjälp av diagram och ANOVA tester som resulterade i slutsatsen att single-page visade sig inneha de kortaste svarstiderna i 8/9 mätserier. I framtiden vore det även intressant att bland annat undersöka flera funktionaliteter hos applikationen som kundvagnen, sökmotorn och navigation mellan produkttyper för att framställa ett mer fullständigt resultat. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Web applications are subject to intense market forces, fast delivery and rapid requirement and code change. These are the factors that make maintainability a significant concern in any and especially web application development. In this report we develop a functional equivalent prototype from an existing Angular app, using ReactJs and afterward compare their maintainability as defined by ISO/IEC 25010. The maintainability comparison is made by calculating maintainability index for each of the applications using Plato analysis tool. The results do not show a significant difference in the calculated value of the final products. Source code analysis shows that changes in data flow need more modification in the Angular app, but with the objective oriented approach provided by Angular, we can have smaller chunks of code and thus higher maintainability per file and respectively a better average value. We conclude that regarding the lack of research and models in this area, MI is a consistent measurement model and Plato is a suitable tool for analysis. Though maintainability is highly bounded to the implementation, functionalities which are provided by the Angular framework as a bundle is more appropriate for large enterprises and complex products where React works better for smaller products.

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.

This master's thesis deals with design and implementation of educational application forpaging. Goal of the application is to help students understand and practice some conceptsfrom paging. It will allow students to write parts of these concepts and see how their codework on visualization of simulation of memory system. Application will be implemented asa web application in HTML, CSS and JavaScript. Server, which will be taking care ofcompiling of user code will be a desktop application. This thesis mainly describes pagingand technologies which will be used for this thesis and application design. It also describesimplementations and testing of this work.

Under de senaste decennierna har webben utvecklats allt mer, och är idag en stor del av människors vardag. Det finns idag över 1,8 miljarder webbplatser i bruk, och över 97% av dessaanvänder sig av JavaScript som programmeringsspråk för klientsidan. Människans koncentrationsförmåga har också minskat genom åren, och det ställs idag allt högre krav på snabba responstider på webben. Användarupplevelsen är också väldigt viktig för att en webbplats ska lyckas med sitt ändamål. Vi har i vår studie valt att undersöka och jämföra prestandan i JavaScript-ramverken Svelte och Vue, där vi ville studera eventuella prestandaskillnader med särskild fokus på responstider. Vi ville även undersöka om eventuella prestandaskillnader kunde upplevas av användarna vid olika typer av manipulationer av DOMen, såsom exempelvis tillägg och borttagning av HTML-elementet &lt;div&gt; i både större och mindre skala, och således påverka användarupplevelsen. Vi utvecklade två stycken single-page-applikationer som använder sig utav JavaScript, där den ena använder sig av Vue och den andra utav Svelte som frontend-ramverk, för att sedan utföra prestandatester på bägge webbplatserna. Därefter lät vi en grupp användare testa webbplatserna för att sedan svara på en enkät, där enkätfrågorna fokuserade på hur de upplevde prestandan ochom de kunde märka någon skillnad mellan applikationerna. Datainsamlingen för att kunna besvara de andra parametrarna för ramverken som denna studieämnade att undersöka, som går under användbarhet, skedde genom att skicka ut en enkät där vi lät både professionella frontend-utvecklare samt utvecklare på hobbynivå med erfarenhet av både Svelte och Vue besvara ett antal frågor om användbarhet. Slutsatsen av studien mynnar ut i att prestandaskillnader mellan ramverken i våra single-page-applikationer existerar, och kan i vissa fall också märkas av användarna. Om utvecklarna själva får bestämma vilket ramverk de föredrar väljer de professionella utvecklarna att arbeta med Vue och hobbyutvecklarna Svelte. För den officiella dokumentationen tenderade båda respondentgrupperna att föredra Vue över Svelte.

Målet med studien var att undersöka hur tidseffektivt JavaScript ramverket AngularJS och biblioteket React uppdaterar interaktiva börsdatatabeller. Undersökningen är inspirerad av tidigare forskning från Högskolan i Skövde fast med ett fokus på större tabellstorlekar. För att utvärdera prestandan upprättades ett kontrollerat experiment där två applikationer per ramverk/bibliotek skapades för att både jämföra skillnader mellan AngularJS och React men även för att undersöka hur olika designval inom ett ramverk/bibliotek påverkar resultatet. Till applikationerna applicerades sex tabeller med olika rad- och kolumnantal och i varje tabell var det möjligt att både sortera och filtrera innehållet. Resultaten visade att React var snabbare oavsett tabellstorlek och interaktionstyp. Vid sortering fanns det även signifikanta skillnader mellan varianterna inom samma ramverk/bibliotek, främst för AngularJS. Potentiell vidareutveckling av arbetet kan exempelvis inkludera fler aktuella ramverk eller utvärdera mot användare i en fallstudie för att undersöka om skillnaderna upplevs av en användare.

В работе актуализируется проблема эффективности использования современных WEB-технологий при реализации WEB-приложений. Предлагаемый вариант решения позволяет успешно интегрировать стек современных WEB-технологий и применить его в разработке программного комплекса для бронирования и поиска свободного места на парковке. / The thesis updates the problem of the effectiveness of using modern WEB-technologies in the implementation of the WEB user interface, as well as the problem of finding and reserving parking spots in large parking spaces. The offered solution allows to integrate the stack of modern WEB-technologies and apply it in the development of a software package for simple reservation and search of free parking spots.

This diploma thesis deals with developing generator for single-page applications. Before developing the application it was necessary to identify problem areas that prevent the development and describe tools that make it easy to create, test, maintain, and deploy single-page applications. Based on the obtained information, the generator Create Sbspa is designed and implemented to efficiently create single-page applications and help to eliminate development problems. It generates configuration and code from semantic templates. The generator is available through a user interface that splits the templates into the groups by applicability. The generator was designed with the need for simplicity and clarity to enable efficient integration with new features. This work also includes design and implementation of the example app which shows features and benefits of the generator.

Studentkonsultprojekt gör det möjligt för studenter att applicera sin kunskap i näringslivet samtidigt som det blir mindre kostsamt för företagen att anlita konsulter. Då jobbsökande via internet blir allt vanligare finns det ett behov av en webbapplikation för konsultuppdrag som kopplar samman studenter och företag. En av de viktigaste aspekterna för att skapa en konkurrenskraftig webbapplikation är användbarheten. Således är intentionen med denna studie att undersöka Hur kan en webbapplikation för konsultuppdrag mellan företag och studenter implementeras för att uppfattas som användbar av studenter? För att besvara frågeställningen har en webbapplikation för förmedling av konsulttjänster mellan företag och studenter utvecklats. Webbapplikationen baseras på en teoretisk grund där olika dimensioner av begreppet användbarhet analyserats. De dimensioner som lyfts är effektivitet, ändamålsenlighet och tillfredsställelse. I tillägg till detta har vikten av att specificera användare och de estetiska aspekternas påverkan på användbarhet behandlats. För att utvärdera om webbapplikationen upplevs som användbar testas den på tre testgrupper i tre olika skeden för att undersöka deras upplevelse av webbapplikationen. Testerna utgår från metoden thinking aloud tillsammans med enkäterna System Usability Scale (SUS) och Visual Aesthetics of Websites Inventory Short (VisAWI-S). SUS- och VisAWI-S-enkäterna gav indikationer på en starkt användbar applikation genom hela utvecklingsprocessen. Detta utifrån implementation av en design som främst utgick från principerna enkelhet och färgrikedom samt fokusområdena Synlighet av systemstatus, Igenkänning istället för återkallande, Flexibilitet och effektiv användning och Estetisk och minimalistisk design. Genom att analysera resultaten från thinking aloud-testerna kunde en tydlig minskning av negativa kommentarer identifieras mellan användartest 1-3. Utifrån dessa testresultat, dras slutsatserna att genom återkoppling relaterad till utförda aktioner, implementation av markörer och färgval med hänsyn till kontraster kan en webbapplikation för konsultjobb implementeras för att uppfattas som användbar av studenter. / Studentconsulting makes it possible for students to use their knowledge in business cases. In addition to this it also reduces the cost for enterprises when hiring consultants. As job hunting via the internet becomes more common there is a need for a web application that connects company projects with students who are interested in consulting. One of the most prominent aspects for a web application to be competitive is usability. The intention with this study is to examine How can a webapplication for consulting jobs between enterprises and students be implemented to be perceived as useful by students? To answer this question a web application for intermediation of consulting jobs between enterprises and students has been developed. The web application is developed on a theoretical basis where the different dimensions of the term usability has been analysed. These dimensions are efficiency, effectiveness and satisfaction. In addition to this the importance of specifying users and the aesthetic aspects effects on usability has been discussed. To evaluate if the web aplication is perceived as useful it is tested on three groups of people on three different occasions to examine their perception of the web application. The tests are based on the thinking aloud method together with the questionnaires System Usability Scale (SUS) and Visual Aesthetics of Websites Inventory Short (VisAWI-S). The SUS and VisAWI-S questionnaires indicated that the web application had a high level of usability throughout the development process. This was achieved through implementing a design based on simplicity and colorfulness as well as the principles Visibility of system status, Recognition rather than recall, Flexibility and efficiency of use and Aesthetic and minimalist design. By analysing the results from the thinking aloud tests a reduction in negative comments between test 1 and 3 could be identified. From the test results, the conclusion is that through responses related to completed actions, implementation of markers, and contrasting colors a web application for consulting jobs between enterprises and students can be implemented to be perceived as useful by students.