Microcontroller circuit transmitting data to a digital cloud network representation

Del sketch al escritorio. Cierro el círculo

A lo largo de la semana os he mostrado cómo una idea en un simple boceto a mano alzada se convertía en una arquitectura real, donde Make orquestaba a tres agentes de IA (Investigador, Redactor y Director de Arte). Pero el verdadero reto estaba es hacer que la nube impactará en el mundo real, y ese es el paso que hoy os muestro.

Pero antes os dejo la referencia a los post anteriores relacionados:

Llegando al mundo físico 🔩🎛️

Para este final, he sacado a la IA de la pantalla y la he traído a mi escritorio. ¿Cómo? Construyendo un puente en tres pasos:

1️⃣ El Túnel (Ngrok)

El disparador en Make (orquestador): Al ejecutar el flujo, los módulos HTTP de Make envían un pequeño paquete de datos (formato JSON con {«encender»: true}). Make busca la dirección pública que hemos configurado en Ngrok y lanza el paquete a la red usando el protocolo estándar de internet (HTTP).

La nube necesita encontrar mi ordenador de forma segura. Ngrok crea ese túnel directo hacia un script local en mi equipo, esperando en el puerto establecido. 

Nuestra red local (el router de tu casa) está diseñada para bloquear peticiones externas por seguridad. Aquí es donde entra Ngrok. Al ejecutarlo en el terminal, Ngrok crea un «túnel» seguro desde mi Mac hacia el exterior. Cuando el paquete de Make llega a los servidores globales de Ngrok, este simplemente lo pasa por ese túnel, atravesando tu cortafuegos sin problemas, y lo entrega directamente en el puerto designado de mi ordenador.

De la Nube al Arduino
De la Nube al Arduino

2️⃣ El Puente físico 🔗

El servidor Node.js (escuchador): El script server.js está escuchando pacientemente en el puerto designado. Al recibir el paquete web, lo abre, y lee la orden de encendido. Make habla el idioma de la web (JSON/HTTP), pero la placa de Arduino habla el idioma eléctrico (0 y 1). Node.js actúa de traductor: toma la orden de la web y la convierte en un simple carácter de texto: el número ‘1’.

Cuando Make va realizando su trabajo, va lanzando los mensajes a ese script. Instantáneamente, la señal viaja por el conector micro-USB de mi Mac directo a la placa Arduino. 

3️⃣ El Mundo real 🎛️

Node.js envía carácteres ‘1’ a través de la salida serie del Mac, viajando por el cable físico Micro USB B directamente hacia la placa y hacia los pines indicados. El código en C++ que tengo preparado en el Arduino, que está en un bucle infinito escuchando el puerto serie, detecta los carácteres ‘1’. Al leerlos, ejecuta las instrucciones electrónicas: aplicar voltaje al Pin correspondiente, completando el circuito y encendiendo el LED que se le indique.

Nota: La IA gracias a su capacidad multimodal ayuda a identificar componentes, a determinar el valor de las resistencias (en mi caso con el daltonismo es una gozada) indicándonos con una foto su valor, se acabo buscar en las tablas.

Componentes
Componentes

La protoboard toma el control. Los LEDs del proceso van anunciando los pasos, la IA finaliza su redacción y, con un pitido del zumbador y todos los LEDs al mismo tiempo, el sistema me avisa físicamente de que tengo los dos correos listos para publicar.

La parte física: maqueta
La parte física: maqueta

Seguidamente os muestro mi bandeja de entrada tras enviar un mensaje con un tema a la dirección de correo de mi agente. Por cierto, he dejado parado el flujo en Make, ya que si recibiera un mensaje el flujo actuaría generando los correos y remitiéndolos al correo de origen, eso si yo me enteraría de la ejecución gracias a mi Arduino.

Resultado de una llamada
Resultado de una llamada

⭐️ Conclusión ⭐️

El Visual Thinking no es solo dibujar, es trazar el camino más limpio entre una idea y su ejecución.

En el vídeo os muestro como el flujo se completa en apenas un minuto: envío el correo de inicio, la IA procesa y las luces de mi mesa me avisan del éxito, y ya he recibido los correos con lo necesario para mi publicación. Es un vídeo sin demasiada edición, tan solo algunos cortes para encajar el audio, vamos nada espectacular. 

