Skip to main content

Construcción de vistas en Constellation para BA

6 Tareas

40 minutos

 Visible para: All users Applies to: Pega Platform '24.2
Principiante
Integración de datos
Español

Escenario

Para que los usuarios interactúen con la aplicación GoGoRoad, se debe crear una interfaz de usuario. Al destacar las ventajas de Constellation tanto durante el desarrollo como durante el mantenimiento de la aplicación, usted, como BA de Pega, ha abogado por crear la UI de la aplicación GoGoRoad con la arquitectura de Constellation. 

Historias de usuario

Como representante de servicio al cliente (CSR) de GoGoRoad, quiero seleccionar el tipo de servicio solicitado de una lista desplegable para poder identificar rápidamente el problema y proporcionar esa información al proveedor de servicios.

Como CSR de GoGoRoad, quiero seleccionar al cliente que realiza la solicitud de asistencia de una lista desplegable de clientes para poder acceder rápidamente a toda la información almacenada sobre el cliente.

Como CSR de GoGoRoad, quiero introducir la dirección asociada a la solicitud de servicio para poder enviar al proveedor de servicios a la ubicación correcta. 

Como CSR de GoGoRoad, quiero introducir la información asociada con el vehículo que necesita servicio para poder proporcionársela al proveedor de servicios.

Como CSR de GoGoRoad, quiero introducir la información asociada con el método de pago del cliente para garantizar que se pague a GoGoRoad y al proveedor de servicios por los servicios prestados.

Como CSR de GoGoRoad, quiero seleccionar los servicios prestados para la instancia de Assistance Request para poder facturar al cliente correctamente.

Notas técnicas documentadas por el System Architect

  • La vista Identify issue contiene un nuevo campo denominado Service type del tipo de campo Picklist . El campo Service type es obligatorio.
  • La vista de Identify customer contiene una lista desplegable que hace referencia a la relación de datos Cliente (AR).
  • La vista de Identify location contiene la relación de datos de datos embebidos de Service address (AR).
  • La vista Identify vehicle contiene un nuevo campo denominado Vehicle information (AR) que hace referencia al objeto de datos Vehicle information como una relación de datos embebidos de registro único.
  • La vista Enter payment information contiene un nuevo campo denominado Payment information (AR) que hace referencia al objeto de datos Payment information como una relación de datos embebidos de registro único.
  • La vista Select services performed contiene una relación de datos Selected services (AR) que hace referencia al objeto de datos Selected service como una relación de datos embebidos de registros múltiples.
  • La vista Select services performed contiene un campo calculado creado previamente denominado Total of services, que es una suma de todos los servicios seleccionados en la vista.

La siguiente tabla incluye las credenciales que necesita para completar el reto.

Función Nombre de usuario Password
Business Architect author@gogoroad pega123!
Nota: Este recorrido del reto se grabó en Pega Platform '23. Es posible que vea pequeñas diferencias entre este video y los pasos e imágenes del reto.

Debe iniciar su propia instancia de Pega para completar este Reto.

La inicialización puede demorar hasta 5 minutos. Le pedimos que tenga paciencia.

Recorrido del Reto

Tareas detalladas

1 Configurar la vista Identify issue

  1. En la instancia de Pega para el reto, introduzca las siguientes credenciales:
    1. En el campo User name, escriba author@gogoroad.
    2. En el campo Password, escriba pega123!.
  2. En el panel de navegación de App Studio, haga clic en Case Types > Assistance Request para acceder al tipo de caso de Assistance Request.
  3. En el ciclo de vida del caso de Assistance Request, en la etapa Create, haga clic en el paso Identify issue y, a continuación, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  4. En la ventana Edit View: Identify issue, en la sección Fields, haga clic en Add > Fields > Create new field.
    Adding new fields to the Identify issue View.
  5. En el cuadro de diálogo Add field, en el campo Name, escriba Service type.
  6. En el campo Type, confirme que el valor predeterminado del sistema sea Picklist.
  7. En la primera opción de la picklist de Service type, escriba Vehicle has a flat tire
  8. Haga clic en Add choice.
  9. Repita los pasos 7 y 8 para agregar las opciones restantes:
    • Vehicle has a dead battery
    • Vehicle is locked
    • Vehicle is out of gas
    The completed Service type field.
  10. Haga clic en Submit.
  11. En la ventana Edit View: Identify issue, a la derecha del campo Service type, haga clic en el ícono Configure . 
  12. En la ventana Configure field: Service type, en la sección Conditions, en el campo Required, seleccione Always.
  13. Haga clic en Save para cerrar el cuadro de diálogo.
  14. Haga clic en Submit para guardar la vista Identify issue.
    The Identify issue View

