Skip to main content

Créer des relations de données dans les vues

4 Tâches

10 mins

 Visible to: All users
Débutant Pega Platform '23 Intégration des données Expérience utilisateur Constellation Français

Scénario

Vous êtes chef de projet pour votre ville, MyTown, et le maire vous demande de permettre aux habitants de signaler en ligne les problèmes qu’ils rencontrent de façon à ce que le travail nécessaire soit effectué et approuvé. Pour accomplir cette tâche, vous devez ajouter le type de demande de projet au formulaire de soumission en ligne standard de la ville. Vous devez également encourager les utilisateurs à ajouter leurs informations personnelles à leur rapport afin qu’ils puissent être contactés si des informations supplémentaires sont nécessaires pour effectuer le travail. Pour ce faire, vous pouvez ajouter des champs de relation de données (data relationship) aux vues (Views) pour les étapes qui collectent et affichent des informations spécifiques.

Certaines vues ont déjà été configurées par un autre développeur de MyTown. 

Note: Le framework de ce défi utilise l’architecture Constellation de Pega Platform™. Pour effectuer ce défi sur l’architecture d’interface utilisateur traditionnelle, consultez le défi Créer une relation de données de la version 8.7.

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
Développeur d’applications author@mytown pega123!
Note: Votre environnement de travail est susceptible de prendre en charge la réalisation de plusieurs défis. Par conséquent, la configuration montrée dans la vidéo de présentation du défi peut ne pas correspondre exactement à votre environnement.

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 Créer le champ de référence de données du type Request à l’étape Report problem

  1. Dans l’instance Pega du défi, saisissez les identifiants suivants :
    1. Dans le champ User name, saisissez author@mytown.
    2. Dans le champ Password , saisissez pega123!.
  2. Dans le volet de navigation d’App Studio, cliquez sur Case types > Service Request pour afficher le cycle de vie du dossier de demande de service.
  3. Dans le type de dossier Service Request, cliquez sur l’étape Report problem pour ouvrir le volet des propriétés contextuelles de droite.
  4. Dans le volet des propriétés contextuelles, cliquez sur Configure view pour ajouter des champs à la vue.
  5. Dans la section Fields, cliquez sur Add.
    Locating the Add field button below the Fields section of the Report problem configuration screen.
  6. Cliquez sur Fields > Create new field pour ouvrir la boîte de dialogue Add field.
    Highlighting the location of the Create new fields button.
  7. Dans le champ Name, saisissez Request.
  8. Dans la liste Type, sélectionnez Data reference. 
  9. Dans la liste Data object, sélectionnez Request type.
  10. Dans le champ Options, sélectionnez List of records.
  11. Cliquez sur Submit pour fermer la fenêtre de configuration Add field. 
    Modal window highlighting the Request data reference field.
  12. À l’aide de l’icône Direction de gauche, faites glisser la ligne Request et déposez-la au-dessus du champ Description (ServiceRequest).
    Request added to the list of fields,

2 Configurer les propriétés du champ Request

  1. Pour modifier les propriétés du champ Request, cliquez sur Request.
    Request data relationship link
  2. Dans la section Input settings, dans la liste Display as, sélectionnez Combo-Box.
  3. Dans la liste Display field, sélectionnez Type.
    Highlighting selections for the Display as and Display for the Request field.
  4. Cliquez sur Back pour revenir à la fenêtre Edit View: Report problem.
  5. À droite de Request, cliquez sur Configure pour ouvrir la boîte de dialogue Configure field: Request.
    Request data reference Configure icon
  6. Dans la section Conditions, dans la liste Required, sélectionnez Always.
    Highlighting the value of Always for the Required field.
  7. Cliquez sur Save pour fermer la boîte de dialogue Configure field: Request.
  8. Cliquez sur Submit  pour terminer la configuration des propriétés de la vue Request.

3 Créer le champ Embedded Data dans Submitter Information

  1. Cliquez sur l’étape Identify submitter pour ouvrir le volet des propriétés contextuelles sur la droite.
  2. Dans le volet des propriétés de l’étape, cliquez sur Configure View.
  3. Dans la section Fields, cliquez sur Add.
  4. Cliquez sur Fields > Create new field pour ouvrir la boîte de dialogue Add field.
    Highlighting the location of the Create new fields button.
  5. Dans le champ Name, saisissez Submitter informationl.
  6. Dans la liste  Type, sélectionnez Embedded Data.
  7. Dans la liste Data object, sélectionnez le data object Person .
  8. Vérifiez que le bouton radio Single record est sélectionné.
  9. Cliquez sur Submit.
    The Submitter information field configuration box.

4 Créer la vue Submitter Information

  1. Dans la section Fields, cliquez sur Submitter information (Person). 
    Selecting the Submitter information (Person) field
  2. À droite de Primary fields, cliquez sur l’icône Supprimer pour supprimer la ligne Primary fields.
  3. Cliquez sur Add > Fields.
  4. Sélectionnez les champs Address, First name, Last name et Phone, puis cliquez sur Add.
  5. À l’aide des icônes Direction, faites glisser les lignes dans l’ordre suivant : First name, Last name, Address et Phone.
    Fields in the Submitter information view
  6. Cliquez sur Submit  pour terminer la configuration de la vue Submitter information.
  7. Cliquez sur Save.

Vérifier votre travail

  1. Dans le type de dossier Service Request, cliquez sur l'onglet Data Model pour vérifier que les champs de relation de données Request et Submitter information sont affichés. 
    Service request data model
  2. Cliquez sur Save and run.
  3. Dans l’étape Report problem, vérifiez que le champ Request est obligatoire et comporte une zone de liste déroulante proposant les Types suivants : Traffic signal, Pothole, Park maintenance et Road debris.
    Report problem view with Request options displayed
  4. Sélectionnez Traffic signal, puis cliquez sur Next pour faire progresser le dossier.
  5. Cliquez sur Next pour avancer au-delà de la vue Identify location.
  6. À l’étape Identify submitter, vérifiez que la vue comporte les champs First name, Last name, Address et Phone.
    Identify submitter view at runtime

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

Disponible dans les missions suivantes :

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