workspace/projects/gamilit/docs/00-vision-general/GUIA-PRUEBAS-MODULO4-Respuestas-Ejemplo.md
rckrdmrd 608e1e2a2e
Some checks are pending
CI Pipeline / changes (push) Waiting to run
CI Pipeline / core (push) Blocked by required conditions
CI Pipeline / trading-backend (push) Blocked by required conditions
CI Pipeline / trading-data-service (push) Blocked by required conditions
CI Pipeline / trading-frontend (push) Blocked by required conditions
CI Pipeline / erp-core (push) Blocked by required conditions
CI Pipeline / erp-mecanicas (push) Blocked by required conditions
CI Pipeline / gamilit-backend (push) Blocked by required conditions
CI Pipeline / gamilit-frontend (push) Blocked by required conditions
Multi-project update: gamilit, orchestration, trading-platform
Gamilit:
- Backend: Teacher services, assignments, gamification, exercise submissions
- Frontend: Admin/Teacher/Student portals, module 4-5 mechanics, monitoring
- Database: DDL functions, seeds for dev/prod, auth/gamification schemas
- Docs: Architecture, features, guides cleanup and reorganization

Core/Orchestration:
- New workspace directives index
- Documentation directive

Trading-platform:
- Database seeds and inventory updates
- Tech leader validation report

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-18 07:17:46 -06:00

27 KiB

GUIA DE PRUEBAS - MODULO 4: LECTURA DIGITAL Y MULTIMODAL

Ejemplos de Respuestas para Testing QA

Fecha: 2025-12-18 Version: 1.0 Modulo: MOD-04-DIGITAL - Lectura Digital y Multimodal Autor: Database-Agent / Architecture-Analyst Fuente: apps/database/seeds/prod/educational_content/05-exercises-module4.sql


INDICE

  1. Ejercicio 4.1: Verificador de Fake News
  2. Ejercicio 4.2: Infografia Interactiva
  3. Ejercicio 4.3: Quiz TikTok
  4. Ejercicio 4.4: Navegacion Hipertextual
  5. Ejercicio 4.5: Analisis de Memes
  6. Casos de Uso

PROPOSITO DE ESTA GUIA

Esta guia proporciona ejemplos detallados de respuestas para cada ejercicio del Modulo 4, clasificadas en tres niveles de calidad:

  • EXCELENTE (80-100 puntos): Respuestas completas, precisas y que demuestran comprension profunda
  • ACEPTABLE (50-79 puntos): Respuestas parcialmente correctas con algunos errores menores
  • INCORRECTA (0-49 puntos): Respuestas con errores significativos o informacion incorrecta

NOTA IMPORTANTE: Los ejercicios del Modulo 4 (excepto Quiz TikTok) requieren revision manual por un docente. El sistema solo valida la estructura de las respuestas, no su calidad.

Audiencia: QA testers, desarrolladores frontend/backend, docentes, demos


EJERCICIO 4.1: VERIFICADOR DE FAKE NEWS

Tipo: verificador_fake_news Dificultad: Intermediate Tiempo estimado: 20 minutos Puntos maximos: 100 Puntos de aprobacion: 70 Requiere revision manual: Si

Configuracion del Ejercicio

{
    "factCheckTools": true,
    "sourceVerification": true,
    "claimExtraction": true,
    "confidenceScoring": true
}

Contenido del Ejercicio

Articulo a analizar:

  • Titulo: "Marie Curie: La cientifica que gano 3 Premios Nobel"
  • Fuente: Blog de ciencia popular

Afirmaciones a verificar:

ID Afirmacion Veredicto Real Verdad Historica
c1 "Marie Curie gano 3 Premios Nobel" FALSO Gano 2: Fisica (1903) y Quimica (1911)
c2 "Descubrio el radio y el polonio" VERDADERO Descubiertos en 1898
c3 "Fue la primera mujer en ensenar en la Sorbona" VERDADERO Obtuvo catedra en 1906

RESPUESTA EXCELENTE (95-100 puntos)

Todas las afirmaciones verificadas correctamente con evidencia solida:

