Skip to main content

Reto

Personalización de un portal

1 Tarea

10 minutos

Visible to all users
Principiante Pega Platform 8.7 Interfaz de usuario Español

Escenario

GoGoRoad ofrece servicios de asistencia en carretera a través de proveedores contratados. Para garantizar la satisfacción del cliente y la uniformidad del servicio entre proveedores, los auditores revisan las solicitudes de servicio comunes (como desbloqueo de puertas, reparación de neumáticos y carga de batería). El nuevo rol de auditor precisa una interfaz única. Como director de gestión de proveedores, cree un nuevo portal para el auditor y agregue una landing page existente para ver los casos de solicitud de asistencia recientes. 

Nota: Antes de comenzar, genere entre 5 y 10 instancias de casos con diferentes tipos de servicio.

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

Rol Nombre de usuario Contraseña
Application Developer author@gogoroad pega123!
Nota: El entorno de práctica podría admitir completar varios retos. Como resultado, la configuración que se muestra en el recorrido del reto podría no coincidir exactamente con su entorno.

Recorrido del Reto

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.

Tareas detalladas

1 Crear una interfaz de canal para el auditor

  1. En el panel de navegación de App Studio, haga clic en Channels (Canales) para mostrar las interfaces de los canales actuales.
  2. En la sección Create new channel interface (Crear nueva interfaz de canal), haga clic en Portal para mostrar el cuadro de diálogo New portal (Nuevo portal).
    Click Portal to add a new channel interface
  3. En el campo Name (Nombre), escriba Auditor.
  4. En el campo Description (Descripción), escriba Custom portal for the GoGoRoad auditor (Portal personalizado para el auditor de GoGoRoad).
    New portal dialog box
  5. En el cuadro de diálogo New portal (Nuevo portal), haga clic en Submit (Enviar).
  6. En la pestaña Content (Contenido), en la sección Navigation menu (Menú de Navegación), haga clic en Add separator (Agregar separador).
  7. Haga clic en Add item > Custom Pages > Assistance Request (Agregar elemento > Páginas personalizadas > Solicitud de asistencia) para agregar la landing page de solicitud de asistencia al menú de navegación a la izquierda del portal del auditor.
    Add a custom page
  8. Repita el paso 7 para agregar los elementos Pulse y Teams al menú de navegación.
  9. A la derecha del elemento Home (Casa), haga clic en el ícono Trash can (Bote de basura) para quitarlo del menú de navegación.
  10. Repita el paso 9 para quitar el elemento Explore Data (Explorar datos) del menú de navegación.
  11. En la sección Navigation menu (Menú de Navegación), haga clic y arrastre los elementos para que queden en el siguiente orden.
    Navigation menu of Auditor portal
  12. Haga clic en la pestaña Configuration (Configuración).
  13. En la lista desplegable Logo (Logo), seleccione Custom logo.
  14. En Icon class picker (Selector de clase de ícono), seleccione el ícono pi-user-search-solid.
    Tip: Puede usar la barra de búsqueda para ubicar el ícono adecuado.
    Custom icon for the Auditor portal
  15. En la lista Channel header (Encabezado de canal), seleccione Application name + Channel name (Nombre de la aplicación + Nombre del canal).
  16. Haga clic en Save (Guardar).

Confirme su trabajo

  1. En el encabezado de App Studio, haga clic en Preview (Vista previa).
  2. En el encabezado de App Studio, haga clic en User Portal > Auditor (Portal del usuario > Auditor) para ver la interfaz del canal Auditor.
    Switch to the Auditor portal
     
  3. Pase el cursor por encima del Navigation menu (Menú de Navegación) a la izquierda del portal del auditor y confirme que el menú muestre las landing pages y el ícono del portal correspondientes.
    Auditor Navigation menu
  4. Haga clic en Assistance Request (Solicitud de asistencia) para abrir la landing page de Resumen de solicitudes de asistencia.
  5. En el extremo superior derecho, haga clic en Design (Diseño) para entrar al modo de diseño.
    Design mode
  6. Pase el cursor por encima de la tabla y luego haga clic en Edit this table (Editar esta tabla) para mostrar el panel de propiedades de tabla a la derecha.
    Edit this table icon on a table in design mode
  7. En el panel de propiedades de tabla, haga clic en Add columns (Agregar columnas).
    Add columns icon in the table properties pane
  8. Agregue el campo Service type (Tipo de servicio).
  9. Haga clic en Design (Diseño) para salir del modo de diseño.
  10. Confirme que la tabla se haya actualizado y esté incluida la columna Service type (Tipo de servicio).
    Assistance Request Summary landing page

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


Disponible en las siguientes misiones:

If you are having problems with your training, please review the Pega Academy Support FAQs.

¿Le ha resultado útil este contenido?

El 67% ha encontrado útil este contenido.

¿Quiere ayudarnos a mejorar este contenido?

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