Skip to main content

Configuration de l’interface utilisateur dans Constellation

Le modèle de configuration de l’interface utilisateur des applications Pega Platform™ 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 :

Note: Pour plus d’informations sur les différentes façons de créer ou de mettre à jour des vues Constellation dans App Studio, consultez Creating Views. Pour plus d’informations sur les différents types de vues et leurs utilisations, consultez Configuring Views. Pour plus d’informations sur les composants du système de conception Constellation, consultez Installing components.

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 complète du dossier

La vue complète du dossier (Full Case View), ou la page complète du dossier, représente un dossier (Case) unique dans Pega Platform™. Optimisée pour presque tous les dossiers ou objets métier, 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. 

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 :

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 :

Note: Dans App Studio, la section Preview affiche uniquement le texte de remplacement (placeholder). Pour prévisualiser l’interface utilisateur du dossier avec des données, exécutez une instance de dossier. Pour plus d’informations sur la vue complète et les widgets, consultez Configuring a Full Page View.

Vérifiez vos connaissances avec l’interaction suivante :

Details

La vue Details est une vue facultative par défaut qui permet de restituer 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). 

Note: Les champs principaux ne sont disponibles que dans l’architecture Constellation basée sur les vues. Pour plus d’informations sur les champs principaux, consultez Configuring 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.

Note: Pour plus d’informations sur l’utilisation de Pulse, consultez Preparing for collaboration with users by using Pulse et Collaborating with users by using Pulse.

Edit

La vue Edit affiche un formulaire lorsque les utilisateurs cliquent sur Edit. La vue comprend des champs importants à modifier dans n’importe quelle phase (Stage) du dossier.

Create

La vue Create restitue un formulaire pour capturer les données nécessaires à la création du dossier.

List

La vue List fournit des contrôles permettant de configurer efficacement une liste de dossiers de ce type de dossier (Case Type) avec différents comportements. La configuration par défaut est une liste qui contient tous les dossiers en cours, mais vous pouvez également configurer les paramètres suivants :

  • Affichage de listes sous forme de tableaux ou de galeries en mosaïques
  • Configuration de différentes vues de la liste que les utilisateurs peuvent sélectionner
  • Sélection des colonnes à afficher dans la liste
  • Filtrage, tri et regroupement des dossiers et référence de données (data reference) par critères
  • Exécution d’actions groupées sur les dossiers de la liste
  • Modification ou ajout de nouveaux enregistrements aux dossiers de la liste
Note: Pour plus d’informations sur l’utilisation des données de liste dans les vues, consultez Configuring list Views.

Vérifiez vos connaissances avec l’interaction suivante :


This Topic is available in the following Modules:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

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