Search

Дисертація містить 135 с. тексту, 37 рисунки, 29 таблиця, 21 джерел та 5 додатків Метою магістерської дисертації є покращення швидкодії та ефективності інформаційних систем побудованих на основі односторінкого застосунку. Об’єкт дослідження є побудова системи на базі технологій та фреймворків для односторінкових програмних продуктів Предмет дослідження є інформаційна система на основі односторінкового застосунку в музичній сфері. В ході роботи було створено односторінковий застосунок з використанням мови програмування JavaScript та фреймворку React. Вихідна базова система має точки розширення для розвитку та може бути інтегрована. У ході отримання результатів розроблено план стартап-проекту, The dissertation contains 135 pages. text, 37 figures, 29 tables, 21 sources and 5 appendices The aim of the master's dissertation is to improve the speed and efficiency of information systems based on one-sided application. The object of research is to build a system based on technology and frameworks for one-page software products The subject of research is an information system based on a one-page application in the field of music. During the work, a one-page application was created using the JavaScript programming language and the React framework. The source base system has expansion points for development and can be integrated. In the course of obtaining the results, a plan of the startup project was developed

Черненко М. Ю. Веб-застосунок для онлайн управління та взаємодії з працівниками. КПІ ім. Ігоря Сікорського, Київ, 2021. Проєкт містить 114 с. тексту, 45 рисунків, 17 таблиць, посилання на 15 літературних джерела, та 2 додатки Об’єктом розробки системи управління та взаємодія, crm-системи, системи управління проєктами, системи запису робочого часу. Мета розробки – створення програмного забезпечення для управління співробітниками та взаємодії між ними. У дипломному проєкті було описано область розробки, була детально досліджена предметна область та зроблений повний аналіз вимог. Також була розроблено моделювання та конструювання програмного забезпечення. Було детально розписано умови ринку та способи виходу на ринок та просування на ньому у розділі «Розроблення стартап проекту». Для зручності встановлення та користування було описано процесс встановлення вебзастосунку, а також розроблена інструкція для користувача – адміністратора, користувача – співробітника та користувача – менеджера. Розроблена система може без проблем бути доповнена та масштабована., Chernenko M. Yu. Web application for online management and interaction with employees. KPI them. Igor Sikorsky, Kyiv, 2021. The project contains 114 pages. text, 45 figures, 17 tables, references to 15 references, and 2 appendices The object of development of management and interaction systems, crm-systems, project management systems, time and attendance systems. The purpose of development is to create software for employee management and interaction between them. The diploma project described the field of development, the subject area was studied in detail and a full analysis of the requirements was made. Software modeling and design was also developed. Market conditions and ways to enter the market and promote it in the section "Development of a startup project" were described in detail. For ease of installation and use, the process of installing a web application was described, as well as instructions for the user - administrator, user - employee and user - manager. The developed system can be easily supplemented and scaled.

[ES] Este TFM plantea la creación de una aplicación web que posibilite la composición de workflows dirigidos por eventos para la herramienta SCAR, que permite la ejecución de cadenas de funciones (modalidad FaaS - Functions as a Service) sobre el servicio AWS Lambda y sobre AWS Batch. También será compatible con la herramienta de código abierto OSCAR para el soporte a la computación serverless científica sobre plataformas Cloud on-premises, permitiendo la composición de workflows híbridos entre ambos sistemas. SCAR utiliza el lenguaje YAML para la definición de dichos workflows por lo que la aplicación web permitirá la definición gráfica de los componentes del workflow para acabar produciendo como resultado dicho fichero YAML, que podrá ser usado como entrada para su ejecución delegando en la herramienta SCAR, aunque también será posible utilizarlo con OSCAR. La aplicación web se desarrollará mediante tecnologías de web estática para que la aplicación pueda ejecutarse de forma serverless mediante alguna tecnología de hosting como GitHub pages o Amazon S3., [EN] The purpose of this master¿s thesis is the development of a web application that allows event-driven workflow composition for the SCAR tool, which allows the execution of functions (Functions as a Service) via AWS Lambda and over AWS Batch. In addition, it will be also compatible with the open source tool OSCAR to support serverless computing for data-processing applications over on-premises Cloud platforms, allowing hybrid workflow composition between both systems. SCAR uses YAML language files to define workflows so this web application will provide a graphic user interface that will generate these YAML files, which will be used as an input for the execution in SCAR and OSCAR. This web app will be developed using client-side rendering (CSR) frameworks, as this technology can be deployed as a static web site on a hosting provider like GitHub pages or Amazon S3.

[Resumen] El objetivo de este proyecto consiste en desarrollar una aplicación web para la gestión y actividad de tiendas de ocio. La aplicación debe permitir control de las mismas tanto a los administradores de la empresa como a los dependientes de las tiendas individuales, además de ser utilizable por clientes que busquen sus servicios y catálogo. Siendo de notable interés la compra y alquiler de los productos, el alquiler de espacios y la visualización de eventos para los clientes y la gestión de dichos elementos para ambos tipos de administradores. Los principales lenguajes que se utilizan son Java para el backend de la aplicación y Javascript para el frontend, utilizando una arquitectura por capas siguiendo el modelo de diseño cliente-servidor. El cliente se ejecutará desde un navegador, utilizando frameworks como React y Redux para su implementación. El servidor cuenta con una capa modelo que maneja la funcionalidad y acceso a base de datos además de un servicio REST, en este caso utilizando los frameworks Hibernate y Spring. Durante el desarrollo de la aplicación se utiliza una metodología ágil, basada en iteraciones incrementales, aplicando elementos de otras metodologías como Scrum o Kanban. Con la intención de que cada incremento obtenga como resultado una versión funcional, se desarrollará en cada iteración una o múltiples funcionalidades esperadas para la aplicación., [Abstract] The objective of this project is the development of a web application for the management and activity of a hobby store chain. This application must allow it’s control to company administrators as well as shop cashiers, while remaining usable to clients looking for their services and catalog. Being of notable interest for the clients the purchase and rental of products, the rental of spaces and the display of events. Administrators must be able to manage previously mentioned elements of interest. The main programming languages used in the project are Java in the application’s backend and Javascript on it’s frontend, following a layered client-server structure. The client will be run on a web browser, using frameworks as React and Redux for it’s implementation. The server is formed by a model layer that manages functionality and access to the database in addition to a REST service implemented using Hibernate and Spring as frameworks. The development will follow an agile methodology based on incremental iterations and using elements from other methodologies like Scrum or Kanban. With the intention of obtaining a functional version of the application with each iteration, one or multiple expected functionalities are developed on each iteration.

[ES] El propósito de este Trabajo de Fin de Grado es diseñar e implementar una interfaz web para un simulador de la arquitectura R2000, acompañada de una interfaz de programación de aplicaciones (API) para extender su funcionalidad, ambas con un propósito final de uso docente. Con referencia al desarrollo de la aplicación, se parte del simulador spim de consola escrito en el lenguaje de programación C++ y que por medio de la tecnología Emscripten se compilará al lenguaje de programación JavaScript, para más tarde integrarlo en la aplicación web a través del uso de un worker. Dicho worker se comunica por medio de una interfaz gráfica desarrollada con React y Material UI, que hará peticiones a la API creada con Node.js y Express.js y guardará la información en la base de datos de MongoDB. Como resultado la aplicación web permite al usuario registrarse, crear sus propios programas a través de un editor de texto, poder almacenarlos, gestionarlos, ensamblarlos y ejecutarlos por medio del uso de un simulador., [EN] The purpose of this Final Degree Project is to design and implement a web interface for an R2000 architecture simulator, accompanied by an application programming interface (API) to extend its function, both with a final purpose for teaching use. With reference to the development of the application, it starts with the console spim simulator written in the C ++ programming language and that through Emscripten technology will be compiled into the JavaScript programming language, to later integrate it into the web application through of the use of a worker. Said worker communicates through a graphical interface developed with React and Material UI, which will make requests to the API created with Node.js and Express.js and will save the information in the MongoDB database. As a result, the web application allows the user to register, create their own programs through a text editor, and be able to store, manage, assemble and execute them through the use of a simulator., [CA] El propòsit d’aquest Treball de Fi de Grau és dissenyar i implementar una interfície web per a un simulador de l’arquitectura R2000, acompanyada d’una interfície de programació d’aplicacions (API) per a estendre la seua funcionalitat, totes dues amb un propòsit final d’ús docent. Amb referència al desenvolupament de l’aplicació, es parteix del simulador spim de consola escrit en el llenguatge de programació C++ i que per mitjà de la tecnologia Emscripten es compilarà al llenguatge de programació Javascript, per a més tard integrar-lo en l’aplicació web a través de l’ús d’un worker. Aquest worker es comunica per mitjà d’una interfície gràfica desenvolupada amb React i Material UI, que farà peticions a la API creada amb Node.js i Express.js i guardarà la informació en la base de dades de MongoDB. Com a resultat l’aplicació web permet a l’usuari registrar-se, crear els seus propis programes a través d’un editor de text, poder emmagatzemar-los, gestionar-los, assemblarlos i executar-los per mitjà de l’ús d’un simulador.

