Skip to main content

Défi

Regrouper des champs dans des vues

Scénario

Selon le feedback reçu, les clients de GoGoRoad ne peuvent pas vérifier les détails avant de soumettre une demande d’assistance, ce qui entraîne une certaine confusion et du temps supplémentaire pour corriger les détails. L’équipe de direction de GoGoRoad a décidé de mettre en place un écran de confirmation final en lecture seule après que les clients ont saisi toutes les informations pertinentes. Cet écran de confirmation présente toutes les informations au client avant de lui permettre d’envoyer sa demande d’assistance.

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@gogoroad 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.

Présentation du défi

You must initiate your own Pega instance to complete this Défi.

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

Détail des tâches

1 Ajouter une étape de collecte d’informations au processus de saisie des informations de paiement

  1. Dans le volet de navigation d’App Studio, cliquez sur Case types > Assistance Request pour ouvrir le type de dossier Assistance Request.
  2. Dans le processus de saisie des informations de paiement, cliquez sur Step > Collect information pour ajouter une étape de collecte d’informations.
    add-collect-information-step
  3. Renommez l’étape Review assistance request.
  4. Dans le volet des propriétés, cliquez sur Configure view pour ouvrir l’éditeur de formulaire.
  5. Dans le volet de gauche, cliquez sur Views pour afficher la liste des vues.
    configure view window
  6. Dans la liste des vues, passez le curseur sur Enter Customer information, puis cliquez sur l’icône Add pour ajouter la vue existante à l’étape Review assistance request.
  7. Répétez l’étape 6 pour ajouter les vues Identify location, Identify vehicle et Enter payment information.
    adding of fields to a section
  8. Dans la liste Options , sélectionnez  Read-only pour toutes les vues ajoutées.
  9. Cliquez sur Submit.
  10. Cliquez sur Save pour enregistrer les modifications apportées au type de dossier de demande d’assistance.

2 Ajouter des groupes de mise en page à l’aide d’App Studio

  1. Créez un nouveau dossier Assistance Request.
  2. Faites avancer le dossier jusqu’à l’étape Enter customer information.
  3. Dans l’écran Enter customer information, sélectionnez l’Account ID d’un utilisateur bénéficiant du niveau de couverture Standard.
    Note: Si vous sélectionnez un utilisateur possédant le niveau de couverture Gold, la vue Enter Payment Information ne s'affiche pas lors du traitement du dossier.
    image which shows the coverage level of the customer
  4. Faites avancer le dossier jusqu’à la vue Review assistance request.
    Note: Si le nom de la vue ne s’affiche pas, vous pouvez vérifier où vous en êtes dans le cycle de vie du dossier en cliquant sur l’en-tête de la phase.
  5. Passez le curseur sur la section, puis cliquez sur l’icône Configure this view.
    image shows the configure view button
  6. Dans le volet de droite, cliquez sur Change  pour modifier le modèle. La fenêtre Select a template s’affiche.
    image shows change icon
  7. Dans la fenêtre Select a template, cliquez sur Mobile page with content and layout group.
    Note: Le modèle Mobile page with content and layout group  peut être utilisé pour implémenter la vue avec un groupe de mise en page à partir d’App Studio.
  8. Glissez-déposez toutes les sections sur la région B (Grouped - Tab).
    image shows change icon and regions in the template

3 Modifier les libellés de section dans Dev Studio

  1. Passez dans Dev Studio pour modifier les libellés des sections d’examen.
  2. Dans le volet de navigation de Dev Studio, cliquez sur App.
  3. Développez AssistanceRequest > User Interface > Section.
  4. Cliquez sur ReviewAssistanceRequest pour ouvrir la section Review assistance request.
  5. Passez le curseur sur la section Enter Customer information dans le volet de droite, puis cliquez sur Edit. La fenêtre Cell Properties s’affiche.
  6. Dans l’onglet General, section Container settings, champ Title, saisissez Customer Information.
    container settings
  7. Cliquez sur Submit.
  8. Répétez les étapes 5 à 7 pour modifier les libellés des sections restantes.
    Section Titre
    IdentifyLocation Service Address
    IdentifyVehicle Vehicle Information
    EnterPaymentInformation Payment Information
  9. Cliquez sur Save pour enregistrer la section.

Vérifier votre travail

  1. Lancez le portail utilisateur pour créer un nouveau dossier Assistance Request.
    user portal
  2. Faites avancer le dossier jusqu’à l'étape Review assistance request pour un client sans couverture Gold.
  3. Dans la vue Review assistance request, cliquez sur chaque onglet pour afficher les informations sur le client, l’adresse d'intervention, le véhicule et le paiement.
  4. Confirmez que les informations sont en lecture seule.
    image showing review screen


Disponible dans les missions suivantes :

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