Search

JavaScript has become the dominant programming language for web application development during the last few decades, being used by 98.5% of the websites worldwide. This prominence has led to the emergence of several frameworks for this language, with React and Vue being among the popular choices. However, there is no research specifically comparing these frameworks from a beginner’s perspective when creating simple web applications. The purpose of this thesis is to map out similarities and differences between React and Vue in terms of performance and ease of use for beginners. To accomplish this, two identical web applications were developed using React and Vue, respectively. These applications were designed to require only a general understanding of programming concepts and no prior experience with the mentioned frameworks, while having a target build size ranging from 40-60 KB. The development process for each framework was documented, capturing the time invested and challenges encountered. A qualitative approach was adopted to assess performance, leveraging quantifiable data gathered from the developed applications, while ease of use was evaluated through the lens of a beginner. The findings indicate that while React exhibited 12% faster overall execution time and 4% faster memory allocation, the performance gap was narrower than previous research suggested due to the smaller size of the applications. On the other hand, Vue was found to be more beginner-friendly, requiring 21.3% less development time to achieve the same application functionality. These findings aid beginners in selecting the most suitable framework based on their priorities and contribute to the understanding of React and Vue in the context of simple web application development., JavaScript har under de senaste decennierna vuxit till att bli det dominerande programmeringsspråket för webbutveckling och används idag av 98,5% av webbplatserna världen över. Denna utveckling har lett till skapandet av flera ramverk för JavaScript, där React och Vue är bland de populära valen. Det finns dock ingen forskning som specifikt jämför dessa ramverk från ett nybörjarperspektiv när det kommer till att skapa enkla webbapplikationer. Syftet med denna studie är att kartlägga likheter och skillnader mellan React och Vue när det gäller prestanda och användarvänlighet för nybörjare. För att åstadkomma detta utvecklades två identiska webbapplikationer med hjälp av React respektive Vue. Dessa applikationer designades för att endast kräva en allmän förståelse av programmeringskoncept och ingen tidigare erfarenhet av de nämnda ramverken, samtidigt som de hade en storlek som sträcker sig från 40-60 KB. Utvecklingsprocessen för varje ramverk dokumenterades, bland annat med fokus på tid som investerats och de utmaningar som stöttes på. Ett kvalitativt tillvägagångssätt antogs för att bedöma prestanda, med hjälp av kvantifierbar data som samlats in från de utvecklade applikationerna, medan användarvänligheten utvärderades genom att analyseras ur en nybörjares perspektiv. Resultaten indikerade att trots att React överlag uppvisade 12% snabbare exekveringstid och 4% snabbare minnesallokering, var prestandagapet mindre än tidigare forskning har visat främst på grund av den mindre storleken på applikationerna. Å andra sidan visade sig Vue vara mer nybörjarvänlig och krävde 21.3% mindre tid för att skapa samma funktionalitet. Dessa resultat kan hjälpa nybörjare att välja det mest lämpliga ramverket baserat på deras prioriteringar och bidrar till förståelsen av React och Vue när det kommer till att skapa enkla webbapplikationer.

Deep Learning is a powerful and rapidly advancing technology that has shown promising results within the field of weather forecasting. Implementing and using deep learning models can however be challenging due to their complexity. One approach to potentially overcome the challenges with deep learning is to run deep learning models directly in the web browser. This approach introduces several advantages, including accessibility, data privacy, and the ability to access device sensors. The ability to run deep learning models on the web browser thus opens new possibilities for research and development in areas such as weather forecasting. In this thesis, two deep learning models that run in the web browser are implemented using JavaScript and TensorFlow.js to predict wind speed in the near future. Specifically, the application of Long Short-Term Memory and Gated Recurrent Units models are investigated. The results demonstrate that both the Long Short-Term Memory and Gated Recurrent Units models achieve similar performance and are able to generate predictions that closely align with the expected patterns when the variations in the data are less significant. The best performing Long Short-Term Memory model achieved a mean squared error of 0.432, a root mean squared error of 0.657 and a mean average error of 0.459. The best performing Gated Recurrent Units model achieved a mean squared error of 0.435, a root mean squared error of 0.660 and a mean average error of 0.461., Djupinlärning är en kraftfull teknik som genomgår snabb utveckling och har uppnått lovande resultat inom väderprognoser. Att implementera och använda djupinlärningsmodeller kan dock vara utmanande på grund av deras komplexitet. Ett möjligt sätt att möta utmaningarna med djupinlärning är att köra djupinlärningsmodeller direkt i webbläsaren. Detta sätt medför flera fördelar, inklusive tillgänglighet, dataintegritet och möjligheten att använda enhetens egna sensorer. Att kunna köra djupinlärningsmodeller i webbläsaren bidrar därför med möjligheter för forskning och utveckling inom områden såsom väderprognoser. I denna studie implementeras två djupinlärningsmodeller med JavaScript och TensorFlow.js som körs i webbläsaren för att prediktera vindhastighet i en nära framtid. Specifikt undersöks tillämpningen av modellerna Long Short-Term Memory och Gated Recurrent Units. Resultaten visar att både Long Short-Term Memory och Gated Recurrent Units modellerna presterar lika bra och kan generera prediktioner som är nära förväntade mönster när variationen i datat är mindre signifikant. Den Long Short-Term Memory modell som presterade bäst uppnådde en mean squared error på 0.432, en root mean squared error på 0.657 och en mean average error på 0.459. Den Gated Recurrent Units modell som presterade bäst uppnådde en mean squared error på 0.435, en root mean squared error på 0.660 och en mean average error på 0.461.

