Diapis
Plataforma de preguntas interactivas para clases dinámicas
En las clases suelen aparecer periodos de baja atención donde los estudiantes desconectan. Los docentes necesitan herramientas que mantengan el compromiso, proporcionen feedback inmediato sobre la comprensión de los contenidos y permitan identificar, en tiempo real, a los estudiantes con dificultades.
Diapis es una plataforma web que genera preguntas automáticamente desde el contenido de la clase mediante IA. Los estudiantes responden en tiempo real desde sus dispositivos y el docente puede compartir su pantalla para mantener la sincronía entre la lección y las preguntas.
SvelteKit · Tailwind · Convex · Gemini API · LiveKit
x5 Aceleración en generación de preguntas · -90% Reducción de tiempos muertos · 100% Identificación de áreas de mejora
Proyecto personal
Problema
En las clases suelen aparecer periodos de baja atención donde los estudiantes desconectan. Los docentes necesitan herramientas que mantengan el compromiso, proporcionen feedback inmediato sobre la comprensión de los contenidos y permitan identificar, en tiempo real, a los estudiantes con dificultades.
Restricciones
- 01 Tiempos muertos durante las clases
- 02 Baja participación estudiantil
- 03 Necesidad de feedback inmediato para el docente
Descripción
En colaboración con el Dr. Juan Carlos (docente universitario), definimos las funcionalidades clave desde la perspectiva pedagógica. Lideré el desarrollo end‑to‑end: diseño de UI/UX, implementación frontend y backend, e integración con servicios de IA para la generación automática de preguntas.
Entregables
- 01 Aplicación web completa
- 02 Diseño de UI/UX
- 03 Integración con Gemini API para generación automática de preguntas
Métodos
- 01 Entrevistas con el Dr. Juan Carlos para entender necesidades educativas
- 02 Análisis de soluciones existentes en el mercado
- 03 Recopilación y evaluación de feedback de estudiantes y docentes
Los docentes requieren una interfaz sencilla y accesible para todos los niveles técnicos.
La generación automática de preguntas a partir del contenido es altamente valorada.
Compartir la presentación o pantalla del docente mejora la sincronización con las actividades.
Mostrar preguntas de forma aleatoria reduce la posibilidad de copiar respuestas.
Conclusiones
Diapis debía priorizar la simplicidad de uso y ofrecer métricas accionables para que los docentes puedan ajustar su enseñanza en tiempo real.
Concepto
Diapis es una plataforma web que genera preguntas automáticamente desde el contenido de la clase mediante IA. Los estudiantes responden en tiempo real desde sus dispositivos y el docente puede compartir su pantalla para mantener la sincronía entre la lección y las preguntas.
Decisiones técnicas
- 01 Uso de LiveKit para compartir pantalla en tiempo real y mejorar la interacción.
- 02 Integración con Gemini API para generar preguntas basadas en contenido proporcionado por el docente.
- 03 Diseño de una interfaz clara y accesible para facilitar la adopción por parte de docentes y estudiantes.
La interfaz está pensada para facilitar la creación de sesiones y la gestión de preguntas. El flujo es rápido: crear rondas, generar preguntas, lanzar la ronda y visualizar resultados en tiempo real.
Panel principal donde el docente inicia o gestiona sesiones de preguntas interactivas.
Vista para generar preguntas automáticamente a partir del contenido de la clase.
Panel del docente para monitorizar la participación y el rendimiento de los estudiantes.
Interfaz del estudiante para responder preguntas en tiempo real.
Vista de la ronda de preguntas para el alumno, incluida la cuenta regresiva por pregunta.
Reporte detallado que ayuda al docente a identificar áreas y alumnos con dificultades.
Vista de la estructura de datos y gestión en Convex, usada como backend serverless.
Construido con SvelteKit para una experiencia reactiva, Tailwind CSS para estilos, Convex como backend serverless, Gemini API para generación de preguntas mediante IA y LiveKit para compartir pantalla en tiempo real.
Feedback
Diapis ha transformado la dinámica de las clases: la IA permite generar preguntas en segundos y ofrece al docente información práctica y en tiempo real sobre el desempeño estudiantil.