{
    "claims_verified": [
        {
            "claim_id": "c1",
            "is_fake": true,
            "evidence": "La afirmacion es FALSA. Marie Curie gano exactamente 2 Premios Nobel: el de Fisica en 1903 (compartido con Pierre Curie y Henri Becquerel) y el de Quimica en 1911 (en solitario). Verificado en nobelprize.org."
        },
        {
            "claim_id": "c2",
            "is_fake": false,
            "evidence": "La afirmacion es VERDADERA. Marie y Pierre Curie descubrieron el polonio en julio de 1898 y el radio en diciembre del mismo ano. Publicado en Comptes Rendus de l'Academie des Sciences."
        },
        {
            "claim_id": "c3",
            "is_fake": false,
            "evidence": "La afirmacion es VERDADERA. En 1906, tras la muerte de Pierre Curie, Marie fue nombrada profesora titular en la Sorbona, siendo la primera mujer en ocupar ese cargo. Documentado en registros de la Universidad de Paris."
        }
    ],
    "notes": "Analisis completado usando fuentes primarias: sitio oficial del Premio Nobel, archivos historicos de la Academia de Ciencias de Paris."
}

Criterios cumplidos:

  • 3/3 veredictos correctos
  • Evidencia detallada (>50 caracteres cada una)
  • Fuentes confiables citadas
  • Fechas y datos precisos

Feedback del sistema:

"Excelente trabajo de verificacion. Has identificado correctamente la informacion falsa y respaldado tus conclusiones con fuentes confiables. 100/100 puntos."


RESPUESTA ACEPTABLE (65-79 puntos)

2-3 afirmaciones correctas, evidencia basica:

{
    "claims_verified": [
        {
            "claim_id": "c1",
            "is_fake": true,
            "evidence": "Es falso, gano 2 Nobel no 3."
        },
        {
            "claim_id": "c2",
            "is_fake": false,
            "evidence": "Es verdad, descubrio esos elementos."
        },
        {
            "claim_id": "c3",
            "is_fake": true,
            "evidence": "No estoy seguro pero creo que es falso."
        }
    ],
    "notes": "Verifique en internet"
}

Problemas identificados:

  • Claim c3: Veredicto INCORRECTO (es verdadero, no falso)
  • Evidencia muy corta para c1 y c2 (pero >= 10 caracteres)
  • Evidencia de c3 muestra incertidumbre
  • Fuentes no especificadas

Scoring:

  • 2/3 veredictos correctos = 67 puntos base
  • Evidencia minima = -5 puntos
  • Total: ~62-70 puntos

Feedback del sistema:

"Buen intento, pero hay errores. La afirmacion sobre la Sorbona ES verdadera - Marie fue la primera mujer profesora alli. Tus evidencias necesitan mas detalle y fuentes especificas. 68/100 puntos."


RESPUESTA INCORRECTA (0-49 puntos)

Escenario 1: Veredictos invertidos

{
    "claims_verified": [
        {
            "claim_id": "c1",
            "is_fake": false,
            "evidence": "Marie Curie gano muchos premios."
        },
        {
            "claim_id": "c2",
            "is_fake": true,
            "evidence": "No descubrio nada, solo ayudaba."
        }
    ],
    "notes": ""
}

Errores criticos:

  • c1: Veredicto INCORRECTO (la afirmacion de 3 Nobel es falsa)
  • c2: Veredicto INCORRECTO (si descubrio radio y polonio)
  • c3: No verificado (falta completamente)
  • Evidencias incorrectas y sexistas
  • Notas vacias

Scoring:

  • 0/3 veredictos correctos = 0 puntos base
  • Afirmacion incompleta (falta c3) = -20 puntos
  • Total: 0-20 puntos

Feedback del sistema:

"Tus verificaciones son incorrectas. Marie Curie SI descubrio el radio y el polonio - esto esta documentado historicamente. Ademas, solo gano 2 Nobel, no 3 como afirma el articulo. Por favor, usa las herramientas de verificacion proporcionadas. 15/100 puntos."


Escenario 2: Estructura invalida

{
    "claims_verified": "No se que poner aqui",
    "evidence": "Todo es verdad"
}

Error de validacion:

  • claims_verified debe ser un array, no string
  • Falta estructura requerida por claim
  • El sistema rechaza la respuesta antes de evaluacion

Feedback del sistema:

"Error de formato: El campo 'claims_verified' debe ser un array de objetos con claim_id, is_fake y evidence. Por favor, corrige la estructura."


Validacion Backend

-- Validar estructura
SELECT * FROM educational_content.validate_module4_module5_answer(
    'verificador_fake_news',
    '{
        "claims_verified": [
            {"claim_id": "c1", "is_fake": true, "evidence": "Evidencia de al menos 10 caracteres"}
        ]
    }'::jsonb,
    100
);
-- Resultado: is_valid=TRUE, requires_manual_review=TRUE