Background. Using JavaScript frameworks has become a popular approach for developing web applications. However, the large bundle sizes associated with framework usage may not always be necessary from a sustainability standpoint. Utilizing a framework or not could potentially impact a web application’s performance and carbon emissions. Objectives. This study aims to identify sustainable approaches to frontend web development and investigate whether a comparable difference in performance, energy consumption, and carbon emissions exists between applications built using a framework like React.js versus those developed using vanilla JavaScript. Methods. A literature review was conducted to identify important factors for creating sustainable web applications from previously published materials. An empirical study was performed where two test applications were created; one developed in vanilla JavaScript and one using the React.js framework. Experiments on these prototypes compared performance and estimated carbon emissions on the applied technologies. Results. When researching literature published on sustainability within web development, the factor most frequently mentioned was web performance optimization. The results of the empirical study found that the application written in vanilla JavaScript achieved higher performance metrics and lower estimated carbon emissions than the prototype developed with React.js. Conclusions. This thesis has found that web performance optimization is an important, powerful, and easy-to-use approach for achieving more sustainable web applications. This study has found several important factors for creating sustainable web applications, which can significantly impact an application’s carbon emissions. The study found that the best-performing test application achieved the lowest estimated carbon footprint. This thesis recommends that developers make informed decisions and consider sustainability when choosing a development strategy, like

For this project, we created a web-based system that gives a solution for managing theses at my university to make the management processes easier to handle and store theses’ information. I take responsibility for the back-end part of this project (the server and database). This study will introduce certain methods in detail and center on the back-end server and database server. I also describe the structure and functionality of the thesis web application. Web applications are currently the most popular type of software, and most of them involve JavaScript, especially in back-end web applications. I decided to engage in this thesis to learn more and gain more experience with the back end. Also, this web application was created to put the methods mentioned and our intended plans into practice. The study's conclusion intends to provide a basic online web for managing digital theses and deliver it to researchers and programmers so they may learn and develop based on the fundamentals of our web version.

Literature serves as a window into the outside world and the culture we live in. Authors, through different literary genres, make an effort to define human existence by depicting a variety of characters, situations, and incidents. Among all literary genres, the novel is mostly preferred by contemporary authors, particularly women novelists. It is because the novel is found the most convenient genre to present things. Nowadays, the number of woman novelists increases. Themes in current Indian women’s fiction and other works of Indian English literature evolve with time and national growth. In contrast to more general topics like nationalism, patriotism, politics, etc., the subjects of the post-independent Indian women authors concentrate on the problems of specific people and the everyday occurrences and episodes of middle-class people, particularly women. They maintain people, particularly women, in the center of their subjects who convey their thoughts and feelings. Women’s issues, such as gender issues, female exploitation, and oppression, the idea of being ‘other’ in a patriarchal society, the theme of transitioning from childhood to womanhood, liberation through self-discovery, sexual autonomy, human relationships, realism, magic realism, fantasy, the idea of ‘new-women’, Indian culture, urbanization, Indianness, migration, East-West encounter, are frequently the focus of Indian English fiction written by women writers. These writers, in addition to focusing on themes relating to women and society, also presented an entirely different point of view on life and confidently established their abilities on the global literary stage. With the writing of many famous Indian women writers who depicted women's sufferings, discrimination in society, and pain in family life, twentieth-century writing ushered in a new era. Identity crises, feeling alone, and women rebelling against patriarchal culture are some of the most common themes in contemporary Indian literature. Man

In the contemporary digital landscape, access to timely and relevant information during crisis events is crucial for effective decision-making and response coordination. This project addresses the need for a specialized web application equipped with a sophisticated crawler system to streamline the process of collecting pertinent information related to a user-specified crisis event. The inherent challenge lies in the vast and dynamic nature of online content, where identifying and extracting valuable data from a multitude of sources can be overwhelming. This project aims to empower users by allowing them to input a list of newline-delimited URLs associated with the crisis at hand. The embedded crawler software then systematically traverses these URLs, extracting additional outgoing links for further exploration. Afterwards, the contents of each outgoing URL is then run through a predict function, which evaluates the relevance of each URL based on a scoring system ranging from 0 to 1. This scoring mechanism serves as a critical filter, ensuring that the collected web pages are not only related to the specified crisis event but also possess a significant degree of pertinence. We allow the user to set these thresholds, which enhances the efficiency of information retrieval by prioritizing content most likely to be valuable to the user's needs. Throughout the crawling process, our system tracks a range of statistics, including individual website domains, the origin of each child URL, and the average score assigned to each domain. To provide users with a comprehensive and visually intuitive experience, our user interface leverages React and D3 to display these statistics effectively. Moreover, to enhance user engagement and customization, our platform allows users to create individual accounts. This feature not only provides a personalized experience but also grants users access to a historical record of every crawl they have executed. Users are further empowered with the

Aquest projecte es basa en el disseny i implementació d’un prototip d’aplicació híbrida, però més pensada pel seu ús en dispositius mòbils, on la seva finalitat principal es tracta en poder gestionar competicions no oficials de basquetbol. Més concretament, l’aspecte més important és la possibilitat de creació i gestió de partits amistosos a pistes públiques per poder conèixer noves localitzacions, socialitzar amb diferent tipus de jugadors i poder gaudir d’aquest esport a on vulguis.Aquesta aplicació proporcionarà informació de les diferents pistes com pot ser la població, les valoracions dels usuaris que han passat o el número de cistelles disponibles. Un altre aspecte important és que es podrà accedir a les dades dels partits creats en aquestes pistes com qui és el creador i quants jugadors estan apuntats a aquests partits., This project is based on the design and implementation of a hybrid application prototype, thought to be used in mobile devices, and its main purpose is to manage unofficial basketball games. Particularly, the most important aspect is the possibility of creation and management of friendly games on public facilities to know new places, to socialize with different kind of players and enjoy playing this sport wherever you want. This app will give some information about the different courts which can be the town where they are, reviews of people who has played before or the number of available baskets. Another important aspect is that it will be possible to get the games of each court data like who has created the event and how many players are enrolled into them.

