Hace unos meses mi hija (de 3 años) y yo tuvimos un pequeño accidente en bici, por lo que ella tuvo que estar en casa en reposo por 3 semanas. La maestra le mandó mensaje a mi esposa para comentarle que lo que estaban aprendiendo en la escuela era a distinguir entre objetos pequeños, medianos y grandes. Así que tuve la idea de crear una aplicación para que mi hija aprendiera y repasara esto.
Fui a ChatGPT y escribí: “Genera un juego educativo en HTML que consista en 5 rondas en las que en cada una aparezcan 3 figuras una mediana, una pequeña y una grande. En cada ronda se escuchará un audio ya sea “mediana”, “pequeña” o “grande, y el usuario tendrá que contestar correctamente la figura. Si selecciona la figura de acuerdo al audio correctamente, avanzará a la siguiente ronda, si no, comenzará de nuevo desde la primera ronda”. El código html es el que leen los navegadores de internet como Chrome, Firefox, Explorer, etc.
Me arrojó el código y la explicación de su uso. Para ello requerí copiar el código en un documento de texto (.txt) en mi laptop y lo guardé como “nombre.html”, entre comillas; de esta forma pude abrirlo en mi navegador. Me apareció la aplicación, pero me di cuenta que no se escuchaban los audios, por lo que se me ocurrió la idea de preguntarle cómo hacer para que integrar audios hechos con la voz de mi hija. Resultó que no era nada complicado. Solo requería grabar los audios con la voz de mi hija, con cierto nombre (que era el que había integrado en el código), y guardar los audios en la misma carpeta en la que estaba el archivo del código html.
Mi hija estaba feliz conmigo repitiendo lo que yo decía. Cuando yo decía “grande”, ella repetía “grande” y yo grababa su voz en mi laptop. Fue tan fácil y rápido, que también grabamos en inglés. Así ya teníamos una app con la que mi hija jugaba a seleccionar la figura correcta al escuchar su propia voz que le decía el tamaño de la figura.
Comento estos detalles para que identifiques que:
1) ChatGPT, al igual que los demás LLMs (modelos largos de lenguaje) como Gemini, Claude, etc., no solo pueden entender decenas de lenguajes humanos, sino también lenguajes computacionales. Esto hace posible que generen código a partir de una solicitud en lenguaje natural.
2) La respuesta de ChatGPT va a adecuarse a lo que deseas en la medida en que escribas de manera clara y precisa lo que requieres. Por lo que conviene detallar: cuántos botones o cuadros de texto, qué función tiene cada elemento, qué ocurre al dar clic en cada botón, cómo es la visualización, etc. Todo este tema del prompt engineering (dar instrucciones a la IA) para mí se reduce en dar contexto (dile toda la información que requiere para hacerlo bien).
3) De cualquier forma, es muy probable que a la primera respuesta no obtengas el código que funciona tal cual imaginaste. Pero puedes decirle a la ChatGPT lo que no funcionó, o lo que quieres que cambie o agregue, para que te vuelva a generar el código actualizado.
Para mí, lo más interesante es pensar en las implicaciones que tiene para la docencia. Como docentes podemos crear aplicaciones a la medida de nuestras necesidades y las de nuestros estudiantes. La IA nos brinda la oportunidad de estar al alcance de eso simplemente pidiéndoselo (e intentando, e identificando sus posibilidades y limitaciones; verás que si quieres agregar una base de datos o conectar con otras aplicaciones será un poco más difícil, pero posible). Además que también es una oportunidad para enseñar otras habilidades en los estudiantes. Ya comienzan a publicarse casos de estudiantes de secundaria o prepa que también están haciendo aplicaciones de esta manera en la escuela.
Te animo a que lo pruebes. En ChatGPT o Gemini, elige el modo “Thinking” para que dedique más cómputo y lo haga mejor, también elige el modo “Canvas” para que se visualice la app ahí mismo.
Cada vez encuentro más docentes que han hecho aplicaciones con ayuda de ChatGPT. Estoy incluyendo este uso en mis cursos de Tecnología educativa; y mis estudiantes han hecho aplicaciones muy interesantes y funcionales, que atienden necesidades de aprendizaje en sus aulas. Si intentaste y algo no te ha funcionado, con gusto te ayudo en lo que pueda. Estoy explorando mucho este tema y me encantará conocer si tú también ya andas vibe-codeando (se ha popularizado recientemente el término vibe-coding para hacer referencia a hacer una app con el uso de IA).
Por cierto, aquí te dejo el enlace a la app de las figuras que hice con mi hija: https://josemariaelizondo.com/tamanos-figuras/
Y acá te dejo una galería que incluye un apartado de aplicaciones educativas que mis estudiantes y yo hemos generado con IA: https://josemariaelizondo.com/galeria/