2 Configurar la vista Identify customer

  1. En el ciclo de vida del caso de Assistance Request, haga clic en el paso Identify customer  y, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  2. En la ventana Edit view: Identify customer, en la sección Fields, haga clic en Add > Fields.
  3. En la lista Fields , seleccione Customer (AR) y haga clic en Add.
    Adding the Customer (AR) field to the Identify customer View.
  4. En la ventana Edit view: Identify customer, en la sección Fields, haga clic en Customer (AR).
  5. En el cuadro de diálogo Edit field: Customer (AR), complete lo siguiente:
    • Confirme que el campo Mode sea Single-select
    • Para el campo Display as, , seleccione Dropdown.
    • Confirme que el campo Data page sea List Customer
    • Confirme que el campo Display field sea Account ID.
  6. Haga clic en Back para cerrar la ventana Edit field: Customer (AR),
    Highlighting the back button of the Customer(AR) configuration window
  7. En la ventana  Edit View: Identify customer , haga clic en Add > Fields. 
  8. En el cuadro de diálogo Fields, expanda el campo Customer (AR).
    Highlighting the arrow to the right of the Customer (AR) field.
  9. En el cuadro de diálogo Customer (AR), haga clic en Fields.
  10. En la lista de campos Customer (AR) disponibles, seleccione los checkboxes Coverage level, Customer email, Enrollment y Full name. A continuación, haga clic en Add.
  11. A la derecha del campo Coverage level, haga clic en el ícono Configure.
  12. En el cuadro de diálogo Configure field: Coverage level (CustomerAR), en el campo Edit mode, seleccione Read-only y haga clic en Save.
  13. Repita los pasos 11 y 12 para ver los campos Customer email, Enrollment y Full name como de solo lectura.
  14. Utilice el Drag handle  para reordenar los campos de solo lectura como Full name, Customer email, Enrollment y Coverage level.
    The completed Identify customer View
  15. A la derecha del campo Customer (AR) , haga clic en el ícono Configure.
  16. En el cuadro de diálogo Configure field: Customer, en el Field label field, seleccione Custom.
  17. En el campo Custom field label, introduzca Customer (AR).
  18. En la sección Conditions, en el campo Required, seleccione Always.
  19. Haga clic en Save.
    Configure for the Customer AR dropdown field
  20. Haga clic en Submit para guardar la vista Identify customer.
    Completed Identify customer View

3 Configurar la vista Identify location

  1. En el ciclo de vida del caso de Assistance Request, haga clic en el paso Identify location y, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  2. En la ventana Edit view: Identify location, en la sección Fields, haga clic en Add > Fields.
  3. En la lista de campos, seleccione Service address (AR) y haga clic en Add.
  4. En la ventana Edit view: Identify location, haga clic en Service address (AR) (Service address) .
  5. En la ventana Edit View: Service address (AR), en la sección Fields, haga clic en el ícono Remove para quitar la vista Primary fields.
  6. En la sección Fields, haga clic en Add > Fields.
  7. En la lista de campos, seleccione City, State,  y Street. A continuación, haga clic en Add.
  8. Mediante el Drag handle, reordene los campos como Street, City y State. 
    Adding fields to the Service address AR View
  9. Haga clic en Back para volver a la ventana Edit View: Identify location.
  10. A la derecha del campo Service address (AR) (Service address), haga clic en el ícono Configure.
  11. Actualice el campo Field label, introduzca Service address.
  12. Haga clic en Save.
  13. Haga clic en Submit para guardar la vista Identify location.
    The completed Identify location View

4 Configurar la vista Identify vehicle

  1. En el ciclo de vida del caso de Assistance Request, haga clic en el paso Identify vehicle  y, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  2. En la ventana Edit view: Identify vehicle, en la sección Fields, haga clic en Add > Fields > Create new field.
  3. En la ventana Add field, en el campo Name, escriba Vehicle information (AR).
  4. En el campo Type, seleccione Embedded Data.
  5. En el campo Data object, seleccione Vehicle information.
  6. En el campo Options, seleccione Single Record.
  7. Haga clic en Submit para crear la relación de datos Vehicle information (AR).
    The Vehicle information data relationship
  8. En la ventana Edit View: Identify vehicle, haga clic en Vehicle information (AR) (Vehicle information).
  9. En la sección Fields, haga clic en el ícono Remove para quitar la vista Primary fields y, a continuación, haga clic en Add > Fields.
  10. En la lista de campos, seleccione Color, Make, Model y Model year. A continuación, haga clic en Add.
  11. Arrastre el campo Color entre los campos Model y Model year.
    Adding fields to the Vehicle information AR View
  12. Haga clic en Back para volver a la ventana Edit View: Identify vehicle.
  13. A la derecha del campo  Vehicle information (AR) (Vehicle information), haga clic en el ícono Configure.
  14. Actualice el Field label a Vehicle information.
  15. Haga clic en Save.
  16. Haga clic en Submit para guardar la vista Identify vehicle.
    The completed Identify vehicle View

5 Configurar la vista Enter payment information

  1. En el ciclo de vida del caso de Assistance Request, haga clic en el paso Enter payment information  y, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  2. En la ventana Edit view: Enter payment information , en la sección Fields, haga clic en Add > Fields > Create new field.
  3. En el cuadro de diálogo Add field, en Name, introduzca Payment information (AR).
  4. En el campo Type, seleccione Embedded Data.
  5. En el campo Data object, seleccione Payment information.
  6. En el campo Options, seleccione Single Record.
  7. Haga clic en Submit para crear la relación de datos de información de pago (AR).
    The Payment information (AR) data relationship.
  8. En la ventana Edit View: Enter payment information, haga clic en Payment information (AR) (Payment information).
  9. En la sección Fields, haga clic en el ícono Remove para quitar la vista Primary fields y, a continuación, haga clic en Add > Fields.
  10. En la lista de campos, seleccione Card number, Card type y Expiration date. A continuación, haga clic en Add.
  11. Mediante el Drag handle, reordene los campos como Card type, Card number y Expiration date. 
    The Payment information (AR) View
  12. Haga clic en Back para volver a la ventana Edit View: Enter payment information.
  13. A la derecha del campo Payment information (AR) (Payment information), haga clic en el ícono Configure.
  14. En el cuadro de diálogo Configure field: Payment information (AR), actualice Field label a Payment information.
  15. Haga clic en Save.
  16. Haga clic en Submit para guardar la vista Enter payment information.
    The completed Enter payment information View

6 Configurar la vista Select services performed

  1. En el ciclo de vida del caso de Assistance Request, haga clic en el paso Select services performed  y, en el panel de propiedades contextuales de la derecha, haga clic en Configure view.
  2. En la ventana Edit view: Select services performed, en la sección Fields, haga clic en Add > Fields.
  3. En la lista de campos, seleccione Selected services (AR). A continuación, haga clic en Add.
  4. En la ventana Edit view: Select services performed, haga clic en Selected services (AR).
  5. En la ventana Edit field: Selected services (AR), en el campo Display as , seleccione Repeating View.
  6. En el campo Record view , seleccione Selected service view.
    Configuration of the Selected services (AR) View
  7. Haga clic en Back para volver a la ventana Edit View: Select services performed.
  8. A la derecha del campo Selected Services (AR), haga clic en el ícono Configure.
  9. En el cuadro de diálogo Configure field: Selected services (AR), en el campo Field label, seleccione Custom.
  10. En el campo Custom field label, escriba Selected services.
  11. Haga clic en Save.
  12. En la ventana Edit View: Select services performed, haga clic en Add > Fields > Total of services > Add.
  13. A la derecha del campo Total of services, haga clic en el ícono Configure.
  14. En el campo Edit mode, seleccione Read-only y, a continuación, haga clic en Save.
  15. Haga clic en Submit para guardar la vista Select services performed.
    The configured Select services performed View
  16. Haga clic en Save para guardar su trabajo.

Este Reto es para practicar lo aprendido en el siguiente Módulo:

Disponible en la siguiente misión:

Regresar a la misión
If you are having problems with your training, please review the Pega Academy Support FAQs.

¿Le ha resultado útil este contenido?

Sí
No

¿Quiere ayudarnos a mejorar este contenido?
Sugerir una edición

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