Ir al contenido principal
Todas las coleccionesGuías de usuario
Crear visualizaciones SCADA en la nube en Ubidots
Crear visualizaciones SCADA en la nube en Ubidots

Replica visualizaciones SCADA dentro de los tableros de Ubidots.

Sergio M avatar
Escrito por Sergio M
Actualizado hace más de 2 meses

Cloud-based SCADA system

Varias industrias dependen de los sistemas de Supervisión, Control y Adquisición de Datos (SCADA) para monitorear procesos industriales, ayudando a mantener la eficiencia y reducir el tiempo de inactividad.

Los sistemas SCADA tradicionalmente han permitido la supervisión local, ya sea a través de HMIs dentro de una instalación industrial, o mediante redes privadas que abarcan los sitios monitoreados. Pero esto está cambiando lentamente. La tendencia del trabajo remoto y la aparición de gateways de IoT industrial están impulsando las tecnologías web modernas hacia el piso de fábrica, permitiendo una supervisión remota segura habilitada por Internet, y ayudando a los operadores industriales, equipos de mantenimiento e incluso a la gerencia a mantener un control de sus procesos en tiempo real.

El SCADA de Ubidots busca brindarte lo mejor de ambos mundos: las tecnologías web modernas y de rápida evolución para análisis, visualización, interfaces de usuario y almacenamiento de datos, con los diseños tradicionales de SCADA a los que los usuarios industriales ya están acostumbrados.

CRÉDITOS

Este widget utiliza un software de código abierto de terceros llamado FUXA, de Umberto Nocelli, sujeto a la licencia MIT.

Requisitos

1. ¿Cómo funciona el widget SCADA?

A diferencia de la mayoría de los widgets de Ubidots, este tiene dos componentes:

  • Cajón de edición del widget: La interfaz típica de edición de widgets, donde seleccionas las variables de Ubidots para incluir en el widget.

  • Editor SCADA: Un portal independiente para crear los diseños SCADA y vincularlos a las variables seleccionadas en el paso anterior, conocidas como "etiquetas".

2. Crear un widget SCADA

El widget SCADA necesita al menos una variable de Ubidots para poder ser creado:

  1. Haz clic en el botón + en la esquina superior derecha del tablero.

  2. Selecciona las variables haciendo clic en el botón + Añadir variable.

  3. Guarda y se abrirá una nueva ventana con el editor SCADA.

  4. Crea un diseño utilizando las formas disponibles en el panel izquierdo.

  5. Guarda y vuelve a tu tablero para ver el widget.

3. Formas y controles

Todas las formas y controles se encuentran en el panel izquierdo del editor. Para crear una nueva, solo necesitas seleccionar una y hacer clic en el lienzo, luego adjunta la variable que se mostrará o controlará.

NOTAS IMPORTANTES:

  • Recuerda guardar tu progreso usando el botón "Guardar" en la esquina superior izquierda.

  • Después de guardar, actualiza el tablero para ver los cambios realizados en el editor SCADA.

4. Imágenes

Para añadir una imagen a tu lienzo, solo haz clic en el icono de imagen ubicado en la sección General y carga un archivo PNG, JPG, SVG o GIF desde tu almacenamiento local.

5. Formas animadas

Hay tres tipos de formas que pueden ser animadas configurando una acción en las opciones de interactividad.

6. Crear múltiples vistas

  1. Crea una nueva vista haciendo clic en el icono + en la esquina superior izquierda.

  2. Selecciona el tipo de vista:

    • Lienzo/SVG

    • Contenedor de múltiples vistas

  3. Haz clic en propiedad para modificar el tamaño y el color de fondo del lienzo.

7. Configuración de diálogo

  1. Haz clic derecho en una forma o control.

  2. Selecciona interactividad.

  3. Ve a eventos y selecciona la acción que deseas ejecutar al hacer clic en la forma.

  4. Confirma y guarda el proyecto.

8. Consejos y trucos

  • Ctrl + izquierda/derecha: rotar el elemento seleccionado.

  • Ctrl + Shift + izquierda/derecha: rotar el elemento seleccionado.

  • Tab/Shift + Tab: seleccionar el elemento anterior/siguiente.

  • Ctrl + arriba/abajo: hacer zoom central hacia adentro/afuera.

  • Ctrl + Z/Y: deshacer/rehacer.

  • Shift +: Redimensionar con el mouse el elemento seleccionado: bloquear ancho y alto.

  • Shift + arriba/abajo/izquierda/derecha: mover el elemento seleccionado.

  • Shift + dibujar línea: gradiente de línea horizontal, vertical o diagonal a 45°.

  • Ctrl + X: cortar el elemento seleccionado.

  • Ctrl + C/V: copiar/pegar el elemento seleccionado.


CRÉDITOS

Este widget utiliza un software de código abierto de terceros llamado FUXA, de Umberto Nocelli, sujeto a la licencia MIT.


¿Ha quedado contestada tu pregunta?