Skip to main content

Construcción de vistas en Constellation para BA

6 Tareas

40 minutos

 Visible para: All users Applies to: Pega Platform '25
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 reto no tiene un video de demostración. Consulte las Tareas detalladas para obtener instrucciones paso a paso para completar el 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.

Tareas detalladas

1 Configure the 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 solicitud de asistencia.
  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 user action.
  4. En la ventana Edit View : Identify issue, en la sección Fields, haga clic en Add > Fields > Create Field.
    Create field
  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 vista 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.
    Edit 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 user action.
  2. En la vista Edit: En la ventana Identify customer, en el campo Layout, seleccione 1 column.
  3. En la sección Fields, haga clic en Add > Fields.
  4. En la lista Fields , seleccione Customer (AR) y haga clic en Add.
    Add Customer data reference field
  5. En la vista Edit: En la ventana Identify customer, en la sección Fields, haga clic en Customer (AR).
  6. En el cuadro de diálogo Edit field: Customer (AR), complete lo siguiente:
    • Confirme que el campo Mode sea Single-select.
    • En el campo Display as , seleccione Dropdown.
    • Confirme que el campo Data page sea List Customer.
    • Confirme que el campo Display field sea Account ID.
  7. Haga clic en Back para cerrar la ventana Edit field: Customer (AR) .
    Highlighting the back button of the Customer(AR) configuration window
  8. En la ventana  Edit View: Identify customer , haga clic en Add > Fields. 
  9. En el cuadro de diálogo Fields, expanda el campo Customer (AR).
    Expand customer field
  10. En el cuadro de diálogo Customer (AR), haga clic en Fields.
  11. 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.
  12. A la derecha del campo Coverage level, haga clic en el ícono Configure.
  13. En el cuadro de diáologo Configure field: Coverage level (CustomerAR), en el campo Edit mode, seleccione Read-only y haga clic en Save.
  14. Repita los pasos 12 y 13 para configurar los campos Customer email, Enrollment y Full name como de solo lectura.
  15. Utilice el Drag handle  para reordenar los campos de solo lectura como Full name, Customer email, Enrollment y Coverage level.
    Identify customer view
  16. A la derecha del campo Customer (AR) , haga clic en el ícono Configure.
  17. En el cuadro de diálogo Configure field: Customer (AR) , en el Label field, seleccione Custom.
  18. En el campo Custom label, introduzca Customer .
  19. En la sección Conditions, en el campo Required, seleccione Always.
    Configure customer field
  20. Haga clic en Save.
  21. Haga clic en Submit para guardar la vista de Identify Customer.

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 user action.
  2. En la ventana Edit: Identify location, en el campo Layout, seleccione 1 column.
  3. En la sección Fields, haga clic en Add Fields.
  4. En la lista de campos, seleccione Service address (AR) y haga clic en Add.
    Add service address ar field
  5. En la ventana Edit View: Identify location, haga clic en Service address (AR) (Service address).
  6. En la ventana Edit View : Service address (AR) , en el campo Layout, seleccione 1 column.
  7. 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.
  8. En la sección Fields, haga clic en Add > Fields.
  9. En la lista de campos, seleccione City, State,  y Street. A continuación, haga clic en Add.
  10. Mediante el Drag handle, reordene los campos como Street, City y State. 
    Adding fields to the Service address AR View
  11. Haga clic en Back para volver a la ventana Edit View: Identify location.
  12. A la derecha del campo Service address (AR) (Service address), haga clic en el ícono Configure.
  13. En el campo Label, escriba Service address.
  14. Haga clic en Save.
  15. Haga clic en Submit para guardar la vista Identify location.
    Configure 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 user action.
  2. En la ventana Edit View : Identify vehicle, en la sección Fields, haga clic en Add > Fields > Create 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.
    Edit View Vehicle information
  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 Label a Vehicle information.
  15. Haga clic en Save.
  16. Haga clic en Submit para guardar la vista Identify vehicle.
    Configure 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 user action.
  2. En la ventana Edit View : Enter payment information, en el campo Layout, seleccione 1 column.
  3. En la ventana Edit View : Enter payment information, en la sección Fields, haga clic en Add > Fields > Create Field.
  4. En el cuadro de diálogo Add field, en Name, introduzca Payment information (AR).
  5. En el campo Type, seleccione Embedded Data.
  6. En el campo Data object, seleccione Payment information.
  7. En el campo Options, seleccione Single Record.
  8. Haga clic en Submit para crear la relación de datos Payment information (AR).
    The Payment information (AR) data relationship.
  9. En la ventana Edit View: Enter payment information, haga clic en Payment information (AR) (Payment information).
  10. En la ventana Edit View : Payment information (AR), en el campo Layout, seleccione 1 column.
  11. 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.
  12. En la lista de campos, seleccione Card number, Card type y Expiration date. A continuación, haga clic en Add.
  13. Mediante el Drag handle, reordene los campos como Card type, Card number y Expiration date.
    Edit Payment information View
     
  14. Haga clic en Back para volver a la ventana Edit View: Enter payment information.
  15. A la derecha del campo Payment information (AR) (Payment information), haga clic en el ícono Configure.
  16. En el cuadro de diálogo Configure field: Payment information (AR), actualice Label a Información de pago.
  17. Haga clic en Save.
  18. Haga clic en Submit para guardar la vista Enter payment information.
    Edit 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 user action.
  2. En la ventana Edit View : Select services performed en el campo Layout, seleccione 1 column.
  3. En la sección Fields, haga clic en Add Fields.
  4. En la lista de campos, seleccione Selected services (AR). A continuación, haga clic en Add.
  5. En la ventana Edit View: Select services performed, haga clic en Selected services (AR).
  6. En el cuadro de diálogo Edit field: Selected services (AR), en el campo Display as , seleccione Repeating View.
  7. En el campo Record view , seleccione Selected service View.
    Edit Selected services field
  8. Haga clic en Back para volver a la ventana Edit View: Select services performed.
  9. A la derecha del campo Selected Services (AR), haga clic en el ícono Configure.
  10. En el cuadro de diálogo Configure field: Selected services (AR), en el campo Label, seleccione Custom.
  11. En el campo Custom label, escriba Selected services.
  12. Haga clic en Save.
  13. En la ventana Edit View : Select services performed, haga clic en Add > Fields > Total of services > Add.
  14. A la derecha del campo Total of services, haga clic en el ícono Configure.
  15. En el campo Edit mode, seleccione Read-only y, a continuación, haga clic en Save.
  16. Haga clic en Submit para guardar la vista Select services performed.
    Edit Selected services performed View
  17. En el ciclo de vida del caso de Assistance Request, 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