Nuevos modelos para patrón de preguntas y registro de respuestas

[fabianabarca]

Introducción

Las presentaciones deben incluir formas de "interactividad" tipo formulario con preguntas de comprensión de la materia. Ejemplos similares:

• Cuestionarios de Zoom
• Kahoot!
• Nearpod
• Google Forms

Excepto Zoom, Kahoot! y Nearpod tienen una interfaz gráfica muy desarrollada para ese tipo de interacción.

Google Forms

Google Forms tiene los siguientes tipos de preguntas (entre paréntesis su equivalente HTML):

• Respuesta corta (text)
• Párrafo (textarea)
• Varias opciones (radio)
• Casillas (option)
• Desplegable (select)
• Escala lineal (un arreglo unidimensional de radio)
• Cuadrícula de varias opciones (un arreglo bidimensional de radio)
• Cuadrícula de casillas (un arreglo bidimensional de option)
• Fecha (date)
• Hora (time)

Nearpod

Nearpod tiene las siguientes categorías de diapositivas:

Interactivo

• Video (fácil de integrar con HTML)
• Contenido web (sin problema de integración)
• Video de la BBC
• Nearpod 3D (algunos objetos tridimensionales predefinidos, en nuestro caso podríamos tener animaciones interactivas de gráficas matemáticas a partir de Bokeh, Matplotlib, etc.)
• Simulación PhET (integración con simulaciones interactivas de ciencias y matemáticas de PhET, podríamos evaluar posibilidad de integración también)
• Field Trip virtual (animación de realidad virtual)

Cuestionarios y juegos

• Quiz (opción múltiple como opciones o casillas)
• Draw it (dibujo a mano alzada)
• Rellena los espacios (drag and drop de palabras en un texto)
• Memory test (juego de pares en cartas, como este en JavaScript)
• Time to Climb (tipo competencia con animación)
• Matching pairs (parecido al juego de cartas pero que une texto con imágenes)

Debates

• Collaborate Board (un panel multimedia para colocar cosas)
• Flip (integración con Flip)
• Poll (recopilación de opiniones, que no es bueno/malo)
• Open Ended Questions (respuesta escrita)

Parece que muchas de estas opciones son posibles de integrar. El énfasis por ahora será en HTML "vainilla".

Modelos

Para crear una interfaz de creación de preguntas necesitamos los siguientes modelos:

Question

La descripción de la pregunta, incluyendo multimedia.

• question_id
• title (CharField): título del problema
• description (TextField): enunciado del problema en Markdown, incluyendo ecuaciones, links, etc. Podría ser útil un editor de Markdown para Django o un editor más robusto como Tiny.
• image (ImageField): una imagen ilustrativa del problema (opcional)
• data (FileField): un archivo con datos para el problema (opcional)
• form_type (CharField): el tipo de pregunta: selección única, texto, etc.
• question_set (IntegerField): el conjunto de preguntas dentro de la presentación
• topic (ForeignKey): un tema de la lista de temas (tabla Topic)

Choice

Cuando aplica, la pregunta puede tener distintas opciones, como en selección múltiple.

• choice_id
• question_id
• text
• is_correct

Answer

Donde se almacenan las respuestas históricas de los usuarios.

• answer_id
• question_id
• user_id
• choice_id

Topic

Lista "oficial" de los temas del curso

• topic_id (CharField): clasificación alfanumérica del tema
• name (CharField): nombre del tema

Diagrama

erDiagram
    Deck ||--o{ Question : has
    Question ||--o{ Choice : offers
    Question ||--o{ Topic : "related to"
    Answer }o--|| Question : "given to"
    User ||--o{ Answer : provides

Loading

Tareas

• Crear modelos
• Crear plataforma de creación de preguntas
• Habilitar espacio dentro de presentaciones
• Crear patrón de pregunta
• Editar CSS para configurar preguntas
• Integrar con programación para hacer preguntas programadas revisadas automáticamente