🎨
3. PLANTILLAS DE CONTENIDO (Fijas - 13 tipos)
Tipos de contenido predefinidos. Cada uno tiene variantes según el nivel educativo.
🎮 Contenido Interactivo
5 tipos
- ❓ Trivia (3 variantes)
- ↔️ Arrastrar y Soltar (4 variantes)
- 🧩 Rompecabezas (4 niveles)
- 🖼️ Slider (2 variantes)
- 🎮 Memory Game (3 variantes)
📚 Contenido Informativo
4 tipos
- 📖 Lectura (3 formatos)
- 🎥 Video (2 opciones)
- 🔊 Audio (2 opciones)
- 📊 Infografía (2 opciones)
Adaptación por Edad
Inicial: Imágenes grandes, animaciones, 2 opciones
Primaria: Texto + imágenes, 4 opciones, interactivo
Bachiller: Más texto, opciones múltiples, evaluativo
💡 Importante: Las plantillas son moldes vacíos. No tienen contenido hasta que se crea un "Banco de Contenido".
🗄️
4. BANCOS DE CONTENIDO (Dinámicos - Creados por Docente)
El contenido REAL que se mostrará. Cada banco usa una plantilla y la llena con datos específicos.
¿Qué es un Banco?
Es el contenido específico creado por el docente usando una plantilla como base. Contiene las preguntas, imágenes, textos, audios, etc.
Componentes de un Banco
- ID único
- Nivel educativo
- Plantilla utilizada
- Categoría/Tema
- DATA (contenido específico)
Reutilización
Un mismo banco puede asignarse a múltiples menús/submenús. Si actualizas el banco, se actualiza en todos lados.
♻️ Reutilizable
| Banco ID |
Nivel |
Plantilla |
Categoría |
Ejemplos de DATA |
| B001 |
Preescolar |
Trivia con Ruleta |
Colores Primarios |
10 preguntas con imágenes grandes |
| B002 |
Preescolar |
Infografía Estática |
Colores Primarios |
1 imagen PNG con explicación |
| B003 |
Preescolar |
Arrastrar con Cuadros |
Colores Primarios |
6 imágenes para arrastrar a 3 cuadros |
| B004 |
Primer Grado |
Memory Game Imágenes |
Números del 1 al 10 |
10 pares de cartas con números |
| B005 |
Bachiller |
Trivia Avanzada |
Historia Universal |
20 preguntas con temporizador |
// EJEMPLO: Banco de Trivia con Ruleta
{
"banco_id": "B001",
"nivel": "preescolar",
"plantilla": "trivia_ruleta",
"categoria": "Colores Primarios",
"fecha_creacion": "2025-01-15",
"data": {
"preguntas": [
{
"id": 1,
"pregunta": "¿De qué color es el sol?",
"imagen": "uploads/sol.png",
"opciones": [
{"texto": "Amarillo", "imagen": "uploads/amarillo.png", "correcta": true},
{"texto": "Azul", "imagen": "uploads/azul.png", "correcta": false}
],
"audio_pregunta": "uploads/pregunta1.mp3",
"explicacion": "¡Muy bien! El sol es amarillo"
},
{
"id": 2,
"pregunta": "¿De qué color es el cielo?",
"imagen": "uploads/cielo.png",
"opciones": [
{"texto": "Verde", "imagen": "uploads/verde.png", "correcta": false},
{"texto": "Azul", "imagen": "uploads/azul.png", "correcta": true}
]
}
// ... más preguntas
],
"configuracion": {
"mostrar_ruleta": true,
"velocidad_ruleta": "media",
"sonido_acierto": "uploads/correcto.mp3",
"sonido_error": "uploads/incorrecto.mp3"
}
}
}
⚠️ Clave: Cada tipo de plantilla tiene su propia estructura de DATA. Una trivia tiene "preguntas", una infografía tiene "imagen_principal", etc.
🔗
5. ASIGNACIONES (Vinculación de Todo)
Aquí es donde conectas: Nivel + Menú + Submenú + Banco de Contenido
¿Qué es una Asignación?
Es el registro que dice: "En este Menú/Submenú, para este Nivel, muestra este Banco de Contenido"
Componentes
- ID de asignación
- Nivel educativo
- ID del Menú
- ID del Submenú (opcional)
- ID del Banco
- Orden de aparición
- Estado (activo/inactivo)
Ejemplo Visual
Asignación #1:
Nivel: Preescolar
Menú: Colores
Submenú: Primarios
Banco: B002 (Infografía)
Orden: 1
Resultado: Al entrar a "Colores → Primarios", primero verá la infografía.
// EJEMPLO: Asignación completa
{
"asignacion_id": "A001",
"nivel": "preescolar",
"menu_id": "M001",
"submenu_id": "SM001",
"banco_id": "B002",
"nombre_actividad": "Conocer", // Opcional: nombre del botón
"orden": 1,
"activo": true,
"fecha_asignacion": "2025-01-15"
}
// Con esta asignación:
// Preescolar → Colores → Primarios → [CONOCER]
// ↓
// Muestra Infografía B002
🔄
6. FLUJO COMPLETO DEL SISTEMA
Desde que el docente crea hasta que el estudiante consume
1️⃣
Docente crea
MENÚ
(Colores)
→
2️⃣
Docente crea
SUBMENÚ
(Primarios)
→
3️⃣
Docente crea
BANCO
(Trivia Ruleta)
→
4️⃣
Docente hace
ASIGNACIÓN
(Vincula todo)
→
5️⃣
Estudiante ve
CONTENIDO
(Juega trivia)
✅ Resultado Final:
El estudiante de Preescolar entra a la app → Selecciona "Colores" → Selecciona "Primarios" → Ve el botón "Trivia" → Al hacer clic, carga el Banco B001 con la plantilla de Trivia con Ruleta → Juega respondiendo preguntas sobre colores primarios.