Este proyecto de investigación se centra en la creación de una plataforma web innovadora destinada a apoyar a los streamers de Twitch, la popular plataforma de transmisión en vivo. El objetivo principal es proporcionar a los streamers una herramienta eficaz para interactuar con su audiencia, analizar los comentarios de los usuarios y comprender el sentimiento general del chat durante las transmisiones en vivo. La plataforma propuesta consta de varias características esenciales. Los usuarios pueden ingresar el nombre de su canal de Twitch, lo que permite que un chatbot asociado se conecte y monitoree el chat en directo durante las transmisiones. Este chatbot recopilará y almacenará los comentarios de los espectadores para su análisis posterior. Un sistema de análisis de sentimientos integrado utilizará técnicas de procesamiento de lenguaje natural y aprendizaje automático para evaluar el contenido de los comentarios y determinar un valor de sentimiento asociado a cada uno. Los resultados se presentarán en tiempo real en una gráfica que reflejará la media de sentimientos de la audiencia durante la transmisión. Después de que el streamer desconecte el chatbot, la plataforma proporcionará un resumen que incluirá información relevante sobre la media de sentimientos durante la transmisión, momentos destacados basados en los comentarios y otros datos útiles para que el streamer evalúe su desempeño y mejore la interacción con su audiencia en futuras transmisiones. Para lograr esto, se han considerado varias bibliotecas de análisis de sentimientos, como SentimentJS, VADER y NaturalNode. La elección se basará en criterios como la programación en JavaScript, el costo, la facilidad de uso y la comunidad que las respaldan. La infraestructura se apoyará en la API de TMI (Twitch Messaging Interface), que permite a los desarrolladores interactuar con Twitch para crear chatbots y automatizar tareas en los canales de transmisión en vivo. TMI facilitará la recopilación de datos sobre

Today, a plethora of programming languages exists, each better suited for a particular concern. For example, Python is suited for data analysis but not web development, whereas JavaScript is the inverse. As software complexity grows and needs to address multiple concerns, different programming languages are often used in combination, despite the burden of bridging them (e.g., using Java Native Interface). Polyglot programming emerged as a solution allowing the seamless mixing of multiple programming languages. GraalVM and PolyNote are examples of runtimes allowing polyglot programming. However, there is a striking lack of support at design time for building and analyzing polyglot code. To the best of our knowledge, there is no uniform language-agnostic way of reasoning over multiple languages to provide seamless code analysis, since each language comes with its own form of Abstract Syntax Trees (AST). In this paper, we present an approach to build a uniform yet polyglot AST over polyglot code, so that it is easier to perform global analysis. We first motivate this challenge and identify the main requirements for building a polyglot AST. We then propose a proof of concept implementation of our solutions on GraalVM's polyglot API. On top of the polyglot AST, we demonstrate the ability to implement several polyglot-specific analysis services, namely auto-completion, consistency checking, type inference, and rename refactoring. Our evaluation on three polyglot projects taken from GitHub, and involving JavaScript and Python code, shows that we can build a polyglot AST without significant overhead. We also demonstrate the usefulness of the polyglot analysis services through the provided automation, as well as their scalability.

[Resumen]: El objetivo de este trabajo de fin de grado es el desarrollo de una aplicación web que permita recopilar, organizar y, finalmente, mostrar al usuario final todo tipo de datos e información sobre videojuegos. El sistema permitirá a cualquier usuario la consulta de información de los distintos videojuegos, ya sea mediante búsquedas individuales o mediante apartados específicos que el usuario conseguirá utilizando diferentes filtros dentro de la propia aplicación. Cada título posee diferente información adicional a la consultada, como pueden ser la fecha de lanzamiento, el desarrollador o el publicador de la obra. A los usuarios registrados se les permitirá poder crear y gestionar su propia colección de videojuegos, pudiendo establecer su relación actual con la obra (si ya la ha terminado, está pendiente de ello, todavía no lo ha jugado etc) así como dejar su propia valoración personal en cada uno de los títulos. La lógica de negocio estará almacenada dentro del backend de la aplicación y consistirá en una API REST implementada utilizando tecnologías Java, junto con el framework Spring Boot y MySQL para la persistencia de datos. Por otro lado, el frontend de la aplicación utilizará JavaScript junto a la ayuda de librerías como React o Redux para así llegar al desarrollo de una aplicación web Single Page Application., [Abstract]: The goal of this degree project is the development of a web application that allows the collection, organization, and ultimately, the display of all kinds of data and information about video games to the end user. The system will enable any user to access information about different video games, either through individual searches or through specific sections that the user can access using different filters within the application itself. Each title has additional information beyond what is displayed, such as the release date, developer, or publisher of the game. Registered users will be able to create and manage their own collection of video games, establishing their current relationship with each game (whether they have finished it, are in progress, or have not played it yet), as well as leaving their own personal rating for each title. The business logic will be stored in the backend of the application and will consist of a REST API implemented using Java technologies, along with the Spring Boot framework and MySQL for data persistence. On the other hand, the frontend of the application will use JavaScript along with libraries such as React and Redux, in order to develop a Single Page Application.

[Resumen]: El objetivo de este proyecto de fin de grado es la creación de una aplicación que permita detectar y visualizar patrones en partidos de fútbol a través de un reproductor web. Algunos de los ejemplos de patrones que se abarcan son ataques por banda y desmarques de ruptura, entre otros. Comprender y analizar los patrones de juego, tácticas y jugadas empleadas por los jugadores y el equipo durante el partido, facilita la formulación de estrategias más efectivas e informadas. Para lograr esto, la aplicación realiza la extracción de intervalos de tiempo en los que se llevaron a cabo los patrones o jugadas detectadas, permitiendo así la visualización efectiva de vídeos correspondientes a los patrones identificados, lo que es esencial para el análisis y la toma de decisiones por parte del usuario final. Para alcanzar este objetivo, se hizo un análisis inicial para definir el alcance y los requisitos funcionales del proyecto. Luego, se diseñó el sistema, así como su interfaz, utilizando mockups para visualizar las funcionalidades, junto con las consultas y requisitos del proyecto. En el desarrollo, se empleó la tecnología PostgreSQL con PostGIS para el almacenamiento de la información del partido y de datos geoespaciales, así como la tecnología Flask para la implementación del servicio REST. Para realizar peticiones al servidor se empleó Fetch API, ya integrado en JavaScript. En cuanto a la interfaz del usuario, se usaron HTML y CSS junto con Boostrap y funciones JS, para conseguir una web estética y fácil de usar. El trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software., [Abstract]: The aim of this final degree project is the creation of an application that allows the detection and visualisation of patterns in football matches through a web player. Some of the examples of patterns covered are flank attacks and breakaways, among others. Understanding and analysing the patterns of play, tactics and moves employed by players and the team during the match facilitates the formulation of more effective and informed strategies. To achieve this, the application performs the extraction of time intervals in which the detected patterns or plays were carried out, thus allowing the effective visualisation of videos corresponding to the identified patterns, which is essential for analysis and decision making by the end user. To achieve this goal, an initial analysis was done to define the scope and functional requirements of the project. Then, the system was designed, as well as its interface, using mockups to visualise the functionalities, along with the queries and requirements of the project. In the development, PostgreSQL technology with PostGIS was used for the storage of the party information and geospatial data, as well as Flask technology for the implementation of the REST service. Fetch API, already integrated in JavaScript, was used to make requests to the server. For the user interface, HTML and CSS together with Boostrap and JS functions were used to achieve an aesthetic and user-friendly website. The final degree project was managed following an iterative and incremental methodology for software development.

