This thesis deals with the creation of a system for managing and monitoring the use of mobile devices in a selected company. Firstly, it deals with the analysis of the current state and then, based on the identified requirements, describes the system design and implementation using selected technologies. The system is implemented in the form of an Android application in Java and a web application in the JavaScript framework Vue.js.

This diploma thesis is focused on the description and implementation of the user interface for the analysis of local DNA structures as a web application in the Vue.js framework. The local structure can be described as an alternative DNA structure which arises in a specific DNA sequence that occurs in important regions of the genome. The first part of the thesis is theoretical and examines the field of DNA research and a description of selected technologies. The second part deals with the implementation and testing of the user interface on specific DNA sequences.

Context: As most modern browsers fully support the new set of APIs called Web Components, it is crucial to investigate how developers could use them to enhance the performance and developer experience of web development. When considering this, it is fitting to investigate both the technical and practical differences between modern libraries powered by the APIs, versus traditional libraries which do not. Objectives: In this study, traditional libraries using Virtual DOM got investigated to find out which differences exist when compared to modern ones using Web Components. To find out how this next generation of front-end libraries could utilize these new APIs to improve the build process of websites. If the APIs offer alternative ways for developers to achieve better performance and developer experience. Realization:  In order to fulfill the objectives, an empirical study and a literature review were conducted. In the literature review, we investigated how a set of well-known front-end libraries technically compares to new and aspiring Web Components based libraries. In the empirical study, a new Web Components library was built from the ground up with inspiration from Vuejs. With the help of modern code styles to achieve a fresh developer experience. Results: The results of the study show that Web Components based libraries tend to be quite powerful and offer excellent all-around performance. The created library, Kirei, reflected this as it became a powerful all-around library that offers a great developer experience. It also performed equally well or even better than Vue on most benchmarks. However, Vue was better at creating new elements while Kirei excelled at updating elements. In a way, the libraries excitingly contrasted with each other. Conclusions: While Vue and React are fundamentally different from Lit-Element, Heresy, and Kirei, they are alike in some sense. Most of the differences come from how the libraries apply updates to the DOM. While Web Components based libraries patch only the dynamic parts, Virtual DOM has to diff both the dynamic and static parts. Moreover, Kirei proved to be a robust framework that could compete with Vue and React. In some benchmarks, it proved to have an upper edge in performance.

The thesis describes the design and implementation of an information system for a small business company. The thesis includes strategic analyzes of the company and an assessment of the current situation associated with the Covid­-19 pandemic. Subsequently, the thesis describes the process of specification and analysis of the requirements of the client, the design and implementation of the system corresponding to the proposals. Finally, the thesis provides the evaluation and expected benefits of the information system.

Arbetet jämför JavaScript-ramverken Vue.js och React huruvida vilket av ramverken som presterar lägst svarstider i ett experiment. Bakgrunden till arbetet är att undersöka visualiseringav data och i form av en interaktion som är filtrering. Arbetet är inriktat på parkeringsplatser som blir svårare att finna och att filtrering används för att finna lediga parkeringsplatser. Experimentet består av en webbapplikation skapad i en implementation av respektive ramverk som innehåller en lista med parkeringsplatser som går att filtrera. Mätningar genomfördes automatiserat genom ett egenskrivet skript med användning av Tampermonkey för att få fram ett resultat. Resultatet visar att det fanns en signifikant skillnad mellan ramverkens resultat från experimentet till fördel för Vue.js. Det går att följa arbetet steg för steg hur det genomfördes med mål att studien ska vara replikerbar.

JavaScript har under de senaste sju åren varit det mest populära programmeringsspråket. JavaScript har ständigt utvecklats, så har även webben. Detta har lett till att det är möjligt att utveckla webbsidor som liknar riktiga mobilapplikationer, även kallat progressiva webbapplikationer. I denna studie var syftet att identifiera, undersöka och jämföra olika JavaScript-ramverk som kan användas för att skapa progressiva webbapplikationer. För att uppnå detta har granskningen skett i tre steg. Det första steget var att identifiera ramverk som tydligt identifierade sig själva som ramverk och främst fokuserade på klientsidan. Under första steget insamlades information om elva ramverk som uppfyllde kraven. Nästa granskning i steg ett var att identifiera de ramverk som återgav information på sin officiella webbsida om hur en progressiv webbapplikation implementeras. Efter denna granskning återstod endast två ramverk, Angular och Vue.js. I steg två utvecklades en identisk webbapplikation i vardera ramverk. I det tredje och sista steget jämfördes ramverken baserat på 15 riktlinjer vid val av ramverk för att slutligen avgöra vilket ramverk som var att föredra vid utveckling av en progressiv webbapplikation. Resultatet visade att Vue.js var det ramverk som rekommenderas vid implementering av en progressiv webbapplikation. Detta baserades på att ramverket krävde färre kodrader samt att ramverket funnits längre på marknaden. Ytterligare en anledning var att ramverket är mest populärt bland utvecklare på GitHub.