EJERCICIO 4.2: INFOGRAFIA INTERACTIVA

Tipo: infografia_interactiva Dificultad: Intermediate Tiempo estimado: 15 minutos Puntos maximos: 100 Puntos de aprobacion: 70 Requiere revision manual: Si

Configuracion del Ejercicio

{
    "interactiveElements": true,
    "dataVisualization": true,
    "clickableRegions": true
}

Contenido del Ejercicio

Titulo de la Infografia: "Marie Curie: 150 Anos de Legado Cientifico"

Secciones disponibles:

ID Tipo Contenido
timeline Visual timeline 1867-1934: Principales hitos de su vida
discoveries Icon grid Radio, Polonio, Radioactividad
impact Flowchart Descubrimientos - Medicina nuclear - Tratamientos de cancer

Preguntas:

  1. Cuantos anos vivio Marie Curie? (Ubicacion: timeline)
  2. Que aplicacion medica surgio de sus descubrimientos? (Ubicacion: impact)

RESPUESTA EXCELENTE (95-100 puntos)

{
    "answers": {
        "q1": "67 anos (nacio en 1867 y fallecio en 1934)",
        "q2": "Tratamientos de cancer mediante radioterapia, que utiliza radiacion para destruir celulas cancerosas"
    },
    "sections_explored": ["timeline", "discoveries", "impact"]
}

Criterios cumplidos:

  • Ambas respuestas correctas y detalladas
  • Todas las secciones exploradas
  • Conexion clara entre datos visuales y respuestas

Feedback del sistema:

"Excelente! Has extraido correctamente la informacion de la infografia y explorado todas las secciones. 100/100 puntos."


RESPUESTA ACEPTABLE (65-79 puntos)

{
    "answers": {
        "q1": "67",
        "q2": "Medicina"
    },
    "sections_explored": ["timeline", "impact"]
}

Problemas identificados:

  • Respuestas correctas pero muy breves
  • No exploro la seccion "discoveries"
  • Falta contexto en las respuestas

Scoring:

  • Respuestas basicas correctas: 70 puntos
  • Seccion faltante: -10 puntos
  • Total: ~70-75 puntos

Feedback del sistema:

"Respuestas correctas pero podrian ser mas completas. No exploraste la seccion 'discoveries'. Intenta profundizar mas en cada seccion. 72/100 puntos."


RESPUESTA INCORRECTA (0-49 puntos)

{
    "answers": {
        "q1": "100 anos",
        "q2": "Electricidad"
    },
    "sections_explored": []
}

Errores criticos:

  • q1: Incorrecto (vivio 67 anos, no 100)
  • q2: Incorrecto (no esta relacionada con electricidad)
  • No exploro ninguna seccion

Feedback del sistema:

"Respuestas incorrectas. Marie Curie vivio 67 anos (1867-1934). Sus descubrimientos llevaron a tratamientos de cancer, no a electricidad. Debes explorar la infografia para encontrar las respuestas. 20/100 puntos."


Validacion Backend

SELECT * FROM educational_content.validate_module4_module5_answer(
    'infografia_interactiva',
    '{
        "answers": {"q1": "67 anos"},
        "sections_explored": ["timeline"]
    }'::jsonb,
    100
);
-- Resultado: is_valid=TRUE (estructura valida), requires_manual_review=TRUE

EJERCICIO 4.3: QUIZ TIKTOK

Tipo: quiz_tiktok Dificultad: Elementary Tiempo estimado: 5 minutos (10 segundos por pregunta) Puntos maximos: 100 Puntos de aprobacion: 70 Requiere revision manual: No (evaluacion automatica) Intentos maximos: 5

Configuracion del Ejercicio

{
    "timeLimit": 10,
    "swipeInterface": true,
    "quickFeedback": true,
    "sharable": true
}

Preguntas y Respuestas Correctas

# Pregunta Opciones Indice Correcto Respuesta
1 En que ciudad nacio Marie Curie? Paris, Varsovia, Berlin, Londres 1 Varsovia
2 Cuantos Premios Nobel gano? 1, 2, 3, 4 1 2
3 Que elemento nombro por su pais? Radio, Curio, Polonio, Francio 2 Polonio

RESPUESTA EXCELENTE (100 puntos)

{
    "answers": [1, 1, 2],
    "time_per_question": [6.2, 4.8, 7.1]
}