La tecnología es compleja, pero cuando la hacemos visual y tangible, se vuelve magia. Deja tus comentarios y si quieres más detalles indícame lo que necesites que te amplíe.👇

#VisualThinking #IA #Ngrok #Arduino #Automatizacion 

Caso de Uso : IA

Del sketch al escritorio: Cómo la IA te ayuda a dar vida a tus ideas

Sé sincero ✋. ¿Cuántas veces has esbozado la solución perfecta a un problema en una libreta, en un post-it, o en la mítica servilleta de cafetería… y luego la has abandonado por la pura pereza de «pasarla a limpio»?

Como profesionales atrapados en la cultura de la prisa y la burocracia, sabemos que nuestro cerebro va a mil por hora, pero nuestras herramientas digitales a veces nos frenan. Los que defendemos el Visual Thinking tenemos claro que la magia, la verdadera arquitectura de un sistema, nace en el caos de los trazos de nuestros esquemas iniciales.

El problema es la fricción. El esfuerzo de sentarse frente a la pantalla a arrastrar cajas y alinear flechas no aporta valor y en términos Lean, es puro muda (desperdicio).

Pero con la IA y sobre todo con la multimodal las reglas del juego han cambiado completamente.

🪄 La magia de la IA multimodal: La IA puede «ver» y “escuchar”

La Inteligencia Artificial supera ampliamente la barrera del texto. Ahora comprende el espacio, interpreta el caos de nuestras líneas y entiende la lógica detrás de nuestros sketches.

Para demostrar que esto no es teoría de manual, esta semana voy a construir en vivo un caso de uso real. Vamos a ir desde un sketch inicial hasta llegar incluso a la electrónica física utilizando iterativamente tres herramientas:

1. La captura del caos. El uso de bocetos e ideas. 

Caso de Uso : IA
Caso de Uso : IA

Todo empieza donde siempre: en un sketch, ya sea en papel o en nuestro iPad. Sin filtros, sin mucho más software. Solo con la idea cruda.

2. El Prompt visual. El análisis de la realidad.

Subimos una imagen a la IA. No le pedimos que «transcriba», le pedimos que comprenda. La IA infiere las conexiones, organiza flujos, nos devuelve estructuras técnicas listas para ser desarrolladas. Adiós al muda, resultados prácticamente directos. 

3. La ejecución. Implementación de software y hardware asistida.

A partir de esquemas, vamos a orquestar diferentes ecosistemas con diferentes herramientas que conectaran mundos diferentes. En el caso de uso que os mostraré encontraremos los siguientes:

  • Un Webhook que capturatrá un correo entrante con instrucciones clave.
  • Una orquestación que utilizará tres agentes de IA: un Investigador, un Redactor y un Director de Arte.
  • Estos agentes procesarán la información y devolverán el trabajo hecho: un post estructurado y el prompt exacto para el sketchnote que lo acompañará.
  • El toque final: A través del puerto serie de mi Mac, el sistema se comunicará con una pequeña placa Arduino que tengo en mi escritorio. Encenderá unos LEDs y emitirá un pitido. El mundo digital avisando al mundo físico de que el trabajo está terminado.

🔩 El caso de uso

El caso de uso es el que mostraba cuando hablaba de la captura del caos. La idea es que desde mi móvil envíe un mensaje a un agente para crear un post para mi blog. Esto desencadenará la llamada a los modelos de IA que necesite y cuando termine el procesamiento el sistema me retornara al correo el resultado. Adicionalmente, durante el proceso utilizaré un Arduino para que me vaya mostrando las fases del proceso vía LEDs y una señal sonora.

A lo largo de los próximos días, voy a abrir el capó de este caso de uso o maqueta. Publicaré píldoras técnicas desgranando cada paso (Webhooks, orquestación, integración de hardware) y terminaremos con un vídeo del sistema en plena acción.

La tecnología solo tiene sentido si nos ahorra tiempo y nos hace la vida más fácil. La IA no se queda atrapada en tu pantalla, te mostraré como enciende unos pequeños e inofensivos LEDs, pero como bien sabes en la actualidad se está utilizando en armas autónomas en conflictos armados reales.

¿Qué proceso real automatizarías tú? Te leo en comentarios 👇.