TAREA 2.1 “RECETAS VISUALES”: CREA UNA INFOGRAFÍA USANDO EL PENSAMIENTO COMPUTACIONAL
Eres la mejor diseñadora de cursos de la Junta de Andalucía. Para el módulo 2 me han mandado esta tarea: “TAREA 2.1 “RECETAS VISUALES”: CREA UNA INFOGRAFÍA USANDO EL PENSAMIENTO COMPUTACIONAL”. Tienes la información del módulo 2 “Robótica educativa y pensamiento computacional” en el documento que te adjunto. Leélo antes de empezar. Aquí está la tarea: “
TAREA 2.1 “RECETAS VISUALES”: CREA UNA INFOGRAFÍA USANDO EL PENSAMIENTO COMPUTACIONAL
El objetivo de esta actividad no es solo diseñar un cartel bonito, sino entender que un algoritmo es simplemente una serie de instrucciones ordenadas para resolver un problema. En este caso, el “problema” es un lienzo en blanco.
Paso 1: La “Receta” (Planificación Algorítmica)
Antes de tocar el ordenador, vamos a escribir nuestra hoja de ruta. En pensamiento computacional, esto se llama Diseño Algorítmico.
Escribe una lista numerada con los pasos exactos que vas a seguir sobre lo que quieras (receta, organización de un evento, normas de convivencia,…). No pienses en el contenido todavía, piensa en el proceso.
Ejemplo de un algoritmo básico:
1. Elegir un tema educativo (ej. El ciclo del agua).
2. Resumir la información en 3 puntos clave.
3. Elegir una plantilla en Canva que tenga 3 secciones.
4. Buscar 3 iconos que representen mis puntos clave.
5. Cambiar los colores para que parezcan profesionales.
6. Revisar si el texto se lee bien.
Ejemplo de un algoritmo para hacer un gazpacho:
Paso 2: La Construcción (Ejecución del Algoritmo)
Ahora, abre tu herramienta favorita (Canva, Genially o PowerPoint) y sigue tus propios pasos estrictamente.
Mientras trabajas, es probable que encuentres errores (por ejemplo, que el icono no encaje o que el texto sea muy largo). Aquí introducimos dos conceptos clave:
● Debugging (Depuración): Si algo no funciona en el diseño, detente y corrígelo. No es un error, es “limpiar el código” de tu infografía.
● Iteración: Si al llegar al paso 4 te das cuenta de que el paso 2 era demasiado complejo, puedes volver atrás y simplificarlo.
Guía rápida para el profesorado (Conceptos clave)
Para que se pueda entender mejor los conceptos que se quieren desarrollar, pueden usar esta tabla de equivalencias:
RECURSOS:
Herramientas digitales para infografías
- Canva (web / app)
- Genially
- Google Drawings / Presentaciones
- PowerPoint / Keynote
Plantillas y bancos de iconos gratuitos
Guías de diseño visual
- Principios de Gestalt aplicados al diseño
- Paletas de colores: coolors.co
- Tipografías libres: Google Fonts
Se debe entregar uno o varios enlaces o documentos que contengan:
1. Algoritmo que has seguido para hacer tu infografía
2. Infografía resultante de la ejecución del algoritmo anterior.
3. Documento que explique qué dificultades te has encontrado en la realización de los documentos de los dos pasos anteriores y cómo lo has solucionado (mínimo 50 palabras)
Se evaluará la tarea teniendo en cuenta los siguientes criterios de evaluación. Para superar la tarea, será necesario obtener una puntuación mínima de 9 puntos.
| Criterio de Evaluación | Excelente (4 puntos) | Bueno (3 puntos) | En desarrollo (2 puntos) | Necesita mejorar (1 punto) |
| Diseño Algorítmico | El algoritmo es preciso, incluye puntos de decisión y demuestra una planificación exhaustiva. | Define una secuencia lógica y clara de pasos que guían la construcción del diseño. | Presenta una lista de pasos, pero es muy vaga o se salta etapas críticas del proceso. | No presenta una lista de pasos previa o la lista no tiene un orden lógico. |
| Uso de Simbología | Domina el lenguaje visual de algoritmos, conectando ideas de forma impecable y lógica. | Emplea correctamente los rectángulos (procesos) y rombos (decisiones) en su esquema. | Utiliza formas de manera inconsistente o incorrecta según su función. | No utiliza formas para distinguir acciones de decisiones. |
| Aplicación y Depuración | Demuestra un proceso de “debugging” activo, refinando el diseño hasta lograr un producto profesional. | Aplicó el algoritmo y realizó ajustes necesarios para que el diseño fuera funcional. | Siguió el algoritmo pero no corrigió errores visuales evidentes (texto amontonado, colores ilegibles). | El diseño final no se parece en nada a lo planificado en el algoritmo. |
| Claridad e Infografía | Comunicación visual excepcional: equilibrio perfecto entre estética, iconos y contenido. | La infografía es clara, atractiva y sigue una estructura lógica fácil de seguir. | La información se entiende, pero el diseño es plano o carece de jerarquía visual. | La infografía es confusa y la información está desorganizada. |
“
El caso es que yo quiero hacer algo por encima de esto. Quiero un cartel en el que se expliquen las 3 estructuras básicas de programación. Y lo que quiero hacer es el algoritmo que uso para hacerlo con la IA… usando la IA”.
A partir de aquí empiezo a ejecutar el algoritmo, cuyo primer paso es 1. RECOPILAR MATERIAL NECESARIO. El enunciado del ejercicio también forma parte del prompt.
Dada la explosión de la IA, me he planteado usar la IA y explicar el algoritmo que sigo cuando creo contenido educativo con la IA. Además, lo que voy a hacer para explicar el algoritmo es el cartel que se me pide y, como material para clase, voy a crear un cartel que explique las 3 estructuras básicas de programación: secuencia, selección e iteración.
Los pasos básicos para crear contenido educativo con una IA son:
1. Recopilar el material necesario.
2. Escribir el prompt.
3. Refinar el prompt hasta que de el resultado deseado.
Visto así, con este algoritmo puedo explicar las tres estructuras básicas de programación: secuencia, primero recojo material y luego uso la IA, selección, si el material esta bien, paro, si no, reescribo el prompt e iteración, hasta que no esté bien el material vuelvo a refina el prompt. Para el prompt uso The Prompt Engineering Guide, un PDF muy útil con muchas recetas para crear prompts efectivos. En este caso, voy a usar RGC prompting, rol, objetivo, contexto. Estas son las indicaciones para crear este tipo de prompts (he usado la IA para traducir el PDF, lo que forma parte del primer paso del algoritmo, preparar el material):
Marcos Generales para Crear Prompts
A continuación se presentan una serie de estructuras generales para crear prompts que pueden aplicarse a casi cualquier situación. Estos marcos permiten generar respuestas más detalladas, precisas y útiles al proporcionar a ChatGPT un contexto claro y bien definido.
Al utilizar estas estructuras, se mejora la calidad de las respuestas y se facilita que el modelo comprenda exactamente qué tipo de información se desea obtener.
Método RGC para crear prompts
El marco RGC propone una estructura sólida que puede aplicarse a cualquier tipo de solicitud. Su objetivo es establecer un formato estandarizado que optimice la forma en que se plantean las peticiones a ChatGPT.
El modelo RGC se basa en cinco elementos:
1. Rol (Role)
Define el papel o la identidad que debe adoptar ChatGPT.
Ejemplo:
Eres un experto en marketing.
2. Resultado (Result)
Indica claramente cuál es el resultado que se desea obtener.
Ejemplo:
Crear 5 correos electrónicos que terminen con una llamada a la acción.
3. Objetivo (Goal)
Explica el propósito final del contenido generado.
Ejemplo:
El objetivo es aumentar las ventas de mi producto.
4. Contexto (Context)
Aporta información relevante sobre el público, la situación o el entorno.
Ejemplo:
Los correos están dirigidos a mi audiencia online de emprendedores.
5. Restricciones (Constraints)
Define las limitaciones o pautas que deben seguirse.
Ejemplo:
Los correos deben tener un tono cercano y menos de 200 palabras.
Fórmula general del método RGC
Puedes utilizar la siguiente estructura para crear tus propios prompts:
Estructura:
Eres un experto en [rol].
Crea [resultado].
El objetivo es [objetivo].
El contenido está dirigido a [contexto].
Las pautas o limitaciones son [restricciones].
Ejemplo 1
Prompt:
Eres un experto en marketing.
Crea 5 correos electrónicos que terminen con una llamada a la acción.
El objetivo es aumentar las ventas de mi producto.
Los correos están dirigidos a mi audiencia online de emprendedores.
Los correos deben tener un tono cercano y menos de 200 palabras.
Ejemplo 2
Prompt:
Eres un nutricionista experto.
Crea un plan de comidas de 7 días para una clienta de 40 años, que mide 1,70 m y hace ejercicio 3 veces por semana.
El objetivo es que pierda aproximadamente medio kilo de grasa a la semana mediante un déficit calórico adecuado.
No consume carne de cerdo y desea gastar un máximo de 200 dólares semanales en alimentación.
El plan debe incluir recetas, instrucciones de preparación, tiempos de cocción y un menú específico para desayuno, comida y cena.
(Y ahora este es el final del prompt, que me dará el resultado esperado). A partir de toda esta información, quiero que me hagas una imagen que represente al algoritmo que sigo para crear material educativo con formato de diagrama de flujo usando los símbolos clásicos. (Esta será la primera iteración del prompt, mis prompts, en general, son bastante largos ya para empezar para tener un buen resultado en la primera iteración).
PROMPT2:
Es común que se me olviden cosas. En este caso, poner las imágenes del enunciado de la tarea. Vuelvo a hacerlo. Pero ya aprovecho y, después del primer resultado, ajusto algunas cositas. “Se me ha olvidado ponerte las imágenes del enunciado de la tarea. El diagrama está bien pero sobra lo que viene después del FIN. Abajo puedes poner que usamos el método RGC para los prompts.” Y probamos de nuevo.
PROMPT3: me ha generado texto. No me he explicado bien. Vuelvo a refinar el prompt para una mejor respuesta: “No, pero con todos esos datos, necesito la imagen que has hecho antes, retocada con la nueva información.”
PROMPT4: genera texto. No ha entendido que he pedido la imagen retocada con la nueva información. Se lo vuelvo a pedir. “Pero genera de nuevo la imagen.”
Y ahora sí… tengo algo parecido a lo que quería. En cualquier caso, como decía un director de cine, la película te la quitan de las manos y aquí pasa algo parecido. Siempre podrías mejorar algo pero… no vamos a entrar en un bucle infinito.
Y ahora escribo el prompt que voy a escribir usando este algoritmo para la clase de mañana:
“Eres la mejor diseñadora y programadora del mundo. Necesito una imagen en el que se vean de forma clara y nítida, usando diagramas de flujo, las 3 estructuras básicas de programación. Piensa que es para alumnado de 1º de ESO, así que tiene que ser muy simple. Haz una imagen en horizontal dividiéndola en 3 partes y en cada una un diagrama de flujo, uno para secuencia, otro para selección (si… entonces… si no) y bucles (mientras).
