An open API service indexing awesome lists of open source software.

https://github.com/angelcamposm/sebok-explorer

Systems Engineering Body of Knowledge Explorer
https://github.com/angelcamposm/sebok-explorer

body-of-knowledge sebok systems-engineering

Last synced: 4 months ago
JSON representation

Systems Engineering Body of Knowledge Explorer

Awesome Lists containing this project

README

          

# SEBoK Explorer

![Banner del Explorador SEBoK](https://placehold.co/1200x400/007ea7/ffffff?text=SEBoK+Explorer)

## 📖 Descripción del Proyecto

El **Explorador Interactivo del SEBoK** es una aplicación web de una sola página (SPA) diseñada para visualizar y hacer accesible el contenido del **Cuerpo de Conocimiento de la Ingeniería de Sistemas (SEBoK)**. La aplicación transforma el denso informe del SEBoK en una experiencia interactiva, intuitiva y visualmente atractiva, permitiendo a los usuarios explorar, comprender y sintetizar la información clave de esta disciplina fundamental.

Este proyecto fue creado para demostrar cómo la visualización de datos y un diseño centrado en el usuario pueden hacer que la información compleja sea más fácil de consumir y entender.

---

## ✨ Características Principales

- **Dashboard Interactivo:** Navega por las secciones clave del SEBoK a través de una interfaz de pestañas dinámica.
- **Visualizaciones de Datos Atractivas:** Gráficos de Donut, Barras y Burbujas (creados con **Chart.js**) que ilustran la estructura, aplicaciones e impacto de la Ingeniería de Sistemas.
- **Contenido Dinámico:** Haz clic en los elementos para explorar en profundidad resúmenes de las 8 partes del SEBoK y sus aplicaciones en diferentes industrias.
- **Diseño Responsivo:** La interfaz se adapta perfectamente a cualquier tamaño de pantalla, desde móviles hasta ordenadores de escritorio.
- **Auto-contenido:** Toda la aplicación está contenida en un único archivo HTML, lo que la hace extremadamente portátil y fácil de ejecutar.
- **Sin Dependencias Externas (excepto CDNs):** No requiere instalación ni compilación.

---

## 🚀 Tecnologías Utilizadas

Este proyecto está construido con tecnologías web estándar, enfocándose en la simplicidad y el rendimiento.

- **HTML5:** Para la estructura semántica del contenido.
- **Tailwind CSS:** Para un diseño rápido, moderno y responsivo basado en utilidades.
- **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 de gráficos interactivos y responsivos en un lienzo (``).

---

## ⚙️ 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-sebok.git](https://github.com/tu-usuario/explorador-sebok.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, etc.).

¡Y eso es todo! La aplicación se ejecutará localmente en tu navegador.

---

## 📄 Fuente de la Información

Todo el contenido presentado en esta aplicación se basa en el **Informe Detallado sobre el Cuerpo de Conocimiento de la Ingeniería de Sistemas (SEBoK)**. La aplicación es una interpretación visual e interactiva de dicho informe.

El SEBoK es gobernado por:
- El Consejo Internacional de Ingeniería de Sistemas (INCOSE)
- El Consejo de Sistemas del IEEE
- El Stevens Institute of Technology

---

## 📜 Licencia

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