[Resumen]: El objetivo de este trabajo es el desarrollo de una aplicación web la cual permita al Aquarium Finisterrae de A Coruña llevar a cabo la gestión veterinaria de las especies. Fundamentalmente, se le permitirá a los usuarios de la aplicación añadir notas clínicas, tratamientos y demás informes médicos asociados a las especies. Del mismo modo, se le permitirá gestionar el inventario de los diferentes medicamentos disponibles. Se ha utilizado PostgreSQL para la persistencia de los datos, Java con el framework Spring para el backend, JavaScript con el framework React para el desarrollo del frontend y Docker para el despliegue de la aplicación. Finalmente, se ha utilizado Scrum como metodología ágil durante el desarrollo, estableciendo Sprints de 15 días., [Abstract]: The objective of this project is the development of a web application that allows the Aquarium Finisterrae in A Coruña to manage veterinary tasks related to species. Primarily, the application will enable users to include clinical notes, treatments, and other medical reports associated with different species. It will also allow managing the inventory of available medications. PostgreSQL was used in order to persist data, Java with Spring framework for the backend, JavaScript with the React framework for frontend development, and Docker for application deployment. Finally, Scrum was used as an agile methodology throughout the development process, establishing 15-day Sprints.

[Resumen]: Actualmente, existen múltiples aplicaciones que permiten encontrar en ellas bienes y/o servicios ofrecidos por distintas compañías. Este tipo de aplicaciones suelen ser bastante populares, ya que agrupan en un único sitio una amplia variedad de ofertas, lo cual las hace muy atractivas y convenientes al usuario final. Estas también resultan ventajosas para las empresas que ofrecen sus bienes y/o servicios a través de ellas, pues no tienen que asumir los costes que implica desarrollar una plataforma propia y el posterior mantenimiento de la misma. El objetivo del presente Trabajo de Fin de Grado es desarrollar una plataforma que posibilite a los locales de ocio nocturno vender sus entradas de forma ágil y sencilla, y permita a los consumidores adquirir dichas entradas de manera cómoda. La plataforma consiste en tres aplicaciones. La primera de ellas es una aplicación web administrativa implementada en JavaScript y React. El objetivo de esta, es permitir, entre otras cosas, la publicación de entradas por parte de los locales de ocio nocturno. La segunda, también destinada a los locales, es una aplicación nativa para iOS, desarrollada usando Swift y SwiftUI, cuyo propósito es permitir el escaneo de las entradas compradas por los clientes. La última aplicación (también para iOS) está destinada a los usuarios consumidores, en ella los clientes podrán adquirir las entradas puestas a la venta y tenerlas siempre disponibles. Estas tres aplicaciones se comunicarán con un backend desarrollado empleando Java, Spring Boot e Hibernate., [Abstract]: Currently, there are multiple applications that allow people to find goods and/or services offered by different companies. These types of applications are usually quite popular, since they bring together a wide variety of offers in a single place, which makes them very attractive and convenient for the end user. These are also advantageous for companies that offer their goods and/or services through them, since they do not have to assume the costs of developing their own platform and its subsequent maintenance. The objective of this End of Degree Project is to develop a platform that would enable nightlife venues to sell their tickets in an agile and simple way, and that would allow consumers to buy those tickets easily. The platform consists of three applications. The first of these is an administrative web application implemented in JavaScript and React. The purpose of this application is to allow, among other things, the publication of tickets by nightlife venues. The second, also intended for the venues, is a native iOS app, developed using Swift and SwiftUI, whose purpose is to allow the scanning of tickets purchased by the customers. The last app (also for iOS) is intended for the end users, in it, customers will be able to buy the tickets put up for sale and have them always available. These three applications will communicate with a backend developed using Java, Spring Boot and Hibernate.

[Resumen]: El objetivo de este trabajo es el desarrollo de una aplicación web para la gestión de torneos de baloncesto de carácter amateur, así como la visualización de estadísticas y consecución de logros individuales y colectivos en estos. Para alcanzar este objetivo se realizó un análisis previo sobre el estado de arte del proyecto y para determinar el alcance y los requisitos funcionales que cubrirá esta aplicación. A continuación, se realizó la modelización de datos y el diseño de los prototipos de pantalla de la aplicación. Finalmente, se realizó la implementación de los requisitos y se llevaron a cabo las pruebas necesarias. La arquitectura utilizada para la implementación de la aplicación fue una arquitectura cliente-servidor dividida en capas. La parte servidor se desarrolló con el lenguaje Java, utilizando el framework Spring. En la parte cliente, se utilizó el framework Vue.js incluyendo los correspondientes lenguajes como son JavaScript, HTML y CSS. Por último, para el almacenamiento de la información se utilizó PostgreSQL. Este trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software, realizando una adaptación del marco de trabajo Scrum., [Abstract]: The aim of this project is the development of a web application for the management of amateur basketball tournaments, as well as the visualization of statistics and individual and collective goals achievement in these tournaments. In order to achieve this goal, a preliminary analysis of the state of the art of the project was made to determine the scope and functional requirements to be covered by this application. Then, the data modeling and the design of the application screen prototypes were carried out. Finally, the implementation of the requirements was carried out and the necessary tests were performed. The architecture used for the implementation of the application was a client-server architecture divided into layers. The server side was developed with the Java language, using the Spring framework. On the client side, the Vue.js framework was used, including the corresponding languages such as JavaScript, HTML and CSS. Finally, PostgreSQL was used for data storage. This final degree work was managed following an iterative and incremental methodology for software development, making an adaptation of the Scrum framework.

