В данной работе проведено исследование для создания программного обеспечения управления контролем качества, позволяющего автоматизировать процесс оценки агентов, а также постановку задач менеджерам по контролю качества. Предметом исследования является разработка программного обеспечения, которое обеспечивает автоматизацию выбора взаимодействия агента и клиента, создание оценочных карт, отчетов о качестве, управление персоналом и многое другое. / In this work, a study was carried out to create a quality control management software that allows you to automate the process of evaluating agents, as well as setting tasks for quality control managers. The subject of the research is the development of software that automates the choice of interaction between the agent and the client, the creation of scorecards, quality reports, personnel management, and much more.

Выпускная квалификационная работа 56 страниц, 19 рисунков, 11 источников, 8 приложений. Цель работы – разработка клиентской части веб-приложения «Мониторинг IT-конференций». В процессе работы был проведён анализ популярных фреймворков для веб-разработки, настроена интеграция с серверами CDN на базе сервиса Surge, создан Docker-образ с веб-приложением, настроена интеграция с GitHub Actions для CI/CD, настроен клиентский и серверный мониторинги на базе Sentry. В результате ВКР разработана клиентская часть на базе фреймворка Next.js для веб-приложения «Мониторинг IT-конференций». / Final qualification work 56 pages, 19 figures, 11 sources, 8 appendices. The purpose of the work is to develop the client part of the web application "Monitoring of IT conferences". In the process, we analyzed popular frameworks for web development, configured integration with CDN servers based on the Surge service, created a Docker image with a web application, configured integration with GitHub Actions for CI/CD, configured client and server monitoring based on Sentry. As a result of the final qualifying work, the client part was developed on the basis of the Next framework.js for the IT Conference Monitoring web application.

Cílem této práce je vytvořit nástroj pro vývoj aplikací  na určité minoritní platformy, primárně Smart TV a HbbTV. Ty jsou implementovány v klienském JavaScriptu. Cílovou skupinou jsou tedy vývojáři takových aplikací, nikoli koncoví uživatelé. Zmíněný nástroj bude mít za cíl zjednodušit a urychlit vývojové procesy, hlavně ladění výkonu aplikací.

Táto práca sa zameriava na návrh a implementáciu riešenia API na zisťovanie ZeroConf/mDNS služieb v lokálnej sieti. Cieľom tohto API je spracovať zisťovanie služieb a poskytnúť koncové body API na komunikáciu s webovým uživateľským rozhraním. Okrem backendového riešenia sa práca zameriava aj na vytvorenie WordPress pluginu pomocou React.js na zobrazovanie údajov poskytnutých backendovým API koncovému používateľovi. Tento plugin zároveň umožňuje správcovi WordPress serveru umiestniť komponent používateľského rozhrania Service discovery na stránku s obsahom podľa výberu správcu.

The technology of creating web-based applications has been expanding and making better user interfaces that can support many different focus groups, such as building a website that is flexible and easy-to-use for children and/or the elderly. Another expansion has been in the field of storages of data and connectivity. These technologies, however, have a steep learning curve for new developers. With the rise of these new techniques, a unique contemporary set of skills have been introduced, the Front-End, which is a layer that involves the presentation aspect of an application. React.js is a popular JavaScript framework for front-end development. It has become the most framework for user  interface design. In today’s market there are several other frameworks that one can utilize for front-end solutions such as Angular v2 and Vue.js. The results of this thesis is the improvement on creating a developer friendly custom creation of unique elements. By following proper processes when using the API, one can learn and create their own custom API to their own liking. The API created is a basic GUI addition to React, which enables a Log-In interface that can be easily manipulated by following the thesis, and/or by tracing the steps in the code. This is useful for those that want to have a template GUI API.

The goal of this project has been to create an online store for a music store called Music for All. The company's business concept is to sell new and used music equipment online with payment systems via mail or Paypal. The project consists of three separate parts: the first part that stores product information in a SQL Server database created via ASP.NET Core Web API and Entity Framework, the second part consists of an admin interface that contains a login system created by ASP.NET Core Identity Framework which make it possible for a logged in admin be able to create, delete and update products through a Headless CSM which was created by ASP.NET Core MVC and Entity Framework Core. The online store was developed via React.JS, Next.Js and Redux, which created functionality for consuming the REST API and functions that increased the web application's availability and usability. The REST API was developed via ASP.NET Core. The design was performed via React.JS and Sass and Node.JS to be able to execute JS code on the browser. / Målet med detta projektet har varit att skapa en webbutik för en musikaffär som heter Music for All och skulle etablera sig i sommaren. Företagets affärsidé var att sälja nya och begagnade musikutrustningar på nätet med betalningssystem via post eller Paypal. Projektet utvecklades i tre separata delar där en del lagrade produktinformationer i en SQL Server databas som skapades via ASP.NET Core Web API och Entity Framework, andra delen bestod av ett admingränssnitt som innefattade ett inloggningssystem som skapades av ASP.NET Core Identity Framework för att inloggade anställda skulle kunna använda ett innehållshanteringssystem/Headless CSM som skapades via ASP.NET Core MVC och Entity Framework Core. Webbutiken utvecklades via React.JS, Next.Js och Redux som skapade både funktionalitet för konsumering av REST API:et och funktioner som ökade webbapplikationens tillgänglighet och användbarhet. REST API:et utvecklades via ASP.NET Core. Designen utfördes via React.JS, Sass och Node.JS för att kunna exekvera JS kod på webbläsaren.

