Gabriela UgarteGabriela Ugarte
Volver al inicio

Desarrollo Web / JavaScript / Herramienta Interactiva

GUÍA METODOLÓGICA PARA LA EVALUACIÓN

Desarrollo de una aplicación web interactiva para la Guía metodológica para la evaluación del Consorci per a la Formació Contínua de Catalunya, utilizando HTML, CSS, JavaScript y datos estructurados en JSON, con contenidos y funcionalidades disponibles en catalán.

HTMLCSSJavaScriptJSONResponsive DesignCatalan Localization
GUÍA METODOLÓGICA PARA LA EVALUACIÓN

Resumen

Proyecto web desarrollado para la Guía metodológica para la evaluación del Consorci per a la Formació Contínua de Catalunya. La aplicación combina contenidos estructurados, navegación interactiva y un generador de documentos para apoyar los procesos de evaluación de la formación.

Reto

El reto consistía en transformar una gran cantidad de contenidos metodológicos y criterios de evaluación en una experiencia web organizada, fácil de consultar y capaz de ofrecer recomendaciones según diferentes parámetros de formación.

Enfoque

El proyecto se desarrolló utilizando tecnologías frontend nativas, sin depender de frameworks de desarrollo. La información se estructuró mediante JSON y JavaScript para permitir gestionar y mostrar dinámicamente los contenidos y las diferentes opciones de consulta.

Solución

La aplicación incorpora un menú de contenidos, un sistema de recomendaciones basado en diferentes criterios, un área central de consulta y un generador de documentos de evaluación. También permite cargar y descargar configuraciones en JSON, generar documentos Word, imprimir y generar PDF desde el navegador.

Proceso

Organización de contenidos → estructuración de datos en JSON → desarrollo de la interfaz con HTML y CSS → implementación de funcionalidades con JavaScript → navegación y filtros de contenidos → generador de documentos → exportación de datos y documentos → adaptación de contenidos al catalán → publicación en la infraestructura de la Generalitat.

Resultados

El resultado es una aplicación web interactiva que permite consultar la guía metodológica, obtener recomendaciones según diferentes criterios y utilizar un generador de documentos con opciones de carga, guardado, exportación, edición, impresión y generación de documentos Word.

Aprendizajes

Este proyecto permitió trabajar de forma práctica con desarrollo frontend utilizando HTML, CSS y JavaScript, estructuración de datos mediante JSON, interfaces interactivas, generación de documentos y adaptación de contenidos para un entorno institucional.