Smarta parkeringsplatser har blivit allt vanligare och för det behövs applikationer som kan visa upp lediga parkeringsplatser med låga svarstider. Filtrering och visualisering är två viktiga verktyg för att presentera data för en användare och göra den lättläst och förståelig. I den här studien kommer JavaScript-ramverken Vue.js och AngularJS jämföras mot varandra med JavaScript-biblioteket Leaflet för att filtrera och visualisera parkeringsplatser med syftet att se vilket ramverk som har kortast svarstider. Ett tekniskt experiment genomfördes för att se vilket av ramverken som har kortast svarstider där två implementationer byggdes, en med Vue.js och Leaflet och en med AngularJS och Leaflet. Det utfördes mätningar på båda implementationerna med tre olika datamängder av parkeringsplatser och resultatet visar att Vue.js har kortare svarstider vid mindre datamängder och AngularJS har kortare svarstider vid större datamängder. För framtida arbete hade det varit intressant att mäta med flera olika datamängder och testa andra tekniker för visualisering / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Pandemier är något som dyker upp lite då och då. Att kunna visualisera data öppnar möjligheten att hitta intressanta mönster och agera på dem. Geografiska visualiseringar har en förmåga att på ett tydligare sätt bilda förståelse om vad som presenteras och människor har det lättare att resonera och lära sig på ett mer effektivt sätt i en visuell miljö gentemot en textuell- eller numerisk miljö. Arbetet utför en jämförelse mellan de två JavaScriptramverken React och Vue.js. Ramverken använder sig utav Google Charts för att rendera grafer, och en mätning utförs för att ta reda på renderingstid mellan de olika ramverken. Arbetet innehåller även en användarstudie för att ta reda på hur användare tycker att stapeldiagram och GeoCharts fungerar beroende på olika sammanhang. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Datavisualisering innebär förmågan att omvandla rådata till en visuell form. Visualiseringen medför fördelen att data blir enklare att tolka. En form av datavisualiseringsteknik är Heatmaps. Heatmaps används bland annat till att visualisera geospatial COVID-19 data i syfte att successivt tolka denna. För att lyckas med det behöver visualiseringen icccnneha god visuell skalbarhet. Visuell skalbarhet innebär förmågan att kunna visa stora datamängder vilket kan förbättras genom bland annat utritningstider och clustering. Denna studie utförs i syfte att ta reda på vilket av JavaScript-ramverken Vue.js och React.js som möjliggör bäst visuell skalbarhet. Ett tekniskt experiment genomförs i syfte att jämföra ramverken på visuell skalbarhet. Två artefakter sätts upp i form av heatmaps innehållande visualiserad geospatial pandemidata. Skalbarheten mäts sedan genom utritningstider och medelvärden. Resultatet antyder att Vue.js ger än bättre visuell skalbarhet än React.js, även om inte skillnaderna är signifikanta. I framtiden skulle undersökningen kunna utvecklas genom fler mätvariabler och fler ramverk. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p>

Hlavním cílem této práce je vyvinout uživatelské rozhraní a získávání nezbytných podnikových dat v aplikaci sloužící pro schvalování bankovních plateb za použití moderních technologií a technologií poskytovaných společností SAP. V první části je obecně popsáno téma bankovních plateb, jsou vysvětleny klíčové pojmy a zmíněny některé problémy z této oblasti, se kterými se společnosti a soukromníci v dnešní době potýkají. Dále je popsána architektura SAP S/4HANA, pro kterou je aplikace vyvíjena. V neposlední části jsou zmíněny technologie pro tvorbu uživatelských rozhraní, jenž jsou pro tento vývoj vhodné anebo jsou dnes nejvíce používány. Proces návrhu aplikace popisuje její požadavky, tvorbu prototypu aplikace, jenž vizualizuje způsob zobrazení dat uživateli a návrh datového modelu. Výsledná aplikace umožňuje získávat správná data z databáze, zobrazovat je definovaným způsobem způsobem a nabízí možnost jejich editace a správy.