No sé si los cuadros de mando son EL (único) medio de hacer latir más rápido el corazón de un empollón, pero desde luego son un medio de hacer latir más rápido el corazón de un empollón. Para los que crecieron con Star Trek y similares, los cuadros de mando en forma de diagramas y gráficos son el epítome de la tecnología. Gracias a ciertos nodos, ahora puedes crear tú mismo esta sensación con NodeRed.
Porque una vez que has conseguido que tu SmartHome recoja todo tipo de datos sobre tus cuatro paredes, es natural que quieras presentarlos. Pero, ¿cómo? Al fin y al cabo, no puedes meter estos datos en un álbum de fotos como las últimas fotos de las vacaciones.
Una forma sencilla y también informativa y decorativa es presentar los datos disponibles a través del nodo dashboard para NodeRed. Además de varios elementos de visualización, también ofrece la posibilidad de interactuar con su sistema SmartHome. Puede establecer valores, accionar interruptores virtuales, activar acciones y supervisar su estado al mismo tiempo.
Puede encontrar una visión general de las distintas funciones del Nodo del Cuadro de Mando en el siguiente artículo
Requisitos
Artículos útiles: Para que pueda instalar nuevos nodos, por supuesto, NodeRed ya debería estar instalado. En los siguientes artículos se describe cómo preparar una RaspberryPi y luego instalar NodeRed en ella.
Resumen de los nodos de entrada y salida disponibles
Al instalar los nodos del cuadro de mandos, recibirá todo un paquete de nodos adicionales adecuados para mostrar e introducir diversos valores. Estos se muestran como de costumbre en la paleta de nodos situada a la izquierda del menú de configuración. A continuación encontrará información detallada sobre cada uno de los nodos.
Nodo de botones y posicionamiento de los elementos en el salpicadero
El primer nodo, y el más sencillo, es el "nodo botón". Puedes utilizarlo para colocar un botón en tu tablero. Esto funciona como un botón en el mundo real. Cuando se pulsa, envía un valor ajustable y un tema ajustable al nodo vinculado.
Los nodos de botón, por ejemplo, pueden utilizarse muy bien para desencadenar acciones. Por ejemplo, puede encender y apagar lámparas.
Sin embargo, antes de poder utilizar el nodo de botón, primero debe posicionarse en la rejilla de diseño del cuadro de mandos.
Además de las funciones de los nodos propiamente dichos, también puede configurarse para cada uno de ellos el posicionamiento en el diseño del cuadro de mandos posterior. El cuadro de mandos es, por tanto, un sitio web independiente que puede gestionarse de forma centralizada a través de la configuración del cuadro de mandos.
Al instalar los nodos del cuadro de mandos, se ha añadido una nueva pestaña al área de configuración de la izquierda. Puede reconocerla por el icono basado en un gráfico de barras. Haz clic en él para abrir la configuración básica del cuadro de mandos.
Aquí puede ver las diferentes pestañas "Diseño", "Tema" y "Sitio" en la zona superior. A la derecha hay una flecha que apunta hacia arriba y a la derecha. Si hace clic en ella, se le redirigirá al sitio web del panel de control.
También puede seleccionar directamente la página del panel de control. Para ello, simplemente añada "/ui/" a la dirección de su página de configuración de NodeRed. Por ejemplo, si la dirección de su página de configuración de NodeRed es https://192.168.172.5:1880 entonces la dirección es a su tablero https://192.168.172.5:1880/ui/
En primer lugar, se trata del diseño. Puede utilizarla para colocar los respectivos elementos de entrada y salida (nodos del cuadro de mandos) casi libremente en el cuadro de mandos. El cuadro de mandos ofrece la posibilidad de resumir los nodos individuales del cuadro de mandos en grupos. El orden de visualización de estos nodos puede establecerse en el cuadro de mandos. Además, estos nodos agrupados pueden o deben asignarse a una "pestaña" específica.
Además de la pestaña "Casa", también se pueden crear otras pestañas. Esto resulta útil, por ejemplo, para separar virtualmente los elementos de las distintas habitaciones de un sistema doméstico inteligente. Por ejemplo, puedes resumir todos los sensores y actuadores del salón en una pestaña llamada "Salón". Esto facilita mantener una visión de conjunto y aporta estructura al número de nodos, a menudo en rápido aumento.
Esto es también lo que puede ver y establecer en la pestaña "Diseño" de la configuración del cuadro de mandos. Allí se muestran todas las pestañas y los grupos asociados. En la siguiente captura de pantalla
Otro ejemplo:
El nodo de botón
El nodo botón es uno de los nodos más sencillos. Puede utilizarse para construir botones virtuales. Para ello, arrastre el nodo botón desde la paleta de nodos al área de configuración de NodeRed. Si ahora hace doble clic sobre el nodo, podrá configurar las siguientes opciones.
nodo desplegable
El nodo desplegable es un nodo con el que puede crear una lista de selección en el Cuadro de Mando. Por ejemplo, puede crear una lista de temperaturas disponibles para un radiador. Sin embargo, también puede definir todo tipo de otras entradas con diferentes nombres y los valores correspondientes.
Para ello, arrastre un nodo desplegable de la paleta Nodo a la interfaz de configuración Nodo Rojo y haga doble clic sobre él.
cambiar de nodo
El nodo de conmutación corresponde en principio a un conmutador virtual. Puede utilizarse para enviar señales de conmutación o para indicar estados de conmutación.
Para ello, arrastre el nodo de conmutación desde la paleta Nodo a la interfaz de configuración Nodo Rojo y haga doble clic sobre él.
nodo deslizante
El nodo deslizante es ideal para establecer números dentro de un cierto rango. Un buen caso de uso, por ejemplo, es usarlo como atenuador de una lámpara.
Para utilizar el nodo deslizante, primero debe arrastrarlo desde la paleta Nodo hasta la interfaz de configuración Nodo Rojo y abrir su menú de configuración haciendo doble clic sobre él.
nodo numérico
El nodo numérico es otra forma de pasar valores numéricos a Nodo-Rojo para su procesamiento.
Para configurarlos, arrastre un nodo numérico de la paleta Nodo a la interfaz de configuración Nodo Rojo.
Nodo de entrada de texto
El nodo de entrada de texto es -como su nombre indica- un nodo para habilitar la entrada de texto.
Nodo selector de fecha
El date-picker-node básicamente hace exactamente lo que su nombre sugiere: Con él puedes seleccionar una fecha determinada y pasársela a NodeRed para su posterior procesamiento.
Nodo selector de color
El nodo selector de color es ideal para ajustar el color de una lámpara RGB conectada. Por supuesto, también puedes utilizarlo para transferir colores a Nodo-Rojo para su posterior procesamiento en todos los demás casos.
nodo de formulario
Con el nodo formulario tiene la posibilidad de configurar un formulario típico. Esto le permite combinar diferentes opciones de entrada. Esto es perfecto, por ejemplo, para configurar un formulario para introducir una dirección o similar.
Nodo de salida de texto
El nodo de salida de texto es ideal para mostrar simplemente texto. Por ejemplo, puede mostrar valores medidos de sensores. El usuario no tiene posibilidad de editar el texto mostrado.
nodo de calibre
El nodo calibrador es perfecto para visualizar los valores medidos. De este modo, los valores medidos pueden clasificarse visualmente de forma directa. También se pueden definir intervalos numéricos en los que cambia el color de la escala visualizada. Por ejemplo, puede mostrar las temperaturas altas/peligrosas en rojo. En cambio, las temperaturas dentro del intervalo normal se muestran con una escala verde. Esto permite hacerse una idea rápida de si las lecturas mostradas son correctas o no. Además, tiene un aspecto muy chulo (tipo Star Trek) 🙂 .
nodo gráfico
El nodo gráfico es adecuado para visualizar curvas de valores. Por ejemplo, puede guardar y mostrar el curso de una temperatura durante un periodo de tiempo determinado. Por desgracia, los valores sólo se guardan temporalmente. Esto significa que si su servidor NodeRed se bloquea o se reinicia, todos los valores mostrados anteriormente se perderán.
nodo de salida de audio
El Audio-Out-Node es otro de estos nodos que hace exactamente lo que su nombre sugiere. Da salida al texto como lenguaje hablado.
nodo de notificación
El nodo de notificaciones permite mostrar notificaciones en el panel de control abierto. Estas pueden mostrarse como información en el borde o centradas en el centro de la pantalla, incluyendo un botón de confirmación.
nodo de control de la interfaz de usuario
Puede utilizar el nodo de control de interfaz de usuario para controlar el aspecto y el comportamiento de la vista del cuadro de mandos. Por ejemplo, puede utilizarlo para cambiar la pestaña mostrada y "expandir y contraer" grupos. También puede utilizar este nodo para reaccionar a si un usuario ha abierto o cerrado el cuadro de mandos.
nodo de plantilla
El nodo de plantilla es un nodo muy versátil. Puede utilizarlo para integrar su propio código HTML en el cuadro de mandos. Éste puede reaccionar individualmente a los mensajes recibidos de los nodos conectados y también enviar mensajes por sí mismo.
thztjz
Más ejemplos
A continuación encontrarás una pequeña lista de artículos en los que también uso los nodos del salpicadero. Tal vez haya algo para ti también 🙂 .
Espero que todo te haya funcionado como se describe. Si no es así, o si tiene alguna pregunta o sugerencia, hágamelo saber en los comentarios. Si es necesario, lo añadiré al artículo. Las ideas para nuevos proyectos siempre son bienvenidas. 🙂
PS Muchos de estos proyectos, especialmente los proyectos de hardware, cuestan mucho tiempo y dinero. Por supuesto que hago esto porque lo disfruto, pero si crees que es genial que comparta la información contigo, me encantaría hacer una pequeña donación al fondo del café. 🙂
Hola, gran artículo. Una pregunta sobre esto: ¿Cómo logra organizar los elementos uno al lado del otro dentro de un grupo, como el botón de encendido y apagado en su grupo de tiras LED?
Hola Andreas,
gracias 🙂
En realidad, esto debería ocurrir automáticamente en cuanto ambos elementos encajen uno al lado del otro en el grupo. Para ello, es necesario ajustar la anchura de los elementos (en el caso de la tira de LED, los botones) a 3, por ejemplo, para que quepan en el grupo (aquí "tira de LED") con una anchura de 6 uno al lado del otro 🙂.
Por favor, hágamelo saber si funcionó. 🙂
Atentamente
Fab
excelente articulo, me ayudo mucho. Todavía tengo una pregunta general sobre un tablero de Node-Red.
Construí uno y leí datos de un sensor de temperatura a través de Node-Red. Conecté esto al RPi. (Node-red se ejecuta en mi RPi).
También se puede acceder fácilmente a este tablero a través del navegador que uso. Pero solo si estoy en la misma red que la Raspberry Pi.
No tengo acceso al tablero desde la red de Internet de mi teléfono inteligente.
¿Sabes cómo puedo acceder también al panel de control desde la red "pública", o desde conexiones a Internet distintas de mi W-Lan en casa?
Hola Lennard,
Gracias. 🙂
La (única opción razonablemente) segura es conectarse a su red doméstica a través de una VPN y así acceder a la RaspberryPi en su red.
Mientras tanto, muchos enrutadores (por ejemplo, el Fritzbox) se pueden configurar como servidores VPN.
Desafortunadamente no tengo un tutorial listo para esto, pero probablemente. encuentras algo al respecto? 🙂
Atentamente
Fabian
Hola,
He estado trabajando con Node-Red en Raspy-400 durante unos días. Un convertidor AD (ADS1115) también me da resultados limpios. Me gustaría cambiar el tamaño de fuente para los nodos del tablero. es posible? Algunos códigos están publicados en otros sitios, pero no funcionan. ¿Tiene un ejemplo para mí (por ejemplo, para calibre) cómo hacer eso?
Me gustaría darle las gracias de antemano, solo por el artículo del tablero.
Atentamente
H.Harle
Hola Horst,
Desgraciadamente no tengo un ejemplo, pero quizás un "empujoncito" en la dirección correcta. La descripción de nodo para el nodo de calibre contiene la siguiente nota:
Si se especifica una Clase, se agregará a la tarjeta principal. De esta manera, puede diseñar la tarjeta y los elementos dentro de ella con CSS personalizado. La clase se puede configurar en tiempo de ejecución configurando una propiedad de cadena msg.className.
Eso significa que en realidad debería poder editar la apariencia de los componentes individuales del nodo de calibre con código CSS.
Espero que esto te ayude más. 🙂
Atentamente
Fab
Hola, gran artículo. Una pregunta sobre esto: ¿Cómo logra organizar los elementos uno al lado del otro dentro de un grupo, como el botón de encendido y apagado en su grupo de tiras LED?
Atentamente
Andrés
Hola Andreas,
gracias 🙂
En realidad, esto debería ocurrir automáticamente en cuanto ambos elementos encajen uno al lado del otro en el grupo. Para ello, es necesario ajustar la anchura de los elementos (en el caso de la tira de LED, los botones) a 3, por ejemplo, para que quepan en el grupo (aquí "tira de LED") con una anchura de 6 uno al lado del otro 🙂.
Por favor, hágamelo saber si funcionó. 🙂
Atentamente
Fab
Gracias 🙂
Buen día,
excelente articulo, me ayudo mucho. Todavía tengo una pregunta general sobre un tablero de Node-Red.
Construí uno y leí datos de un sensor de temperatura a través de Node-Red. Conecté esto al RPi. (Node-red se ejecuta en mi RPi).
También se puede acceder fácilmente a este tablero a través del navegador que uso. Pero solo si estoy en la misma red que la Raspberry Pi.
No tengo acceso al tablero desde la red de Internet de mi teléfono inteligente.
¿Sabes cómo puedo acceder también al panel de control desde la red "pública", o desde conexiones a Internet distintas de mi W-Lan en casa?
Gracias y un saludo, Lennard.
Hola Lennard,
Gracias. 🙂
La (única opción razonablemente) segura es conectarse a su red doméstica a través de una VPN y así acceder a la RaspberryPi en su red.
Mientras tanto, muchos enrutadores (por ejemplo, el Fritzbox) se pueden configurar como servidores VPN.
Desafortunadamente no tengo un tutorial listo para esto, pero probablemente. encuentras algo al respecto? 🙂
Atentamente
Fabian
Hola,
He estado trabajando con Node-Red en Raspy-400 durante unos días. Un convertidor AD (ADS1115) también me da resultados limpios. Me gustaría cambiar el tamaño de fuente para los nodos del tablero. es posible? Algunos códigos están publicados en otros sitios, pero no funcionan. ¿Tiene un ejemplo para mí (por ejemplo, para calibre) cómo hacer eso?
Me gustaría darle las gracias de antemano, solo por el artículo del tablero.
Atentamente
H.Harle
Hola Horst,
Desgraciadamente no tengo un ejemplo, pero quizás un "empujoncito" en la dirección correcta. La descripción de nodo para el nodo de calibre contiene la siguiente nota:
Eso significa que en realidad debería poder editar la apariencia de los componentes individuales del nodo de calibre con código CSS.
Espero que esto te ayude más. 🙂
Atentamente
Fab