ITIL® 4 Explorer es una aplicación web interactiva de una sola página (SPA) diseñada como una herramienta de aprendizaje visual para explorar los conceptos fundamentales del marco de trabajo ITIL 4. La aplicación presenta la información de manera clara y profesional, permitiendo a los usuarios asimilar el conocimiento de forma intuitiva y atractiva.
El proyecto está construido con HTML, Tailwind CSS y JavaScript puro, utilizando Chart.js para las visualizaciones de datos. Es totalmente bilingüe (español e inglés) y responsive.
- Panel Interactivo: Toda la información se presenta en una única página para una navegación fluida.
- Soporte Bilingüe: Cambia fácilmente entre español e inglés con un solo clic.
- Diseño Profesional y Responsive: Interfaz de usuario limpia y moderna que se adapta a cualquier dispositivo (escritorio, tableta, móvil).
- Gráfico Comparativo (ITIL v3 vs. v4): Un gráfico de radar dinámico que visualiza la evolución y el cambio de paradigma entre las dos versiones de ITIL.
- Diagrama del SVS Interactivo: Explora los componentes del Sistema de Valor del Servicio (SVS) y obtén descripciones detalladas al instante.
- Explorador de Prácticas: Navega y filtra a través de las 34 prácticas de ITIL, organizadas por categoría (Gestión General, de Servicios y Técnica).
- Contenido Detallado: Secciones dedicadas a los conceptos clave como la Cadena de Valor del Servicio (SVC), las 4 Dimensiones y los 7 Principios Rectores.
- Cero Dependencias: No requiere instalación ni compilación. Funciona directamente en el navegador.
Usar esta aplicación es muy sencillo. Al ser un único fichero HTML, no necesitas un servidor web ni pasos de compilación.
Clona el repositorio:
git clone https://github.com/angelcamposm/itil-4-explorer.git
Navega al directorio del proyecto:
cd itil-4-explorer
Abre el fichero:
Simplemente abre el archivo index.html (o el nombre que le hayas dado) en tu navegador web preferido (Google Chrome, Firefox, Safari, Edge, etc.).
¡Y eso es todo! Ya puedes empezar a explorar los conceptos de ITIL 4.
- HTML5: Para la estructura semántica del contenido.
- Tailwind CSS: Para un diseño rápido, moderno y responsive.
- JavaScript (Vanilla): Para toda la lógica de interactividad, cambio de idioma y manipulación del DOM.
- Chart.js: Para la creación del gráfico de radar comparativo.
Las contribuciones son bienvenidas. Si tienes ideas para mejorar la aplicación, corregir un error o añadir más contenido, por favor, siéntete libre de:
- Hacer un Fork del proyecto.
- Crear una nueva rama (
git checkout -b feature/AmazingFeature
). - Hacer tus cambios (
git commit -m 'Add some AmazingFeature'
). - Hacer Push a la rama (
git push origin feature/AmazingFeature
). - Abrir una Pull Request.
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.