[Resumen]: El mundo en el que vivimos está marcado por el constante desarrollo de las TIC, y en este entorno en constante evolución los cibercriminales representan una amenaza cada vez mayor para nuestro ecosistema digital. Por lo tanto, cada día es más importante la presencia de expertos en ciberseguridad en todo tipo de empresas y organismos públicos. Para dar respuesta a esa demanda ha surgido este trabajo de fin de grado que consiste en el análisis, diseño e implementación de una aplicación web que permitirá realizar formación específica en ciberseguridad. A través de la aplicación, será posible crear y gestionar diferentes cursos de formación. Los usuarios podrán acceder al contenido de estos cursos y una vez completado cada uno de ellos tendrán la posibilidad de adquirir un certificado de asistencia y aprovechamiento. Para abonar este certificado se ha utilizado un servicio web real y la aplicación es capaz de interactuar con el API de una popular pasarela de pagos. Adicionalmente, la aplicación también permite a los usuarios compartir sus impresiones y críticas mediante la publicación de comentarios con puntuaciones. Para la realización de este proyecto se ha utilizado el lenguaje Java para el back-end, con tecnologías como Spring y Hibernate, y Javascript, HTML y CSS junto con el motor de plantillas Thymeleaf para el front-end. Por último, se ha utilizado una versión simplificada de la metodología ágila Scrum para la gestión del proyecto ya que permite dividir el trabajo en cargas cortas y promueve la colaboración entre los miembros de un equipo., [Abstract]: The world we live in is marked by the constant development of ICTs, and in this constantly evolving environment, cybercriminals represent a growing threat to our digital ecosystem. Therefore, the presence of cybersecurity experts in all kinds of companies and public bodies is becoming more important every day. To respond to this demand, this final degree project has emerged, which consists of the analysis, design and implementation of a web application that will allow specific training in cybersecurity. Through the application, it will be possible to create and manage different training courses. Users will be able to access the content of these courses and once each of them has been completed they will have the possibility of acquiring a certificate of attendance and achievement. To pay for this certificate, a real web service has been used and the application is capable of interacting with the API of a popular payment gateway. Additionally, the application also allows users to share their impressions and reviews by posting comments with ratings. To carry out this project, the Java language has been used for the back-end, with technologies such as Spring and Hibernate, and Javascript, HTML and CSS together with the template engine Thymeleaf for the front-end. Finally, a simplified version of the agile Scrum methodology has been used for project management as it allows work to be divided into short loads and promotes collaboration between team members.

Web apps are built by using a combination of HTML, CSS, and JavaScript. While building modern web apps, it is common practice to make use of third-party libraries and frameworks, as to improve developers' productivity and code quality. Alongside these benefits, the adoption of such libraries results in the introduction of JavaScript dead code, i.e., code implementing unused functionalities. The costs for downloading and parsing dead code can negatively contribute to the loading time and resource usage of web apps. The goal of our study is two-fold. First, we present Lacuna, an approach for automatically detecting and eliminating JavaScript dead code from web apps. The proposed approach supports both static and dynamic analyses, it is extensible and can be applied to any JavaScript code base, without imposing constraints on the coding style or on the use of specific JavaScript constructs. Second, by leveraging Lacuna we conduct an experiment to empirically evaluate the run-time overhead of JavaScript dead code in terms of energy consumption, performance, network usage, and resource usage in the context of mobile web apps. We applied Lacuna four times on 30 mobile web apps independently developed by third-party developers, each time eliminating dead code according to a different optimization level provided by Lacuna. Afterward, each different version of the web app is executed on an Android device, while collecting measures to assess the potential run-time overhead caused by dead code. Experimental results, among others, highlight that the removal of JavaScript dead code has a positive impact on the loading time of mobile web apps, while significantly reducing the number of bytes transferred over the network.

Diplomová práce se zaměřuje na návrh a vývoj webové aplikace pro tvorbu rozpočtů. V úvodu práce jsou popsány současné aplikace pro tvorbu rozpočtů. Dále byla provedena analýza požadavků a návrh implementace vlastní webové aplikace. V praktické části byla provedena implementace vlastního řešení pomocí programovacího jazyka Java, frameworku Spring a Vaadin. Docker balíček aplikace byl nasazen na cloudovou platformu Heroku a Doker hub., The diploma thesis focuses on the design and development of a web application for budgeting. The introduction describes the current applications for budgeting. An analysis of the requirements and a proposal for the implementation of the web application were also carried out. In the practical part, the application was implemented using the Java programming language, Spring and Vaadin framework. The Docker image has been deployed to Heroku cloud platform and Docker hub., Fakulta elektrotechniky a informatiky, Primárním cílem diplomové práce bylo navrhnout a implementovat responzivní webovou aplikaci pro tvorbu elektro rozpočtů. Diplomant dle vedoucího práce prokázal samostatnou a kreativní práci, a to v rámci celého navrhovaného řešení. Cíle diplomové práce se podařilo splnit v celém rozsahu. Dle oponenta má práce dobrou stylistickou a logickou stavbu a splňuje všechny náležitosti závěrečné práce. Práce s literaturou je na dobré úrovni. Student splnil všechny původní cíle své závěrečné práce. Student při obhajobě diplomové práce prezentoval výsledky své práce a reagoval na dotazy a připomínky vedoucího, oponenta a členů komise pro státní závěrečné zkoušky., Dokončená práce s úspěšnou obhajobou

On the intuitive level, software testing is important because it assures the quality of the software used by humans. However, ensuring this quality is not an easy task because as the complexity of the software increases, so do the efforts to test it. Search-based software testing is an active research field that develops and explores tools for automatic test case generation. Their work involves using meta-heuristic search optimisation approaches such as evolutionary algorithms from the evolutionary computation community and applying them to test case generation. The crossover between the evolutionary computation domain and the test case generation one produced DynaMOSA, a state-of-the-art evolutionary algorithm for generating test cases. In an attempt to produce another well-performing algorithm, this paper performs another crossover between the two communities and creates DynaMOSARVEA - a product of a Reference Vector Guided Evolutionary Algorithm (RVEA) and DynaMOSA. The conducted empirical study showed that although DynaMOSARVEA does not outperform DynaMOSA, it did outperform RVEA, thus demonstrating the value brought by domain-specific knowledge., CSE3000 Research Project, Computer Science and Engineering