[ES] A pesar de que el ámbito tecnológico y el de la salud son dos ámbitos completamente distintos, siempre ha habido proyectos en los que han podido colaborar ambos, con el objetivo de conseguir un mejor resultado que si hubiera sido por separado. En pleno 2021 nos encontramos se encuentra en medio de una pandemia mundial, y muchas personas no son todavía del todo conscientes de lo peligroso que puede resultar un virus para el resto de las personas si no se tiene cuidado. En este trabajo se plantea desarrollar una aplicación en formato de página web que servirá como un simulador de propagación de enfermedades basado en el juego de la vida de Conway donde, tal y como ocurre en este, para cada entidad de la simulación se realizarán distintos cálculos para alcanzar un nuevo estado en el siguiente ciclo. El objetivo del proyecto es realizar una simulación completa con ciertos parámetros que definirá el usuario o definidos al azar por el sistema para así posteriormente poder obtener una conclusión con los datos que se han obtenido. Con esto se pretende también que la aplicación sirva para concienciar a las personas del riesgo al que se pueden exponer debido a una enfermedad. El proyecto se realiza en Javascript, en concreto con la librería llamada React, además de las distintas dependencias que ofrece Node.js., [EN] Although technology and healthcare are two completely different fields, there have always been projects in which both have been able to collaborate, with the aim of achieving a better result than if they had been done separately. In 2021 the society is in the middle of a global pandemic, and many people are still not fully aware of how dangerous a virus can be for everyone else if they are not careful. In this work, it is proposed to develop an application in web page format that will serve as a disease spread simulator based on Conway's game of life, where, as in this game, different calculations will be execute for each entity in the simulation to reach a new state in the next cycle. The objective of the project is to execute a complete simulation with certain parameters that will be user defined or randomly defined by the system to subsequently be able to obtain a conclusion with the data that have been obtained. With this it is also intended that the application serves to make people aware of how dangerous a disease can be. The project will be carried out in Javascript, specifically with the library called React, in addition to the different dependencies offered by Node.js.

[ES] Los investigadores del área de secuenciación y planificación de producción industrial suelen utilizar software adaptado para resolver los problemas de la programación de la producción. Sin embargo, este software no les permite evaluar, comparar y compartir sus experimentos. Además, en el ámbito de la secuenciación, en bastantes casos la experimentación no puede realizarse por la dificultad de crear un entorno de pruebas adecuado. Este Trabajo de Fin de Grado (TFG) tiene como principal objetivo el desarrollo de una plataforma web que permita a los investigadores la ejecución y validación de experimentos de algoritmos de secuenciación y modelos de planificación, diseñados previamente. También se ha implementado un área de resultados que facilita la interpretación de los mismos, y su posterior manipulación. Para ello se han diseñado e implementado las interfaces web necesarias para la plataforma web mencionada, con herramientas actuales del ámbito de desarrollo de aplicaciones web como son React y Redux, y siguiendo los estándares establecidos por World Wide Web Consortium (W3C). Además, para garantizar la portabilidad y calidad de acceso de la plataforma, la infraestructura de la web se ha empaquetado con contenedores Docker. Finalmente, indicar que el TFG se enmarca dentro del proyecto nacional NIOTOME, que tiene como objetivo mejorar las carencias existentes del sistema productivo en el ámbito de la secuenciación y planificación de la producción industrial., [EN] Researchers in the area of sequencing and industrial production planning often use customised software to solve production scheduling problems. However, this software does not allow them to evaluate, compare and share their experiments. Moreover, in the field of sequencing, experimentation cannot be carried out in many cases due to the difficulty of creating a suitable test environment. This Final Degree Project (TFG) has as its main objective the development of a web platform that allows researchers to run and validate experiments on sequencing algorithms and planning models, previously designed. A results area has also been implemented to facilitate the interpretation of the results and their subsequent manipulation. To this end, the necessary web interfaces have been designed and implemented for the aforementioned web platform, using current tools in the field of web application development such as React and Redux, and following the standards established by the World Wide Web Consortium (W3C). Furthermore, to guarantee the portability and access quality of the platform, the web infrastructure has been packaged with Docker containers. Finally, the TFG is part of the NIOTOME national project, which aims to improve the existing shortcomings of the production system in the field of sequencing and planning of industrial production., [CA] Els investigadors de l'àrea de seqüenciació i planificació de producció industrial solen utilitzar programari adaptat per a resoldre els problemes de la programació de la producció. No obstant això, aquest programari no els permet avaluar, comparar i compartir els seus experiments. A més, en l'àmbit de la seqüenciació, en bastants casos l'experimentació no pot realitzar-se per la dificultat de crear un entorn de proves adequat. Aquest Treball Fi de Grau (TFG) té com a principal objectiu el desenvolupament d'una plataforma web que permeti als investigadors l'execució i validació d'experiments d'algorismes de seqüenciació i models de planificació, dissenyats prèviament. També s'ha implementat una àrea de resultats que facilita la interpretació d'aquests, i la seva posterior manipulació. Per a això s'han dissenyat i implementat les interfícies web necessàries per a la plataforma web esmentada, amb eines actuals de l'àmbit de desenvolupament d'aplicacions web com són React i Redux, i seguint els estàndards establerts per World Wide Web Consortium (W3C). A més, per a garantir la portabilitat i qualitat d'accés de la plataforma, la infraestructura de la web s'ha empaquetat amb contenidors Docker. Finalment, indicar que el TFG s'emmarca dins del projecte nacional NIOTOME, que té com a objectiu millorar les mancances existents del sistema productiu en l'àmbit de la seqüenciació i planificació de la producció industrial.

