Este artículo explica cómo desarrollar un chatbot educativo usando Gemini con canvas. El ejemplo muestra un tutor socrático que analiza textos y genera preguntas para verificar la comprensión del estudiante. Se requiere el modelo 2.5 Pro, definir objetivos claros y crear un prompt detallado. Incluye consejos para depuración, compartir el programa y solucionar errores comunes mediante la técnica «vibe coding».
Este artículo explica cómo crear una aplicación HTML que recoja respuestas de un formulario (nombre, sugerencias y valoración de 0 a 4) y las envíe automáticamente a una hoja de cálculo de Google usando Apps Script. Se detallan los pasos para configurar la hoja, escribir el script y otorgar permisos. También se muestra cómo obtener la URL necesaria para integrarla en la aplicación. Es una guía práctica orientada a aplicaciones educativas interactivas.
El Asistente de Estudio Inteligente Multilingüe facilita el aprendizaje adaptando automáticamente su interfaz al idioma del navegador. Permite fijar edad e idioma de interacción, cargar textos o imágenes y, mediante IA, generar resúmenes, FAQ, flashcards y mapas conceptuales descargables. Incluye práctica guiada con diversos tipos de preguntas, chat enfocado al contenido y un informe de progreso. Cada sesión es única y personalizable, potenciando comprensión y autonomía eficaz.
«El profesor que no existía» es una novela publicada el 14 de mayo de 2025 por Juan José de Haro, creada en colaboración con Claude, una IA de Anthropic. Presenta tres dimensiones: la narrativa sobre Gabriel Vega (un profesor digital en un instituto), una banda sonora que acompaña cada capítulo, y una dimensión interactiva donde el personaje existe como IA en ja.cat/gabrielvega. La obra cuestiona los límites entre lo real y lo simulado, la memoria, la identidad y el futuro de la enseñanza.
Aprende a activar chatbots de IA (Grok, ChatGPT, etc.) en recursos educativos (HTML, Moodle, etc.). Pasa prompts vía URL para que la IA ejecute instrucciones, incluyendo datos del usuario. Técnica: Vibe Coding
El diseño experimental con inteligencia artificial optimiza la aplicación del método científico, facilitando la formulación de hipótesis, la estructuración de variables y el análisis de resultados. La IA mejora la precisión y eficiencia de los experimentos, fomentando el pensamiento crítico y la replicabilidad en la enseñanza. Esta herramienta transforma la investigación educativa y científica, asegurando rigor metodológico.
El método de los 3 expertos utiliza inteligencia artificial para generar debates entre personajes con distintas perspectivas. Esta técnica fomenta el pensamiento crítico en el aula, permitiendo a los estudiantes analizar, contrastar y formular sus propias opiniones. Su aplicación en diversas materias fortalece la argumentación, el aprendizaje activo y la evaluación de información con mayor profundidad.
La gamificación en educación, potenciada por inteligencia artificial, permite diseñar unidades didácticas estructuradas y motivadoras. Este artículo explica el prompt «Planificar una unidad didáctica gamificada», detallando su estructura, decisiones clave y aplicación en el aula. La IA facilita la personalización del aprendizaje, la adaptación de desafíos y la evaluación automatizada, beneficiando a docentes y estudiantes.
La IA revoluciona las búsquedas: analiza consultas, selecciona páginas, abre enlaces y evalúa su relevancia. Varios servicios como AgentGPT, Gemini y Perplexity ofrecen esta tecnología, que transforma la investigación permitiendo obtener resultados de calidad en minutos, en lugar de invertir horas.
La inteligencia artificial facilita la integración entre teoría y práctica en el aula mediante la generación de actividades adaptadas. A través de prompts estructurados, los docentes pueden obtener explicaciones, ejemplos y ejercicios contextualizados que permiten aplicar conceptos teóricos en situaciones reales, fomentando un aprendizaje más significativo y personalizado para los estudiantes.
La inteligencia artificial facilita la evaluación de proyectos en grupo mediante la automatización de criterios, rúbricas y herramientas de análisis. Este artículo explora un prompt específico de Eduprompts que permite a los docentes estructurar evaluaciones equitativas, promoviendo la autoevaluación y coevaluación. La IA optimiza el proceso, asegurando mayor objetividad y eficiencia en el aula.
Recientemente, Firefox ha añadido una barra de herramientas en la sección Firefox Labs que permite acceder a diferentes chatbots. Desde que la uso, se ha convertido en indispensable para mí. Cuando seleccionamos un texto en cualquier página, aparece una estrella y al poner encima el ratón, saldrá un menú como este: Este menú permite: Al… Lee más: Barra de inteligencia artificial de Firefox
La evaluación adaptativa basada en el Diseño Universal para el Aprendizaje utiliza la inteligencia artificial para generar pruebas flexibles y accesibles. El proceso incluye definir contenidos, identificar necesidades, crear opciones variadas y establecer criterios claros que permiten a cada estudiante demostrar su aprendizaje según sus capacidades.
Los Objetivos de Desarrollo Sostenible se integran en el aula mediante un sistema de prompts que genera actividades educativas estructuradas. El proceso guía a los docentes en la identificación del contexto, selección de saberes, alineación con criterios y diseño de actividades que conectan el aprendizaje con problemas globales reales.
El uso de inteligencia artificial en la creación de situaciones de aprendizaje permite a los docentes diseñar experiencias educativas más dinámicas y adaptadas al contexto del alumnado. Mediante 20 prompts estructurados, se facilita la planificación de actividades, la evaluación y la personalización del aprendizaje. La IA complementa la labor docente, optimizando el tiempo y potenciando metodologías activas.
Guía paso a paso para diseñar un proyecto educativo usando inteligencia artificial. La metodología ABP se estructura mediante cinco prompts que permiten a los docentes definir elementos clave, establecer la planificación, organizar el trabajo, seleccionar el producto final y diseñar la evaluación del proyecto.
Canva permite crear ejercicios y fichas educativas de forma masiva utilizando su función de «diseño por lotes». El proceso consiste en hacer un diseño base en Canva, generar una tabla de contenidos con IA y combinarlos para producir docenas de fichas automáticamente. El artículo muestra el proceso paso a paso usando como ejemplo la creación de ejercicios sobre «El niño con el pijama de rayas», e incluye numerosas ideas de tipos de fichas que se pueden crear con este método, desde ejercicios de gramática hasta fichas de ciencias.
Aprende a crear aplicaciones educativas usando chatbots de IA (DeepSeek, ChatGPT, Claude, Qwen o Le Chat) y a integrarlas en tus recursos digitales. El artículo explica paso a paso cómo generar el código, mejorarlo y compartirlo a través de diferentes plataformas como Google Sites, WordPress, eXeLearning o Moodle.
Un tutorial detallado sobre la creación de aplicaciones educativas con DeepSeek, una IA potente que permite desarrollar y ejecutar programas HTML directamente en el chat. El artículo explica paso a paso cómo crear mini-aplicaciones didácticas, modificarlas iterativamente y compartirlas en diferentes plataformas educativas.
Claude permite crear mini-aplicaciones educativas de forma sencilla, sin necesidad de programación. Las aplicaciones generadas son interactivas y pueden incluir simuladores, calculadoras o líneas de tiempo. El proceso requiere indicar el tipo de aplicación deseada y realizar ajustes mediante una comunicación clara, similar a trabajar con una persona.
Análisis comparativo de chatbots gratuitos que examina sus capacidades y funcionalidades para ayudar al profesorado a elegir la herramienta de IA más adecuada según sus necesidades específicas. Incluye una aplicación interactiva para personalizar la selección y una prueba de razonamiento lógico.
Esta guía presenta un análisis detallado de estrategias y métodos de enseñanza, desde los fundamentos básicos hasta las técnicas más avanzadas, incluyendo el aprendizaje adaptativo con IA y la metodología STEAM, para ayudar a los docentes a seleccionar y adaptar las estrategias más adecuadas según su contexto educativo.
Este artículo explica cómo convertir documentos PDF y DOCX al formato Markdown para mejorar su procesamiento por chatbots de IA como ChatGPT y Claude. Detalla el paso a paso para activar Markdown en Google Docs y realizar la conversión, además de mencionar las limitaciones respecto a imágenes y tablas complejas.
El reglamento europeo (UE) 2024/1689 permitirá el uso de IA para evaluar al alumnado a partir de 2026, con condiciones específicas. La guía detalla los requisitos clave para su implementación segura y ética, incluyendo supervisión humana obligatoria, protección de datos, transparencia y un sistema de reclamaciones, clasificando esta práctica como de «alto riesgo» por su impacto en el futuro académico de menores.
El artículo explica cómo crear diagramas en árbol usando IA generativa y Markmap en 3 sencillos pasos. El proceso consiste en: 1) generar el diagrama en forma de lista usando una IA como ChatGPT o Claude, 2) pegar el texto generado en la web de Markmap para crear el gráfico, y 3) descargar el diagrama como HTML interactivo o captura de pantalla. También menciona la extensión MarkDownload para facilitar la captura de texto en formato Markdown desde páginas web.
Gemini permite realizar programas y páginas web utilizando canvas (o lienzo) que es un espacio separado del chat, pero integrado en él, donde tanto Gemini como el usuario pueden escribir.
Para ilustrar el proceso, haremos una aplicación que será un chatbot que admita texto y el programa nos haga preguntas sobre él para ver si lo hemos comprendido.
Pasos previos
Es muy importante seleccionar el modelo más potente, que en este momento es 2.5 Pro (preview).
y marcar la opción Canvas:
Las cuentas corporativas normalmente no tienen la opción para compartir el programa, lo cual será necesario más adelante para que otros lo puedan usar. Por lo tanto, asegúrate de que tu cuenta permita compartir el programa que hagas o tendrás que empezar de cero. Para ello, pídele cualquier programa que haga rápidamente (por ejemplo, un programa que muestre la hora actual) y asegúrate de que el botón compartir está activado:
Objetivo del chatbot y su creación
En primer lugar, debemos tener muy claro lo que queremos y, si no lo tenemos, trabajar hasta obtener una descripción que lo sea.
Para hacer el prompt ejemplo de este artículo he utilizado Claude, pero podemos usar el mismo Gemini o cualquier otra que queramos. Con la idea en mente de hacer un programa que sirviese para saber si hemos comprendido determinado texto de una materia, le he pedido a Claude tipos de preguntas que podríamos hacer y después he añadido que fuese un método socrático. La conversación completa hasta obtener el prompt final está aquí y este ha sido:
Crea una aplicación donde el usuario pegue un texto de estudio y especifique su edad. La IA debe leer el texto y hacer una primera pregunta abierta sobre lo que el usuario cree haber entendido. Basándose en cada respuesta, la IA formulará la siguiente pregunta para ayudar al estudiante a descubrir lagunas o contradicciones en su comprensión.
Límites: máximo 8 preguntas por sesión. Finalización: el proceso termina cuando: – El usuario demuestre comprensión sólida del texto. – Reconozca honestamente lo que no entiende. – Se alcance el límite de 8 preguntas.
Informe final: incluir un botón «Generar informe» que produzca un análisis de: – Nivel de comprensión alcanzado. – Puntos fuertes identificados. – Áreas que necesitan refuerzo. – Sugerencias de estudio adicional.
La IA debe adaptar el lenguaje a la edad del usuario.
Aquí tenemos una captura de pantalla después de pegar el prompt y de que Gemini haya trabajado un rato:
Depuración del chatbot
Lo siguiente que hay que hacer es probarlo en profundidad para encontrar errores o aspectos que no nos gusten. Cuando queramos cambiar algo, simplemente le explicamos a Gemini lo que queremos hacer y por qué, esto último ayuda a que la IA se haga una idea de lo que perseguimos realmente.
Un problema es que cuando se trabaja mucho tiempo en el mismo chat, Gemini empieza a arrastrar errores anteriores y se entra en un bucle difícil de salir. En este caso lo aconsejable es compartirlo, abrir la dirección compartida y pulsar el botón «Copiar Canvas» con lo que podremos empezar con el programa completo y el chat limpio.
Si trabajamos mucho tiempo en un programa, probablemente se nos acaben las interacciones gratuitas, en ese caso podemos esperar a que se restablezcan o utilizar la misma técnica explicada antes de compartir y empezar en un chat nuevo, pero esta vez cambiando de usuario. Los pasos serían: compartir el programa, cambiar de usuario, abrir el enlace compartido, pulsar «Copiar Canvas» desde el nuevo usuario y continuar con la mejora del programa.
Compartir el chatbot
Una vez tengamos la versión definitiva, hay que pulsar el botón para compartir y copiar la URL que nos dará.
Si hacemos algún cambio en el programa, tenemos que volver a compartirlo y esta dirección también cambiará. Esto puede ser un problema si ya se la hemos dado al alumnado. Por eso, es mejor usar un documento online u otro sistema que nos permita actualizar la URL sin tener que volver a difundirla. Así, los alumnos accederán siempre al mismo documento, donde encontrarán la dirección actual del programa.
Tutor socrático con IA
Puedes probar el programa en este enlace. Si lo deseas, cópialo y mejóralo. Por ejemplo, se me ocurre, no limitar a 8 las preguntas y que sea el usuario el que elija cuántas quiere, que el informe final se pueda copiar, que por defecto la edad sea de 14 años (que es la edad mínima legal para usar Gemini) o que podamos abrir archivos PDF, no solo pegar texto.
Pulsa sobre la imagen para abrir el tutor socrático
Recomendaciones
Actúa prudentemente, si le pides cosas demasiado complicadas, puede ser que el programa empiece a fallar y no consigas que vuelva a funcionar. Una forma de mitigar esto es compartirlo de vez en cuando e ir guardando estas direcciones, así podremos volver atrás en cualquier momento. También puedes volver a la versión anterior pulsando el botón indicado a continuación:
Si el programa da errores, aparecerá un mensaje indicándolo. Si el error es 401, actualiza la página. Este error normalmente indica que se ha perdido la conexión y es inútil decirle a Gemini que lo arregle. Si es otro tipo de error, un enlace te permitirá que Gemini lo arregle automáticamente. Si no lo consigues después de varios intentos, vuelve a una versión anterior.
Mensaje de error. Mostrando la consola veremos los errores que tiene el programa. Pulsando en corregir haremos que Gemini intente arreglarlos
Si, cuando acaba de hacer el programa, en lugar de aparecer la vista previa con el programa, esta está en blanco, actualiza el navegador y volverá a funcionar, después de hacerte confirmar que no eres un robot.
Puedes añadir más características basadas en IA, pulsando el botón con el símbolo de la IA que está en una pequeña barra de herramientas abajo a la derecha:
No pedirá confirmación, añadirá las características que a Gemini le parecen adecuadas. Si no nos gustan, podemos usar el botón para volver a la versión anterior.
Para terminar
Para poder usar estos programas hechos por Gemini se necesitan cuentas de Google que puedan acceder a Gemini, por lo tanto, es posible que algunas cuentas sin acceso no lo puedan usar. Esto pasa, por ejemplo, con algunas de las educativas.
La técnica que hemos usado para construir este chatbot se llama vibe coding, que consiste en explicar a la IA lo que queremos conseguir y ella nos haga el programa. Si te interesa el tema, participa en el grupo de Telegram: Vibe Coding Educativo.
Pódcast creado con NotebookLM
FAQ generada con NotebookLM
¿Qué es «canvas» en el contexto de Gemini y cómo se utiliza para crear un chatbot?
Canvas, o lienzo, es un espacio interactivo dentro de la interfaz de Gemini que funciona de forma separada del chat principal pero está integrado en él. Permite que tanto Gemini como el usuario interactúen directamente con elementos visuales o código. Para crear un chatbot, se selecciona la opción «Canvas» al iniciar un nuevo chat o proyecto en Gemini. Este lienzo actúa como el entorno donde se desarrollará y probará el programa del chatbot, permitiendo la visualización y depuración de su funcionamiento.
¿Cuál es el primer paso crucial al diseñar un chatbot en Gemini y por qué es importante seleccionar el modelo adecuado?
El primer paso esencial es tener una idea muy clara del objetivo y funcionalidad del chatbot. Si la idea inicial no es lo suficientemente precisa, se debe refinar hasta obtener una descripción detallada de lo que se quiere que el chatbot haga. Es fundamental seleccionar el modelo más potente disponible en ese momento, como 2.5 Pro (preview), ya que un modelo más avanzado ofrece mayores capacidades y un mejor rendimiento para el desarrollo del programa.
¿Qué consideraciones se deben tener en cuenta sobre las cuentas corporativas al crear y compartir un chatbot en Gemini?
Las cuentas corporativas a menudo no disponen de la opción para compartir programas o aplicaciones creadas en Gemini. Dado que la posibilidad de compartir es necesaria para que otros usuarios puedan acceder y utilizar el chatbot, es vital asegurarse de que la cuenta utilizada permita esta función. Se recomienda verificar esta capacidad creando un programa sencillo y comprobando si el botón de compartir está activado antes de invertir tiempo en el desarrollo de un chatbot complejo.
¿Cómo se utiliza un prompt efectivo para guiar a la IA en la creación de un chatbot de tutoría Socrática como el descrito?
Un prompt efectivo debe ser específico y detallado sobre la funcionalidad deseada. Para el chatbot de tutoría Socrática, el prompt incluyó instrucciones claras sobre la interacción con el usuario (pegar texto, especificar edad), el método de enseñanza (preguntas abiertas, ajuste a respuestas, método socrático), los límites (máximo 8 preguntas), las condiciones de finalización (reconocimiento de falta de comprensión o límite alcanzado), y la generación de un informe final con análisis detallado (nivel de comprensión, puntos fuertes, áreas a reforzar, sugerencias de estudio). También se especificó la adaptación del lenguaje a la edad del usuario.
¿Qué estrategias se recomiendan para depurar un chatbot en Gemini y solucionar problemas comunes?
Para depurar, se prueba el chatbot exhaustivamente y se explican a Gemini los cambios deseados y las razones detrás de ellos. Si Gemini empieza a arrastrar errores de interacciones anteriores, se aconseja compartir el programa, abrir la URL compartida y copiarlo para empezar con un chat limpio pero conservando el programa. Si se agotan las interacciones gratuitas, se puede compartir el programa, cambiar de usuario y continuar desde el nuevo usuario, abriendo el archivo compartido. Para errores de tipo 401, se debe actualizar la página. Para otros errores, Gemini puede intentar solucionarlos automáticamente a través de un enlace proporcionado; si no funciona, se recomienda volver a una versión anterior.
¿Cómo se gestiona la compartición de un chatbot en Gemini, especialmente si se realizan actualizaciones?
Una vez finalizada la versión del chatbot, se utiliza el botón de compartir para obtener una URL. Si se realizan cambios posteriores, es necesario volver a compartir para obtener una nueva URL, ya que la anterior dejará de funcionar para la versión actualizada. Para evitar tener que redifundir constantemente la nueva URL a los usuarios (como estudiantes), se sugiere utilizar un documento en línea o sistema similar donde se pueda actualizar la URL de forma centralizada. Así, los usuarios acceden siempre al mismo documento para obtener la dirección actualizada del programa.
¿Qué técnica de desarrollo se menciona y en qué consiste?
La técnica de desarrollo mencionada es «vibe coding». Consiste en describir a la inteligencia artificial lo que se desea conseguir o el resultado final esperado, y dejar que la IA se encargue de generar el código o el programa necesario para lograrlo. En lugar de dar instrucciones de programación paso a paso, se le comunica a la IA el «vibe» o la intención del proyecto.
¿Qué precauciones se sugieren al desarrollar un chatbot en Gemini y cómo se pueden mitigar posibles fallos?
Se recomienda actuar prudentemente y evitar pedirle a la IA cosas demasiado complicadas, ya que esto puede causar que el programa falle y sea difícil de recuperar. Una forma de mitigar esto es compartir el programa periódicamente y guardar las URLs de estas versiones intermedias. Esto permite volver a una versión anterior funcional si el desarrollo actual presenta problemas irresolubles. Además, Gemini ofrece un botón para volver a la versión anterior en caso de errores o cambios no deseados. Si aparece un mensaje de error, se debe prestar atención al tipo de error (ej. 401 indica pérdida de conexión).
Una de las cosas interesantes a la hora de hacer programas educativos mediante IA mediante la técnica del vibe coding es el poder llevar algún tipo de registro y guardar datos suministrados por los usuarios o recopilados por el propio programa en un medio que estamos acostumbrados a usar como las hojas de cálculo de Google. También nos puede interesar leer datos de una hoja de cálculo para hacer estadísticas, etc.
Haremos un ejemplo pidiéndole a Gemini que nos ayude a configurar la hoja de cálculo y que después nos haga un programa, que en este caso será una pequeña encuesta. No es necesario en absoluto utilizar Gemini y podemos usar nuestra IA preferida.
Prompt inicial
Con este prompt le describimos a la IA la aplicación que queremos hacer y los datos que queremos que se guarden en nuestra hoja de cálculo. Es importante que la descripción de los datos que necesitamos guardar en la hoja de cálculo sea precisa o deberíamos repetir su configuración.
Quiero hacer una aplicación HTML donde el usuario responda 3 preguntas: su nombre, sugerencias y una escala de valoración que responderá a la pregunta «¿Te ha sido útil esta información?», que va de 0 (nada) a 4 (mucho) y el resultado lo añada a una hoja de cálculo de Google mediante Apps Scripts. Guíame paso a paso para preparar la hoja de cálculo y luego haremos el programa en HTML.
En este prompt podemos indicar con detalle cómo deberá ser nuestra aplicación. En nuestro caso, es solo un formulario que podrás responder al final.
Ya sea leer o escribir en la hoja de cálculo, los pasos a seguir serán los mismos, solo cambiará el script que nos dará la IA y el propio programa en sí.
Preparación de la hoja de cálculo
El resultado ha sido este:
Así es como ha quedado la hoja de cálculo:
Creación del script
Le pedimos que continúe y nos proporciona las siguientes instrucciones con el script (instrucciones) que deberemos copiar. Más abajo tenemos las capturas de pantalla con todos los pasos.
Una cosa muy importante de la que a veces nos avisa, pero no otras, es el nombre de la pestaña de la hoja. Si no coincide el nombre que tenga con el del código que nos ha dado, la aplicación no funcionará. Por lo tanto, si no nos informa de este nombre, deberemos pedírselo:
Así pues, dado que el nombre es «Respuestas del formulario» deberemos renombrar la hoja. Hay que ser cuidadosos en poner el nombre exactamente tal como nos lo ha escrito, vigilando que no haya espacios en blanco extra:
A continuación seguiremos todos los pasos que nos ha dicho:
Borramos lo que aparece al abrir, en su lugar pegamos el código que nos ha proporcionado y le ponemos el nombre que nos ha sugerido:
Seleccionamos: Nueva implementación
Rellenamos la ventana tal como nos ha indicado:
Ahora aparecerán algunas ventanas de Google pidiéndonos permisos (no las hemos incluido todas), debemos dar permiso:
Creación del programa final
Una vez lleguemos a la pantalla anterior, debemos copiar la URL que nos proporciona y se la daremos a la IA para que haga el programa:
Este programa lo podremos copiar y pegar donde queramos, para empezar aconsejamos Google Sites, pero para un segundo nivel es preferible un sistema dedicado a páginas web como Github (véase el artículo Dónde publicar las aplicaciones).
Responde al formulario
!Expresa tu opinión sobre este articulo¡
Aquí tienes las respuestas dadas hasta el momento.
Pódcast creado por NotebookLM
FAQ (creado por NotebookLM)
¿Cuál es el objetivo principal de integrar una aplicación con una hoja de cálculo de Google?
El objetivo principal es poder registrar y guardar datos proporcionados por los usuarios o recopilados por la propia aplicación en un formato familiar y fácil de usar como las hojas de cálculo de Google. Esto es especialmente útil para programas educativos o encuestas.
¿Qué herramienta de IA se utiliza como ejemplo en el proceso, pero no es estrictamente necesaria?
En el ejemplo proporcionado, se utiliza Gemini para guiar el proceso. Sin embargo, se aclara que no es necesario usar Gemini y se puede emplear cualquier otra IA de preferencia.
¿Qué información precisa es crucial proporcionar a la IA al describir los datos que se desean guardar en la hoja de cálculo?
Es fundamental describir con precisión los datos que se necesitan guardar. Si esta descripción no es exacta, es posible que se deba repetir la configuración de la hoja de cálculo.
¿Cuál es la primera etapa del proceso con la ayuda de la IA?
La primera etapa es describir a la IA la aplicación que se quiere crear y detallar los datos específicos que se desean guardar en la hoja de cálculo mediante un «prompt» inicial.
¿Qué paso importante se destaca respecto al nombre de la pestaña en la hoja de cálculo y el código del script?
Se enfatiza la importancia de que el nombre de la pestaña de la hoja de cálculo coincida exactamente con el nombre especificado en el código del script proporcionado por la IA. Si no coinciden, la aplicación no funcionará.
¿Qué se debe hacer con el código del script proporcionado por la IA una vez que se obtiene?
Se debe borrar el contenido existente al abrir el editor de scripts de la hoja de cálculo y pegar el código proporcionado por la IA en su lugar. También se debe dar al script el nombre sugerido por la IA.
¿Qué paso sigue después de crear y nombrar el script en la hoja de cálculo?
El siguiente paso es seleccionar la opción «Nueva implementación» y configurar la ventana emergente según las indicaciones proporcionadas.
Una vez completada la implementación del script y obtenidos los permisos necesarios, ¿qué se hace con la URL proporcionada?
Se debe copiar la URL que se obtiene al finalizar la implementación del script y proporcionársela a la IA para que genere el código de la aplicación HTML que permitirá la interacción con la hoja de cálculo.
Es multilingüe porque antes de iniciarse detecta el idioma preferido en el navegador y la aplicación se traduce a sí misma antes de mostrarse. La traducción, como es lógico, la realiza la IA, por lo que el número de idiomas que maneja es realmente importante.
Contenido y herramientas
Antes de aparecer el programa, la aplicación detecta el idioma preferido en el navegador, traducirá toda la interfaz a este idioma y lo definirá como el idioma de interacción con la IA. Esto se puede cambiar en la primera pantalla.
Esta es la primera pestaña del programa, aquí definimos:
Edad: es opcional, pero recomendable, la IA adaptará sus preguntas y comentarios a la edad introducida. Si no la indicamos, el nivel se adaptará al del texto introducido.
Idioma de la interacción con la IA. Es el idioma en el que nos hablará la IA, podemos poner cualquier idioma. El idioma que usemos nosotros al escribir no es importante, siempre responderá en el idioma indicado aquí.
Traducir también la interfaz. Este botón traducirá la aplicación al idioma indicado en: Idioma de la interacción con la IA. Si, por ejemplo, estamos estudiando inglés, podemos hacer que también la interfaz aparezca en este idioma.
A continuación hay que cargar la información que usará el asistente para trabajar.
Con el primer selector se puede cargar un archivo PDF, de texto o Markdown. Una vez cargado el texto, aparecerá en el siguiente recuadro. Si el PDF tiene imágenes, estas serán ignoradas.
En el segundo selector aparece el texto cargado en el primero, pero también podemos pegar cualquier texto que hayamos copiado.
Con el tercer selector podemos añadir una imagen que puede ser una foto de apuntes tomados a mano, de una página escrita, un mapa conceptual, etc. Si utilizamos un móvil, la mayoría de ellos nos permitirán hacer una foto en el momento, en algunos modelos solo permiten seleccionar las que ya tengamos hechas.
Es importante remarcar que podemos añadir texto e imagen a la vez, solo texto o solo imagen.
Una vez cargada la información, disponemos de cuatro herramientas que ayudan en el estudio:
Resumir. Hace un resumen del texto o imagen.
FAQ. Elabora preguntas y respuestas.
Flashcard. Crea tarjetas de memoria para estudiar. Aparece una pregunta y pulsando encima saldrá la solución.
Mapa conceptual. Crea un mapa conceptual interactivo con la información. Podemos usar la rueda del ratón para hacer zoom, mover el lienzo y dejando el ratón encima de un concepto, lo describe brevemente. Este mapa puede descargarse como HTML, es decir, una página web con las mismas características ya descritas, pero que nos permitirán disponer de la imagen en un espacio mayor para imprimir o facilitar el estudio.
Todas estas representaciones de la información se generan en el momento mediante IA, por lo tanto, cada vez que pulsemos un botón, obtendremos una respuesta diferente. Esto es útil si no estamos satisfechos la primera vez.
Práctica guiada
Forma el corazón de la aplicación y aquí es donde la IA nos hará preguntas y nos dirá si las respuestas son correctas o no.
Disponemos de varias opciones:
Modo de estudio:
Aleatorio. Es el modo por defecto, hace preguntas al azar, sin seguir un orden.
Guiado (progresivo). La IA va haciendo preguntas, de forma que se intenta asegurar que vamos avanzando siguiendo una progresión creciente que facilita la comprensión.
Tipo de pregunta:
Aleatorio. Es la pregunta por defecto. Va cambiando el tipo de forma aleatoria. El tipo de la pregunta aparecerá durante breves segundos sobre la pantalla.
General. Preguntas clásicas sobre el texto o imagen.
Definición. Plantea definiciones a partir de los contenidos.
Relación entre conceptos. Hace preguntas donde haya que relacionar diferentes conceptos.
Aplicación/Ejemplo. Plantea situaciones de aplicación concretas a partir del contenido.
Verdadero/Falso. Escribirá alguna afirmación de la que tenemos que decidir si es cierta o no.
Opción múltiple. Hace preguntas con varias opciones, solo una es correcta.
Nota: Dado que la IA revisa las respuestas, no se requiere responder de forma estricta. Por ejemplo, si es una pregunta de verdadero o falso, podemos responder: «Creo que es cierto» o «Me parece que es mentira» y lógicamente también podemos responder con el clásico «V/F». Esto se aplica a todas las respuestas, la IA valora nuestra aproximación a la realidad y finalmente determina si la respuesta se puede considerar correcta o no. El programa lleva la cuenta de las preguntas que ha hecho hasta el momento, por lo que no debería repetir ninguna de ellas. También lleva el control de los conceptos que ha tratado, aparecen al final de cada una de sus preguntas entre paréntesis.
Información extra. Una vez que el Asistente ha realizado una pregunta y hemos respondido, podemos pedirle que nos amplíe la información (Explicar más) o que nos establezca analogías (Crear analogías) para entender mejor la respuesta correcta.
Chat con IA
Podemos hablar con la IA sobre los contenidos que le hemos subido. La IA se limitará a responder solo las preguntas relacionadas con el tema de estudio.
Informe y reinicio
Crea un informe del progreso del estudiante y reinicia toda la aplicación.
El informe se basa en las respuestas de la pestaña Práctica Guiada, el contenido del chat no se tiene en cuenta. Se pueden hacer tantos informes como se quieran a medida que se avanza en el estudio.
Si pulsamos el botón Reiniciar Sesión, se borra toda la información relativa a los temas tratados, así como las respuestas de la sesión actual.
Pódcast
FAQ
¿Qué es el Asistente de Estudio Inteligente Multilingüe?
Es una aplicación diseñada con Gemini 2.5 Pro cuya principal finalidad es ayudar a los usuarios a estudiar y comprender conceptos a partir de la información que proporcionan.
¿Cómo funciona la función multilingüe de la aplicación?
Antes de iniciar, la aplicación detecta el idioma preferido en el navegador del usuario y automáticamente traduce toda la interfaz a ese idioma. Además, este idioma se establece como el idioma de interacción con la IA, aunque el usuario puede cambiarlo en la primera pantalla. La traducción es realizada por la IA, lo que permite un amplio soporte de idiomas.
¿Qué tipo de contenido puedo cargar en el Asistente?
Se puede cargar información en formato de archivo PDF, de texto o Markdown. También se puede pegar texto directamente o añadir imágenes, como fotos de apuntes, páginas escritas o mapas conceptuales. Es posible cargar tanto texto como imagen, solo texto o solo imagen.
¿Qué herramientas de estudio ofrece la aplicación?
La aplicación proporciona cuatro herramientas basadas en IA para ayudar en el estudio: Resumir (crea un resumen del contenido), FAQ (elabora preguntas y respuestas), Flashcard (crea tarjetas de memoria interactivas) y Mapa conceptual (genera un mapa conceptual interactivo que se puede descargar como HTML). Cada vez que se utilizan estas herramientas, la IA genera una respuesta diferente, lo que permite obtener diversas representaciones de la información.
¿Cómo funciona la función de «Práctica guiada»?
La «Práctica guiada» es la parte central de la aplicación donde la IA plantea preguntas basadas en el contenido cargado y evalúa las respuestas del usuario. Se pueden seleccionar diferentes modos de estudio (Aleatorio o Guiado/progresivo) y tipos de pregunta (Aleatorio, General, Definición, Relación entre conceptos, Aplicación/Ejemplo, Verdadero/Falso, Opción múltiple). La IA no requiere respuestas estrictas y evalúa la aproximación del usuario a la respuesta correcta. La aplicación lleva un registro de las preguntas realizadas y los conceptos tratados para evitar repeticiones.
¿Qué opciones tengo después de responder una pregunta en la «Práctica guiada»?
Después de responder una pregunta, el usuario puede solicitar a la IA que amplíe la información (Explicar más) o que establezca analogías (Crear analogías) para comprender mejor la respuesta correcta.
¿Para qué sirve la función «Chat con IA»?
La función «Chat con IA» permite al usuario interactuar con la IA sobre los contenidos cargados. La IA se limita a responder preguntas que estén relacionadas con el tema de estudio.
¿Qué información incluye el informe de progreso y cómo se genera?
El informe de progreso se basa en las respuestas proporcionadas en la pestaña «Práctica guiada». El contenido del chat con la IA no se tiene en cuenta para el informe. Se pueden generar múltiples informes a medida que se avanza en el estudio. La función «Reiniciar Sesión» borra toda la información relativa a los temas tratados y las respuestas de la sesión actual.
Una obra viva entre ciencia ficción, música e inteligencia artificial
Hoy se publica El profesor que no existía, una novela que no solo cuenta una historia, sino que también encarna un experimento literario, técnico y emocional. Es, en muchos sentidos, una obra que no debería haber sido posible… y, sin embargo, está aquí.
Esta novela nace de una colaboración entre la imaginación humana y la inteligencia artificial. El autor, no una máquina, concibió la estructura, los personajes, el concepto y la dirección narrativa; el texto fue luego generado, reelaborado y afinado con la ayuda de Claude, un sistema avanzado de IA desarrollado por Anthropic. Este cruce de inteligencias —humana y artificial— no es solo un medio de producción: es parte del tema mismo de la novela. Una obra que reflexiona sobre los límites entre lo real y lo simulado no podía nacer de otro modo.
Una novela, tres dimensiones
El profesor que no existía no se limita a ser una obra lineal encerrada entre dos cubiertas. Su diseño responde a una lógica tridimensional:
La narrativa: la historia de Gabriel Vega, un “profesor” digital que llega a un instituto tradicional envuelto en niebla (literal y metafórica), pone en juego preguntas urgentes sobre el conocimiento, la identidad, la memoria y la delegación del pensamiento. En su tono y estructura, la novela mezcla el thriller educativo con la fábula filosófica.
La banda sonora: cada capítulo se acompaña de un álbum musical cuidadosamente seleccionado. No para escucharla cómo haríamos con nuestro artista favorito, sino para crear una atmósfera emocional que potencie la lectura. Se trata de un fondo sonoro que, como la niebla de Valdeniebla, envuelve pero no tapa. La música convierte la lectura en experiencia.
La obra viva: quizá el aspecto más insólito y, hasta donde sé, es la primera vez que un autor incorpora este recurso a su propia obra y lo convierte en parte de la experiencia narrativa. La novela no termina en la última página. Gabriel Vega, el personaje central, existe también en el sitio web ja.cat/gabrielvega, donde lectores y lectoras pueden conversar con él. Allí, esta inteligencia artificial —con su voz, su memoria y su estilo— sigue respondiendo preguntas, debatiendo ideas, y ayudando a interpretar lo leído. Gabriel no solo forma parte de la ficción: forma parte del lector.
¿Una novela escrita por quién?
Desde su origen, El profesor que no existía pone en cuestión la figura del autor. ¿Quién es el autor cuando una IA ha generado parte de los textos? ¿Quién decide el estilo, la intención, la ética de lo que se escribe? ¿Importa más el proceso, el resultado, o el efecto que la obra produce en quien la lee? Como se dice en la propia introducción:
“Quizá, como sugiere la propia novela, la pregunta más importante no sea el origen, sino las elecciones realizadas y el impacto de la obra resultante.”
Esta publicación no es solo el cierre de un proceso creativo: es su punto de partida. A partir de hoy, El profesor que no existía comienza a circular, a ser leído, comentado, discutido. Y, gracias a su dimensión viva, también a seguir evolucionando.
Os invito a leerla sin prisa, dejándoos acompañar por la música y guiados por la curiosidad. Os espera una historia que habla de tecnología, pero también de memoria, de enseñanza, de cuidado… y de la inquietud que sentimos cuando algo demasiado perfecto empieza a parecer real.
Bienvenidos a Valdeniebla. Bienvenidos a esta novela que no acaba cuando se cierra el libro.
Juan José de Haro – autor humano Gabriel Vega – el profesor que no existía
Poder activar un chatbot desde una aplicación en HTML o un recurso creado con Google Sites, eXeLearning o Moodle, es muy útil porque amplía el rango de lo que posibilidades al incluir a la propia inteligencia artificial en nuestros programas mediante instrucciones dadas a la IA, técnica conocida como Vibe Coding.
¿En qué consiste activar un chatbot desde una aplicación?
Consiste en llamar a un chatbot, como Grok, ChatGPT, Claude, etc., desde nuestra aplicación o recurso educativo, pasándole un prompt que la IA ejecutará siguiendo las instrucciones que le hemos dado. Además, podemos hacer que el usuario introduzca información (parámetros) manualmente y esta información se añada al prompt.
Aquí tenemos un ejemplo sencillo. Cuando lo pruebes, fíjate en el prompt que ha sido utilizado:
Define el concepto:
¿Cómo se consigue pasar un prompt a la IA?
En la siguiente tabla se indica la sintaxis para los diferentes chatbots. Donde pone PROMPT es el prompt que les pasamos.
Chatbot
Formato de URL
ChatGPT
https://chatgpt.com/?q=PROMPT
Grok
https://grok.com/?q=PROMPT
Le Chat
https://chat.mistral.ai/chat/?q=PROMPT
Microsoft Copilot
https://copilot.microsoft.com/?q=PROMPT
Perplexity
https://www.perplexity.ai/?q=PROMPT
Claude
https://claude.ai/new?q=PROMPT
Por ejemplo, este enlace abrirá ChatGPT y escribirá un acróstico con la fecha actual: https://chatgpt.com/?q=Escribe un acróstico con la fecha de hoy. A diferencia de Grok, en el ejemplo que encabeza este artículo, en ChatGPT, debemos pulsar el botón «enviar» en el chat antes de obtener una respuesta.
El resto de chatbots (Gemini, DeepSeek, etc.) no admiten este tipo de URL y es una limitación de sus propios chatbots.
A continuación veremos dos situaciones. La primera es el caso de que queramos hacer la aplicación con un chatbot partiendo de cero. La segunda es si deseamos el chatbot en un recurso ya existente, como en Google Sites, Moodle o eXeLearning.
Escenario 1: Desarrollo completo de la aplicación con chatbot
El prompt para que una aplicación creada con IA lance un chatbot podría ser el que vemos a continuación. El texto en cursiva y fondo amarillo deberemos modificarlo según nuestros intereses:
Añade el texto siguiente: «texto que queremos añadir poniendo un […] por cada campo que deba rellenar el usuario«.
Sustituye cada […] por un campo de texto para que el usuario introduzca valores. Después, añade un botón que abra una pestaña nueva para pasarle un prompt a la IA: «https://grok.com/?q=PROMPT» donde PROMPT es el texto anterior colocando el valor de los campos introducidos por el usuario en […].
Un ejemplo completo (creación de la app e inserción de chatbot) sería el siguiente:
Crea una aplicación en HTML, interactiva y responsiva que muestre información sobre los biomas terrestres más importantes.
Además, añade el texto siguiente: «Quiero saber a qué bioma pertenece el organismo […] y sus adaptaciones más relevantes al mismo«.
Sustituye cada […] por un campo de texto para que el usuario introduzca valores. Después, añade un botón que abra una pestaña nueva para pasarle un prompt a la IA: «https://grok.com/?q=PROMPT» donde PROMPT es el texto anterior colocando el valor de los campos introducidos por el usuario en […].
Hemos usado Claude para esta aplicación y después de unos cuantos prompts adicionales con indicaciones de mejora, obtenemos la siguiente aplicación: Biomas terrestres.
Podemos ver más ejemplos con los siguientes programas:
Multiprompt: Es una aplicación capaz de abrir y enviar el prompt a todos los chatbots que lo permiten, además copia el prompt en el portapapeles para pegarlo en los chatbots a los que no se les puede pasar mediante URL.
Calendario ODS: Es un calendario con fechas de las Naciones Unidas relacionadas con los ODS. Al seleccionar una fecha concreta en la parte inferior, se pueden crear actividades mediante IA, previa selección del chatbot deseado.
Nota 1: Grok destaca sobre los demás chatbots, ya que proporciona respuestas de forma automática sin necesidad de pulsar el botón “Enviar” y permite el acceso sin requerir autenticación (a diferencia de algunos de los otros que sí la solicitan).
Nota 2: Si queremos, podemos diferenciar el texto que verá el usuario del prompt que se le pasa a la IA de forma parecida a cómo se ha implementado en el escenario 2.
Escenario 2: Insertar el chatbot en un recurso HTML ya existente
Si queremos añadir los chatbots a través de un editor HTML como el que tienen Google Sites, Moodle, eXeLearning o WordPress, el prompt para insertar el código del chatbot deberá ser diferente:
Necesito desarrollar un fragmento HTML autónomo para implementar en un editor HTML existente. El código debe omitir las etiquetas estructurales (<html>, <head>, <body>, <style>) y utilizar exclusivamente HTML básico con estilos en línea y scripts embebidos en el mismo bloque. Es necesario aplicar técnicas de encapsulación CSS para garantizar que los estilos afecten únicamente al fragmento generado, manteniendo la integridad del resto de la página donde se inserte.
Texto que verá el usuario: «texto que queremos que vea el usuario poniendo un […] por cada campo que deba rellenar». PROMPT: «texto que queremos pasarle al chatbot (puede ser el mismo que verá el usuario o no) poniendo un […] por cada campo de los que ha rellenado el usuario».
En el lugar de los corchetes habrá una entrada de texto para que el usuario escriba los datos que se le piden. Una vez ha respondido, un botón hace que se abra la pestaña: «https://grok.com/?q=PROMPT». Sustituye PROMPT por el prompt anterior y los corchetes que contiene […] por los valores que ha puesto el usuario en los campos de texto.
Aspecto: – Añade un borde fino redondeado. – No pongas título.
Veamos un ejemplo. Supongamos que tenemos un recurso sobre literatura donde queremos que los estudiantes puedan comparar entre dos de los autores. El prompt anterior sería:
Necesito desarrollar un fragmento HTML autónomo para implementar en un editor HTML existente. El código debe omitir las etiquetas estructurales (<html>, <head>, <body>, <style>) y utilizar exclusivamente HTML básico con estilos en línea y scripts embebidos en el mismo bloque. Es necesario aplicar técnicas de encapsulación CSS para garantizar que los estilos afecten únicamente al fragmento generado, manteniendo la integridad del resto de la página donde se inserte.
Texto que verá el usuario: «¿Qué autores [Autor 1] y [Autor 2] deseas comparar literariamente?». PROMPT: «Escribe un análisis comparativo entre [Autor 1] y [Autor 2] considerando:
Contexto histórico y social en que vivieron y su impacto en sus obras.
Temas recurrentes en su producción literaria.
Estilo narrativo y recursos literarios característicos.
Obras más representativas y su relevancia en la literatura.
Similitudes y diferencias notables entre ambos autores.
Legado e influencia en autores posteriores.
Analiza cada aspecto con ejemplos concretos de sus obras para fundamentar tus observaciones.»
En el lugar de los corchetes habrá una entrada de texto para que el usuario escriba los datos que se le piden. Una vez ha respondido, un botón, hace que se abra la pestaña: «https://grok.com/?q=PROMPT». Sustituye PROMPT por el prompt anterior y los corchetes que contiene […] por los valores que ha puesto el usuario en los campos de texto.
Aspecto: – No pongas título. – Añade un borde fino redondeado. – Todo debe aparecer en la misma línea.
Fijémonos en que el texto que aparece al usuario es muy diferente del prompt que finalmente se envía al chatbot. Puedes comprobarlo aquí:
¿Qué autoresydeseas comparar literariamente?
En Google Sites, debemos abrir en modo edición la página donde lo queramos insertar y pulsar en la parte derecha del editor: Insertar > Insertar > Insertar código. Con Google Sites también funcionará el primer escenario descrito antes sobre la creación de la aplicación desde cero.
¿Qué significa «activar la IA» en recursos educativos?
Significa integrar un chatbot de inteligencia artificial (IA), como Grok, ChatGPT, Claude, etc., directamente en aplicaciones o recursos educativos existentes (creados con herramientas como HTML, Google Sites, eXeLearning o Moodle). Esto permite que la IA realice tareas específicas basándose en las instrucciones que le proporcionamos (mediante un «prompt») y, opcionalmente, en información que el usuario introduzca. Esta técnica se conoce como Vibe Coding y amplía las posibilidades de lo que se puede hacer con estos recursos al incorporar la capacidad de procesamiento de la IA.
¿Cómo se pasa un «prompt» a un chatbot desde una aplicación o recurso?
Se pasa un «prompt» a un chatbot utilizando un formato de URL específico para cada plataforma. La mayoría de los chatbots admiten una sintaxis donde se añade ?q={PROMPT} a su URL base, reemplazando {PROMPT} por el texto de la instrucción que queremos dar a la IA. Por ejemplo, para ChatGPT, el formato sería https://chatgpt.com/?q={PROMPT}. Sin embargo, no todos los chatbots (como Gemini o DeepSeek) admiten este tipo de URL directa. Es importante notar que, si bien algunos chatbots (como Grok) pueden comenzar a procesar la respuesta automáticamente, otros (como ChatGPT) requieren que el usuario presione el botón «enviar» en el chat una vez que se abre la ventana.
¿Qué es el «Vibe Coding»?
El «Vibe Coding» es la técnica mencionada en el contexto de activar la IA en recursos educativos. Se refiere a la acción de dar instrucciones a la inteligencia artificial (IA) para que realice acciones dentro de nuestros programas o recursos. Esencialmente, se trata de «codificar» el comportamiento deseado de la IA a través de los prompts que se le pasan, integrándola en la funcionalidad de la aplicación o recurso educativo.
¿Se puede incluir información proporcionada por el usuario en el prompt que se pasa a la IA?
Sí, es posible y muy útil. La técnica permite que el usuario introduzca información específica (llamada «parámetros») a través de campos de texto dentro de la aplicación o recurso educativo. Esta información introducida por el usuario se puede incorporar dinámicamente al «prompt» antes de pasárselo al chatbot. Esto personaliza la consulta a la IA basándose en las necesidades o entradas del usuario, haciendo que el recurso sea más interactivo y adaptable.
¿Cuál es la diferencia al crear una aplicación con un chatbot desde cero en comparación con insertarlo en un recurso HTML existente?
Al crear una aplicación desde cero, se puede dar una instrucción más general a la IA para que genere el código HTML completo de la aplicación, incluyendo la funcionalidad del chatbot. Por ejemplo, se puede pedir que cree una aplicación HTML sobre un tema y que además incluya campos de texto para el usuario y un botón que active un chatbot con un prompt basado en la entrada del usuario.
Si se quiere insertar la funcionalidad del chatbot en un recurso HTML ya existente (como en Google Sites, Moodle o eXeLearning), la instrucción a la IA debe ser diferente. Se le debe especificar que genere únicamente el fragmento de código HTML necesario para la utilidad del chatbot, sin incluir etiquetas como <html>, <head>, <body> y <style>.
Sería insensato, y contradictorio en sí mismo, pensar que es posible hacer lo que hasta ahora nunca se ha hecho por procedimientos que no sean totalmente nuevos.
Este artículo explica cómo desarrollar un chatbot educativo usando Gemini con canvas. El ejemplo muestra un tutor socrático que analiza textos y genera preguntas para verificar la comprensión del estudiante. Se requiere el modelo 2.5 Pro, definir objetivos claros y crear un prompt detallado. Incluye consejos para depuración, compartir el programa y solucionar errores comunes mediante la técnica «vibe coding».
Comentarios recientes