Fondo hero de Diapis
Caso de Estudio

Diapis

Plataforma de preguntas interactivas para clases dinámicas

Rol
Desarrollador Full Stack
Fecha
Oct 2025
Contexto del Proyecto

El Desafío

Logo de Proyecto personal

Cliente

Proyecto personal

Problema Principal

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 del Entorno

  • 01

    Tiempos muertos durante las clases

  • 02

    Baja participación estudiantil

  • 03

    Necesidad de feedback inmediato para el docente

Mi Rol

El Rol Desempeñado

Descripción del Rol

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 del Rol

  • 01

    Aplicación web completa

  • 02

    Diseño de UI/UX

  • 03

    Integración con Gemini API para generación automática de preguntas

Investigación

Descubriendo el Problema Real

Métodos Aplicados

  • 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

Hallazgos Clave

Interfaz intuitiva

Los docentes requieren una interfaz sencilla y accesible para todos los niveles técnicos.

Uso práctico de IA

La generación automática de preguntas a partir del contenido es altamente valorada.

Compartir pantalla en tiempo real

Compartir la presentación o pantalla del docente mejora la sincronización con las actividades.

Aleatoriedad en las preguntas

Mostrar preguntas de forma aleatoria reduce la posibilidad de copiar respuestas.

Insight Principal

"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."
Solución Propuesta

La Solución

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 de Diseño

  • 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.

User Interface (UI)

Definiendo la Interfaz de Usuario

Descripción de la UI

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.

Galería de UI

Tecnologías Utilizadas

Stack Tecnológico Usado

Detalles

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.

Tecnologías Usadas

SvelteKit
Tailwind
Convex
LiveKit
Gemini IA
Resultados

Los Resultados

Métricas

x5 Aceleración en generación de preguntas
-90% Reducción de tiempos muertos
100% Identificación de áreas de mejora

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."