[ES] En este trabajo se ha planteado una solución para líderes o administradores de las federaciones de sociedades musicales, cuya necesidad es acceder a los datos para monitorizar y gestionar los datos de las sociedades que se encuentran bajo su dominio. Este panel de control permite a los líderes de federaciones consultar un listado de sus sociedades musicales registradas, datos y detalles sobre las mismas y monitorizar datos, estadísticas y eventos de la propia federación de un modo sencillo y accesible desde cualquier navegador web en cualquier dispositivo utilizando las últimas tecnologías., [EN] This work presented a solution for leaders or administrators of the federations of musical partnerships, who need to access the data to manage the data of the partnerships that are under their domain. This dashboard allows federation leaders to consult a list of their registered musical partnerships, data and details about them and monitor data, statistics and events of the federation itself in a simple and accessible way from any web browser in any device using the latest technologies.

[ES] La tecnología está en constante desarrollo y expansión. Soundcool es el perfecto ejemplo: un sistema de creación de proyectos que busca ser más que solo una herramienta unidisciplinar. El sistema Soundcool fue ideado con el objetivo de estar en las aulas, siendo una alternativa complementaria a los instrumentos musicales clásicos. Tras el paso del tiempo se ha comprobado todo el potencial que tiene y el proyecto crece, teniendo cada vez más aplicaciones -no solo en la música-. En la actualidad se puede decir que Soundcool es un proyecto multidisciplinar que está presente en el ámbito sanitario, educativo, musical y del entretenimiento. En este trabajo se presenta el Producto Mínimo Viable de Soundcool para navegador, siendo este una versión sin errores preparada para su lanzamiento y uso comercial. Para ello, se ha testeado la versión actual y en consecuencia se han corregido los errores; sin añadir ninguna funcionalidad extra. En el proyecto se ha utilizado el lenguaje JavaScript combinado con HTML5 y CSS, estando muy presentes las librerías React y Redux. Así pues, a lo largo del documento se expone el contexto de Soundcool y se abordan las modificaciones pertinentes, explicándose la metodología y su aplicación práctica. Finalmente, se presentan las conclusiones del proyecto y se sugieren posibles mejoras., [EN] The technology is constantly developing and expanding. Soundcool is the perfect example: a project creation system that seeks to be more than just a unidisciplinary tool. The Soundcool system was designed with the aim of being in the classroom, being a complementary alternative to classical musical instruments. After the passage of time, its full potential has been verified and the project grows, having more and more applications -not only in music-. At present, it can be affirmed that Soundcool is a multidisciplinary project that is present in the health, educational, musical, and entertainment fields. This work presents the Minimum Viable Product of Soundcool for the browser, being an error-free version prepared for its launch and commercial use. For this, the current version has been tested and consequently the errors have been corrected; without adding any extra functionality. The project has used the JavaScript language combined with HTML5 and CSS, with the React and Redux libraries being very present. Thus, throughout the document the context of Soundcool is exposed and the pertinent modifications are addressed, explaining the methodology and its practical application. Finally, the project conclusions are presented and possible improvements are suggested.

