Widgets y constructor de interfaz gráfica

Widgets y constructor de interfaz gráfica de AggreGate

Un widget es una "subaplicación" especial con una interfaz gráfica de usuario (GUI) que consiste en componentes de interfaz de usuario, como campos de texto, paneles con pestañas, ventanas de video, etc. Los widgets son buenos para construir formularios, Graficos y diagramas, Instalaciones / planos de planta, mapas dinámicos e interfaces hombre-máquina (HMI). Estás interfaces se pueden usar para controlar, configurar y monitorear diferentes dispositivos de hardware o componentes del sistema.

Los widgets se pueden agrupar en un dashboard para actuar como una interfaz de operador personalizado.

Los componentes de widgets están vinculados a los datos del servidor y del dispositivo mediante bindings / asociaciones que también pueden vincular componentes y definir diferentes patrones de conversión de datos basados en expresiones. Los enlaces pueden ser activados:

Durante el inicio del widget
Después del evento del lado del servidor o cambio de estado, por ejemplo, cuando llegan nuevos datos del dispositivo
Tras el evento del componente widget o el cambio de estado, por ejemplo, botón clic
Periodicamente

Los scripts de Java se pueden insertar en un widget si alguna tarea de procesamiento de datos no se puede realizar utilizando expresiones.

Los widgets pueden incluir muchos componentes diferentes:

  • Campos de texto y contraseña
  • Áreas de texto y HTML
  • Botones y alternación de botones
  • Cajas combinadas
  • Listas
  • Casillas de verificación y botones de radio
  • Controles deslizantes y giratorios
  • Selector de fecha y hora
  • Barras de progreso
  • Tablas
  • Imágenes de trama
  • Dibujos dinámicos de vectores
  • Gráficos
  • Registros de eventos
  • Árboles del sistema
  • Medidores de aguja, medidores digitales y pantallas LED
  • Reproductores de video
  • Gráficos de topología
  • Mapas dinámicos (hoja de ruta / terreno / satélite)

Estos componentes se pueden agrupar en varios contenedores:

  • Paneles
  • Paneles con pestañas
  • Paneles divididos
  • Paneles en capas
  • Subwidgets
  • Menús emergentes

Los contenedores admiten dos diseños:

  • Diseño de cuadrícula que alinea automáticamente los componentes de acuerdo con su tamaño. Es especialmente bueno para construir formas.
  • Diseño absoluto con posiciones y tamaños de componentes estrictamente definidos. Este diseño es útil para construir pantallas personalizadas al estilo HMI, mapas, planos, etc.

Los contenedores con diferentes diseños se pueden combinar dentro de un widget para construir interfaces complejas.

Los componentes de interfaz de usuario de widgets tienen miles de propiedades editables. Algunos de ellos se comparten entre varios tipos de componentes, otros son específicos del componente. Las propiedades comunes incluyen visibilidad, tamaños, bordes, fuentes, colores, trazos, cursores, información sobre herramientas, propiedades de enfoque y más.

UI Builder de AggreGate

UI Builder

Los Widgets se crean en la aplicación de UI Builder interactivo que forma parte de AggreGate Client y Unified Console. Es un editor visual para todos los tipos de widgets. No requiere ningún conocimiento de programación, y le permite fácilmente:

  • Agregar, mover y cambiar el tamaño de los componentes mediante arrastrar y soltar (drag and drop)
  • Edita visualmente el diseño de widgets y diseños de contenedores individuales
  • Enlace los datos del servidor a los componentes del widget
  • Editar propiedades de componentes y enlaces de datos

Se puede iniciar un widget para probarlo en cualquier momento directamente desde el Creador de la GUI. Incluso en el modo de prueba, los widgets pueden operar con datos reales del servidor y del dispositivo.