Traditional UI Architecture
Constellation Architecture
Building blocks of Pega Constellation:
Source Link
https://documents.constellation.pega.io/static/88/introduction.html
New Architecture: Pega Constellation is a new way to build apps using
Pega's low-code platform.
Consistent User Experience: It's a design system that helps create a
uniform look and feel for users. Developers can also add their own custom
features using popular web technologies like React, Angular, and Vue.
Modern Design Pattern: It uses a model-view-controller (MVC) design
pattern and includes microservices and stateless architecture. This means
the system is made up of small, independent parts that work together,
making it easier to manage and extend.
Flexible and Modular: The architecture allows for easy customization
and integration with other systems. Developers can use the Pega Public
API to build custom frontends if needed.
Business-Focused: The approach is centered on creating business-
oriented applications that are easy to maintain and update.
Pega Constellation UI changes how users interact with applications by
using a new client-side engine. Here's a simpler explanation:
Browser-based processing: The new system does more work in your
web browser instead of on the server.
Smaller data packets: Instead of sending large chunks of data, the
server now sends smaller, more focused pieces of information.
Faster performance: This makes the application faster and more
responsive.
Less server load: The server doesn't have to prepare and send detailed
views, reducing its workload.
Better user experience: Overall, this results in a smoother and quicker
experience for users.
In simple words, Pega Constellation UI makes applications faster and more
efficient by shifting more tasks to the browser and reducing the amount of
data sent from the server.
There is a huge shift from our traditional architecture which brings big
improvements and flexibility.
1. Better Performance: By sending smaller data packets, users experience
smoother and faster interactions. Studies show it can reduce network data
by up to 7 times and make interactions 3 times faster.
2. Efficient Communication: The new system uses a detailed API to ensure
the frontend (what you see) and backend (the server) communicate
perfectly. This allows developers to add custom features or integrate Pega
with their own design systems.
3. Flexible Frontend: Developers can use the Pega API with any web
technology like React or Angular, giving them the freedom to create the
best user experience.
Some of the key points about Pega Constellations:
New Authoring Experience:
1. Uses App Studio for easier application building
2. Focuses on business logic rather than presentation
3. Allows both experts and non-technical users to work together
Benefits:
1. Consistent user experience across applications
2. Easier upgrades and new feature adoption
3. Custom components can be created when needed
Design System:
1. Provides a unified look and feel
2. Offers pre-built, business-focused components
3. Supports accessibility requirements
Center-Out Architecture:
1. Prioritizes business value and customer journeys
2. Starts with business needs rather than technical systems
3. Enables quicker expansion and updates
Overall Advantages:
1. Faster delivery of value to users
2. More consistent experience across different channels
3. Easier to adapt for new countries or languages
4. Balances ease of use with flexibility for customization
Important Links
https://docs.pega.com/category/constellation-traditional-ui-developers
https://academy.pega.com/mission/constellation-adoption/v2
Constellation Architecture
How to Choose right UI?
