Configuration de l’interface utilisateur dans Constellation
Le modèle de configuration de l’interface utilisateur des applications Pega se concentre sur la capture de l’intention métier dans le workflow et sur l’interprétation de cette intention sur plusieurs canaux (Channels) numériques.
Principe de séparation des préoccupations
Dans l’architecture traditionnelle des versions de Pega Infinity™ antérieures à 8.7, les développeurs développaient l’interface de l’application avec des règles de section (Section Rules), des mises en page dynamiques (dynamic layouts), des formats de skin, des contrôles personnalisés et diverses configurations de volets de propriétés (property panel). Le nouveau modèle d’interface utilisateur Constellation offre plus de flexibilité, ce qui permet aux développeurs de connecter plus efficacement les composants front-end aux API back-end.
La couche d’interface utilisateur (UI layer) de l’architecture Pega Constellation souscrit au principe de séparation des préoccupations (Separation of Concerns), le principe de conception logicielle qui encourage la modularité logicielle en stipulant qu’une application doit être divisée en parties distinctes, chaque partie répondant à une préoccupation spécifique.
Éléments d’interface utilisateur
L’architecture Constellation résout les problèmes de complexité et d'incohérence de l'interface utilisateur, grâce à un nouveau modèle d’interface utilisateur que vous pouvez utiliser pour créer vos applications avec des vues (Views), des modèles (templates) et des widgets.
Dans l’image suivante, cliquez sur les icônes + pour en savoir plus sur les éléments de l’interface utilisateur :
Vues générées automatiquement
Pour les nouvelles applications que vous créez sur l’architecture Constellation avec la bibliothèque Constellation, le système génère automatiquement un ensemble de vues que vous pouvez utiliser pour commencer instantanément à configurer l’interface utilisateur avec App Studio.
Vue pleine page
Lorsque vous créez un nouveau type de dossier (Case Type) ou un nouveau data object, Pega Platform™ ajoute automatiquement une vue associée appelée vue pleine page (Full Page View), qui représente le cadre visuel du traitement des informations associées. Optimisée pour presque tous les dossiers ou data objects, la mise en page à trois volets (three-pane layout) contient de nombreuses informations, dont la plupart sont disponibles sans avoir à défiler ou à passer à d’autres vues. Vous pouvez modifier la vue pleine page (Full Page View) dans l'onglet UX de votre type de dossier ou data object.
La vue ou page complète du dossier (Full Case View ou Full Case Page) représente un dossier (Case) unique dans Pega Platform™. Dans l’image suivante, cliquez sur les icônes + pour en savoir plus sur les principales zones d’une page de dossier complète construite sur le système de conception Constellation :
Lorsque vous créez une vue pleine page (Full Page View) dans App Studio, la section Preview affiche uniquement le texte de remplacement (placeholder). Pour prévisualiser l’interface utilisateur avec des données, exécutez une instance de dossier. Dans l’image suivante, cliquez sur les icônes + pour en savoir plus sur la configuration de l’interface utilisateur du dossier dans App Studio :
Vérifiez vos connaissances avec l’interaction suivante :
Détails
La vue Details est une vue facultative par défaut qui permet d’afficher des données de dossier en lecture seule, telles que des champs importants. et d’autres informations. Par défaut, la vue Details est configurée pour afficher les champs principaux (Primary Fields).
Pulse
La vue Pulse est une vue facultative par défaut qui affiche Pulse, qui permet aux utilisateurs de publier, d’afficher et de répondre à des messages dans le contexte de ce dossier.
Vérifiez vos connaissances avec l’interaction suivante :
This Topic is available in the following Modules:
Want to help us improve this content?