Visión general de la interfaz de usuario de la aplicación

Se ha definido que una aplicación debe presentar una vista específica de los datos para un usuario o rol de usuario. El banner de la aplicación proporciona al usuario el contexto de la aplicación a la que se está accediendo. El banner también incluye una serie de enlaces de aplicación como, por ejemplo, Ayuda, Cerrar sesión y Preferencias, así como una prestación de búsqueda de aplicaciones.

Se define un nombre para una aplicación.

Se visualiza un mensaje de bienvenida.

El menú de la aplicación forma parte del banner de la aplicación y permite la adición opcional de hasta tres enlaces. Puede añadir un enlace en la ayuda de la aplicación, un enlace al cierre de sesión desde la aplicación y un enlace para abrir el diálogo de preferencias de usuario.

El elemento de búsqueda de aplicaciones proporciona una función de búsqueda.

Una aplicación contiene una serie de secciones que permiten un acceso rápido y fácil a algunas de las tareas y actividades más comunes que lleva a cabo un usuario.

El contenido de una sección se visualiza en una pestaña y cada sección puede abrir diversas pestañas, en las que cada pestaña representa un objeto empresarial o una agrupación lógica de información. Una pestaña también se puede describir como una agrupación lógica de páginas UIM.

La barra de título de la pestaña contiene texto que identifica la pestaña actual.

El menú de acciones proporciona acciones asociadas al objeto empresarial representado mediante la pestaña.

Una pestaña contiene un panel de contexto que, a su vez, contiene información de contexto asociada con los datos visualizados en la pestaña. Esta información de contexto siempre está disponible cuando se trabaja con los datos en la pestaña.

Cada sección puede tener, opcionalmente, un panel de acceso directo a la sección, que de forma predeterminada está contraído. Cuando se expande, el panel de acceso directo proporciona enlaces rápidos para abrir contenido, en forma de páginas UIM, y lleva a cabo acciones dentro de la sección. El contenido del panel de acceso directo a la sección está organizado en categorías de elementos de menú. El panel de acceso directo a la sección contiene categorías de acceso directo a la sección (7.1), cada una contiene enlaces rápidos en forma de elementos de menú de acceso directo a la sección (7.1.1).

Una pestaña consta de una página de información, o de varias, representada por páginas UIM. Se puede navegar por estas páginas utilizando una barra de navegación, que contiene pestañas de navegación que enlazan a páginas únicas o conjuntos de páginas únicos. Se visualiza una barra de navegación de un grupo de páginas donde haya una pestaña de navegación que enlace a un conjunto de páginas.

Un título puede definirse para toda una página UIM.

Un control de acción se puede asociar a una página UIM. Consulte Controles de acción (19).

Un control de acción que renueva el contenido de la interfaz de usuario.

Un control de acción que se puede utilizar para imprimir el contenido de la interfaz de usuario.

Un control de acción que visualiza el contenido de ayuda en una ventana nueva.

Una página puede contener varias pestañas de información.

El área de contenido de la página muestra la página UIM que está seleccionada en esos momentos.

Donde haya una pestaña que enlace a un conjunto de páginas, éstas se visualizarán como una barra de navegación de grupo de páginas, estando la primera de ellas seleccionada de forma predeterminada.

Los campos están organizados visualmente en clústeres y listas en una página UIM. Puede haber cero o más de cada uno en una página. Los clústeres y las listas pueden tener un título que describe el tipo de datos que se visualizan.

Un clúster es un área rectangular que muestra campos en un formato tabular. Un clúster puede tener una o más columnas de campos, y los campos se pueden visualizar con o sin etiqueta asociada. Los campos pueden ser de sólo lectura o pueden ser editables. Si son editables, aparecen como un control, por ejemplo, un área de texto, un menú desplegable o un recuadro de selección. La figura muestra un ejemplo de dos clústeres configurados en el área de contenido de la página, cada uno con un título configurado.

Los controles de acción, visualizados como botones, se utilizan para enviar datos de formulario, para enlazar páginas relacionadas o para abrir un diálogo modal. Los controles de acción se pueden organizar en conjuntos de acciones que están asociados a clústeres, listas o a la página UIM (consulte el elemento 10 en la figura). Los controles de acciones individuales también pueden asociarse a un único campo en un clúster o una columna de una lista. Cuando se utiliza un control de acción para enlazar con otra página, también puede enviar parámetros a la página de destino que normalmente se utilizan como claves para recuperar datos del servidor que llenan la página de destino. De forma predeterminada, los controles de acción aparecen en la parte superior e inferior del widget al que están asociados.

El panel inteligente muestra información contextual adicional como, por ejemplo, notas rápidas relacionadas con un caso o consejos dados a un cliente.

Una lista se utiliza para visualizar filas de campos de repetición o indexados. Al igual que en los clústeres, los campos pueden tener etiquetas asociadas que se visualizan como cabeceras de columna en la lista. Un menú de acción de lista (21.1) se visualiza al final de la fila para cada elemento de lista y contiene todas las acciones asociadas al elemento de la lista.