Skip to main content

Créer des vues dans Constellation pour les BA

6 Tâches

40 mins

 Visible par : All users Applies to: Pega Platform '25
Débutant
Intégration des données
Français

Scénario

Pour que les utilisateurs puissent interagir avec l’application GoGoRoad, il faut créer une interface utilisateur (UI). Soulignant les avantages de Constellation lors du développement et de la maintenance d’applications, en tant que BA Pega, vous avez préconisé de créer l’interface utilisateur de l’application GoGoRoad à l’aide de l’architecture Constellation. 

User Stories

En tant que conseiller client GoGoRoad, je souhaite sélectionner le type de service demandé dans une liste déroulante afin de pouvoir identifier rapidement le problème et communiquer ces informations au fournisseur de services.

En tant que conseiller client GoGoRoad, je souhaite sélectionner le client qui fait la demande d’assistance dans une liste déroulante de clients afin de pouvoir accéder rapidement à toutes les informations stockées sur ce client.

En tant que conseiller client GoGoRoad, je souhaite saisir l’adresse associée à la demande de service afin de pouvoir envoyer le fournisseur de services au bon endroit. 

En tant que conseiller client GoGoRoad, je souhaite saisir les informations associées au véhicule nécessitant un service afin de pouvoir communiquer ces informations au fournisseur de services.

En tant que conseiller client GoGoRoad, je souhaite saisir les informations associées au mode de paiement du client pour faire en sorte que GoGoRoad et le fournisseur de services soient payés pour les services rendus.

En tant que conseiller client GoGoRoad, je souhaite sélectionner les services rendus pour l’instance Assistance Request afin que nous puissions facturer correctement le client.

Notes techniques documentées par le System Architect

  • La vue Identify issue contient un nouveau champ nommé Service type du type de champ Picklist . Le champ Service typeest obligatoire.
  • La vue Identify customer contient une liste déroulante qui fait référence à la relation de données Customer (AR).
  • La vue Identify location contient la relation de données intégrées Service address (AR).
  • La vue Identify vehicle contient un nouveau champ appelé Vehicle information (AR) qui fait référence au data object Vehicle information en tant que relation de données intégrées à enregistrement unique.
  • La vue Enter payment information contient un nouveau champ appelé Payment information (AR) qui fait référence au data object Payment information en tant que relation de données intégrées à enregistrement unique.
  • La vue Select services performed contient une relation de données Selected services (AR) qui fait référence au data object Selected service en tant que relation de données intégrées à enregistrements multiples.
  • La vue Select services performed contient un champ calculé créé précédemment appelé Total of services, qui est une somme de tous les services sélectionnés dans la vue.

Vous trouverez dans le tableau suivant les identifiants dont vous avez besoin pour relever le défi.

Rôle Nom d’utilisateur Mot de passe
Business Architect author@gogoroad pega123!
Note: Ce défi n'a pas de vidéo de démo. Veuillez vous référer au Détail des tâches pour obtenir des instructions étape par étape afin de relever le défi.

Vous devez initier votre votre propre instance Pega pour compléter ce Défi.

L'initialisation peut prendre jusqu'à 5 minutes, donc soyez patient.

Détail des tâches

1 Configurer la vue Identify issue

  1. Dans l’instance Pega du défi, saisissez les identifiants suivants :
    1. Dans le champ User name, saisissez author@gogoroad.
    2. Dans le champ Password, saisissez pega123!.
  2. Dans le volet de navigation d’App Studio, cliquez sur Case Types > Assistance Request pour accéder au type de dossier Assistance Request.
  3. Dans le cycle de vie du dossier Assistance Request, dans la phase Create, cliquez sur l’étape Identify issue , puis dans le volet des propriétés contextuelles à droite, cliquez sur Configure view.
  4. Dans la fenêtre Edit View: Identify issue, dans la section Fields, cliquez sur Add > Fields > Create Field.
    Create field
  5. Dans la boîte de dialogue Add field, dans le champ Name, saisissez Service type.
  6. Dans le champ Type, vérifiez que la valeur par défaut du système est Picklist.
  7. Dans le premier choix de la liste de sélection (picklist) Service type, saisissezVehicle has a flat tire.
  8. Cliquez sur Add choice.
  9. Répétez les étapes 7 et 8 pour ajouter les choix restants :
    • Vehicle has a dead battery
    • Vehicle is locked
    • Vehicle is out of gas
    The completed Service type field.
  10. Cliquez sur Submit.
  11. Dans la fenêtre Edit View: Identify issue, à droite du champ Service type, cliquez sur l’icône Configure . 
  12. Dans la fenêtre Configure field: Service type, dans la section Conditions, dans le champ Required, sélectionnez Always.
  13. Cliquez sur Save pour fermer la boîte de dialogue.
  14. Cliquez sur Submit pour enregistrer la vue Identify issue.
    Edit Identify issue View

