Skip to main content

Construcción de vistas en Constellation para BA

6 Tareas

40 minutos

 Visible to: All users
Principiante Pega Platform '23 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. 

User stories (Historias de usuario)

Como 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 Assistance Request (solicitud de asistencia) 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 Identify customer contiene una lista desplegable que hace referencia a la relación de datos Customer (AR).
  • La vista Identify location contiene la relación de datos embebidos Service address (AR).
  • La vista Identify vehicle contiene un nuevo campo denominado Vehicle information (AR) que hace referencia al data object Vehicle information como una relación de datos embebidos de registro único (single-record Embedded Data relationship).
  • La vista Enter payment information contiene un nuevo campo denominado Payment information (AR)) que hace referencia al data object 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 data object Selected service como una relación de datos embebidos de registros múltiples (multiple-record Embedded Data relationship).
  • 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!

Debe iniciar su propia instancia de Pega para completar este Título del desafío.

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

Recorrido del Reto

Tareas detalladas

1 Configurar la vista Identify issue (identificar problema).

  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 Assistance Request.
  3. En el Ciclo de vida del caso 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, introduzca 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  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 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 Data Page sea List Customer
    • Confirme que el campo Mode sea Single-select
    • Para el campo Display as, , seleccione Dropdown.
    • 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 Edit 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 Read-only.
  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, actualice Field label a Customer.
  17. En la sección Conditions, en el campo Required, seleccione Always.
  18. Haga clic en Save.
    Configuration for the Customer field
  19. Haga clic en Submit para guardar la vista Identify customer.
    The completed Identify customer View

3 Configurar la vista Identify location

  1. En el ciclo de vida del caso 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. 
    The completed Service address 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 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.
    The fields associated with the Vehicle information data relationship in the Vehicle information 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 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 Payment information (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 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 el ventana Selected services (AR), en el campo Display as , seleccione Field Group.
  6. En el campo Select View item , seleccione Selected service View.
  7. En el campo Item label , introduzca Selected service.
    The Selected Services (AR) View configuration.
  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) , para actualizar la Field label, introduzca 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 completed Selected services View
  16. Haga clic en Save para guardar su trabajo.

Confirme su trabajo

  1. En el tipo de caso Assistance Request, haga clic en Preview para abrir la ventana del portal web.
  2. En la ventana del portal web, en el panel de navegación, haga clic en Create > Assistance Request para crear una nueva instancia del tipo de caso Assistance Request.
    Creating an Assistance Request Case in the Web portal.
  3. En el paso Identify issue, seleccione un Service type y, a continuación, haga clic en Next.
    The Identify issue View in the Web portal
  4. En el paso Identify customer, seleccione un Customer, por ejemplo, [email protected], y haga clic en Next.
    The Identify customer View in the Web portal
  5. En el paso Identify location, introduzca una dirección y, a continuación, haga clic en Next.
    The Identify location View in the Web Portal
  6. En el paso Identify vehicle, escriba la información del vehículo y, a continuación, haga clic en Submit.
    The Identify vehicle View in the Web portal
  7. En el paso Enter payment information, escriba la información de pago y, a continuación, haga clic en Submit.
    The Enter payment information View in the Web portal
  8. En el paso Select services performed, en la lista Service , seleccione un servicio e introduzca un valor en el campo Quantity .
  9. Confirme que la Total of services sección muestre un valor.
    The Selected services Step in the Web Portal

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