Мета роботи: створення зручного для користування застосунку для інтеграція даних з відкритого Європейського порталу даних. У результаті виконання роботи було створено систему для інтеграції даних з Європейського Порталу Даних. Проведено аналіз декількох, вже існуючих порталів відкрити даних. Проведення проектування застосунку, використовуючи уніфіковану мову моделювання UML, розроблено веб-систему, використовуючи технології React, Material UI, Symfony., Purpose: to create a user-friendly application for data integration from the open European data portal. As a result of the work, a system for data integration from the European Data Portal was created. The analysis of several already existing portals to open data is carried out. Application design using a unified modeling language UML, developed a web system using technologies React, Material UI, Symfony., Цель работы: создание удобного для пользования приложения для интеграции данных из открытого Европейского портала данных. В результате выполнения работы была создана система для интеграции данных из Европейского Портала Данных. Проведен анализ нескольких, уже существующих порталов открыть данных. Проведения проектирования приложения, используя унифицированную язык моделирования UML, разработан веб-систему, используя технологии React, Material UI, Symfony.

Con el incremento del uso de Internet, cada vez son más comunes los ataques informáticos a través de la red. Es por este motivo que, en este articulo, se expone como se ha desarrollado un sistema para proteger la red interna de una escuela y a todos los alumnos. El sistema, así mismo, pretende positivar el uso de la seguridad informática, hasta ahora un término que se refiere a algo negativo o de peligro, para ver la repercusión que tienen los distintos sitios webs visitados en la nota de los diferentes alumnos, ya sea positiva o negativamente, y generar estadísticas para los profesores., With the incrementation in the use of the Internet, computer attacks throught the network are becoming more common. It is for this reason that, in this article, it is exposed how a system has been developed to protect the internat network os a school and all students. The system, likewise, aims to make the use of computer security positive, until now a term that refers to something negative or dangerous, to see the impact that the different visited websiteshave on the grade of te different students, whether it is positive or negatively, and generate statistics for teachers., Amb l'increment de l'ús d'internet, cada vegada són més comuns els atacs informàtics a través de la xarxa. El per aquest motiu que, en aquest article, s'exposa com s'ha desenvolupat un sistema per a protegir la xarxa interna d'una escola y a tots els alumnes. El sistema, en si mateix, pretén positivitzar l'ús de la seguretat informàtica, fins ara un terme que es refereix a algo negatiu o de perill, per a veure la repercussió que tenen els diferents llocs web visitats en la nota dels diferents alumnes, sigui positivament o negativament, i generar estadístiques per als professors.

Teacher at Home es una página web y una aplicación móvil que permite ofrecer tus servicios como profesor particular y buscar potenciales alumnos para impartirles clase, o si eres alumno, solicitar tus necesidades para que un profesor te busque o buscar tú mismo esos profesores. Permite filtrar anuncios por municipio y materias, esto permite que pueda ser usada a nivel nacional por distintos profesionales y estudiantes interesados en unas materias específicas cuyo número iría ampliándose conforme pasa el tiempo. Esta app está respaldada por una web de administración (que denominaremos backoffice) y una API con su correspondiente cliente. La API facilita la gestión de la información de los proyectos al mismo tiempo que se ofrece información a todos los desarrolladores interesados en los datos menos sensibles de los usuarios, anuncios y materias. Es la única app del estilo que no cobra comisiones y que se limita a ser lo que es, un puente entre profesores y sus futuros alumnos, nada más, nada menos.

Actualmente existe un alto índice de sedentarismo y sobrepeso entre la población. El objetivo de este Trabajo de Fin de Grado consiste en el diseño y desarrollo de “FitWe”, una aplicación web-móvil intuitiva que permite al usuario conocer los distintos tipos de ejercicios que existen, realizar entrenamientos guiados, y llevar un seguimiento de su progreso hacia su peso ideal, todo esto acompañado de un sistema de retos que tiene como objetivo motivar al usuario y que le resulte más ameno realizar ejercicio. Para ello se han utilizado tecnologías y estándares actuales.

Web forms are one of the main points of user interaction on the internet. It is important that these forms are developed to be accessible to as many people as possible. The project aims to reduce the complexity for application developers when developing accessible web forms that conform to the Web Content Accessibility Guidelines (WCAG) using HTML and React. The result is a prototype library that creates an abstraction that application developers can use to build accessible web forms that conform to the WCAG.

React is as of 2020 one of, if not the most popular JavaScript libraryfor developing web- and mobile applications since its release in 2013. Since the library is so new, there is still much unexplored potential in how we can use React with different programming styles. This project seeks to explore React from an object-oriented point of view, by incorporating the five SOLID design principles in a React application. The SOLID design principles are mainly practices with object-oriented programming and are well established in the object-oriented community for promoting clean and reusable code that is easy to maintain and expand. By rewriting an existing React application to adhere to the SOLID principles, this project aims to analyse if the principles makes the code better, worse or something in between. The code was rewritten and analysed from different points of views, looking at measurable values by incorporating a metrics suite forobject- oriented programming, and by looking at how the code had improved in terms of expandability and maintenance by trying to add and remove features from the application. The result showed that the rewritten application displayed an improvement of both measurable quality in general and also better potential when it came to maintenance and expandability. The results suggest that by incorporating the SOLID principles we can use an object-oriented approach when developing React, and it can even give the code a higher level of quality.

Many companies use intranets where only authorized personnel can share, create, and access news, events, and knowledge in a company. An intranet is a web application with dynamic content. It consists of various functions and features that facilitate the information management and knowledge flow within the company. The main goal of this project is to create and design an intranet demo that is adaptable and extendable by companies and organizations. The intranet contains various primary functions that users can interact with. The designed intranet is based on the EPiServer Content Management System framework and is programmed in back-end and front-end with the Visual Studio IDE tool. The back- end part is mainly programmed in C# language to create functions and logic such as the intranet structure and then linked to the front-end part where the HTML, CSS, and JavaScript library React is used to encode the front-end and get a user interface. The finalized intranet contains various primary functions where authorized employees have individual profiles with their status and contact information. Users can share corporate events and access corporate news., Många företag använder intranät där endast auktoriserad personal har tillgång till att dela, skapa och komma åt nyheter, händelser och kunskap inom företaget. Intranät är en webbapplikation med dynamiskt innehåll. Den består av olika funktioner som underlättar informationshantering och kunskapsflöde inom företaget. Målet med detta projekt är att skapa och designa en intranätdemo som är anpassningsbar och extensibel för företag och organisationer. Intranätet innehåller olika primära funktioner som användarna kan interagera med. Intranätet är baserat på EPiServer Content Management System ramverket och är programmerat i back-end och front-end med Visual Studio IDE-verktyget. Back-end delen kommer huvudsakligen att programmeras i C# språk för att skapa funktioner och logik som strukturen av en färdig designat intranät. Sedan länkas färdig programmerade back-end delen till front- end delen där HTML, CSS och JavaScript-biblioteket React används för att koda front-end för att få ett användargränssnitt. Den utvecklade och slutförda intranätet innehåller olika primära funktioner där auktoriserade anställda har enskilda profiler med sin anställnings status och kontaktinformation. Användare kan dela företagsevenemang och få tillgång till företagsnyheter.

User interfaces are a crucial point in the usage of products. A user interface is developed to make a product easy to use and understand while also presenting data, feedback and functionality to the user. In this thesis we present and explain the whole development process of a front end project. The Swedish company, Kemizares, was searching for a user interface for their finance module in their upcoming application. In this work we developed the user interface for such a module with regards to Kemizares’ functional requirements as well as the necessity that the user interface of the module could be integrated into the their application which already had an existing user interface. The solution to the problem began with a literature study in which we researched tools and programs we would use to develop the module as well as researching national and international requirements for invoices to identify necessary data to use in the finance module. Afterwards we set up a timeline with deadlines to guide us throughout the development. An agile iterative feedback method was used during the implementation of the module with Kemizares. The finance module was created and with the iterative feedback method we used during development we were able to ensure that Kemizares was satisfied with the product. However, due to limiting factors we were not able to finish the whole module and hence not able to fulfill all the requirements. The conclusion is that the module in its current state is not a viable solution for Kemizares since it was left undone but a good ground to continue from that has taken required financial data, functional requirements, and design compatibility with the rest of the application into consideration., Användargränssnitt är en viktig punkt i användningen av produkter. Ett användar-gränssnitt är utvecklat för att göra en produkt enkel att använda och förstå samtidigt som den presenterar data, feedback och funktionalitet för användaren. I denna rapport presenterar och förklarar vi hela utvecklingsprocessen för ett frontend-projekt. Det svenska företaget Kemizares letade efter ett användargränssnitt för sin finansmodul i sin kommande applikation. I detta arbete utvecklade vi användargränssnittet för en sådan modul med avseende på Kemizares funktionella krav samt behovet av att modulens användargränssnitt kunde integreras i deras applikation som redan hade ett befintligt användargränssnitt. Lösningen på problemet började med en litteraturstudie där vi undersökte verktyg och program som vi skulle använda för att utveckla modulen samt undersökte nationella och internationella krav på fakturor för att identifiera nödvändiga data att använda i finansmodulen. Därefter satte vi upp en tidslinje med deadlines för att vägleda oss genom hela utvecklingen. En agil iterativ återkopplingsmetod användes under implementeringen av modulen med Kemizares. Finansmodulen skapades och med den iterativa återkopplingsmetoden som vi använde under utvecklingen kunde vi säkerställa att Kemizares var nöjd med produkten. Men på grund av begränsande faktorer kunde vi inte avsluta hela modulen och kunde därför inte uppfylla alla krav. Slutsatsen är att modulen i sitt nuvarande tillstånd inte är en lönsam lösning för Kemizares eftersom den lämnades ofärdig, men en bra grund att fortsätta från som har tagit hänsyn till nödvändiga ekonomiska data, funktionella krav och designkompatibilitet med resten av applikationen.