Scoring automatico:

  • 3/3 correctas = 100 puntos
  • Tiempo promedio: 6.03 segundos (dentro del limite)

Feedback del sistema:

"Perfecto! 3/3 respuestas correctas. Conoces muy bien los datos sobre Marie Curie. 100/100 puntos + 100 XP."


RESPUESTA ACEPTABLE (67 puntos)

{
    "answers": [1, 1, 0],
    "time_per_question": [8.9, 5.2, 9.8]
}

Scoring automatico:

  • Pregunta 1: Correcto (indice 1 = Varsovia)
  • Pregunta 2: Correcto (indice 1 = 2)
  • Pregunta 3: Incorrecto (indice 0 = Radio, correcto era 2 = Polonio)
  • 2/3 correctas = 67 puntos

Feedback del sistema:

"Bien! 2/3 respuestas correctas. El elemento que nombro por Polonia es el POLONIO (Polska = Polonia). 67/100 puntos."


RESPUESTA INCORRECTA (0-33 puntos)

{
    "answers": [0, 2, 3],
    "time_per_question": [10.0, 10.0, 10.0]
}

Scoring automatico:

  • Pregunta 1: Incorrecto (indice 0 = Paris, correcto era 1 = Varsovia)
  • Pregunta 2: Incorrecto (indice 2 = 3, correcto era 1 = 2)
  • Pregunta 3: Incorrecto (indice 3 = Francio, correcto era 2 = Polonio)
  • 0/3 correctas = 0 puntos
  • Tiempos al limite sugieren que adivino

Feedback del sistema:

"0/3 respuestas correctas. Marie Curie nacio en VARSOVIA, gano 2 Premios Nobel, y nombro al POLONIO por su pais natal Polonia. 0/100 puntos. Te quedan 4 intentos."


Validacion Backend (Automatica)

const correctAnswers = [1, 1, 2];

function validateQuizTikTok(userAnswers) {
    if (!Array.isArray(userAnswers) || userAnswers.length === 0) {
        return { valid: false, error: 'answers debe ser un array no vacio' };
    }

    let correct = 0;
    for (let i = 0; i < Math.min(userAnswers.length, correctAnswers.length); i++) {
        if (typeof userAnswers[i] !== 'number' || userAnswers[i] < 0) {
            return { valid: false, error: `Respuesta ${i+1} debe ser un numero >= 0` };
        }
        if (userAnswers[i] === correctAnswers[i]) {
            correct++;
        }
    }

    const score = Math.round((correct / correctAnswers.length) * 100);
    return {
        valid: true,
        score: score,
        correctCount: correct,
        totalCount: correctAnswers.length
    };
}

EJERCICIO 4.4: NAVEGACION HIPERTEXTUAL

Tipo: navegacion_hipertextual Dificultad: Intermediate Tiempo estimado: 15 minutos Puntos maximos: 100 Puntos de aprobacion: 70 Requiere revision manual: Si

Configuracion del Ejercicio

{
    "hyperlinks": true,
    "pathTracking": true,
    "informationSynthesis": true
}

Pregunta de Investigacion

"Que experimentos realizo Marie Curie para aislar el radio?"

Estructura del Articulo

mainArticle
    |-- [radioactividad] --> Historia de la radiactividad (relevancia: alta)
    |-- [aislamiento] --> Proceso de aislamiento del radio (relevancia: MUY ALTA)
            |-- [proceso] --> Detalles del experimento (relevancia: MUY ALTA)

Ruta optima: mainArticle --> aislamiento --> proceso (3 pasos)

RESPUESTA EXCELENTE (95-100 puntos)

{
    "path": ["mainArticle", "aislamiento", "proceso"],
    "information_found": {
        "experiment_type": "Cristalizacion fraccionada de sales de bario",
        "materials": "8 toneladas de pechblenda (mineral de uranio)",
        "duration": "4 anos de trabajo (1898-1902)",
        "result": "Aislaron 0.1 gramos de cloruro de radio puro",
        "method": "Disolucion, precipitacion y cristalizacion repetida para separar elementos por peso atomico",
        "conditions": "Trabajaron en un cobertizo sin ventilacion adecuada, expuestos a radiacion"
    }
}

Criterios cumplidos:

  • Ruta optima (3 pasos = 100% eficiencia)
  • Informacion completa y detallada
  • Multiples aspectos del experimento documentados

Feedback del sistema:

"Excelente navegacion! Encontraste la ruta mas eficiente y extrajiste informacion completa sobre los experimentos de Marie Curie. 100/100 puntos."


RESPUESTA ACEPTABLE (65-79 puntos)

{
    "path": ["mainArticle", "radioactividad", "historia", "aislamiento", "proceso"],
    "information_found": {
        "experiment_type": "Cristalizacion",
        "result": "Aislaron radio"
    }
}

Problemas identificados:

  • Ruta larga (5 pasos vs 3 optimos) = -20 puntos eficiencia
  • Informacion incompleta (faltan detalles importantes)
  • Paso por enlace irrelevante (radioactividad, historia)

Scoring:

  • Informacion encontrada: 50 puntos
  • Eficiencia de navegacion: 60% = -12 puntos
  • Total: ~70 puntos

Feedback del sistema:

"Encontraste informacion basica, pero tu ruta fue ineficiente. Evita enlaces que no responden directamente a la pregunta. Faltan detalles como materiales usados y duracion. 70/100 puntos."


RESPUESTA INCORRECTA (0-49 puntos)

{
    "path": ["mainArticle"],
    "information_found": {
        "answer": "No encontre la informacion"
    }
}

Errores criticos:

  • Solo 1 paso (no navego los enlaces)
  • No encontro informacion relevante
  • Ruta insuficiente (minimo 2 elementos)

Validacion fallida:

"El array 'path' debe tener al menos 2 elementos (inicio y destino)"

Feedback del sistema:

"No navegaste los enlaces del articulo. La informacion sobre los experimentos esta en la seccion 'aislamiento de elementos radiactivos'. Debes seguir los hipervinculos relevantes. 0/100 puntos."


Validacion Backend

SELECT * FROM educational_content.validate_module4_module5_answer(
    'navegacion_hipertextual',
    '{
        "path": ["mainArticle", "aislamiento"],
        "information_found": {"experiment": "Cristalizacion fraccionada"}
    }'::jsonb,
    100
);
-- Resultado: is_valid=TRUE, requires_manual_review=TRUE

EJERCICIO 4.5: ANALISIS DE MEMES

Tipo: analisis_memes Dificultad: Intermediate Tiempo estimado: 12 minutos Puntos maximos: 100 Puntos de aprobacion: 70 Requiere revision manual: Si

Configuracion del Ejercicio

{
    "visualAnalysis": true,
    "culturalReferences": true,
    "humorDecoding": true
}

Meme a Analizar

Aspecto Detalle
ID meme1
Formato Drake Hotline Bling
Top Text "Proteccion contra radiacion"
Bottom Text "Seguir experimentando sin proteccion"
Imagen Marie Curie en su laboratorio

RESPUESTA EXCELENTE (95-100 puntos)

{
    "annotations": [
        {
            "element": "top_panel",
            "interpretation": "El gesto de rechazo de Drake representa lo que Marie Curie NO hacia: usar proteccion contra la radiacion"
        },
        {
            "element": "bottom_panel",
            "interpretation": "El gesto de aprobacion representa lo que Marie Curie SI hacia: continuar sus experimentos sin preocuparse por la proteccion"
        },
        {
            "element": "meme_format",
            "interpretation": "El formato Drake se usa para mostrar preferencias ironicas o contradictorias, aqui se aplica para crear humor sobre las decisiones de Curie"
        },
        {
            "element": "historical_context",
            "interpretation": "En la epoca de Curie (1900s), no se conocian bien los peligros de la radiacion. Sus cuadernos aun son radiactivos hoy"
        }
    ],
    "analysis": {
        "message": "Marie Curie priorizaba su investigacion cientifica sobre su seguridad personal, trabajando con materiales radiactivos sin proteccion porque en su epoca no se comprendian los riesgos",
        "humor_type": "Ironia historica - el contraste entre lo que sabemos hoy (la radiacion es peligrosa) y lo que ella hacia (ignorar proteccion)",
        "cultural_reference": "Meme Drake Hotline Bling, formato viral desde 2015 usado para mostrar preferencias",
        "historical_accuracy": true,
        "accuracy_explanation": "Es historicamente exacto. Marie Curie manipulaba muestras radiactivas con las manos desnudas, llevaba tubos de ensayo en los bolsillos, y eventualmente murio de anemia aplasica causada por exposicion a radiacion"
    }
}

