Biblioteca

Demo interactiva

Ejemplo: el probador de camisetas

Ejemplo trabajado: en la Unidad 00 alguien dijo que usa la IA para diseñar camisetas. Así se pasa de pedir un diseño a construir el probador.

20 min Nivel 2 · Con criterios 10.º · 11.º Ejemplo

  • #Moda y diseño
  • #Arte y dibujo
Hazla tuya

Llena los espacios y mira cómo cambia

Carga una variante
Tu instrucción, en vivo

Crea una página interactiva para el navegador: un probador de camisetas. Muestra una camiseta dibujada con formas simples, vista de frente y de espalda. Controles: color de la camiseta (blanco, negro, azul marino, rojo y amarillo mango), un texto que se escribe y se coloca en el pecho, y un dibujo de una galería de 6 iconos (palma, tambora, balón, estrella, ola, sol). La tipografía se elige entre tres: una redonda, una de cómic y una de estilo universitario. Un botón descarga el diseño como imagen. Sin logos de marcas.

Faltan 3 campos: se copiarán con los ejemplos. Los ejemplos están bien para empezar, pero lo tuyo es lo que hace que la pieza sea tuya.

Modificarla paso a paso

Dónde se hace: Un asistente que genera páginas interactivas para el navegador (HTML y JavaScript), la que tu Orientador de Aprendizaje habilitó para la Unidad.

Cómo personalizarlo
  1. Intento 1 del ejemplo: «Diséñame una camiseta chula». Salió una imagen bonita e imposible de cambiar: cada ajuste era empezar de cero.
  2. Lo que cambió en el intento 2: la pregunta pasó de «¿qué diseño quiero?» a «¿qué herramienta me dejaría probar muchos diseños?». Ahora el diseño lo decides tú.
  3. Ahora tú: añade la galería de iconos de tu equipo o de tu evento, dibujados por ustedes.
¿Salió bien?
  • C1: se prueban diez diseños en un minuto.
  • C2: la decisión final la toma una persona, no la herramienta.

Y al final: ¿mejoró la instrucción, o mejoró la pregunta?

Compártela

Volver a la biblioteca

Aprendizaje integral en IA diseñado para educadores, por educadores. De la concienciación a la maestría.