The purpose of this project is to create a website with a React-based prototype recommendation system of a large cultural collection. The aim of the website is to provide a function that allows a user to upload an image to which the system consequently recommends correlating artwork from the publicly available collection of the Metropolitan Museum of Modern Art (MET). The correlation coefficient between the uploaded image and the artworks from (MET) is acquired through Pearson Correlation. Furthermore the artwork with the highest correlation to the uploaded picture is shown first, then each subsequent artwork is shown in order of highest correlation. The main challenge for building this prototype was to combine the different components together with JavaScript and the REACT framework. The recommendation engine demands numerical representations of these artworks, and most effort was given to the automatic conversion of photos of artworks into a proper format for the recommendation engine.

Blazor WebAssembly is a new framework that was released in May 2020 that makes it possible to build client-side web applications using C# instead of using JavaScript for its frontend. The most popular web frameworks today are JavaScript based frameworks. This study aims to find out if Blazor is a viable option to use for developing web applications and if it is a well-established framework compared to JavaScript frameworks. To evaluate Blazor, a comparison is performed between Blazor and React on six criteria. The criteria are lines of code, cyclomatic complexity, state management, debugging tools, community, and libraries. To answer the criteria two applications was developed, one in the React framework and one in the Blazor framework. Besides the two applications, literature was gathered to answer the criteria. The results from the comparison showed Blazor was a Viable option to use for the development of web applications and that it has become established as a framework when taken its age in to consideration.

The aim of this thesis is to examine differences between the three Javascript frameworks Angular, React and Vue along the Unified Theory of Acceptance and Use of Technology (UTAUT) model. With the purpose to give developers support in their choice of framework. Previous studies focused on advantages and disadvantages of the frameworks from a technical perspective, therefore we decided to carry into effect a qualitative study based on developers experience. Our method of choice was a case study where the phenomenon was “why a framework is chosen”, this ruled and motivated our research. We used a survey as the method to collect data. With our survey we collected data from more than 500 different developers. The results from the research are presented in different tables and charts which we analyze and compare to the results of previous studies related to ours. The conclusion of our research is that Vue is a good option for a developer that is learning on your own, looking for a framework that is easier to learn or developing a smaller project on your own. Angular is considered to be the most complicated framework to learn, but is a good option for anyone who is looking for a job or is involved with bigger projects. React has the lowest overall values in all the UTAUT categories, but has shown to be a viable option for someone looking for better job opportunities. The advantage React has over Angular is that it is easier to learn. The final results of our thesis are recommendations and not strict rules. Decisions for and against a framework depend heavily on the use case and other varying circumstances. Our study can hopefully give a better insight and support developers in their choice of framework., Webbutveckling utvecklas, innoveras och skapar nya möjligheter för användare att mötas på en gemensam plattform. En del av utvecklingen är möjlig mha JavaScript-ramverk vars versioner är i tusental. Syftet med vår rapport var att undersöka skillnader mellan de tre ramverken Angular, React och Vue utefter Unified Theory of Acceptance and Use of Technology (UTAUT) modellen för att kunna ge utvecklare stöd i sitt val av ramverk. Tidigare studier visar på fördelar och nackdelar kring de tekniska aspekterna hos ramverken. Därför valde vi att utföra en kvalitativ studie baserad på utvecklares erfarenheter. Vi utförde en fallstudie där fenomenet var “varför ett ramverk väljs”, detta styrde och var motiveringen till våran forskning. Vi använde en enkät som metod för datainsamling. Med vår enkät samlade vi in data från över 500 olika utvecklare. Resultat från undersökningen presenteras i olika tabeller och grafer som analyseras och jämförs med tidigare studiers resultat inom samma område. Vår slutsats av resultaten är att Vue är ett bra alternativ för dig som lär sig utveckla på egen hand, vill ha ett lättare ramverk att lära sig och utvecklar mindre projekt på egen hand. Angular anses var det svåraste ramverket att lära sig, men kan vara ett bra alternativ för dig som vill söka jobb eller ska utveckla ett större projekt. Angular är det ramverk som funnits under en längre tid och har därför bredare möjligheter. Även om React uppskattas lägst i alla kategorier så har det visat att det är ett bra alternativ för dig som vill öppna upp fler jobbmöjligheter. Fördelen React har över Angular är det är lättare att lära sig. Resultatet vi presenterar är förstås bara rekommendationer och inget som är definitivt. Beslut för och emot vilket ramverk som är bäst varierar från fall till fall beroende på omständigheterna. Men vår studie kan förhoppningsvis ge en bättre insikt och hjälpa utvecklare som står inför att välja ramverk.