Criterios cumplidos:

  • 4 anotaciones detalladas de elementos
  • Mensaje principal identificado correctamente
  • Tipo de humor explicado
  • Referencia cultural reconocida
  • Evaluacion historica precisa con justificacion

Feedback del sistema:

"Analisis excelente! Has decodificado todos los elementos del meme, identificado la ironia historica, y evaluado correctamente su precision. 100/100 puntos."


RESPUESTA ACEPTABLE (65-79 puntos)

{
    "annotations": [
        {
            "element": "imagen",
            "interpretation": "Es Drake diciendo si y no"
        },
        {
            "element": "texto",
            "interpretation": "Habla sobre proteccion"
        }
    ],
    "analysis": {
        "message": "Marie Curie no usaba proteccion",
        "humor_type": "Es gracioso",
        "cultural_reference": "Meme de internet",
        "historical_accuracy": true,
        "accuracy_explanation": "Creo que es verdad"
    }
}

Problemas identificados:

  • Anotaciones muy genericas (no explican el significado)
  • Mensaje correcto pero sin profundidad
  • Tipo de humor no especificado
  • Referencia cultural vaga
  • Justificacion de precision insuficiente

Scoring:

  • Mensaje identificado: 30 puntos
  • Anotaciones basicas: 20 puntos
  • Formato reconocido parcialmente: 10 puntos
  • Precision correcta sin justificacion: 10 puntos
  • Total: ~70 puntos

Feedback del sistema:

"Identificaste el mensaje basico, pero tu analisis necesita mas profundidad. Explica POR QUE es gracioso (ironia historica), y da detalles sobre por que es historicamente exacto. 70/100 puntos."


RESPUESTA INCORRECTA (0-49 puntos)

Escenario 1: Analisis superficial

{
    "annotations": [],
    "analysis": {
        "message": "No entiendo el meme"
    }
}

Errores criticos:

  • Sin anotaciones (array vacio)
  • Campo analysis.message demasiado corto/no informativo
  • Faltan campos requeridos (humor_type, cultural_reference, etc.)

Validacion fallida:

"Campo 'analysis.message' no puede estar vacio"


Escenario 2: Interpretacion incorrecta

{
    "annotations": [
        {
            "element": "drake",
            "interpretation": "Drake es un cantante famoso"
        }
    ],
    "analysis": {
        "message": "Drake esta enojado con Marie Curie",
        "humor_type": "Comedia de celebridades",
        "cultural_reference": "Cancion de Drake",
        "historical_accuracy": false,
        "accuracy_explanation": "Marie Curie nunca conocio a Drake"
    }
}

Errores criticos:

  • No entendio que es un formato de meme, no sobre Drake literal
  • Mensaje principal completamente incorrecto
  • Tipo de humor incorrecto
  • Evaluacion de precision incorrecta (el meme SI es historicamente exacto)

Feedback del sistema:

"Tu interpretacion es incorrecta. Este es un formato de meme llamado 'Drake Hotline Bling' que se usa para mostrar preferencias ironicas. El meme habla sobre como Marie Curie trabajaba sin proteccion contra radiacion, no sobre Drake personalmente. 25/100 puntos."


Validacion Backend

SELECT * FROM educational_content.validate_module4_module5_answer(
    'analisis_memes',
    '{
        "annotations": [
            {"element": "top_panel", "interpretation": "Representa rechazo"}
        ],
        "analysis": {
            "message": "Marie Curie no usaba proteccion"
        }
    }'::jsonb,
    100
);
-- Resultado: is_valid=TRUE, requires_manual_review=TRUE

CASOS DE USO

1. Testing QA Manual

Objetivo: Verificar que el frontend maneja correctamente las respuestas del Modulo 4

Procedimiento:

  1. Usar ejemplos de "RESPUESTA EXCELENTE" para verificar flujo completo
  2. Usar ejemplos de "RESPUESTA ACEPTABLE" para verificar feedback parcial
  3. Usar ejemplos de "RESPUESTA INCORRECTA" para verificar validacion de errores
  4. Probar estructuras invalidas para verificar mensajes de error

Checklist de validacion:

  • Verificador Fake News: Valida array claims_verified con estructura correcta
  • Infografia: Valida answers{} y sections_explored[]
  • Quiz TikTok: Scoring automatico funciona correctamente (0/33/67/100)
  • Navegacion: Valida path[] con minimo 2 elementos
  • Memes: Valida annotations[] y analysis{} con message

