Captura de datos en vistas

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.

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.

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.

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. 

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: