Skip to main content

Créer des vues dans Constellation pour les BA

6 Tâches

40 mins

Visible to: All users
Débutant
Pega Platform '23
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, vous, en tant que BA Pega, 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 de type Picklist . Le champ Service type est 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 (single-record Embedded Data relationship).
  • 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 (multiple-record Embedded Data relationship).
  • 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!

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 informations d’identification suivantes :
    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, saisissez Vehicle 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 Data Page a la valeur List Customer
    • Vérifiez que le champ Mode a la valeur Single-select
    • Pour le champ Display as,  sélectionnez Dropdown.
    • 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 Edit 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 boîte de dialogue 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 Read-only.
  14. Utilisez la 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 boîte de dialogue Configure field: Customer, modifiez le Field label en Customer.
  17. Dans la section Conditions, dans le champ Required, sélectionnez  Always.
  18. Cliquez sur Save.
    Configuration for the Customer field
  19. Cliquez sur Submit pour enregistrer la vue Identify customer.
    The 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 la Drag handle, réorganisez les champs comme suit : Street, City et State
    The completed Service address 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 l’onglet Type, sélectionnez Embedded Data.
  5. Dans l’onglet Data object, sélectionnez Vehicle information.
  6. Dans l’onglet 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.
    The fields associated with the Vehicle information data relationship in the Vehicle information 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 l’onglet 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 Expiration date, puis cliquez sur Add.
  11. À l’aide de la 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 boîte de dialogue Configure field: Payment information (AR), modifiez le 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 fenêtre Edit field: Selected services (AR), dans le champ Display as , sélectionnez Field Group.
  6. Dans le champ Select View item , sélectionnez Selected service View.
  7. Dans le champ Item label , saisissez Selected service.
    The Selected Services (AR) View configuration.
  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), pour mettre à jour le 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 completed Selected services View
  16. Cliquez sur Save pour enregistrer votre travail.

Vérifier votre travail

  1. Dans le type de dossier Assistance Request, cliquez sur Preview pour ouvrir la fenêtre du portail Web.
  2. Dans le volet de navigation de la fenêtre du portail web, cliquez sur Create > Assistance Request pour créer une nouvelle instance de type de dossier Assistance Request.
    Creating an Assistance Request Case in the Web portal.
  3. À l’étape Identify issue, sélectionnez un Service type, puis cliquez sur Next.
    The Identify issue View in the Web portal
  4. À l’étape Identify customer, sélectionnez un Customer, par exemple [email protected], puis cliquez sur Next.
    The Identify customer View in the Web portal
  5. À l’étape Identify location, saisissez une adresse, puis cliquez sur Next.
    The Identify location View in the Web Portal
  6. À l’étape Identify vehicle, saisissez les informations du véhicule, puis cliquez sur Submit.
    The Identify vehicle View in the Web portal
  7. À l’étape Enter payment information, saisissez les informations de paiement, puis cliquez sur Submit.
    The Enter payment information View in the Web portal
  8. À l’étape Select services performed, dans la liste Service , sélectionnez un service et saisissez une valeur dans le champ Quantity .
  9. Vérifiez que la section Total of services affiche une valeur.
    The Selected services Step in the Web Portal

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


Disponible dans la mission suivante :

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