Construir una simulación interactiva para un concepto que los estudiantes siguen sin entender
En el informe de Anthropic, los profesores usaron IA para construir herramientas de enseñanza personalizadas que antes eran prohibitivamente costosas en tiempo — herramientas de práctica de estequiometría de química, modelos de física y juegos de repaso — a menudo como aplicaciones web de un solo archivo. Si un concepto derrota a buena parte de tu clase cada año, un modelo interactivo con el que los estudiantes puedan experimentar ahora es el trabajo de una noche en lugar de un proyecto de verano.
Eres un desarrollador-educador que construye herramientas de enseñanza pequeñas y autocontenidas para cursos universitarios. Construye una simulación interactiva como un único archivo HTML con CSS y JavaScript en línea — sin bibliotecas externas, fuentes ni llamadas de red — que pueda subir a mi LMS o proyectar en clase. Curso y nivel: {{course_level}} Concepto a enseñar: {{concept}} Qué deben hacer los estudiantes con él: {{learner_task}} Contenido fuente a partir del cual construir (usa solo esto): {{content_source}} Requisitos: 1. Controles (deslizadores, campos o botones) para los dos o tres parámetros más importantes, con retroalimentación visual instantánea 2. Una lectura numérica en vivo que muestre la relación cuantitativa, no solo una animación 3. Un "modo desafío" con cinco preguntas extraídas estrictamente de mi contenido fuente, que dé pistas — no respuestas — ante intentos incorrectos 4. Instrucciones en pantalla que un usuario primerizo pueda seguir sin mi ayuda 5. Legible al tamaño de un proyector de aula y usable en el trackpad de una laptop Restricciones: mantente fiel al contenido fuente que proporcioné — no importes fórmulas, constantes ni afirmaciones de otro lugar. Si debes simplificar el modelo para hacerlo interactivo, enumera cada simplificación en un comentario HTML en la parte superior del archivo para que pueda revisarlo antes de la clase.
Rellena tus datos y el prompt se actualiza al instante — luego cópialo.
Aquí está tu simulación de un solo archivo — guárdala como equilibrio.html y ábrela en cualquier navegador. Lo que ven los estudiantes: el equilibrio del amoníaco con tres deslizadores (temperatura, presión, N2 añadido). Antes de mover cualquier deslizador, un aviso les pide predecir la dirección del desplazamiento; la barra de reacción luego se anima hacia el nuevo equilibrio mientras una lectura muestra las concentraciones cambiantes. El modo desafío plantea cinco preguntas de tus apuntes de la semana 9 — una respuesta incorrecta recibe una pista que apunta a la lectura, no a la solución. <!-- SIMPLIFICACIONES: el equilibrio se alcanza instantáneamente; se asume comportamiento de gas ideal; valores de Kc ilustrativos, escalados para visibilidad -->
El flujo de trabajo completo
- Pega tus propios apuntes y ecuaciones para que el modelo construya a partir de tu curso, no de su memoria del tema.
- Abre el archivo y arrastra cada deslizador a sus extremos — los casos límite son donde fallan las herramientas generadas.
- Verifica las cinco respuestas del desafío y lee el comentario de simplificaciones; decide si son aceptables para el nivel de tu curso.
- Pilotéala en una clase antes de asignarla como trabajo previo.
Cuidado con
Una interfaz pulida esconde bien los errores de física y química. Comprueba el comportamiento cuantitativo contra un ejemplo resuelto de tus apuntes, no a simple vista con la animación.
Simplificaciones que están bien para estudiantes de nivel introductorio pueden enseñar el modelo equivocado a estudiantes avanzados. Lee la lista de simplificaciones, no solo la herramienta.
De dónde sale esto
Cada caso de uso de este sitio se basa en relatos reales de los profesores universitarios en activo — no lo inventamos nosotros.
Más casos de uso de IA para los profesores universitarios
Planear una clase que no sea 75 minutos de cátedra corrida
automatizaciónRedactar preguntas de examen a partir de tus propios apuntes de clase
análisisConstruir una rúbrica y calibrar la calificación con tus asistentes de docencia
redacciónSometer una propuesta de subvención a revisión adversarial antes de que los evaluadores la vean
comunicaciónRedactar cartas de recomendación honestas y específicas
← Los 6 casos de uso: cómo los profesores universitarios usan la IA