García Gallardo, Estefanía2025-07-242025-07-242025-07-11García Gallardo, Estefanía. Trabajo Fin de Grado: Desarrollo de una aplicación web para el estudio de las gramáticas formales. Universidad Nacional de Educación a Distancia (UNED) 2025https://hdl.handle.net/20.500.14468/29734Este documento presenta la Herramienta para el Estudio de las Gramáticas Formales, una aplicación web desarrollada para facilitar el análisis de las gramáticas formales, con un enfoque particular en las gramáticas libres de contexto. Está pensada para ser un apoyo a los estudiantes de la Universidad Nacional de Educación a Distancia (UNED); en particular a aquellos que cursan la asignatura Teoría de los Lenguajes de Programación. Esta herramienta permite que los usuarios definan gramáticas libres de contexto, validen su estructura y construyan un árbol sintáctico a partir de las mismas. Siendo uno de los objetivos de este proyecto que cualquier usuario pueda utilizar la aplicación sin conocimiento previo, se ofrece una interfaz intuitiva para la introducción de reglas gramaticales, retroalimentación inmediata sobre la validez de las mismas y la posibilidad de generación del árbol sintáctico a partir de la gramática introducida, de forma dinámica. La Herramienta para el Estudio de las Gramáticas Formales busca mejorar la comprensión de las gramáticas libres de contexto y sus posibles derivaciones por parte del estudiante, mediante una representación visual sencilla y la posibilidad de experimentar de forma interactiva.This document presents the Tool for the Study of Formal Grammars, a web application developed to facilitate the analysis of formal grammars, with a particular focus on context-free grammars. It is intended to support students at the Universidad Nacional de Educación a Distancia (UNED), especially those enrolled in the courseTeor´ıa de los Lenguajes de Programación. This tool allows users to define context-free grammars, validate their structure, and construct a syntax tree based on them. One of the main goals of this project is to ensure that any user can utilize the application without prior knowledge; therefore, it offers an intuitive interface for entering grammar rules, immediate feedback on their validity, and the dynamic generation of the syntax tree from the defined grammar. The Tool for the Study of Formal Grammars aims to improve students’ understanding of context-free grammars and their possible derivations through a simple visual representation and the ability to experiment interactively.esinfo:eu-repo/semantics/openAccess33 Ciencias TecnológicasDesarrollo de una aplicación web para el estudio de las gramáticas formalesproyecto fin de carreraGramática formalGramática libre de contextoSímbolo terminalSímbolo no terminalRegla de producciónSímbolo inicialárbol sintácticoDerivaciónAnálisis sintácticoProcesamiento de lenguaje formalLenguajes de programaciónValidación automáticaFormato JSONNotación BNF y EBNFIngeniería del softwareCasos de usoActorPruebas manualesDiseño de softwareInterfaz de usuarioMantenimiento de softwareUsabilidadExperiencia de usuario (UX)Accesibilidad Desarrollo webAplicación webSPA (Single Page Application)VIIAngularJavaScriptTypeScriptHTMLSCSSAngular MaterialDespliegueGitHub PagesGitFrameworkFrontendFormal grammarContext-free grammarTerminal symbolNon-terminal symbolProduction ruleStart symbolParse treeDerivationSyntax analysisFormal language processingProgramming languagesAutomatic validationJSON formatBNF and EBNF notationSoftware engineeringUse casesActorManual testingSoftware designUser interfaceSoftware maintenanceUsabilityUser experience (UX)AccessibilityWeb developmentWeb applicationSPA (Single Page Application)AngularJavaScriptTypeScriptHTMLSCSSAngular MaterialDeploymentGitHubGitHub PagesGitFrameworkFrontend