Skip to main content

Configuración de UI en Constellation

El modelo de configuración de la interfaz de usuario (IU) para las aplicaciones de Pega se centra en capturar la intención empresarial en el flujo de trabajo e interpretar esa intención en varios canales (channels) digitales.

Principio de separación de intereses

En la arquitectura tradicional de las versiones de Pega Infinity™ anteriores a la 8.7, los desarrolladores crearon la interfaz de la aplicación con reglas de sección, diseños dinámicos, formatos de apariencia, controles personalizados y varias configuraciones de paneles de propiedades. El nuevo modelo de interfaz de usuario de Constellation proporciona más flexibilidad, lo que les brinda a los desarrolladores los medios para conectar de manera más eficiente los componentes de front-end con las API de back-end.

La capa de IU en la arquitectura de Pega Constellation se rige por el principio de separación de inquietudes, (Principle of Separation of Concerns) que es el principio de diseño de software que fomenta la modularidad del software estipulando que una aplicación debe tener partes distintas, donde cada parte aborda una preocupación específica.

Elementos de UI

La arquitectura de Constellation aborda la complejidad innecesaria y las disparidades de la IU con un nuevo modelo de interfaz de usuario que puede usar para crear sus aplicaciones con vistas, plantillas y widgets.

En la siguiente imagen, haga clic en los íconos + para obtener más información sobre los elementos de la interfaz de usuario:

Nota: Para obtener más información sobre las diferentes formas de crear o actualizar vistas de Constellation en App Studio, consulte Creating Views. Para obtener más información acerca de los distintos tipos de vista y sus usos, consulte Configuring Views. Para obtener más información acerca de los componentes del sistema de diseño Constellation, consulte Installing components.

Vistas generadas automáticamente

Para las nuevas aplicaciones que se crean en la arquitectura de Constellation con la biblioteca de Constellation, el sistema genera automáticamente un conjunto de vistas que puede utilizar para comenzar a configurar la IU con App Studio al instante.

Vista completa de caso

La vista de caso completa (Full Case View), o la página de caso completa, representa un solo caso en Pega Platform™. Optimizado para casi cualquier caso u objeto de negocio, el diseño de tres paneles contiene mucha información, gran parte de la cual está disponible sin desplazarse ni moverse a otras vistas. 

En la siguiente imagen, haga clic en los íconos + para obtener más información sobre las áreas principales de una página de caso completa desarrollada en el sistema de diseño Constellation:

En la siguiente imagen, haga clic en los íconos + para obtener más información sobre cómo puede configurar la IU del caso en App Studio:

Nota: En App Studio, la sección de vista previa solo muestra texto de marcador de posición. Para obtener una vista previa de la IU del caso con datos, ejecute una instancia del caso. Para obtener más información acerca de la vista completa y los widgets, consulte Configuring a Full Page View.

Compruebe sus conocimientos con la siguiente actividad:

Details

La vista Details (detalles) es una vista predeterminada y opcional que puede presentar datos de casos de solo lectura, como campos importantes y otra información. De forma predeterminada, la vista Details (detalles) está configurada para mostrar los campos primarios. 

Nota: Los campos primarios solo están disponibles en la arquitectura de Constellation basada en vistas. Para obtener más información acerca de los campos primarios, consulte Configuring Primary Fields.

Pulse

La vista Pulse es una vista predeterminada y opcional que muestra Pulse, que permite a los usuarios publicar, ver y responder mensajes en el contexto de este caso.

Nota: Para obtener más información acerca del uso de Pulse, consulte Preparing for collaboration with users by using Pulse y Collaborating with users by using Pulse.

Edit

La vista Edit (editar) representa un formulario cuando los usuarios hacen clic en Edit. La Vista incluye campos importantes para editar en cualquier Etapa del Caso.

Create

La vista Create (Crear) representa un formulario para capturar los datos necesarios para crear el caso.

List

La vista List (lista) proporciona controles para configurar de manera eficiente una lista de casos de este tipo de caso con varios comportamientos. La configuración predeterminada es una lista que contiene todos los casos abiertos, pero también puede configurar los siguientes parámetros:

  • Mostrar listas como tablas o galerías basadas en mosaicos
  • Configuración de diferentes vistas de la lista que los usuarios pueden seleccionar
  • Selección de las columnas que se mostrarán en la lista
  • Filtrar, ordenar y agrupar casos y referencias de datos por criterios
  • Realización de acciones de caso masivas en casos de la lista
  • Editar o agregar nuevos registros a casos de la lista
Nota: Para obtener más información acerca del uso de datos de lista en las vistas, consulte Configuring list Views.

Compruebe sus conocimientos con la siguiente actividad:


This Topic is available in the following Modules:

If you are having problems with your training, please review the Pega Academy Support FAQs.

¿Le ha resultado útil este contenido?

¿Quiere ayudarnos a mejorar este contenido?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice