Skip to main content

Captura de datos en vistas

Las vistas (views) son el vínculo entre la interacción del usuario con un caso y los datos necesarios para resolver ese caso. Las vistas controlan qué datos introduce o selecciona el usuario en el caso. Es importante diseñar vistas que capturen o muestren los datos precisos necesarios en cada etapa para procesar el caso con éxito. 

En este tema, examinará aspectos de la creación y el uso de vistas que facilitan la resolución de casos mediante el sistema de diseño de constelaciones prescrito.

Sistema de diseño prescrito de Constellation

Un sistema de diseño (design system) proporciona una experiencia de usuario coherente a través de una colección sistematizada de reglas y patrones de diseño. Para que el trabajo de diseño sea escalable y repetible, un sistema de diseño contiene un framework estructural que contextualiza cómo funcionan los diseños con la tecnología subyacente y otros tipos de activos, incluidos los digitales y los impresos. La recopilación sistematizada acelera el tiempo de diseño y desarrollo y produce mejores resultados de negocio aumentando la consistencia y la eficiencia en el desarrollo de software.

Un sistema de diseño es un kit de construcción que incluye una biblioteca compartida de:

  • Elementos de UI
  • Estilos
  • Patrones de UX compuestos por componentes
  • Temas
  • Pautas

El sistema de diseño de Constellation le permite crear aplicaciones de Pega Platform™ rápidamente y mantiene la aplicación fácil de actualizar para futuras versiones. 

El sistema de diseño Constellation proporciona una capa de presentación completa y prescrita que incluye la arquitectura de la información, las interacciones, la accesibilidad, las visualizaciones de datos y más, todo suministrado e implementado en múltiples tecnologías. Es un kit de herramientas UX completo que cumple con las necesidades de las grandes organizaciones que tienen casos de uso de aplicación de gestión de casos.

El sistema de diseño de Constellation sigue un patrón de diseño prescrito: un conjunto de diseños y plantillas informados con configuraciones preestablecidas para reducir el tiempo de diseño, lo que les permite a los desarrolladores y diseñadores de aplicaciones crear páginas y flujos que se centran en las necesidades del usuario. Constellation ofrece una biblioteca front-end completa lista para usar de plantillas, patrones y componentes de UX/UI diseñados específicamente para optimizar vistas y flujos de trabajo para aplicaciones complejas de gestión de casos.

Con Constellation, la experiencia principal de front-end (navegación, flujos de trabajo y arquitectura de la información) está prescrita, pero es configurable. Los Business Architects (BA), los Citizen Developers y los System Architects (SA) de Pega configuran las vistas de la aplicación completamente en App Studio.

Debido a que el layout y la experiencia principal del front-end están altamente prescritos, las actualizaciones son fluidas, las aplicaciones son uniformes, y los clientes pueden lograr valor de negocio más rápido. Constellation también ofrece mejoras en el cumplimiento de accesibilidad listo para usar, incluida la compatibilidad con lectores de pantalla, localización y más.

Vistas en Constellation

Una vista (View) es un componente de la UI que recopila datos de un usuario o le muestra datos. Las vistas muestran los campos y las instrucciones necesarias para completar la tarea o asignación (Task or Assignment) actual del usuario. 

Por ejemplo, una solicitud de préstamos podría ofrecer vistas en línea con campos para que los solicitantes introduzcan su información personal, los detalles del préstamo y la información financiera correspondiente. La solicitud podría ofrecer diferentes vistas a un ejecutivo de préstamos interno, que puede ver la información del solicitante como campos de solo lectura e introduce la decisión de aprobación o rechazo resultante y la explicación en los campos editables.

Los desarrolladores de aplicaciones agregan campos relevantes a las vistas. Pega Platform™ almacena el nombre del campo y el valor del elemento de datos en un almacenamiento local o en un sistema de registros externo (external system of record), lo que hace que la información sea reutilizable. La configuración de la vista puede permitir que los elementos de datos almacenados estén disponibles para su edición o presentarlos como de solo lectura.

Nota: En Pega Platform, las vistas que recopilan información de los usuarios se conocen como formularios.

Consideraciones para las vistas

Considere el proceso para hacer préstamos. En este ejemplo, hay dos pasos.

  1. El primer paso del proceso requiere que los clientes introduzcan información para una solicitud de préstamo. El formulario contiene campos para introducir información, como el nombre del cliente, el monto del préstamo y el tipo de préstamo. Después de que el cliente completa el formulario, el sistema envía la solicitud a los ejecutivos de préstamos para su revisión.

  2. En el segundo paso del proceso, los ejecutivos de préstamos disponen de una vista de ejecutivo de préstamos que muestra los datos recolectados en la solicitud. Los ejecutivos de préstamos pueden leer, pero no actualizar, la información del cliente. La vista de gestor de préstamos también contiene campos para que los gestores introduzcan información como la elegibilidad para el seguro de préstamos y si la solicitud se aprueba o se rechaza.

En el centro de la siguiente imagen, deslice la línea vertical para ver los pasos de un proceso de solicitud de préstamo.

Como BA de Pega que participa en el proceso de desarrollo de aplicaciones, considere los pasos que deben seguir los usuarios a medida que avanzan en el flujo de trabajo del tipo de caso y determine los datos a los que deben ingresar o acceder para realizar cada tarea. Luego, considere cómo puede mostrar mejor esa información.

Por ejemplo, la vista de solicitud de préstamo debe incluir todos los campos necesarios para que los clientes completen la solicitud de préstamo. La vista debe tener instrucciones claras y ser fácil de navegar. Los clientes deben introducir algunos datos, como el monto del préstamo, pero cierta información es seleccionable, como el tipo de préstamo que están interesados en solicitar.

En la siguiente imagen de la vista de solicitud de préstamo, haga clic en los íconos + para obtener más información sobre los elementos que se deben considerar y las preguntas que se deben formular al crear una vista.

Tip: Las vistas que requieren entrada de datos también se pueden denominar formularios.

Grupos de campo

Un grupo de campos es un grupo de campos individuales que, en conjunto, presentan datos relacionados dentro de una vista. Los campos individuales pueden provenir del modelo de datos de tipo de caso o de varios data objects. 

Los grupos de campos ayudan a organizar los campos relacionados bajo un solo encabezado y proporcionan las herramientas para agregar instrucciones u ocultar temporalmente campos en secciones contraíbles dentro de una vista. 

Puede crear grupos de campos dentro de una vista, específicos únicamente para esa vista. 

Nota: Para obtener más información acerca de los grupos de campos, consulte Configuring field groups.

Vistas de diseño para la reutilización

Como BA de Pega involucrado en el diseño de aplicaciones, recuerde que las vistas individuales son reutilizables en aplicaciones con varios tipos de casos. Por ejemplo, una vista que muestra información sobre un objeto de datos de un producto comercial, incluidos campos como Nombre del producto, Descripción, SKU y Precio, puede aplicarse a vistas en una matriz de tipos de casos de ventas y distribución de una empresa manufacturera.

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