Diseña tu recurso educativo (app y HTML)

He diseñado un Gem (asistente especializado) enfocado en el diseño de recursos educativos. Su objetivo es sencillo: permitir que cualquier profesor transforme sus materiales en aplicaciones interactivas autónomas que funcionan en cualquier pizarra digital o dispositivo, y además poder descargar ese recurso en formato html para poder verlo e interactuar con él en cualquier navegador y cuando desee.

🔗 Enlace al asistente

Este Gem no se limita a escribir el código; te guía en un proceso iterativo:

• Diagnóstico: Analiza tu contexto y nivel de alumnos para proponer el mejor formato.

• Diseño: Sugiere elementos de usabilidad, feedback visual y lógica de acierto/error que a veces olvidamos al diseñar.

• Generación: Crea la aplicación en un panel de vista previa (Canvas) para que puedas probarla antes de terminarla.

• Descarga: Una vez lista, la propia app incluye un botón para guardar en HTML el recurso y así puedas usarlo sin necesidad de internet. 

Modelos de ejemplo

He preparado dos ejemplos prácticos que puedes probar y descargar para ver el potencial de esta herramienta. No están pulidos. Los he creado para que veas ejemplos y su potencial didáctico.

1. Gymkana por Sevilla 

Una aventura por Sevilla donde estudiantes ingleses de nivel B2 practican el español, observando detalles reales y aplicando gramática.

• Objetivo: Fomentar el descubrimiento cultural y la interacción social.

• Funcionamiento: Incluye barras de progreso, pistas desplegables y retos de observación visual.

🔗 Enlace a la app interactiva

💾 Descargar HTML para uso offline

(Al pinchar, se te abrirá una ventana. Dale a Archivo, y después a Descargar)

2. Diccionario visual "Mi Comida"

Un recurso para estudiantes marroquíes de español nivel A1 que combina imagen y sonido.

• Objetivo: Refuerzo de vocabulario y fonética mediante el sistema Text-to-Speech (TTS).

• Funcionamiento: Dos modos de uso: Estudio (para escuchar y repetir) y Juego (desafíos de identificación auditiva).

🔗 Enlace a la app interactiva

💾 Descargar HTML para uso offline

(Al pinchar, se te abrirá una ventana. Dale a Archivo, y después a Descargar)

¿Cómo empezar?

Solo tienes que subir tus apuntes, un esquema o una lista de vocabulario al asistente y decirle: "Quiero convertir esto en una app interactiva..." El sistema se encargará de crear una interfaz táctil, limpia y lista para el aula. 

Al final del proceso se activará en modo Canvas de Gemini y deberás ir limando la app para que quede como deseas. Comprueba que el botón de la parte inferior te deja descargar el HTML. Pruébalo en tu navegador.

Ambas opciones, app mediante link o HTML descargable, son compatibles y útiles según para qué:

• La app es cómoda: pones el link en tu pizarra digital o se lo pasas a los estudiantes y listo. Y puedes seguir editándola a tu gusto.
• El HTML sirve si no tienes internet o ya no recuerdas dónde está la app. Es un recurso en modo archivo muy cómodo para compartir. Pero es fija, no se puede modificar.