RVCAT-WEB : disseny d'una interfície web per a l'execució d'un simulador de processadors amb finalitats educatives
Vich Susanna, Bern
Toro Valdivia, Maria Carmen de, tut. (Universitat Autònoma de Barcelona. Departament d'Enginyeria de la Informació i de les Comunicacions)
Moure, Juan C, tut. (Universitat Autònoma de Barcelona. Departament d'Enginyeria de la Informació i de les Comunicacions)
Universitat Autònoma de Barcelona. Escola d'Enginyeria

Additional title:	RVCAT-WEB : diseño de una interfaz web para la ejecución de un simulador de procesadores con finalidades educativas
Additional title:	RVCAT-WEB : Design of a Web Interface for the Execution of a Processor Simulator for Educational Purposes
Date:	2025
Abstract:	Aquest treball presenta el desenvolupament de RVCAT-WEB, una interfície web educativa per al simulador de processadors RVCAT. Hem partit d'una versió inicial de l'aplicació web utilitzant HTML, CSS, JavaScript i Pyodide, la qual s'ha migrat a Vue. js i s'hi han afegit noves funcionalitats. S'han definit com a objectius millorar la usabilitat, oferir suport interactiu i facilitar l'aprenentatge autònom de l'arquitectura de processadors. L'aplicació inclou seccions per a configurar el processador i per gestionar programes. També integra un anàlisi estàtic de camins recurrents i una visualització temporal de l'execució interactiva, a més d'una secció de simulació que mostra l'ús de recursos i diverses mètriques de rendiment. RVCAT-WEB s'executa únicament a la banda del client web (client-side), sense necessitat d'un servidor dedicat. Després del desenvolupament, en els resultats es pot apreciar la millora respecte l'eina original, aconseguint una aplicació més intuïtiva i interactiva i amb funcionalitats extenses.
Abstract:	Este trabajo presenta el desarrollo de RVCAT-WEB, una interfaz web educativa para el simulador de procesadores RVCAT. Partimos de una versión inicial de la aplicación web utilizando HTML, CSS, JavaScript y Pyodide, la cual se ha migrado a Vue. js y se le han añadido nuevas funcionalidades. Se han definido como objetivos mejorar la usabilidad, ofrecer soporte interactivo y facilitar el aprendizaje autónomo de la arquitectura de procesadores. La aplicación incluye secciones para configurar el procesador y para gestionar programas. También integra un análisis estático de caminos recurrentes y una visualización temporal de la ejecución interactiva, además de una sección de simulación que muestra el uso de recursos y diversas métricas de rendimiento. RVCAT-WEB se ejecuta exclusivamente en el lado del cliente (client-side), sin necesidad de un servidor dedicado. Tras el desarrollo, en los resultados se puede apreciar la mejora respecto a la herramienta original, logrando una aplicación más intuitiva e interactiva y con funcionalidades ampliadas.
Abstract:	This work presents the development of RVCAT-WEB, an educational web interface for the RVCAT processor simulator. Starting from an initial version using HTML, CSS, JavaScript, and Pyodide, the project was migrated to Vue. js and new functionalities were added. The objectives were defined as improving usability, offering interactive support, and facilitating autonomous learning of processor architecture. The application includes sections for configuring the processor and for managing programs. It also integrates a static analysis of recurrent paths and an interactive temporal execution view, as well as a simulation section that displays resource usage and various performance metrics. RVCAT-WEB runs client-side only, without need of a dedicated server. The results after the development show improvement over the original tool, achieving a more intuitive, interactive application with extensive features.
Rights:	Aquest document està subjecte a una llicència d'ús Creative Commons. Es permet la reproducció total o parcial, la distribució, la comunicació pública de l'obra, i la creació d'obres derivades, sempre que no sigui amb finalitats comercials i que es distribueixin sota la mateixa llicència que regula l'obra original. Cal que es reconegui l'autoria de l'obra original.
Language:	Català
Studies:	Enginyeria Informàtica [2502441]
Study plan:	Enginyeria Informàtica [958]
Document:	Treball final de grau ; Text
Subject area:	Menció Tecnologies de la Informació
Subject:	Arquitectura de computadors ; Simulador ; Interfície web ; Client-side ; Visualització interactiva ; Eina educativa ; Pyodide ; Vue.js ; WebAssembly ; Arquitectura de computadores ; Interfaz web ; Visualización interactiva ; Herramienta educativa ; Computer architecture ; Simulator ; Web interface ; Interactive visualization ; Educational tool

12 p, 1.1 MB

The record appears in these collections:
Research literature > Bachelor's degree final project > School of Engineering. TFG