Företaget M Hälsa Träning behövde ett bokningssystem där kunder kunde boka träff med personalen, systemet skulle integreras i deras redan befintliga webbsida. Den befintliga webbapplikationen byggde på ett CMS för hantering av data. Tidbokningssystemet behövde anpassas för att kunna användas tillsammans med CMS:et. Utvecklingen av systemet gjordes med webbramverket React.js samt en utbyggnad av redan befintlig webbserver arkitektur. Befintliga beroenden och verktyg användes i så stor utsträckning som möjligt. Utifrån M Hälsa Tränings beskrivning av önskad funktionalitet togs en kravlista för systemet fram. Reactdelen av systemet delades in i React komponenter som alla ansvarade för en specifik del av tidbokningssystemet. Komponenterna kommunicerade med ett API för att skicka och ta emot data. React redux användes för att hantera datat i reactdelen. Anpassningsbar data implementerades på servern i så stor utsträckning som möjligt för att kunna ändras i CMS:ets instrumentbräda. Implementeringen av funktionalitet på serversidan byggde på tidigare programmerares struktur och exempel. Resultatet av konstruktionen blev ett bokningssystem inbyggt i den existerande applikationen. Bokningssystemet är uppdelat i tre steg, en sida för att välja behandling, en kalender för att välja en tid och slutligen ett formulär för att fylla i personuppgifter och bekräfta bokning. Slutsatserna som kunde dras av arbetet var att denna tilläggsutveckling förde med sig både för och nackdelar, svårigheter så som okända och utdaterade verktyg och beroenden. Fel val av språk i och dålig planering av reactdelen. Fördelar med denna utveckling var den struktur och stomme som utvecklaren av M Hälsa Träning gjort, vilket förenklade utvecklingen av serverdelen då en tydlig struktur med goda exempel fanns att följa.

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>

Prestanda för webbapplikationer är i fokus i dagens läge. För att användare ska ha en positiv upplevelse och vilja handla på en e-handel behöver produkter visualiseras på ett tillfredsställande sätt, där renderingshastighet är i stort fokus för att användare inte ska tappa intresset och lämna hemsidan. Genom att skapa två identiska applikationer i form av e-handel, där den ena använder Typescript och den andra använder Javascript, kan renderingshastighet utvärderas mellan dem för att se vilken som är lämpligast för en e-handel. Hur skiljer sig renderingshastighet mellan JavaScript och TypeScript implementerade i en React-miljö? Hur påverkas renderingshastighet när ett stort antal artiklar behöver renderas? Dessa frågor är fokus i denna studie. / <p>Det finns övrigt digitalt material (t.ex. film-, bild- eller ljudfiler) eller modeller/artefakter tillhörande examensarbetet som ska skickas till arkivet.</p><p>There are other digital material (eg film, image or audio files) or models/artifacts that belongs to the thesis and need to be archived.</p>

Implementing new technology into a complex software developing environment comes with many challenges in terms of code, user interface design, and developer experience. It is well-established that the pressing demand for security and regulations within financial technology makes it even more essential to implement new technologies with care and minimised risks. This work aims to determine the effectiveness of such implementations. Specifically, it evaluates the effectiveness of implementing a UI library in a FinTech application to find the most suitable approach. In this context, a UI library defines as a robust set of user interface components available in one place and a FinTech application as an application in financial technology with complex developing infrastructure. In order to successfully evaluate the effectiveness of implementing a UI library in a FinTech application, a thorough literature survey was performed to identify decisive factors relating to code quality, user interface, and developer experience. In a case study in which a FinTech company served as an example, a solution consisting of their product and UI library was developed. The solution was tested by collecting data from code evaluation, questionnaires, and interviews. The result shows that the solution has higher code quality, fulfils the FinTech UI requirements, and perceived as an improvement of the development infrastructure.  On this basis, the utilised methodology and the recognised factors in this work should be taken into account to identify the most suitable approach when implementing a UI library in a FinTech application.