Cómo funcionan las páginas

Las dos plantillas de página, los paneles en línea que guardan mientras usted edita, la barra de comandos y sus dos formas de rechazo, los menús del botón derecho, el bloqueo de ingeniería, el runtime detenido, las confirmaciones y dónde aterriza cada resultado.

Ver como Markdown

Las páginas de Ganter Lab comparten un pequeño conjunto de convenciones, de modo que, una vez configurada una cosa, usted ya sabe configurar la siguiente: dos plantillas de página, paneles que guardan mientras se edita, una sola manera de colocar un comando y dos de rechazarlo, un menú del botón derecho que repite la barra, y un único sitio donde aterrizan los resultados. Esta página las enuncia una vez; las páginas de cada área solo dicen lo que tienen de particular.

Dos plantillas de página

Páginas de lista y detalle

Connector, Logic, Process y Usuarios son páginas de lista y detalle, y View está dispuesta a mano de la misma forma. Bajo la cabecera de la página (título, descripción de una línea, un filete) la pantalla se parte en una columna a la izquierda y una tarjeta de detalle a la derecha.

Parte Qué es Qué puede hacer
La cabecera de la columna El nombre de la columna (Comunicación, Espacio de direcciones, Espacio de trabajo, Acceso a la estación, Visualización) y un galón El galón pliega la columna hasta dejar una barra estrecha con el nombre de lado; al pulsar la barra la columna vuelve.
Búsqueda o filtro El propio de la página, encima del árbol: Connector tiene un cuadro de búsqueda ("Buscar controladores, líneas, dispositivos, tags") y las pastillas de estado Todos, OK, Problemas, Apagados; Logic tiene "Filtrar…" Las filas que no coinciden se ocultan; los rótulos que nombran un grupo de raíces ("Definido aquí", "De otras páginas") acompañan a sus filas.
El árbol Los nodos de la página, con un galón de despliegue en cada fila que tiene hijos y un realce en la seleccionada Un clic selecciona y abre el panel del nodo a la derecha. Arriba y Abajo mueven la selección, Derecha despliega, Izquierda pliega, Intro selecciona. Un doble clic activa en los selectores que lo usan. Una fila que se está renombrando se convierte en su propio campo de nombre: Intro o salir del campo confirma, Esc cancela.
El pie Los comandos de la columna, en la misma esquina en todas las páginas: un + (con la información emergente "Nuevo…"), un grupo opcional de reordenación, y Expandir todo / Contraer todo + abre un menú anclado al botón que nombra qué puede crearse y dónde aterriza. Expandir todo y Contraer todo se atenúan mientras no hay ninguna fila que abrir. El pie entero desaparece cuando la identidad no puede usar ninguno de sus comandos.
El divisor Un filete entre la columna y la tarjeta Arrástrelo entre 260 y 600 píxeles, o llegue a él con el tabulador y muévalo con el teclado: una flecha lo desplaza 16 píxeles, Re Pág y Av Pág lo desplazan 96, e Inicio y Fin lo llevan a los dos extremos. El ancho se queda donde usted lo dejó mientras la página siga abierta.
La tarjeta de detalle Una cabeza fija con el encabezado del nodo seleccionado (un icono monocromo, el título, pastillas opcionales, un subtítulo de una línea y a veces una acción alineada a la derecha) y debajo la barra de comandos; el cuerpo se desplaza por debajo Sin nada seleccionado la cabeza queda sin rellenar y el cuerpo muestra un texto de relleno. Algunas pantallas ceden el cuerpo a superficies propias (las pantallas de definición de un modelo de Process), con sus propias columnas y su propio divisor arrastrable.

Páginas de desplazamiento

