Objetivo y Alcance del Desarrollo
Este proyecto comprende el diseño interactivo, maquetación HTML/CSS responsive (formato Cards Designer), integración de actividades SCORM 1.2 (Juego de Emociones), evaluaciones interactivas (cuestionarios GIFT/XML), bancos de preguntas y generación de recursos multimedia (podcasts, vídeos de referencia con IA y descargables PDF) para el curso virtual de UNFPA para la prevención de la violencia basada en género (VBG) en adolescentes.
#349447), base de diseño verificada a 390px móvil.
.mbz (13.9 MB).
Colores Transversales de los 4 Pasos Pedagógicos
Haz clic sobre cualquier muestra para copiar el código HEX directamente al portapapeles.
#bf0535
#db9642
#8a1780
#268c0d
#5f99d9
#282828
Paleta de Identidad Cromática por Módulo Temático
Arquitectura Estándar de 8 Secciones y 17 Tarjetas por Módulo
Cada módulo implementado en Moodle (formato Designer / Cards) replica una estructura de 8 secciones temáticas con 17 archivos HTML de tarjeta, fondos personalizados de 620 × 274 px y controles de navegación móvil adaptados.
Mapeo de Secciones e IDs en Producción (UNFPA Curso 166)
| Módulo | Personaje | Rango de Secciones Moodle | IDs de Secciones Destacadas | Recurso Auxiliar (pluginfile.php) | Estado en Producción |
|---|---|---|---|---|---|
| M1 | Wendy | Secciones 1 – 8 | 1–8 (Plantilla Maestra) | Archivos base Moodle | Referencia Base Activa |
| M2 | Jenny | Secciones 9 – 16 | 1905–1912 (Eval: 3194, Recurso: 3197) | mod_resource/content/1/ (ID 3197) |
Publicado & Verificado |
| M3 | Alicia | Secciones 17 – 24 | 1932–1939 (Eval: 3275, Recurso: 3278) | pluginfile.php/87385/mod_resource/content/2/ |
Publicado 15 Nov 2026 |
| M4 | Johnny | Secciones 25 – 32 | Evaluaciones XML 1-9 y 1-10 · Retorno a Sec 26 | Drive / Archivos locales | Implementado |
| M5 | Jacinta | Secciones 33 – 40 | 3157–3168 (Hist: 3167, Bitácora: 3168) · Retorno a Sec 42 | Drive / Archivos locales | Implementado |
| M6 | Gladys | Secciones 41 – 48 | 1924–1931 (Eval: 3254, Recurso: 3260, Hist: 3244) · Retorno a Sec 50 | pluginfile.php/87366/mod_resource/content/1/ |
Publicado 15 Nov 2026 |
| M7 | Mayra | Secciones 49 – 56 | 1940–1947 (17 Tarjetas clonadas, podcast y portada provisional) | Drive directo / Multimedia IA local | Plantilla Preparada / Oculta |
| M8 | Lucero | Secciones 57 – 64 | Evaluación XML 1-10 · Retorno a Sec 58 | Drive / Archivos locales | Implementado |
Nueva Auditoría de Enlaces para Saber Más (Paso 3)
Resultados de la verificación HTTP en vivo de los recursos bibliográficos, artículos y documentos citados en los juegos de preguntas y respuestas y PDFs de cada personaje.
| Módulo | Recurso / Título | Estado HTTP | Disponibilidad | Diagnóstico Técnico | Solución Sugerida | Acción |
|---|
Entorno Local Docker
Configuración de desarrollo y réplica exacta para Moodle en contenedores Docker:
- moodle-web: Apache + PHP 8.1 + Moodle 4.1.10 en puerto
8080. - moodle-db: MariaDB 10.6 en puerto
3306(BDmoodle, usuariomoodleuser). - Volumen de datos:
./moodledatamontado localmente.
Respaldo y Volcado de Base de Datos
Comando para realizar un dump SQL íntegro sin alterar codificación de caracteres:
Verificar SHA256 con respaldo-local/SHA256SUMS.txt.
Regeneración SCORM (Juego Emociones)
El Juego de Emociones del Paso 2 se compila como paquete SCORM 1.2 autocontenido:
Incrustado con altura estándar de 800px en ventana actual.
Validación Responsive (Mobile 390px)
Todas las tarjetas y banners han sido auditados en viewport real de 390px (resolución de pantalla de smartphone típica):
- Prevención de scroll horizontal en títulos largos de Visibilizar.
- Uso de
clamp()ycontainer-type: inline-size(cqw). - Reproductor de audio adaptado sin recortes de controles.
Control de Versiones y Convenciones Git
Estrategia de commits atómicos y modulares por componente pedagógico en rama main:
- Commits temáticos: Separación estricta de cambios por módulo (Alicia, Gladys, Mayra) y tareas transversales.
- Reglas de exclusión: Directorio
tmp/ignorado en.gitignorepara evitar registrar artefactos de desarrollo efímeros. - Control de entregables: Inclusión controlada de recursos multimedia y copias de seguridad de Moodle.
Copia de Seguridad Moodle (.mbz) y Restauración
Archivo de respaldo descargado de producción para restauración integral o contingencia:
- Ruta:
respaldos-moodle/copia_de_seguridad-moodle2-course-166-toolkit_lac_vbg-20261115-1547-nu.mbz(13.9 MB). - Contenido: 64 secciones completas, cuestionarios XML, configuraciones de curso y bloques Cards Designer.
Generación Multimedia con Inteligencia Artificial
Generación y optimización de videos y animaciones para enriquecer los módulos interactivos:
- Modelos de video: Generación de escenas con Gemini Video y Veo (ej.
escena-alicia.mp4,gemini_generated_video_98ab6c46.mp4,escena-mayra.mp4). - Formatos ligeros: Conversión a GIF optimizado para su inserción directa en tarjetas de Moodle sin impacto en ancho de banda.
Sincronización Automatizada Moodle (.mbz → Workspace)
Script PowerShell para deconstruir y mapear automáticamente el contenido real desde copias de seguridad de Moodle:
- Script:
scripts/sincronizar-copia-moodle.ps1. - Extracción automática: Mapea las 64 secciones del archivo
.mbzy sus 17 tarjetas correspondientes por módulo. - Manifiestos y equivalencias: Genera
SINCRONIZACION-MOODLE.jsonySINCRONIZACION-RESUMEN.jsoncon hashes SHA256 e IDs remotos. - Exportación de cuestionarios: Convierte las preguntas del banco XML nativo de Moodle a archivos XML estándar por módulo (70 preguntas en 7 cuestionarios activos).
- Auditoría de dependencias: Compila
paginas-moodle/DEPENDENCIAS-EXTERNAS.txtcon todas las URLs de Drive y CDN catalogadas.
Historial de Commits y Control de Cambios Git
Registro estructurado de versiones, despliegues y trazabilidad técnica en la rama main.