Loading

Cómo usar los elementos de la interfaz de usuario de esta aplicación

Introducción

En esta sección se explica brevemente la interfaz de usuario de PRISMA Home.

En esta documentación se utiliza el término "aplicación" para describir una aplicación independiente, un módulo o una funcionalidad única. PRISMA Home es una aplicación y [Dispositivos]  es una aplicación.

Descripción general de la interfaz de usuario

La página del navegador se ha dividido en tres partes principales: la cabecera, la barra de tarjetas y el área de trabajo real.

  1. Encabezado

    El encabezado facilita acceso a las opciones de inicio/cierre de sesión, preferencias de usuario, selección de idioma y ayuda.

    NOTA

    No puede cambiar el tamaño del encabezado.

    El encabezado contiene el icono de , que establece un enlace con el tablero principal de PRISMA Home.

  2. Tarjeta

    La tarjeta facilita información muy detallada y específica que se mostrará en la barra de tarjetas. La mayoría de las aplicaciones solo abren una tarjeta en la barra de tarjetas al abrirlas por primera vez.

  3. Barra de tarjetas

    La barra de tarjetas, justo debajo del encabezado, hace un seguimiento de los espacios de trabajo abiertos.

  4. Área de trabajo

    El área de trabajo es la mayor parte del área de pantalla. Aquí es donde suceden la mayoría de las cosas.

  5. Módulo

    La aplicación ocupará todo el espacio posible dentro del espacio de trabajo. Puede combinar varios módulos en el área de trabajo.

  6. Paneles

    En función del módulo, la información mostrada puede dividirse en uno o varios paneles.

Menú de la aplicación

El menú de la aplicación

El menú de la aplicación contiene botones para abrir/contraer el tablero y el menú de la aplicación, tal como se muestra en la ilustración anterior.

  • El menú de la aplicación está bloqueado en la posición abierta. La lista de aplicaciones siempre está visible.

  • Se ha contraído el menú de la aplicación. La lista de aplicaciones está oculta hasta que pulse este botón.

Barra de tarjetas

La barra de tarjetas gestiona las aplicaciones en ejecución.

Cuando selecciona un módulo en el menú de módulos, se abre una nueva tarjeta de módulo con un nuevo espacio de trabajo.

En un momento dado, en el área de la barra de tarjetas verá una tarjeta activa para el espacio de trabajo visible en el momento y varias inactivas.

La barra ampliada con ejemplos de tarjetas

Si tiene más tarjetas de las que puede mostrar la barra, el menú de la barra de tarjetas añadirá una o dos flechas de navegación.

Flecha de navegación

Si necesita más pantalla para el área, arrastre la parte inferior de la barra hasta la parte superior. De este modo, se contraerá la barra a una sola línea (el título de la tarjeta).

Barra contraída

El orden de las tarjetas en la barra se mantiene al cerrar la sesión y volver a iniciarla.

Área de trabajo

El área principal de la pantalla se denomina "espacio de trabajo".

  • El espacio de trabajo está conectado a, al menos, un módulo.

  • El área de trabajo ocupa la mayoría de la pantalla.

  • No queda espacio sin ocupar dentro del espacio de trabajo. La información que se muestra en el espacio de trabajo se agrupa en paneles rectangulares. El área de trabajo contiene al menos un panel.

  • Si cambia el tamaño de la página web, el contenido del espacio de trabajo tratará de mantener el orden en el que esté el contenido, pero el espacio de trabajo no proporciona barras de desplazamiento.

Tarjeta

Cuando selecciona un módulo en el menú de módulos, se abre una nueva tarjeta de módulo con un nuevo espacio de trabajo.

Elementos de la tarjeta
  1. Nombre e icono del espacio de trabajo.

    Al principio, el encabezado de la tarjeta muestra el nombre de la aplicación como título.

    El icono es opcional.

    Para cambiar el título predeterminado de la tarjeta, haga doble clic en el nombre de la tarjeta.

  2. El botón arrastrar y soltar

    Este botón solo aparece al pulsar de manera prolongada o al situar el ratón sobre la barra del título de la tarjeta.

    Puede arrastrar el icono de mango para mover la tarjeta en una posición diferente dentro de la barra.

  3. El botón [Cerrar aplicación]

    Este botón solo aparece al pulsar de manera prolongada o al situar el ratón sobre la barra del título de la tarjeta.

    Para cerrar una aplicación, cierre la tarjeta con el icono situado en la esquina o seleccione [Cerrar aplicación] en el menú del espacio de trabajo.

  4. El contenido real de la tarjeta

    Las tarjetas se utilizan principalmente para desplazarse por los espacios de trabajo. Las tarjetas también proporcionan información de un vistazo sobre el estado del espacio de trabajo.

    En cualquier espacio de trabajo puede tener una o varias aplicaciones activas. Cuando se inicia una nueva aplicación haciendo clic en ella en el cajón de la aplicación, se abre un nuevo espacio de trabajo solo con la aplicación que se ha iniciado. Al arrastrar una aplicación desde el menú de la aplicación a un espacio de trabajo existente, la aplicación se agrega al espacio de trabajo existente. Cada módulo iniciado añadirá su propia tarjeta en la barra. Cada tarjeta cambiará su contenido cuando cambie el estado del módulo.

    La aplicación puede señalar visualmente que necesita atención utilizando un color de fondo diferente o un borde de color:

    • Naranja para advertencias

    • Rojo para errores