Ajustes, Cuenta, Agente y Validación son una sola columna con desplazamiento. Bajo la cabecera, un índice a la izquierda titulado "En esta página" enumera todas las secciones bajo su grupo en versalitas (GENERAL, SERVIDOR OPC UA, DATOS y demás); un clic desplaza la sección hasta la vista, la entrada activa sigue su desplazamiento, y un enlace puede abrir una sección directamente (/settings#sec-updates). Cada sección lleva su título y, la primera de un grupo, el rótulo del grupo. Validación ocupa todo el ancho, porque sus filas son frases. Eventos es la única página con pestañas: Alarmas, Incidencias, Enclavamientos y Consola, cada una con su propia dirección (/events?view=…).

Paneles en línea con guardado automático

En un panel no hay botón Aceptar, Guardar ni Aplicar: lo seleccionado se edita en su sitio y cada cambio se guarda a medida que usted lo hace. Un valor que el panel no puede aceptar se rechaza donde usted lo escribió, en una nota bajo el campo, y no se guarda nunca.

Control Guarda Notas
Conmutador Al accionarlo Un conmutador atenuado conserva su estado y dice en su información emergente por qué no puede cambiar.
Casilla Al marcarla
Campo de texto En cada pulsación Los campos de nombre, de dirección y de conexión son la excepción: confirman al salir del campo o al pulsar Intro, e Intro confirma una sola vez. Un campo de nombre muestra, debajo de sí mismo, qué se lleva la confirmación consigo (las referencias que reescribe) antes de que usted confirme.
Campo numérico Al salir del campo Un valor que no es un número, o que queda fuera del rango del campo, se rechaza con una nota ("'abc' no es un número.", "Escriba un número entre 1 y 65535.") y la casilla vuelve al valor en vigor. Un valor escrito de otra manera ("007", "7,0") se acepta y se reescribe de forma canónica.
Cuadro combinado Al elegir Un cuadro combinado editable confirma lo que contiene, lo haya ofrecido la lista o no (una dirección de Logic, por ejemplo).
Celda de cuadrícula Al editar la celda Si primero se marcan filas, la edición se aplica a todas las marcadas (la cuadrícula de Tags).
Editor de código Según la confirmación del propio editor Expresiones, scripts y condiciones; véase Expresiones.

Dos cosas más que lleva un campo:

  • Bajo el campo, una leyenda que nunca cambia explica qué decide ese campo, y una línea de efecto aparte (con su propia sangría y su propia marca) dice qué produce el valor actual. Una leyenda de la que puede fiarse como explicación es la que no se reescribe cuando usted elige.
  • Donde una opción cambia lo que la aplicación dibuja (un ajuste previo de indicador analógico, la forma de un gráfico, la ventana de un criterio, una herramienta de gráfico), el selector muestra una marca del resultado junto al nombre de la opción, derivada del mismo código que dibuja lo real. Donde el dibujo no distingue dos opciones a ese tamaño, ninguna de las dos la lleva.

El resultado de un guardado aterriza en el registro de acciones de la barra de estado, no en el panel (véase Dónde aterrizan los resultados).

La barra de comandos

Un verbo pertenece a aquello sobre lo que actúa, y dónde vive se lee de su objetivo, nunca de lo peligroso que sea. Tres objetivos, tres sitios:

Objetivo Sitio Orden
El nodo que la columna tiene seleccionado La barra bajo la cabeza fija de la tarjeta El grupo de cabecera (izquierda) crea, copia, edita, bifurca y arranca. El grupo de cola (derecha) termina: Eliminar, Quitar, en tinta de peligro, para que el grupo peligroso se lea como una advertencia. Una barra que no tiene nada que terminar no deja la esquina vacía: recoge los verbos cuyo objetivo es la ventana, Ampliar y Pantalla completa, de modo que cuánto sitio recibe la superficie abierta se busca en la misma esquina en todos los escenarios.
Toda la tabla que contiene una tarjeta La cabeza de esa misma tarjeta, encima de las filas que toca Primero lo que hace crecer la lista, luego lo que la vuelve a leer y, al final, en tinta de peligro, lo que termina la fila que la página tiene seleccionada. El verbo que termina nombra aquello sobre lo que actúa y dice por qué se rechaza, en lugar de desaparecer cuando no hay nada elegido.
Una sola fila y nada más El grupo de acciones de la cola de la fila: botones de glifo, tinta de peligro para el que termina Pulsar uno nunca cambia la selección. Una tarjeta termina sus propias filas o desde su cabeza o desde sus filas, nunca de las dos maneras para la misma tabla.

Un área enmarcada de una pantalla partida es una tarjeta. La cabecera de panel compartida conserva su icono, su título, su subtítulo y sus pastillas, y nunca lleva un verbo; una acción dentro de un aviso en línea es la respuesta del aviso, no un verbo de cabecera.

Un solo control de una barra no es un verbo: un conmutador de estado para una decisión cuyo objetivo es la propia superficie abierta y que no tiene tarjeta ni campo común a todas las superficies que la responden ("Mostrar en View" en un panel de control de un modelo de Process). Es el conmutador con etiqueta de la propia aplicación, de modo que el estado se lee del control y no de un verbo que parece pulsado; su información emergente dice qué significa el estado en vigor. Un verbo que es un modo (Editar, Terminar la edición; una herramienta de gráfico) se muestra pulsado mientras está activo.

Dos formas de rechazo

Todas las barras, menús y conmutadores distinguen dos rechazos de la misma manera:

Rechazo Cómo se muestra Por qué
Al rol con la sesión iniciada nunca se le va a permitir ejecutarlo El comando no se dibuja en absoluto Ninguna pulsación gana el permiso, y una hilera de verbos atenuados que el rol jamás alcanzará solo ocupa sitio y sugiere que el producto está roto. Un rol de consulta lee una barra del tamaño de lo que puede hacer.
El comando se rechaza ahora mismo El comando sigue dibujado y atenuado; la información emergente dice qué falta: nada seleccionado, la estación bloqueada mientras una unidad está en marcha, un ensayo en curso, "Runtime detenido" Eso cambia, y usted tiene que saber que el comando existe y qué lo devuelve.

El verbo que termina algo no es una excepción cuando el motivo es una situación: se queda en su sitio, atenuado, y sigue nombrando lo que termina. Los menús dicen el mismo motivo al pasar por encima, el conmutador de estado pone el motivo por delante de la frase que dice qué significa el estado, y el + del pie y sus Expandir todo / Contraer todo se atenúan igual.

El botón derecho refleja la barra

Un clic con el botón derecho sobre una fila del árbol selecciona primero esa fila y después abre en el cursor un menú con los mismos verbos, en la misma tinta de peligro y bajo los mismos rechazos que la barra, así que el menú siempre actúa sobre la fila que hay bajo el cursor. Una fila que abre una lista de destinos (Mover a una carpeta, los controladores bajo los que puede añadirse un dispositivo) la abre a su lado, un nivel de profundidad, al pasar por encima o al pulsar; al pulsar una hoja se ejecuta y el menú se cierra. Un clic fuera, un cambio de tamaño o que la fila se salga con el desplazamiento cierran el menú sin ejecutar nada. El + de la columna abre esa misma clase de menú contra el botón, tanto para una pulsación hecha desde el teclado como desde el ratón.

El bloqueo de ingeniería

La configuración y los ensayos en vivo comparten la estación. Mientras al menos una unidad esté ejecutando un procedimiento, la configuración es de solo lectura: la página muestra el aviso Ingeniería bloqueada, "Hay una operación de unidad activa. La configuración queda en solo lectura hasta que todas las unidades terminen; los mandos del ensayo y las demás acciones del operador siguen disponibles.", y la tarjeta de detalle, incluida su cabecera fija, queda inerte. Los verbos de la barra siguen diciendo cada uno su propia disponibilidad, porque varios siguen abiertos bajo el bloqueo: lo que arranca, pausa, reanuda, detiene o aborta un ensayo, lo que reconoce una alarma o lo que escribe un valor sigue funcionando. La edición se reanuda por sí sola cuando termina la última unidad. Véase Ensayos.

El runtime detenido

Una estación sin licencia cuya ventana de modo gratuito se ha agotado detiene el runtime: todas las páginas salvo Cuenta dejan paso a un único aviso de pausa, y todo comando que cambiaría la estación, incluidos los que un ensayo dejaría abiertos, se rechaza con "Runtime detenido". La banda, la página en pausa y el reinicio se describen en La ventana; las ventanas de tiempo, en El modo gratuito y la licencia.

Confirmaciones y diálogos

Editar no abre nunca una ventana; un diálogo es para lo transitorio o lo destructivo.

Diálogo Cuándo Cómo se comporta
Confirmación Antes de una eliminación o de una restauración: "¿Eliminar 'nombre'? Lo que desaparece. Esta acción no se puede deshacer." Dos botones, con el que rechaza enfocado: Intro, Esc y un clic fuera responden que no; confirmar exige un Tab o un clic deliberados. Nada destructivo sigue adelante sin un Sí explícito.
Mensaje La clave de recuperación de un solo uso del administrador principal, cuando ese PIN se establece o se cambia. Es el único uso que la estación da a esta ventana: la clave aparece una vez y en ningún otro sitio, así que tiene que quedarse ahí hasta que se anote. Un único Aceptar. La ventana toma el foco al abrirse, de modo que lo que dice se anuncia; Esc o un clic fuera la descarta, y el tabulador se queda dentro. Nunca un resultado: un comando que se ejecutó lo dice en el registro de acciones.
Editor transitorio El diálogo de inicio de sesión, el de consentimiento del informe de fallo, un cliente que se añade al servidor OPC UA Esc o un clic fuera cancelan; Intro confirma cuando el diálogo tiene una acción predeterminada; el tabulador se queda dentro del diálogo.

Los avisos en línea, sobre la página y no encima de ella, son bandas: un título, un cuerpo y a veces una acción, con un filete fino en el tono de su gravedad (información, precaución, crítico, éxito). Una banda gasta todo el campo de color solo para una condición cuya consecuencia ya está corriendo, como una parada externa en vivo; todo lo demás es una observación de estado.

Dónde aterrizan los resultados

Lo que usted acaba de hacer informa de su resultado en el registro de acciones de la barra de estado y en ningún otro sitio: un guardado, una eliminación, un cambio de nombre, una importación, una impresión, una nueva exploración, un inicio de sesión. Se informa de los dos desenlaces, y un fallo se queda hasta que usted lo descarta. La única excepción es un comando disparado desde dentro de un componente de panel de control, que responde bajo ese componente. Las notificaciones (mensajes emergentes) son para lo que interrumpe, nunca para la respuesta a una pulsación. Véase El registro de acciones.

Tema y color

El color está reservado para el significado. Un punto de estado es gris cuando es neutro, verde cuando está sano, ámbar cuando está degradado o arrancando, rojo cuando está en fallo o sin conexión, y del color de acento cuando es digno de atención sin estar degradado (una alarma de prioridad media, por ejemplo). La tinta de peligro marca lo que termina algo; una nota de precaución marca lo que se rechaza o lo que está retenido. El aspecto claro y oscuro se elige con las teclas de tema de la barra de título o en Ajustes, Apariencia, y es el de la estación: todas las pantallas, también las remotas, dibujan la preferencia de la estación.

Lo que ninguna página hace

  • Ninguna página abre un editor modal para un dispositivo, un tag, una variable, un modelo, un usuario o un rol; cada uno se edita en su panel.
  • Ninguna página muestra un destello de "Guardado", una línea de estado ni un mensaje emergente propio.
  • Ninguna página atenúa un verbo que el rol nunca podrá ejecutar, y ninguna página oculta un verbo que solo está rechazado ahora mismo.
  • Ninguna página congela control por control mientras el runtime está detenido; el shell sustituye la página entera.
  • Ningún verbo se sienta en la cabecera de un panel, y ninguna página reordena los grupos de su barra.