With mobile usage on the rise developers are more than ever faced with the issue of developing for multiple platforms. With Google's introduction of Progressive Web Applications (PWA) it is possible to build app-like web applications that can run on any platform. This study aims to investigate if PWA is mature enough to replace an already developed native iOS application. Specifically it aims to investigate if a PWA can achieve the same functionality and security as a native application, as well as what technologies are needed to do so. To verify this question an iOS application called iHug developed by a software company called Cloud Enablers was used as a reference point. With this reference a Minimum Viable Product (MVP) copy was developed as a PWA to verify that the functionality could be achieved. This PWA was not intended to replace the existing native application, but instead coexist with it. That means that the PWA must be able to communicate with the original application. In addition an investigation was done to see what measures needed to be taken to achieve security. The results showed that the same functionality was achievable, as was the security. Even though the results are promising, due to the native application not being developed with a PWA in mind there was a lot of extra work that had to be done to replicate certain functionalities and SDK choices. On this basis, while it is certainly possible to achieve the same functionality it is much harder to do so when the counterpart was not developed to be able to communicate with a PWA.

The need to learn programming increases as more jobs require basic programming skills and computer knowledge. Compulsory school is adding programming to the curriculum, which leads to challenges due to both teachers and students are new to this subject. Even at the university level some students get in touch with programming for the first time in their lives. This thesis aim to develop a web application that can be used by teachers as a reliable and informative tool when evaluating the learning process of its students, by combining data collected through user interactions while solving programming related puzzles in Python, with answers from periodic self-evaluation surveys. The study shows that the web application can be seen as a valid tool when evaluating the students' learning process.

Cloud technologies are spearheading today’s innovation and automation efforts. With the use of Azure Policy it is possible to govern Azure resources and services through customized Azure policy definitions. This project aims to simplify the creation process for the Azure policy definition by creating a web application that removes the need to construct the JSON structure. Instead of code-based, it uses click&add to create the code blocks. The web application was created through the library React and with the use of Typescript as the main programming language. The result is a web application that removes the need to construct the JSON structure and instead produces this JSON structure for the user. The project concludes that the result web application did not fully achieve simplification through click&add. However, it creates a good basis for further development of policy simplification. In its current form, the app can be viewed as an alternative method for creating an Azure policy definition., Molnteknologierna står i spetsen för dagens innovations- och automatiseringsinsatser. Med användning av Azure Policy är det möjligt att styra Azure-resurser och tjänster genom anpassade Azure-policy definitioner. Detta projekt syftar till att förenkla skapandeprocessen fär Azure-policy definitionen genom att skapa en webbapplikation som tar bort behovet av att konstruera JSON struktur. Istället för att strukturera JSON via kod använder den click&add för att skapa kodblocken. Webapplikationen skapades genom biblioteket React med programmeringsspråket TypeScript. Resultatet är en webbapplikation som tar bort behovet av att konstruera JSON strukturen och istället producerar den här JSON-strukturen för användaren. Projektet drar slutsatsen att resultatapplikationen inte helt nådde förenkling genom användning av klicka&lägg till. Det skapar dock en bra grund för vidareutveckling av förenkling för Azure-princip definition. I sin nuvarande form kan appen ses som en alternativ metod för att skapa en Azure-princip definition.

Denna rapport behandlar arbetet som en kandidatgrupp, bestående av åtta civilingenjörsstudenter inom data- och mjukvaruteknik vid Linköpings universitet, utförde under våren 2021. Arbetet gjordes som en del av kursen Kandidatprojekt i programvaruutveckling, med kurskod TDDD96, där kandidatgruppen utvecklade en webbapplikation åt företaget Neue Labs. Webbapplikationen baserades på Neue Labs mobilapplikation Playground, och utvecklades med hjälp av JavaScript-biblioteken React och Redux. Applikationen är en plattform för visuell programmering av IoT produkter, där programmen tar formen av flödesgrafer. Rapporten beskriver arbetsprocessen och redogör för den slutgiltiga produkten. Projektet har bedrivits helt på distans enligt en något modifierad Scrum-metodik. Några av de viktigaste lärdomarna som gruppen tar med sig rörde utbildning, kommunikation och testning. Dessutom innehåller rapporten åtta individuella bidrag, som är skrivna av kandidatgruppens medlemmar