Aquest document tractarà sobre un treball de fi de grau basat en el desenvolupament d'un generador d'horaris. L'objectiu principal del projecte és crear una eina capaç de generar els horaris dels treballadors d'una empresa de manera automàtica i personalitzada, utilitzant tecnologies com JavaScript, NodeJs i les bases de dades de MS SQL Server. El projecte intenta donar solució al problema que pateixen moltes empreses respecte a la infinitat de possibilitats existents en un horari de treball i tenint en compte totes les restriccions que comporta. Nosaltres proposem una funcionalitat en una pàgina web per tal que l'usuari pugui realitzar l'assignació horària de manera senzilla i eficient. El treball es divideix en diverses etapes, començant per una introducció detallada, on definim l'abast i la naturalesa del projecte, així com tota la teoria relacionada. També mostrem l'etapa de planificació i gestió, que inclou un informe de sostenibilitat que analitza els aspectes ambientals, econòmics i socials del projecte. A més a més, s'estableix la planificació temporal i el pressupost d'aquest. Posteriorment, procedim a explicar la fase de desenvolupament, des del disseny del software fins a la implementació d'aquest. Addicionalment, indiquem pas a pas el procés d'implementació del codi i, un cop acabat, duem a terme certes proves per comprovar l'eficiència del sistema. En tot moment, es busca proporcionar informació clara i comprensible per al lector, intercalant figures i taules per visualitzar les explicacions. Finalment, es presenten les principals conclusions obtingudes al llarg del procés. En definitiva, amb aquest treball de fi de grau, s'espera contribuir en l'àmbit de la planificació horària i proporcionar una eina per a les empreses interessades en gestionar eficientment els horaris dels seus treballadors., This document will be about a bachelor's thesis project focused on the development of a schedule generator. The main objective of the project is to create a tool capable of automatically and personalized generating schedules for employees of a company, using technologies such as JavaScript, Node.js, and MS SQL Server databases. The project aims to provide a solution to the problem that many companies face regarding the countless possibilities involved in schedule planning, considering all the associated constraints. We propose a functionality on a web page to allow users to easily and efficiently perform schedule assignments. The work is divided into several stages, starting with a detailed introduction where the scope and nature of the project are defined, along with all the related theory. The planning and management phase is also presented, including a sustainability report that analyzes the environmental, economic, and social aspects of the project. Additionally, the project timeline and budget are established. Subsequently, the development phase is explained, from software design to implementation. Furthermore, a step-by-step description of the code implementation process is provided, followed by certain tests to verify the system's efficiency. Throughout, the aim is to provide clear and understandable information for the reader, incorporating figures and tables to enhance explanations. Finally, the main conclusions derived from the entire process are presented. In summary, with this bachelor's thesis, we aim to contribute to the field of schedule planning and provide a tool for companies interested in efficiently managing their workers' schedules.

Introducing HokieCFA, the ultimate solution to the long queues and waiting times at in-person career fairs. With an average of 30 employers attending each fair and a person spending an average of 15 minutes in each queue, attending a career fair can be a time-consuming process. But with HokieCFA, all you have to do is register and wait for a notification! Our optimized queueing and scheduling algorithm ensures that you can speak to as many employers and recruiters as possible within a stipulated time. Whether you are a student or job seeker, HokieCFA offers a seamless experience where you can assume the persona of an employer or a job seeker. HokieCFA aims to reduce wait times per student per queue, allowing you to share your profile with employers and increase your chances of getting hired. Through our Android mobile app, you can talk to employers efficiently through a notification and queueing system.

[Resumo]: Para levar a cabo o aluguer dunha vivenda (tarefa realizada por gran parte da poboación) é preciso, entre outras, a procura da vivenda, a xestión dos gastos, a interacción cun arrendador e a procura de compañeiros. O obxectivo deste traballo é o deseño e desenvolvemento dunha aplicación web con tecnoloxías Java/Spring Boot e JavaScript/React para simplificar as tarefas de xestión relacionadas co aluguer de vivendas. A aplicación contemplará dous tipos de perfís de usuarios diferentes: arrendadores e clientes. Calquera usuario poderá realizar procuras, visualizalos detalles dunha vivenda e ver as valoracións dos arrendadores. Os usuarios con perfil de arrendador poderán poñer en aluguer os seus inmobles, así como modificalos ou dalos de baixa. Os clientes poderán acceder aos inmobles publicados na web para alugalos. A aplicación proporcionará tamén un sistema de mensaxería de texto entre os diferentes usuarios, así como para interaccionar cos anuncios de procura de compañeiros e incidencias sobre os inmobles. Incluirá unha funcionalidade para publicar os gastos e realizar os pagos, e os inquilinos poderán valorar aos arrendadores para que outros posibles arrendatarios poidan ver as súas valoracións e comentarios antes de alugar., [Abstract]: Renting a house (a task carried out by a large part of the population) requires, among other things, house searching, bills management, the interaction with a host and the search for roommates. The objective of this work is the design and development of a web application with Java/Spring Boot and JavaScript/React technologies to simplify the management tasks related to the houses rents. The application will consider two different types of user profiles: hosts and customers. Any user will be able to search, view the details of a house and see the ratings of hosts. Users with a host profile will be able to rent their properties, as well as modify or cancel them. Customers will be able to access the properties published on the web to rent them. The application will also provide a text messaging system between the different users, as well as to interact with the announcements of the search for roommates and incidences on the house. It will include functionality to post bills and make payments, and customers will be able to rate hosts so other potential customers can see their ratings and comments before rent.

