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:
- Del Sketch al escritorio. La idea.
- El mapa y el primer paso. El disparador.
- El cerebro del sistema. Los Agentes.
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.
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.
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.
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.
⭐️ 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
Don't Give up! 