Creación
Explorar cómo las tecnologías de reconocimiento corporal y las inteligencias artificiales pueden usarse para crear experiencias interactivas.
Objetivo
Experimentar herramientas de reconocimiento facial y explorar cómo una inteligencia artificial puede transformar gestos y movimientos en emojis.
Duración
45-60 minutos
Tiempo de preparación
30-45 minutos
Máximo de participantes
15
Materiales
Computadores con acceso a internet y cámara web habilitada, navegador web con acceso a: https://ml5js.org/ https://p5js.org/, alguna herramienta de inteligencia artificial generativa (ChatGPT, Gemini, Claude u otra) y proyector.
Disposición del espacio
Sala con sillas, computadores y acceso a internet (preferiblemente en grupos de 2 o 3 personas).
Espacio libre frente a computadores (para la interacción)
Espacio libre frente a computadores (para la interacción)
Nivel de competencias digitales
Intermedio
Paso a paso
Antes:
1. Familiarízate mínimamente con plataforma https://ml5js.org/ y alguno de los siguientes modelos
Seguimiento de manos: https://docs.ml5js.org/#/reference/handpose
Seguimiento de cuerpo: https://docs.ml5js.org/#/reference/bodypose
Seguimiento de rostro: https://docs.ml5js.org/#/reference/facemesh
2. Familiarizate con el editor https://editor.p5js.org/ para ejecutar el código de los modelos previos
3. Dispón de computadores en el espacio según proyección de asistencia (procurar grupos de 2 o 3 personas)
4.Verifica acceso a webcam y conexión a internet.
5. Abre previamente en cada computador:
Navegador web
pestaña con https://ml5js.org/
Pestaña con herramienta de IA generativa (ChatGPT, Gemini, Claude u otra) o permitir que las personas determinen luego cuál usar.
Durante:
1. Introduce a los participantes al tema y pregunta: ¿Dónde han visto filtros o sistemas que reconocen rostros o movimientos? y ¿Cómo creen que TikTok, Instagram o los videojuegos detectan expresiones o cuerpos?
2. Luego pídeles que se organicen en grupos de 2 o 3 personas por computador. Ahora invítalos a ingresar a ML5.js y escoger algunos de los siguientes modelos:
Seguimiento de manos: https://docs.ml5js.org/#/reference/handpose
Seguimiento de cuerpo: https://docs.ml5js.org/#/reference/bodypose
Seguimiento de rostro: https://docs.ml5js.org/#/reference/facemesh
3. Indícales que abran alguno de los ejemplos disponibles y lo ejecuten desde el editor de P5.js. Cuando aparezca la solicitud de acceso a la cámara, deberán aceptarla.
4. Mientras exploran el modelo, pídeles que observen y conversen sobre: ¿Qué reconoce? ¿Qué errores tiene? ¿Qué movimientos detecta mejor?
5. Ahora pídeles que copien el código del ejemplo utilizado y lo lleven a una herramienta de inteligencia artificial generativa de su preferencia.
6. Luego, invítales a definir entre 2 y 3 gestos (de la mano, rostro o cuerpo) y asociarlos con un emoji.
7. Después deberán pedirle a la IA que modifique el código para que, cuando detecte esos gestos, aparezca un emoji en pantalla.
(Ejemplo de prompt: Modifica el código recién usado para que detecte poses y muestre en pantalla un emoji correspondiente a cada una. Usa la misma librería y estructura original del código y devuélveme el código completo.)
8. Cuando la IA genere el nuevo código, deberán copiar el código generado y llevarlo al editor de P5.JS https://editor.p5js.org/ pegarlo y ejecutarlo.
Nota: Si encuentran errores, acompaña el proceso pidiéndoles que copien el mensaje de error y se lo envíen nuevamente a la IA para intentar solucionarlo
9. Para finalizar socializa con el grupo los resultados
1. Familiarízate mínimamente con plataforma https://ml5js.org/ y alguno de los siguientes modelos
Seguimiento de manos: https://docs.ml5js.org/#/reference/handpose
Seguimiento de cuerpo: https://docs.ml5js.org/#/reference/bodypose
Seguimiento de rostro: https://docs.ml5js.org/#/reference/facemesh
2. Familiarizate con el editor https://editor.p5js.org/ para ejecutar el código de los modelos previos
3. Dispón de computadores en el espacio según proyección de asistencia (procurar grupos de 2 o 3 personas)
4.Verifica acceso a webcam y conexión a internet.
5. Abre previamente en cada computador:
Navegador web
pestaña con https://ml5js.org/
Pestaña con herramienta de IA generativa (ChatGPT, Gemini, Claude u otra) o permitir que las personas determinen luego cuál usar.
Durante:
1. Introduce a los participantes al tema y pregunta: ¿Dónde han visto filtros o sistemas que reconocen rostros o movimientos? y ¿Cómo creen que TikTok, Instagram o los videojuegos detectan expresiones o cuerpos?
2. Luego pídeles que se organicen en grupos de 2 o 3 personas por computador. Ahora invítalos a ingresar a ML5.js y escoger algunos de los siguientes modelos:
Seguimiento de manos: https://docs.ml5js.org/#/reference/handpose
Seguimiento de cuerpo: https://docs.ml5js.org/#/reference/bodypose
Seguimiento de rostro: https://docs.ml5js.org/#/reference/facemesh
3. Indícales que abran alguno de los ejemplos disponibles y lo ejecuten desde el editor de P5.js. Cuando aparezca la solicitud de acceso a la cámara, deberán aceptarla.
4. Mientras exploran el modelo, pídeles que observen y conversen sobre: ¿Qué reconoce? ¿Qué errores tiene? ¿Qué movimientos detecta mejor?
5. Ahora pídeles que copien el código del ejemplo utilizado y lo lleven a una herramienta de inteligencia artificial generativa de su preferencia.
6. Luego, invítales a definir entre 2 y 3 gestos (de la mano, rostro o cuerpo) y asociarlos con un emoji.
7. Después deberán pedirle a la IA que modifique el código para que, cuando detecte esos gestos, aparezca un emoji en pantalla.
(Ejemplo de prompt: Modifica el código recién usado para que detecte poses y muestre en pantalla un emoji correspondiente a cada una. Usa la misma librería y estructura original del código y devuélveme el código completo.)
8. Cuando la IA genere el nuevo código, deberán copiar el código generado y llevarlo al editor de P5.JS https://editor.p5js.org/ pegarlo y ejecutarlo.
Nota: Si encuentran errores, acompaña el proceso pidiéndoles que copien el mensaje de error y se lo envíen nuevamente a la IA para intentar solucionarlo
9. Para finalizar socializa con el grupo los resultados
Para tener en cuenta
-No es necesario saber programar, basta con entender el entorno y saber ejecutar los códigos.
-Algunas personas pueden frustrarse a causa de los errores técnicos, así que es importante reiterar la idea de que se trata de un espacio de experimentación, lo cual supone ensayar y errar.
-Es necesario que quien media circule constantemente para detonar ideas, resolver bloqueos y acompañar personalmente el uso de las plataformas (de ahí también la importancia de la configuración en grupos).
-En caso de considerar que el grupo no cuenta con suficientes habilidades en el manejo de computadores y navegadores web, elegir un único modelo para la realización del reto creativo.
-Algunas personas pueden frustrarse a causa de los errores técnicos, así que es importante reiterar la idea de que se trata de un espacio de experimentación, lo cual supone ensayar y errar.
-Es necesario que quien media circule constantemente para detonar ideas, resolver bloqueos y acompañar personalmente el uso de las plataformas (de ahí también la importancia de la configuración en grupos).
-En caso de considerar que el grupo no cuenta con suficientes habilidades en el manejo de computadores y navegadores web, elegir un único modelo para la realización del reto creativo.