2 Configurer la vue Identify customer

  1. Dans le cycle de vie du dossier Assistance Request, cliquez sur l’étape Identify customer , puis, dans le volet des propriétés contextuelles à droite, cliquez sur Configure user action.
  2. Dans la fenêtre Edit view: Identify customer , dans le champ Layout, cliquez sur 1 column.
  3. Dans la section Fields, cliquez sur Add > Fields.
  4. Dans la liste Fields , sélectionnez Customer (AR) et cliquez sur Add.
    Add Customer data reference field
  5. Dans la fenêtre Edit view: Identify customer , dans la section Fields, cliquez sur Customer (AR).
  6. Dans la boîte de dialogue Edit field: Customer (AR), effectuez les opérations suivantes :
    • Vérifiez que le champ Mode a la valeur Single-select.
    • Dans le champ Display as , sélectionnez Dropdown.
    • Vérifiez que le champ Data page a la valeur List Customer.
    • Vérifiez que le champ Display field a la valeur Account ID.
  7. Cliquez sur Back pour fermer la fenêtre Edit field: Customer (AR) .
    Highlighting the back button of the Customer(AR) configuration window
  8. Dans la fenêtre  Edit View: Identify customer , cliquez sur Add > Fields. 
  9. Dans la boîte de dialogue Fields, développez le champ Customer (AR).
    Expand customer field
  10. Dans la boîte de dialogue Customer (AR), cliquez sur Fields.
  11. Dans la liste des champs Customer (AR) disponibles, cochez les cases Coverage level, Customer email, Enrollment et Full name, puis cliquez sur Add.
  12. À droite du champ Coverage level, cliquez sur l’icône Configure.
  13. Dans la fenêtre Configure field: Coverage level (CustomerAR) , dans le champ Edit mode, sélectionnez Read-only, puis cliquez sur Save.
  14. Répétez les étapes 12 et 13 pour configurer les champs Customer email, Enrollment et Full name en lecture seule.
  15. Utilisez Drag handle  pour réorganiser les champs en lecture seule comme suit : Full name, Customer email, Enrollment et Coverage level.
    Identify customer view
  16. À droite du champ Customer (AR) , cliquez sur l’icône Configure.
  17. Dans la boîte de dialogue Configure field: Customer , dans le Label field, sélectionnez Custom.
  18. Dans le champ Custom label, saisissez Customer.
  19. Dans la section Conditions, dans le champ Required, sélectionnez Always.
    Configure customer field
  20. Cliquez sur Save.
  21. Cliquez sur Submit pour enregistrer la vue Identify customer.

3 Configurer la vue Identify location

  1. Dans le cycle de vie du dossier Assistance Request, cliquez sur l’étape Identify location , puis, dans le volet des propriétés contextuelles à droite, cliquez sur Configure user action.
  2. Dans la fenêtre Edit view: Identify location, dans le champ Layout, sélectionnez 1 column.
  3. Dans la section Fields, cliquez sur Add > Fields.
  4. Dans la liste des champs, sélectionnez Service address (AR), puis cliquez sur Add.
    Add service address ar field
  5. Dans la fenêtre Edit view: Identify location , cliquez sur Service address (AR) (Service address).
  6. Dans la fenêtre Edit View: Service address (AR) , dans le champ Layout, sélectionnez 1 column.
  7. Dans la fenêtre Edit View: Service address (AR), dans la section Fields, cliquez sur l’icône Remove pour retirer la vue Primary fields.
  8. Dans la section Fields, cliquez sur Add > Fields.
  9. Dans la liste des champs, sélectionnez City, State,  et Street, puis cliquez sur Add.
  10. À l’aide de Drag handle, réorganisez les champs comme suit : Street, City et State. 
    Adding fields to the Service address AR View
  11. Cliquez sur Back pour revenir à la fenêtre Edit view: Identify location.
  12. À droite du champ Service address (AR) (Service address), cliquez sur l’icône Configure.
  13. Dans le champ Label, saisissez Service address.
  14. Cliquez sur Save.
  15. Cliquez sur Submit pour enregistrer la vue Identify location.
    Configure Identify location View

4 Configurer la vue Identify vehicle

  1. Dans le cycle de vie du dossier Assistance Request, cliquez sur l’étape Identify vehicle , puis, dans le volet des propriétés contextuelles à droite, cliquez sur Configure user action.
  2. Dans la fenêtre Edit View: Identify vehicle, dans la section Fields, cliquez sur Add > Fields > Create Field.
  3. Dans la fenêtre Add field, dans le champ Name,  saisissez Vehicle information (AR).
  4. Dans le champ Type, sélectionnez Embedded Data.
  5. Dans le champ Data object, sélectionnez Vehicle information.
  6. Dans le champ Options, sélectionnez Single Record.
  7. Cliquez sur Submit pour créer la relation de données (data relationship) Vehicle information (AR).
    The Vehicle information data relationship
  8. Dans la fenêtre Edit View: Identify vehicle , cliquez sur Vehicle information (AR) (Vehicle information).
  9. Dans la section Fields, cliquez sur l’icône Remove pour retirer la vue Primary fields, puis cliquez sur Add > Fields.
  10. Dans la liste des champs, sélectionnez Color, Make, Model et Model year, puis cliquez sur Add.
  11. Faites glisser le champ Color entre les champs Model et Model year.
    Edit View Vehicle information
  12. Cliquez sur Back pour revenir à la fenêtre Edit View: Identify vehicle .
  13. À droite du champ  Vehicle information (AR) (Vehicle information), cliquez sur l’icône Configure.
  14. Dans le Label, indiquez Vehicle information.
  15. Cliquez sur Save.
  16. Cliquez sur Submit pour enregistrer la vue Identify vehicle.
    Configure Identify vehicle View

5 Configurer la vue Enter payment information

  1. Dans le cycle de vie du dossier Assistance Request, cliquez sur l’étape Enter payment information , puis, dans le volet des propriétés contextuelles à droite, cliquez sur Configure user action.
  2. Dans la fenêtre Edit View: Enter payment information, dans le champ Layout, sélectionnez 1 column.
  3. Dans la fenêtre Edit View: Enter payment information, dans la section Fields, cliquez sur Add > Fields > Create Field.
  4. Dans la boîte de dialogue Add field, dans Name, saisissez Payment information (AR).
  5. Dans le champ Type, sélectionnez Embedded Data.
  6. Dans le champ Data object, sélectionnez Payment information.
  7. Dans le champ Options, sélectionnez Single Record.
  8. Cliquez sur Submit pour créer la relation de données (data relationship) Payment information (AR).
    The Payment information (AR) data relationship.
  9. Dans la fenêtre Edit view: Enter payment information , cliquez sur Payment information (AR) (Payment information).
  10. Dans la fenêtre Edit View: Payment information (AR), dans le champ Layout, sélectionnez 1 column.
  11. Dans la section Fields, cliquez sur l’icône Remove pour retirer la vue Primary fields, puis cliquez sur Add > Fields.
  12. Dans la liste des champs, sélectionnez Card number, Card type et Expiration date, puis cliquez sur Add.
  13. À l’aide de Drag handle, réorganisez les champs comme suit : Card type, Card number et Expiration date.
    Edit Payment information View
     
  14. Cliquez sur Back pour revenir à la fenêtre Edit view: Enter payment information .
  15. À droite du champ Payment information (AR) (Payment information), cliquez sur l’icône Configure.
  16. Dans la boîte de dialogue Configure field: Payment information (AR) , pour Label, indiquez Payment information.
  17. Cliquez sur Save.
  18. Cliquez sur Submit pour enregistrer la vue Enter payment information.
    Edit Enter payment information View

6 Configurer la vue Select services performed

  1. Dans le cycle de vie du dossier Assistance Request, cliquez sur l’étape Select services performed , puis, dans le volet des propriétés contextuelles à droite, cliquez sur Configure user action.
  2. Dans la fenêtre Edit View: Select services performed , dans le champ Layout, sélectionnez 1 column.
  3. Dans la section Fields, cliquez sur Add > Fields.
  4. Dans la liste des champs, sélectionnez Selected services (AR), puis cliquez sur Add.
  5. Dans la fenêtre Edit view: Select services performed, cliquez sur Selected services (AR).
  6. Dans la boîte de dialogue Edit field: Selected services (AR) , dans le champ  Display as , sélectionnez Repeating View.
  7. Dans le champ Record view , sélectionnez Selected service View.
    Edit Selected services field
  8. Cliquez sur Back pour revenir à la fenêtre Edit View: Select services performed.
  9. À droite du champ Selected Services (AR), cliquez sur l’icône Configure.
  10. Dans la boîte de dialogue Configure field: Selected services (AR) , dans le champ Label, sélectionnez Custom
  11. Dans le champ Custom label, saisissez Selected services.
  12. Cliquez sur Save.
  13. Dans la fenêtre Edit View: Select services performed, cliquez sur Add > Fields > Total of services > Add.
  14. À droite du champ Total of services, cliquez sur l’icône Configure.
  15. Dans le champ Edit mode, sélectionnez Read-only, puis cliquez sur Save.
  16. Cliquez sur Submit pour enregistrer la vue Select services performed.
    Edit Selected services performed View
  17. Dans le cycle de vie du dossier Assistance Request, cliquez sur Save pour enregistrer votre travail.

Ce défi vise à appliquer ce que vous avez appris dans le Module suivant :

Disponible dans la mission suivante :

Retourner à la mission Poursuivre la mission
If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Oui
Non

Want to help us improve this content?
Proposer une modification

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