2. Testing Backend/API

Endpoint: POST /api/v1/student/exercises/{exerciseId}/submit

Test Case 4.1: Verificador Fake News - Respuesta valida

{
    "exerciseId": "uuid-verificador",
    "answers": {
        "claims_verified": [
            {"claim_id": "c1", "is_fake": true, "evidence": "Marie Curie gano 2 Nobel, no 3"}
        ]
    }
}

Respuesta esperada:

{
    "structureValid": true,
    "requiresManualReview": true,
    "message": "Respuesta registrada. Un docente evaluara tu trabajo."
}

Test Case 4.3: Quiz TikTok - Scoring automatico

{
    "exerciseId": "uuid-quiz-tiktok",
    "answers": {
        "answers": [1, 1, 2]
    }
}

Respuesta esperada:

{
    "score": 100,
    "passed": true,
    "correctCount": 3,
    "totalCount": 3,
    "requiresManualReview": false
}

3. Demos Pedagogicas

Flujo de demo (15 minutos):

  1. Verificador Fake News (4 min):

    • Mostrar articulo con afirmaciones mixtas
    • Demostrar uso de herramientas de verificacion
    • Mostrar como estructurar evidencia
  2. Infografia Interactiva (3 min):

    • Explorar secciones clickeables
    • Extraer datos de visualizaciones
    • Responder preguntas basadas en graficos
  3. Quiz TikTok (2 min):

    • Mostrar interfaz de 10 segundos
    • Demostrar feedback inmediato
    • Mostrar scoring automatico
  4. Navegacion Hipertextual (3 min):

    • Mostrar pregunta de investigacion
    • Navegar enlaces relevantes
    • Sintetizar informacion encontrada
  5. Analisis de Memes (3 min):

    • Identificar formato del meme
    • Explicar elementos visuales y textuales
    • Evaluar precision historica

4. Rubricas para Docentes

Verificador de Fake News (Revision Manual):

Criterio 0-25 26-50 51-75 76-100
Veredictos 0-1 correcto 2 correctos Todos correctos Todos correctos + justificacion
Evidencia Ausente Presente pero vaga Clara y relevante Detallada con fuentes
Fuentes No citadas Fuentes dudosas Fuentes confiables Multiples fuentes verificables

Analisis de Memes (Revision Manual):

Criterio 0-25 26-50 51-75 76-100
Mensaje No identificado Parcial Correcto Correcto + contexto
Formato No reconocido Parcial Identificado Identificado + explicacion uso
Humor No explicado "Es gracioso" Tipo identificado Tipo + mecanismo explicado
Historia Incorrecto Sin evaluar Correcto Correcto + evidencia

REFERENCIAS

Fuente de Verdad

  • Seeds PROD: apps/database/seeds/prod/educational_content/05-exercises-module4.sql
  • Documento de Diseno: docs/00-vision-general/DocumentoDeDiseño_Mecanicas_GAMILIT_v6_1.md lineas 782-965
  • Validador SQL: apps/database/ddl/schemas/educational_content/functions/23-validate_module4_module5.sql

Frontend Components

  • apps/frontend/src/features/mechanics/module4/VerificadorFakeNews/
  • apps/frontend/src/features/mechanics/module4/InfografiaInteractiva/
  • apps/frontend/src/features/mechanics/module4/QuizTikTok/
  • apps/frontend/src/features/mechanics/module4/NavegacionHipertextual/
  • apps/frontend/src/features/mechanics/module4/AnalisisMemes/

Documentacion Relacionada

  • docs/90-transversal/EJERCICIOS-PREGUNTAS-RESPUESTAS.md (seccion Modulo 4)

CONCLUSION

Esta guia proporciona ejemplos exhaustivos de respuestas en 3 niveles de calidad para todos los ejercicios del Modulo 4. Usala para:

  • QA: Validar estructura de respuestas y feedback del sistema
  • Desarrollo: Implementar componentes con test data realista
  • Demos: Mostrar funcionalidad a stakeholders
  • Docentes: Entender criterios de evaluacion para revision manual
  • Testing API: Verificar endpoints de validacion y scoring

IMPORTANTE: Solo el Quiz TikTok tiene evaluacion automatica. Los otros 4 ejercicios del Modulo 4 requieren revision manual por un docente.


Documento generado: 2025-12-18 Autor: Database-Agent / Architecture-Analyst Version: 1.0 Estado: Listo para uso en QA, desarrollo y demos