[Resumen]: El sector eCommerce ha supuesto una revolución mundial en lo que a transacciones comerciales respecta y, en consecuencia al aumento disparado de su crecimiento en 2020 durante la pandemia, las ventas de este sector han crecido alrededor de un 50% desde entonces. En España, alrededor de 3.5 millones de españoles de entre 16 y 24 años adquirieron en 2022 algún tipo de producto o servicio en internet, una cifra que supera los 8 millones si se tienen en cuenta a los individuos de entre 25 a 34 años [1]. Tanto si hablamos específicamente de aplicaciones de compra-venta de primera o segunda mano (Wallapop, Vinted, etc.), como marketplaces (Amazon, Mediamarkt, etc.) o webs de negocios locales dedicados a la venta online, los vendedores o tiendas comparten en numerosas ocasiones la problemática de no saber con detalle qué rendimiento están teniendo sus anuncios sobre uno o varios artículos puestos a la venta y, en general, la ausencia de herramientas que le permitan estudiar con claridad estrategias creativas de venta que le permitan, en muchas ocasiones, dar salida al género. A partir de este problema, surge la necesidad del desarrollo de una solución software a través de una aplicación multiplataforma web y móvil, que permita gestionar y monitorizar los artículos de un eCommerce de una forma clara y eficiente. En este proyecto se aborda la creación de esta solución., [Abstract]: The eCommerce sector has brought about a global revolution in terms of commercial transactions and, as a result of the skyrocketing growth in 2020 during the pandemic, sales in this sector have grown by around 50% since then. In Spain, around 3.5 million Spaniards between the ages of 16 and 24 purchased some type of product or service on the Internet in 2022, a figure that exceeds 8 million if individuals between the ages of 25 and 34 are taken into account [1]. Whether we are talking specifically about first or second-hand buying-selling applications (Wallapop, Vinted, etc.), such as Marketplaces (Amazon, Mediamarkt, etc.) or local business websites dedicated to online sales, sellers or stores share on numerous occasions, the problem of not knowing in detail how your ads are performing on one or several items for sale and, in general, the absence of tools that allow you to clearly study creative sales strategies that allow you, in many occasions, give outlet to the genre. From this problem, the need arises for the development of a software solution through a multiplatform web and mobile application, which allows the management and monitoring of eCommerce items in a clear and efficient way. In this project, we will cover creating this solution.

71 p. – Bibliogr.: p. 55-57, En este documento se muestra cómo se ha ido desarrollando el Trabajo de Fin de Grado de la autora. El proyecto consiste en añadir funcionalidades y especificaciones a un área de RAMSÉS, aplicación web de simulación de máquinas abstractas. Es una más completa herramienta de uso académico para la asignatura de segundo curso Lenguajes, Computación y Sistemas Inteligentes, cubriendo la funcionalidad de una herramienta ya existente, JFLAP. En el caso de este proyecto en cuestión se ha desarrollado la opción de importar cualquier fichero JFLAP o JSON a la base de datos. De igual manera se ha desarrollado la opción de exportar cualquier autómata a JFLAP o JSON. Asimismo, se han añadido funcionalidades para etiquetar máquinas abstractas en la base de datos permitiendo asociarles información académica, como pueden ser colecciones de ejercicios o preguntas de exámenes. También se ha desarrollado un mecanismo adecuado para que RAMSÉS sea una herramienta multi-idioma. Por último, se ha desarrollado un procedimiento para la realización de copias de seguridad de RAMSÉS para proteger las actividades académicas a pérdidas de información asociadas a incidentes de seguridad. Cabe destacar que este proyecto está realizado en gran parte en el lenguaje de programación JavaScript tanto en la parte cliente como en la de servidor, apoyado en tecnologías como Node.js, Git, JSON, SVG, CSS3 y HTML5, junto con MySQL para el almacenamiento y recuperación de datos. Por otro lado, se ha realizado la puesta en producción de la aplicación mediante máquinas virtuales en un servidor, mediante Docker y Proxmox. En estos momentos RAMSÉS está en producción en el servidor del departamento de LSI siendo accesible desde la Web.

[Resumen]: Este proyecto tiene como objetivo desarrollar una aplicación para gestionar cómo realizan la compra varios usuarios, de esta forma se consigue agilizar y automatizar dicho proceso, así como llevar un control de las compras que se han realizado, quién o quiénes han realizado dichas compras, y cómo y cuándo se han realizado las mismas. Para conseguir esto, cada usuario tiene varias listas de la compra que pueden ser o bien individuales o bien compartidas entre varios usuarios. Estas listas están compuestas a su vez por listas de productos, en las cuales se encuentran los productos que vamos a comprar. Estas listas de productos contienen a uno o varios usuarios, que son los que forman parte de la lista de la compra. Esto lo hacemos así para que en los registros de las compras podamos saber qué productos de los que se han comprado pertenecen a cada persona. Estos productos se podrán añadir a la lista de productos a través de un buscador, en el que podremos encontrar los productos que estén previamente creados en nuestra base de datos o crear productos personalizados en caso de que no existan. Estos productos se podrán modificar o eliminar de la lista de productos y también marcar como adquiridos. Cuando se marcan como adquiridos, se añaden a una cesta en la que tenemos todos los productos que vamos a comprar. Cuando finalicemos la compra, esta cesta se vaciará y se creará un registro de esta compra. Este registro contendrá los productos que teníamos previamente en la cesta, organizados en las listas de productos que pertenecen a los diferentes usuarios. Fuera de lo que es la propia gestión de las compras, el usuario contará con dos pantallas extra: una para ver y gestionar las invitaciones a las distintas listas de la compra, y otra para modificar sus datos de usuario., [Abstract]: The aim of this project is to develop an application for shopping management, speeding and automatising the process. This app also seeks to keep track of all the purchases made, the people behind those purchases and the date of acquisition of the products. In order to achieve this, each user has several shopping lists that can be either personal or shared with other users. In turn, these lists consist of products lists, where we will find the products to be acquired. Products lists have one or more users, that also belong in the shopping list. The reason behind this is to make sure we know which of the products acquired belongs to each person. These products can be added to the product list through a search engine. In this search engine, we will find products previously created in our database, as well as personalised products created by the users, in case they are not in our database. These products can be modified or removed from the product list, or marked as acquired. Once they have been marked as acquired, they are added to a shopping basket where we will find all the products we wish to buy. Once the purchase is finished, this basket will empty and a register of the purchase will be created. In this register, we will find the products that were previously in the shopping basket, organised according to the products lists to which the users belong. Aside from shopping management, users will have two more screens: one that will allow them to see and manage shopping list invitations, and another that will allow them to change their personal data.

