![Build from scratch tile](https://demo5-academy.pega.com/sites/default/files/styles/1024/public/media/images/2021-04/build-from-scratch-tile.png?itok=roQMee6D)
Tipos de aplicación de Pega Platform
Pega Platform™ le proporciona varias opciones para crear nuevas aplicaciones. Puede hacerlo a partir de una aplicación existente, lo cual le permite ahorrar tiempo de desarrollo gracias a que reutiliza elementos esenciales, como tipos de caso o tipos de datos. Para crear una nueva aplicación sin una aplicación incorporada, seleccione Build from scratch (Crear desde cero) del asistente New Application. Para acceder al asistente New Application (Nueva aplicación) desde Dev Studio, haga clic en Application menu > New Application.
El asistente New Application (Nueva aplicación) le permite elegir entre dos opciones listas para usar (OOTB).
En la siguiente imagen, haga clic en los íconos + para obtener más información sobre los tipos de aplicación: una UI híbrida de Theme Cosmos y la UI de Cosmos React basada en Constellation.
Nota: A partir de la versión 8.7 de Pega Platform, la opción del kit de UI de Theme no está disponible en el asistente New Application (Nueva aplicación). Si es necesario, los desarrolladores pueden configurar manualmente la app para crear a partir del kit de UI. Para obtener más información, consulte Kit de UI de Theme.
El sistema de diseño de Cosmos
Tanto las aplicaciones de Theme Cosmos como de Cosmos React pueden usar el sistema de diseño de Cosmos.
Un sistema de diseño es una biblioteca de patrones y reglas que determinan cómo responde una interfaz a la interacción del usuario. Los sistemas de diseño contienen las pautas de prácticas recomendadas, los activos operativos y los componentes de UI que se requieren para proporcionar la interfaz. Al elegir utilizar un sistema de diseño, usted puede escalar los diseños para mantener una presencia unificada en una cantidad de plataformas con menos esfuerzo.
El sistema de diseño de Cosmos es una biblioteca front-end para crear aplicaciones empresariales con Pega y le proporciona lo siguiente:
- Visibilidad de datos mejorada
- Procesamiento de casos optimizado
- Columnas personalizables
- Un enfoque en datos pertinentes
- La capacidad de modificar valores al instante y realizar acciones rápidas en filas de una tabla
Cosmos crea a partir de una generación anterior del sistema de diseño de Pega, el kit de UI de Pega. Tanto Cosmos como el kit de UI se concentran en las aplicaciones de producción y mejoran la experiencia de usuario de la aplicación. El sistema de diseño de Cosmos va más allá del kit de UI y les proporciona a los desarrolladores una colección completa de componentes modernos y engranados entre sí.
Cosmos React
Esta opción proporciona un sistema de diseño basado en Cosmos para utilizar en una arquitectura de tiempo de ejecución basada en ReactJS. Desde la perspectiva del proceso, cuando selecciona Cosmos React en el asistente New Application (Nueva aplicación), el framework actualizado permite que la mayor parte del trabajo de desarrollo se realice en el entorno low-code de App Studio de Pega Platform mediante componentes y herramientas listas para usar.
La experiencia de Cosmos simplifica el trabajo de desarrollo con interacciones racionalizadas y una interfaz moderna. Por ejemplo, en un caso de actualización de un reclamo médico, navegar en una sola pantalla acelera el flujo de trabajo del usuario. Al minimizar la navegación de pantalla a pantalla, los usuarios evitan el salto desconcertante a una nueva pantalla en el medio de un proceso. Además, la experiencia de Cosmos le permite obtener una vista previa de elementos, como casos, en la misma pantalla.
El enfoque web de única página de Cosmos React les permite a los usuarios utilizar interacciones web estándar, como el botón para volver del navegador y una cantidad ilimitada de pestañas del navegador. La consistencia de las páginas de listas y de objetos hace que la aplicación sea más intuitiva para desarrolladores y usuarios. Adicionalmente, las herramientas de colaboración están incorporadas en cada elemento, lo que permite la comunicación contextual en toda la organización.
Servicio de Constellation
Cosmos React depende de un motor de Constellation, que utiliza las bibliotecas de ReactJS para crear una nueva arquitectura de tiempo de ejecución. Constellation es un microservicio que proporciona componentes de React, código JavaScript y demás contenido estático para el navegador. Para obtener configuraciones, contexto y datos para las aplicaciones de Cosmos React, el cliente de Constellation interactúa con el servidor exclusivamente mediante API de DX. Al mantener el contenedor de Constellation separado de otros servicios, usted evita dependencias, les brinda a los desarrolladores las herramientas para crear nuevos componentes de UI sin interferir con otro trabajo y mejora el rendimiento general de la aplicación. En la mayoría de los casos de uso, una aplicación de Cosmos React se ejecuta más rápidamente que una aplicación de Theme Cosmos porque Cosmos React utiliza menos Javascript y CSS, tiene una menor carga útil del servidor y una representación de Modelo de objeto de documento (DOM) más liviana.
La UI rediseñada, que ahora está disponible en modo de adoptante anticipado, incluye una biblioteca de componentes actualizada y una experiencia de autoría intuitiva que promueve el low-code development y una capacidad de mantenimiento mejorada. El diseño de Cosmos React se recomienda para nuevas aplicaciones, para crear un sistema sumamente robusto y eficiente.
Nota: Para obtener más información sobre la creación de una nueva aplicación de Cosmos React con la arquitectura de Constellation, consulte el módulo de Pega Academy Configuración de aplicaciones de Cosmos React.
Theme Cosmos con UI basada en secciones
Esta opción le permite crear su aplicación con reglas de Cosmos, como la plantilla de aplicaciones Theme-Cosmos 3.01, una versión de Cosmos que no se relaciona con React. Por ejemplo, en la definición de la aplicación GoGoRoad, se utiliza la aplicación incorporada de Theme-Cosmos 3.01.
Las reglas de Cosmos presentan mejoras significativas a la experiencia de usuario. Entre las principales mejoras, se incluye lo siguiente:
- Un nuevo panel de vista previa de casos
- Gestión flexible del espacio de la pantalla
- Una experiencia de búsqueda mejorada
- La capacidad de abrir varias sesiones independientes de la aplicación web y trabajar con ellas
- Una mayor eficiencia al trabajar con varios casos
Al seleccionar Theme Cosmos del asistente New Application (Nueva aplicación), obtiene ganancias significativas para la productividad del desarrollador. Además de formatos de estilo integrados, la mayor parte de la funcionalidad se proporciona mediante plantillas de diseño. Con el modelo de reglas de Cosmos, los desarrolladores asignan datos a secciones de plantillas, activan o desactivan las funciones deseadas, y asignan una marca a la aplicación con App Studio.
Usted puede iniciar la aplicación de Cosmos del modo que desee. Ya sea que comience en la página de inicio, siga un enlace o use marcadores, las nuevas pestañas o ventanas ya no se actualizan mutuamente. En consecuencia, puede hacer referencia a varios objetos de trabajo al mismo tiempo, además de realizar una verificación cruzada entre ellos, sin sacrificar un contexto por otro ni perder el trabajo actual.
Nota: Para obtener más información sobre la UI de Cosmos React en comparación con la UI basada en secciones de Theme Cosmos, consulte Comparación de arquitecturas de UI y Herramientas de UI listas para usar.
Pautas para seleccionar un tipo de aplicación
Al crear una nueva aplicación con el sistema de diseño de Cosmos, la opción que usted elija dependerá de las necesidades del negocio y de la complejidad general del proyecto. Por ejemplo, si crea una nueva aplicación low-code desde el principio y desea aprovechar la funcionalidad y las UI más actualizadas, podría elegir crear una aplicación de Cosmos React.
Como framework de UI, Cosmos React ofrece rendimiento, interactividad y tiempo de respuesta mejorados. Como nueva arquitectura, ofrece un conjunto de funciones más acotado que la UI basada en secciones de Theme Cosmos. Al familiarizarse con las prácticas recomendadas de uso de Cosmos React, podrá hacer las mejores elecciones de UI para su negocio.
Pautas para nuevas aplicaciones
- Utilice Cosmos React para las aplicaciones simples que puede mejorar de manera incremental a medida que evoluciona el framework de Cosmos React.
- Antes de crear con Cosmos React, asegúrese de revisar la lista de funciones que aún NO están disponibles en Cosmos React para tener la certeza de que la aplicación funcionará como lo espera.
Nota: Para obtener más información sobre las funciones disponibles en Cosmos React, consulte Limitaciones de funciones en Cosmos React.
- Si crea una nueva aplicación a partir de una aplicación de Theme Cosmos del kit de UI, mantenga la arquitectura original. Por ejemplo, el Servicio al cliente de Pega utiliza el kit de UI. Si crea una nueva aplicación basada en la aplicación Pega Customer Service, también debe usar el kit de UI.
Pautas para aplicaciones existentes
- Mantenga las aplicaciones con el kit de UI en su arquitectura actual.
- Mantenga las aplicaciones existentes de Theme Cosmos que utilizan una UI basada en secciones en su arquitectura actual. Considere actualizar a la versión más reciente del ruleset de Cosmos Theme (Theme-Cosmos) en la definición de la aplicación.
Nota: Para obtener más información acerca del uso de Cosmos Theme, consulte Actualización de Cosmos Theme en su aplicación.
- Para reducir futuras migraciones, considere prepararse para la migración ahora verificando el cumplimiento de las aplicaciones existentes con la metodología de desarrollo de App Studio. Utilice la landing page de Cumplimiento de App Studio para identificar los elementos de UI de la aplicación que infringen el cumplimiento y, luego, planifique el tiempo de desarrollo para abordar los problemas identificados.
Nota: Para obtener más información sobre la preparación para la migración de la aplicación, consulte Revisión de componentes de la interfaz de usuario y Metodología de desarrollo de App Studio.
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.
¿Quiere ayudarnos a mejorar este contenido?