Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Píldora IA: Actividad interactiva HTML con Claude

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 6 de febrero de 2025 por Jose Tomas A.

14 visualizaciones

Aprendemos a crear una sencillo juego interactivo para repasar contenidos. El juego está creado por IA en Claude con formato HTML. Finalmente, publicamos el juego en nuestra aula virtual

Más información Transcripción

Descargar la transcripción

Hola, muy buenas, bienvenidos a una nueva píldora. En esta ocasión vamos a trabajar con Cloud y nos vamos a ir a Cloud Sonet 3.5. 00:00:14
Nuestro objetivo es crear un juego HTML, una actividad interactiva, y pegamos un prompt como este que estamos viendo. 00:00:22
Es importante decir que sea HTML el lenguaje que utilice. 00:00:28
Cloud se pone a trabajar y ya empieza a generar el código. 00:00:32
Cuando acaba nos muestra aquí a la izquierda pues qué tipo de juego ha creado, cuáles son sus instrucciones y cuál será el funcionamiento 00:00:37
Aquí vemos cuáles son las características y aquí a la derecha podemos ver en tiempo real cómo funcionaría el juego 00:00:44
Bien, nos gusta y ahora lo que queremos hacer es descargarlo para poder utilizarlo en nuestro aula virtual 00:00:52
Entonces si no tenemos un botón de descarga copiamos todo este código 00:00:58
abrimos un blog de notas simplemente 00:01:02
pegamos el código 00:01:08
y ahora guardamos como archivo html 00:01:11
le ponemos un nombre al archivo html y guardamos 00:01:15
ya podemos cerrar el blog de notas 00:01:21
y nos vamos a nuestra aula virtual 00:01:26
aquí en la aula virtual entramos en nuestro curso 00:01:28
activamos el modo de edición 00:01:33
y simplemente en el bloque o tema que nos interese le vamos a dar a añadir una nueva actividad. 00:01:35
Aquí vamos a elegir la de tipo archivo porque si pegamos el código no se suele ver bien. 00:01:44
Entonces le ponemos un título a la actividad, seleccionamos el archivo HTML que acabamos de guardar. 00:01:49
En apariencia es importante que lo pongamos en automático para que no se descargue el archivo sino que lo veamos directamente y guardamos. 00:02:04
Ya tenemos ahí creada nuestra actividad 00:02:11
La abrimos y vemos el juego 00:02:14
Lógicamente podemos hacer otro tipo de juegos como esta sopa de letras 00:02:18
Ya sabéis que este tipo de actividades no son score 00:02:23
Y por lo tanto no almacenan la calificación de nuestros alumnos 00:02:26
Simplemente podremos ver que han entrado y han hecho la actividad 00:02:29
Y esto es todo en esta píldora 00:02:32
Idioma/s:
es
Idioma/s subtítulos:
es
Etiquetas:
Inteligencia Artificial
Autor/es:
José Tomás Alonso García
Subido por:
Jose Tomas A.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
14
Fecha:
6 de febrero de 2025 - 20:15
Visibilidad:
Público
Enlace Relacionado:
https://www.irfb.es
Centro:
IES RAFAEL FRUHBECK DE BURGOS
Duración:
02′ 35″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
43.06 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid