Skip to main content

Challenge

Personalizando um portal

1 Tarefa

10 min

Visible to all users
Beginner Pega Platform 8.7 Interface de usuário Portuguese

Scenario

A GoGoRoad oferece serviços de assistência rodoviária por meio de fornecedores contratados. Para garantir a satisfação dos clientes e consistência de serviço para todos os fornecedores, os auditores analisam solicitações de serviço comuns (incluindo destrancar veículo, consertar pneu e recarregar bateria). O novo papel de auditor exige uma interface única. Como Diretor da Gestão de Fornecedores, crie um novo portal do Auditor e adicione uma página inicial existente para visualizar os casos Solicitação de assistência (Assistance Request) recentes. 

Nota: Antes de começar, gere 5 a 10 instâncias de casos com tipos variados de serviço.

A tabela a seguir apresenta as credenciais necessárias para concluir o desafio.

Papel (Role) Nome do usuário Senha
Desenvolvedor de aplicativo [email protected] pega123!
Nota: Seu ambiente de prática pode oferecer suporte para a conclusão de múltiplos desafios. Como resultado, a configuração exibida na apresentação do desafio pode não corresponder exatamente ao seu ambiente.

Challenge Walkthrough

Você deve iniciar sua própria instância da Pega para concluir este Challenge.

A inicialização pode leva até cinco minutos, portanto tenha paciência.

Detailed Tasks

1 Criar uma interface de canal para o auditor

  1. No painel de navegação do App Studio, clique em Channels  (Canais) para exibir as interfaces de canal atuais.
  2. Na seção Create new channel interface (Criar uma nova interface de canal), clique em Portal para exibir a caixa de diálogo New portal (Novo portal).
    Click Portal to add a new channel interface
  3. No campo Name  (Nome), insira Auditor.
  4. No campo Description  (Descrição), insira Portal personalizado para o auditor da GoGoRoad.
    New portal dialog box
  5. Na caixa de diálogo New portal (Novo portal), clique em Submit (Enviar).
  6. Na guia Content (Conteúdo), na seção Navigation menu (Menu de navegação), clique em Add separator (Adicionar separador).
  7. Clique em Add item > Custom Pages > Assistance Request (Adicionar item > Páginas customizadas > Solicitação de assistência) para adicionar a página inicial Solicitação de assistência (Assistance Request) ao menu de navegação no lado esquerdo do Portal do auditor.
    Add a custom page
  8. Repita a etapa 7 para adicionar os itens Pulse e Teams ao menu de navegação.
  9. À direito do item Home , clique no ícone da Trash can  (Lixeira) para remover o item do menu de navegação.
  10. Repita a etapa 9 para remover o item Explore Data (Explorar dados) do menu de navegação.
  11. Na seção Navigation menu (Menu de navegação), clique e arraste os itens para corresponder à seguinte ordem.
    Navigation menu of Auditor portal
  12. Clique na guia Configuration (Configuração).
  13. No menu suspenso Logo , selecione (Logo customizado)Custom logo.
  14. No Icon class picker   (Escolher a classe do ícone), selecione o ícone pi-user-search-solid.
    Dica: Você pode usar a barra de pesquisa para localizar o ícone adequado.
    Custom icon for the Auditor portal
  15. Na lista Channel header (Cabeçalho do canal), selecione Application name + Channel name (Nome da aplicação + Nome do canal).
  16. Clique em Save (Salvar).

Confirm your work

  1. No cabeçalho do App Studio, clique em Visualizar (Preview).
  2. No cabeçalho do App Studio, clique em Portal do usuário > Auditor (User Portal > Auditor ) para ver a interface do canal Auditor.
    Switch to the Auditor portal
     
  3. Passe o cursor sobre o Navigation menu (Menu de navegação) no lado esquerdo do Portal do auditor e confirme se o menu exibe as páginas de chegada e o ícone do portal correto.
    Auditor Navigation menu
  4. Clique em Assistance Request (Solicitação de assistência) para abrir a página inicial Resumo da solicitação de assistência (Assistance Request Summary).
  5. No canto superior direito, clique em Design para entrar no modo Design.
    Design mode
  6. Passe o cursor sobre a tabela e clique em Edit this table (Editar esta tabela) para exibir o painel das propriedades da tabela à direita.
    Edit this table icon on a table in design mode
  7. No painel de propriedades da tabela, clique em Add columns (Adicionar colunas).
    Add columns icon in the table properties pane
  8. Adicione o campo Service type (Tipo de serviço).
  9. Clique em Design para desativar o modo Design.
  10. Confirme se a tabela foi atualizada para incluir a coluna Service type (Tipo de serviço).
    Assistance Request Summary landing page

Este Desafio serve para praticar o que você aprendeu nos seguintes Módulo:


Disponível nas seguintes missões:

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

Este conteúdo foi útil?

67% acharam esse conteúdo útil

Quer nos ajudar a melhorar esse conteúdo?

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