Skip to main content

Configuración de la UI en App Studio

El modelo de configuración de la interfaz de usuario (UI) 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 digitales.

Principio de separación de intereses

El modelo de UI ofrece flexibilidad para que los desarrolladores puedan conectar eficazmente los componentes front-end con las API back-end. La capa de UI en la arquitectura de Pega Platform se rige por el principio de separación de inquietudes, 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 IU

Pega Platform aborda la complejidad innecesaria y las disparidades de la UI 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 UI:

Nota: Para obtener más información sobre las diferentes formas de crear o actualizar vistas en App Studio, consulte Crear vistas. 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 sobre los componentes, consulte Instalación de componentes.

Vistas generadas automáticamente

Para las nuevas aplicaciones que cree en Pega Platform, el sistema genera automáticamente un conjunto de vistas que puede utilizar para empezar a configurar la interfaz de usuario con App Studio.

Full Page View

Cuando se crea un nuevo Tipo de caso u objeto de datos, Pega Platform™ añade automáticamente una Vista asociada denominada Vista de página completa, que representa el marco visual para procesar la información relacionada. Optimizado para casi cualquier caso u objeto de datos, el diseño de tres paneles contiene mucha información, gran parte de la cual está disponible sin desplazarse ni moverse a otras vistas. Puede editar la vista de página completa en la pestaña UX de su tipo de caso u objeto de datos.

La vista de caso completa, o la página de caso completa, representa un solo caso en Pega Platform. En la siguiente imagen, haga clic en los íconos + para obtener más información sobre las áreas principales que componen una página de caso completa:

Al crear una vista de página completa en App Studio, la sección Vista previa solo muestra texto de marcador de posición. Para obtener una vista previa de la UI con datos, ejecute una instancia del caso. En la siguiente imagen, haga clic en los íconos + para obtener más información sobre cómo puede configurar la UI del caso en App Studio:

Nota: Para obtener más información acerca de la vista de página completa y los widgets, consulte la Configuring a Full Page View.

Compruebe sus conocimientos con la siguiente actividad:

Details

La vista de detalles (details) 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 está configurada para mostrar los campos primarios. 

Nota: 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 Preparación para la colaboración con usuarios mediante Pulse y Colaboración con usuarios mediante Pulse.

Compruebe sus conocimientos con la siguiente actividad:


This Topic is available in the following Module:

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