[Resumen]: Gracias a los recientes avances en el campo de la medicina, los especialistas clínicos pueden realizar diagnósticos más precisos y personalizados de una serie de relevantes enfermedades. En particular, en el campo de la oftalmología, existen varios procedimientos de diagnóstico que utilizan diferentes tipos de tecnologías de captura de imagen del fondo de ojo. Algunas de las más utilizadas para evaluar el grado de deterioro de las células fotorreceptoras de la retina son la tomografía de coherencia óptica (OCT) y la microperimetría. En particular, la OCT es una técnica de imagen tomográfica que posibilita el estudio de las estructuras internas de un tejido como en este caso el de la retina. Por otro lado, la microperimetría, una técnica de diagnóstico que mide la sensibilidad de la mácula, también puede mostrar cualquier lesión incipiente en la zona central de la retina. El proceso de diagnóstico se realiza mediante la inspección visual de una gran cantidad de imágenes del paciente. A esto se suma que para realizar un análisis multimodal, es necesario comparar informaciones de distintos dispositivos, lo que resulta costoso y requiere mucho tiempo. La plataforma web para la gestión clínica y mejora del análisis multimodal que se ha desarrollado incluye varios módulos para facilitar el análisis automático de la región de los fotorreceptores en imágenes de la retina. Esta herramienta asiste al experto clínico al proporcionar información multimodal de las imágenes de ambas modalidades (OCT y microperimetría) para establecer un diagnóstico preciso de diferentes patologías oculares y sistémicas. Los módulos de la plataforma incluyen: (I) Módulo de segmentación de las capas retinianas en imágenes OCT, (II) Módulo de extracción de características de la capa de fotorreceptores, (III) Módulo de creación de mapas de las características extraídas, (IV) Módulo de comparación de características con la información del microperímetro, y (V) Módulo de visualización de la, [Abstract]: Thanks to recent advances in the field of medicine, clinical specialists are able to make more accurate and personalized diagnoses of a range of relevant diseases. In particular, in the field of ophthalmology, there are several diagnostic procedures that use different types of eye fundus imaging technologies. Some of the most widely used for evaluating the degree of deterioration of the retina’s photoreceptor cells are optical coherence tomography (OCT) and microperimetry. In particular, OCT is a tomographic imaging technique that enables the study of the internal structures of a tissue such as the retina. On the other hand, microperimetry, a diagnostic technique that measures the sensitivity of the macula, can also show any early damage in the central area of the retina. The diagnostic process is carried out through the visual inspection of a large number of patient images. To this is added that to perform a multimodal analysis, it is necessary to compare information from different devices, which is costly and takes a lot of time. The web platform for clinical management and improvement of multimodal analysis that has been developed includes several modules to facilitate the automatic analysis of the photoreceptor region in retina images. This tool assists the clinical expert by providing multimodal information from images of both modalities (OCT and microperimetry) to establish a precise diagnosis of different ocular and systemic pathologies. The modules of the platform include: (I) Module for segmenting retinal layers in OCT images, (II) Module for extracting features of the photoreceptor layer, (III) Module for creating maps of the extracted features, (IV) Module for comparing features with microperimeter information, and (V) Module for visualizing the obtained information. In addition, the platform has a user, patient, test, report, and image management module to facilitate the work of ophthalmologists, and an intuitive visualization module for the

Amb el pas del temps les tecnologies prenen un paper cada cop més important en els processos que s'han dut a terme manualment tota la vida, l'automatització i la precisió obtinguda per un sistema informàtic supera al de qualsevol ésser humà. Per això, no és d'estranyar que a dia d'avui hagi arribat fins a sectors tant sofisticats com el de la indústria farmacèutica. Aquest projecte es centra en el desenvolupament d'un mòdul de mapes per al software SherpaPharma d'una empresa, una solució per permetre visualitzar i monitoritzar els nivells de contaminació i l'estat d'una planta de mostreig a partir de les grans quantitats de dades amb les que aquestes poden arribar a tractar., As time passes, technologies play an increasingly important role in processes that have been carried out manually throughout life, the automation and the precision obtained by a computer system exceeds that of any human being. Therefore, it is not surprising that today it has reached sectors as sophisticated as the pharmaceutical industry. This project focuses on the development of a map module for the SherpaPharma software of one company, a solution to allow the visualization and monitoring of contamination levels and the status of a sampling plant from large amounts of data with which they can treat.

El sector de la restauració és un dels més importants a Espanya i per tant un dels que més present és a la societat. Un dels passos clau en l'experiència de qualsevol persona a un restaurant és l'elecció dels plats que es volen consumir. Al mateix temps, és un dels aspectes que menys ha evolucionat al llarg dels anys, sent gairebé exclusiu el mètode de la carta a paper fins la pandèmia del COVID-19, on es va popularitzar l'ús de cartes en PDF, el qual no suposa un avanç en molts casos. Aquests mètodes fan difícil l'elecció per persones veganes, vegetarianes, amb al·lèrgies o amb preferències i exigències alimentaries concretes o estrictes. L'objectiu del projecte és desenvolupar un sistema més còmode per aquestes persones i pels clients de la restauració en general posant a disposició dels usuaris una aplicació mòbil des d'on poder filtrar amb total facilitat els plats desitjats per categoria, al·lèrgens comuns o fins i tot per ingredients., The restaurant industry is one of the most important in Spain and therefore one of the most present in society. One of the key steps in anyone's experience at a restaurant is the choice of the dishes they want to eat. At the same time, it is one of the steps that has evolved the least over the years, with the paper menu being almost exclusive until the COVID-19 pandemic, where the use of PDF menus became popular, which is not an improvement in many cases. These methods make the choice difficult for vegans, vegetarians, people with allergies or with specific or strict food preferences and requirements. The aim of the project is to develop a more comfortable system for these people and for restaurant customers in general by making available to users a mobile application from which they can easily filter the desired dishes by category, common allergens or even by ingredients.