Configuración del espacio de trabajo

Seleccione sus módulos favoritos del menú de módulos.

  • Cada aplicación incluye su propio espacio de trabajo.

  • Cada módulo añade una tarjeta a la barra. Puede agregar un nuevo módulo en el espacio de trabajo de otro módulo en ejecución arrastrando el nuevo módulo desde el menú. Este caso especial podría provocar que una tarjeta contuviera información de ambos módulos. Tendrá que desplazar el contenido de la tarjeta para cambiar de un módulo al otro

  • El orden de las tarjetas en la barra se mantiene al cerrar la sesión y volver a iniciarla

El espacio de trabajo tiene un título en la posición superior, normalmente, el nombre del módulo. La barra de título se puede ocultar, en función de las necesidades de la aplicación.

Combinación de tarjetas y espacios de trabajo

Las tarjetas regulares se asignan a una sola área. Se puede unir un pequeño número de áreas. Este ejemplo es el [Informes]. Puede combinar dos instancias del mismo módulo en una sola área. Por tanto, la tarjeta también lo reflejará.

Tarjeta con 2 módulos

Puede arrastrar y soltar un módulo desde el menú de módulos al espacio de trabajo activo actualmente. Esta forma de uso le permitirá combinar dos o más módulos en el mismo espacio de trabajo. La tarjeta responderá a las solicitudes de cambio de todos los módulos.

  1. El encabezado de la tarjeta recibirá los nombres de los módulos separados por una coma.

    Haga doble clic para modificarlo.

  2. En ambos bordes laterales, las flechas permitirán cambiar de la tarjeta de un módulo a otro. El orden de desplazamiento viene dado por el orden en el que ha añadido los módulos al espacio de trabajo.

    Pulse < o > para navegar al módulo anterior o al siguiente de esta área.

  3. En la parte inferior de dicha tarjeta, se agregará un indicador de navegación: un punto por cada módulo del área de trabajo.

    El módulo actual tiene el punto de exploración resaltado.

El uso de esta funcionalidad depende, en gran medida, del tamaño de la pantalla.



2 módulos en ejecución en la misma área

Panel

El espacio de trabajo se compone de uno o más paneles. El panel consta de tres áreas distintas: El área del encabezado, área del título y el contenido. Al igual que para el espacio de trabajo, el título se puede mostrar u ocultar.

Cada panel se puede mover libremente a una posición diferente en el espacio de trabajo actual. Al desplazarse sobre la parte superior de un panel, aparece un asa que puede utilizar para arrastrar el panel a una posición diferente. Cuando se hace una reorganización, aparece una zona donde arrastrar para darle una indicación visual de dónde se colocará cuando se suelte el asa.

En la esquina superior derecha, se encuentra el botón . Si lo pulsa, el panel se oculta y la aplicación reordenará los paneles restantes. Es posible que el panel siga enviando notificaciones a la tarjeta, incluso si está oculta. Si el espacio de trabajo solo contiene un único panel, no podrá ocultarlo.

Cuando el cursor del ratón se encuentra en la esquina superior derecha del espacio de trabajo, aparece un menú. Cuando se haga clic en el menú de los tres puntos , se mostrará una lista con todos los paneles que ha incluido el módulo. Los paneles visibles están marcados con un símbolo de marca de verificación. Las entradas adicionales de este menú son [Guardar como predeterminado] y [Valor predeterminado de fábrica].

  • Si desea obtener la posición prevista para todos los paneles, seleccione [Valor predeterminado de fábrica] en este menú.

  • Utilice la entrada de menú [Guardar como predeterminado] para guardar la posición actual de los paneles como el nuevo valor predeterminado.

  • Si desea cerrar la aplicación, seleccione [Cerrar aplicación].

Menú contextual del panel

Trabajo con tablas

Cada aplicación puede activar funcionalidades adicionales para la interacción por parte del usuario de la tabla:

  • Menú contextual

    El encabezado de la tabla ofrece un menú contextual en el botón . Desde este menú, puede comprobar qué columnas se mostrarán en la tabla. El orden en el que este menú muestra los encabezados de columna no cambia. Si selecciona [Filtro], cada encabezado de columna tendrá un cuadro de entrada para filtrar el contenido solo para los valores de esa columna.

    Menú contextual de tabla
  • Reordenamiento de columnas

    Todas las tablas tienen un encabezado. Si el encabezado está visible y la disposición está activada, las columnas se pueden reordenar. Solo tiene que arrastrar una columna hasta el punto deseado.

  • Clasificación de datos

    La información de una tabla se puede ordenar en algunas de las tablas (según el módulo proporcionado). Haga clic en el encabezado de una columna para clasificar todo el contenido de la tabla utilizando los valores de esa columna una vez. Ordenarlo una segunda vez invertirá el orden de clasificación.

  • Cambio de tamaño de columnas

    El separador de columnas de la fila del encabezado se puede arrastrar para establecer un ancho diferente para la columna.

    Cuando el cursor del ratón cambia al icono de divisor , puede utilizar el botón de doble clic del ratón para cambiar el tamaño de la columna automáticamente según la anchura necesaria para que quepa el valor más largo.

  • Filtrado

    Justo encima del menú contextual, puede encontrar el botón de filtrar . Si se presiona, un pequeño cuadro de texto le permitirá buscar dentro de la tabla, en cualquiera de las columnas visibles.