TOGAF explorer

📖 Descripción del Proyecto

El Explorador Interactivo de TOGAF es una aplicación web de una sola página (SPA) diseñada para desmitificar y hacer accesible el contenido del Framework de Arquitectura de The Open Group (TOGAF). La aplicación transforma el denso y complejo estándar de TOGAF en una experiencia de aprendizaje visual, guiada e interactiva.

El objetivo principal de este proyecto es demostrar cómo un diseño de información eficaz y la visualización de datos pueden convertir un tema técnico y denso en un recurso de aprendizaje atractivo y fácil de digerir.

✨ Características Principales

• Explorador del Ciclo ADM: Un diagrama circular interactivo que permite a los usuarios explorar cada fase del Método de Desarrollo de la Arquitectura, el corazón de TOGAF.
• Visualizaciones Claras: Un gráfico de radar (creado con Chart.js) y tablas comparativas que sitúan a TOGAF en el ecosistema de los marcos de Arquitectura Empresarial.
• Contenido Dinámico y Guiado: La información se presenta en secciones temáticas que se pueden explorar de forma no lineal, con explicaciones claras de conceptos clave como el Marco de Contenido, el Enterprise Continuum y la nueva estructura modular de TOGAF 10.
• Diseño Moderno y Responsivo: La interfaz, construida con Tailwind CSS, se adapta perfectamente a cualquier dispositivo, desde móviles hasta ordenadores de escritorio.
• Totalmente Auto-contenido: Toda la aplicación reside en un único archivo index.html, lo que la hace extremadamente portátil y fácil de compartir o ejecutar.
• Cero Dependencias de Compilación: No requiere npm, webpack ni ningún otro paso de compilación. Funciona directamente en el navegador.

🚀 Tecnologías Utilizadas

Este proyecto se ha construido con un enfoque minimalista, utilizando tecnologías web estándar para garantizar la máxima portabilidad y rendimiento.

• HTML5: Para la estructura semántica del contenido.
• Tailwind CSS: Para un diseño rápido, moderno y responsivo basado en utilidades, cargado a través de CDN.
• JavaScript (Vanilla): Para toda la lógica de interactividad, manejo de eventos y actualización dinámica del DOM.
• Chart.js: Para la creación del gráfico de radar interactivo y responsivo, cargado a través de CDN.

⚙️ Cómo Empezar

No se requiere ninguna instalación o configuración complicada. Simplemente sigue estos pasos:

1. Clona el repositorio (o descarga el archivo): bash git clone [https://github.com/tu-usuario/explorador-togaf.git](https://github.com/tu-usuario/explorador-togaf.git)
2. Abre el archivo HTML: Navega hasta el directorio del proyecto y abre el archivo index.html (o el nombre que le hayas dado) directamente en tu navegador web preferido (Google Chrome, Firefox, Safari, Edge, etc.).

¡Y eso es todo! La aplicación se ejecutará localmente en tu navegador sin necesidad de un servidor web.

📄 Fuente de la Información

Todo el contenido presentado en esta aplicación se basa en el Informe Detallado del Framework TOGAF y en la documentación oficial de The Open Group. La aplicación es una interpretación visual e interactiva de dicho marco.

TOGAF® es una marca registrada de The Open Group.

📜 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.