Skip to main content

Défi

Créer des vues dans Constellation pour les BA

Créer des vues dans Constellation pour les BA

6 Tâches

40 mins

 Visible par : All users Applies to: Pega Platform '24.2
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: Cette présentation du défi a été enregistrée dans Pega Platform '23. Il se peut que vous constatiez des différences mineures entre cette vidéo et les étapes et images du 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.

Présentation du défi

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 new field.
    Adding new fields to the Identify issue View.
  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.
    The 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 view.
  2. Dans la fenêtre Edit view: Identify customer, dans la section Fields, cliquez sur Add > Fields.
  3. Dans la liste Fields , sélectionnez Customer (AR) et cliquez sur Add.
    Adding the Customer (AR) field to the Identify customer View.
  4. Dans la fenêtre Edit view: Identify customer , dans la section Fields, cliquez sur Customer (AR).
  5. 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
    • Pour 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.
  6. Cliquez sur Back pour fermer la fenêtre Edit field: Customer (AR) .
    Highlighting the back button of the Customer(AR) configuration window
  7. Dans la fenêtre  Edit View: Identify customer , cliquez sur Add > Fields. 
  8. Dans la boîte de dialogue Fields, développez le champ Customer (AR).
    Highlighting the arrow to the right of the Customer (AR) field.
  9. Dans la boîte de dialogue Customer (AR), cliquez sur Fields.
  10. Dans la liste des champs Customer (AR) disponibles, cochez les cases Coverage level, Customer email, Enrollment et Full name, puis cliquez sur Add.
  11. À droite du champ Coverage level, cliquez sur l’icône Configure.
  12. Dans la fenêtre Configure field: Coverage level (CustomerAR) , dans le champ Edit mode, sélectionnez Read-only, puis cliquez sur Save.
  13. Répétez les étapes 11 et 12 pour afficher les champs Customer email, Enrollment et Full name en lecture seule.
  14. Utilisez Drag handle  pour réorganiser les champs en lecture seule comme suit : Full name, Customer email, Enrollment et Coverage level.
    The completed Identify customer View
  15. À droite du champ Customer (AR) , cliquez sur l’icône Configure.
  16. Dans la fenêtre Configure field: Customer , dans Field label field, sélectionnez Custom.
  17. Dans le champ Custom field label, saisissez Customer.
  18. Dans la section Conditions, dans le champ Required, sélectionnez  Always.
  19. Cliquez sur Save.
    Configure for the Customer AR dropdown field
  20. Cliquez sur Submit pour enregistrer la vue Identify customer.
    Completed Identify customer View

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 view.
  2. Dans la fenêtre Edit view: Identify location, dans la section Fields, cliquez sur Add > Fields.
  3. Dans la liste des champs, sélectionnez Service address (AR), puis cliquez sur Add.
  4. Dans la fenêtre Edit view: Identify location , cliquez sur Service address (AR) (Service address) .
  5. 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.
  6. Dans la section Fields, cliquez sur Add > Fields.
  7. Dans la liste des champs, sélectionnez City, State,  et Street, puis cliquez sur Add.
  8. À l’aide de Drag handle, réorganisez les champs comme suit : Street, City et State. 
    Adding fields to the Service address AR View
  9. Cliquez sur Back pour revenir à la fenêtre Edit view: Identify location.
  10. À droite du champ Service address (AR) (Service address), cliquez sur l’icône Configure.
  11. Mettez à jour le champ Field label, saisissez Service address.
  12. Cliquez sur Save.
  13. Cliquez sur Submit pour enregistrer la vue Identify location.
    The completed 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 view.
  2. Dans la fenêtre Edit view: Identify vehicle, dans la section Fields, cliquez sur Add > Fields > Create new 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.
    Adding fields to the Vehicle information AR View
  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. Modifiez le Field label en Vehicle information.
  15. Cliquez sur Save.
  16. Cliquez sur Submit pour enregistrer la vue Identify vehicle.
    The completed 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 view.
  2. Dans la fenêtre Edit view: Enter payment information, dans la section Fields, cliquez sur Add > Fields > Create new field.
  3. Dans la boîte de dialogue Add field, dans Name, saisissez Payment information (AR).
  4. Dans le champ Type, sélectionnez Embedded Data.
  5. Dans le champ Data object, sélectionnez Payment information.
  6. Dans le champ Options, sélectionnez Single Record.
  7. Cliquez sur Submit pour créer la relation de données (data relationship) Payment information (AR).
    The Payment information (AR) data relationship.
  8. Dans la fenêtre Edit view: Enter payment information , cliquez sur Payment information (AR) (Payment 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 Card number, Card type et , puis cliquez sur Add.
  11. À l’aide de Drag handle, réorganisez les champs comme suit : Card type, Card number et Expiration date. 
    The Payment information (AR) View
  12. Cliquez sur Back pour revenir à la fenêtre Edit view: Enter payment information .
  13. À droite du champ Payment information (AR) (Payment information), cliquez sur l’icône Configure.
  14. Dans la fenêtre Configure field: Payment information (AR) , modifiez Field label en Payment information.
  15. Cliquez sur Save.
  16. Cliquez sur Submit pour enregistrer la vue Enter payment information.
    The completed 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 view.
  2. Dans la fenêtre Edit view: Select services performed, dans la section Fields, cliquez sur Add > Fields.
  3. Dans la liste des champs, sélectionnez Selected services (AR), puis cliquez sur Add.
  4. Dans la fenêtre Edit view: Select services performed , cliquez sur Selected services (AR).
  5. Dans la boîte de dialogue Edit field: Selected services (AR) , dans le champ  Display as , sélectionnez Repeating View.
  6. Dans le champ Record view , sélectionnez Selected service view.
    Configuration of the Selected services (AR) View
  7. Cliquez sur Back pour revenir à la fenêtre Edit View: Select services performed.
  8. À droite du champ Selected Services (AR), cliquez sur l’icône Configure.
  9. Dans la boîte de dialogue Configure field: Selected services (AR) , dans le champ Field label, sélectionnez Custom.
  10. Dans le champ Custom field label, saisissez Selected services.
  11. Cliquez sur Save.
  12. Dans la fenêtre Edit View: Select services performed, cliquez sur Add > Fields > Total of services > Add.
  13. À droite du champ Total of services, cliquez sur l’icône Configure.
  14. Dans le champ Edit mode, sélectionnez Read-only, puis cliquez sur Save.
  15. Cliquez sur Submit pour enregistrer la vue Select services performed.
    The configured Select services performed View
  16. 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
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