Configuração da interface do usuário no Constellation
O modelo de configuração da IU para aplicativos da Pega se concentra em capturar a intenção de negócios no fluxo de trabalho e interpretar essa intenção em vários canais digitais.
Princípio da separação de conceitos
Na arquitetura tradicional das versões do Pega Infinity™ anteriores à 8.7, os desenvolvedores criaram a interface do aplicativo com regras de seção (section rules), layouts dinâmicos, formatos de skin, controles personalizados e várias configurações de painel de propriedades. O novo modelo de IU do Constellation oferece mais flexibilidade, o que dá aos desenvolvedores os meios para conectar com mais eficiência os componentes de front-end às APIs de back-end.
A camada de UI da arquitetura do Constellation adere ao Princípio de separação de conceitos, que é o princípio de design de software que incentiva a modularidade, estipulando que um aplicativo deve ter partes distintas e cada parte resolve uma questão específica.
Elementos de IU
A arquitetura Constellation aborda complexidades desnecessárias e a IUs inconsistentes com um novo modelo de interface que pode ser usada para criar aplicativos com visualizações (views), modelos e widgets.
Na imagem a seguir, clique nos ícones de + para saber mais sobre os elementos de IU:
Visualizações geradas automaticamente
Para novos aplicativos que você cria na arquitetura do Constellation com a biblioteca Constellation, o sistema gera automaticamente um conjunto de Visualizações que você pode usar para começar a configurar instantaneamente a IU com o App Studio.
Visualização de página inteira
Quando você cria um novo tipo de caso (case type) ou objeto de dados (data object), a Pega Platform™ adiciona automaticamente uma visualização associada chamada Visualização de página inteira, que representa a estrutura visual para processar informações relacionadas. Otimizado para quase qualquer caso ou objeto de dados, o layout de três painéis acomoda muitas informações, muitas das quais estão disponíveis sem rolar ou movimentar para outras visualizações. Você pode editar a Visualização de página inteira na guia UX do seu tipo de caso ou objeto de dados.
A visualização do caso completo, ou a página do caso completo, representa um único caso na Pega Platform. Na imagem a seguir, clique no ícone + para saber mais sobre as principais áreas de uma página do caso completo criada no sistema de design Constellation:
Ao criar uma Visualização de página inteira no App Studio, a seção Prévia exibe apenas o texto do espaço reservado. Para visualizar a IU com dados, execute uma instância de caso. Na imagem a seguir, clique no ícone+para saber mais sobre como você pode configurar a IU do caso no App Studio:
Verifique seu conhecimento com a seguinte interação:
Detalhes
A visualização Detalhes é uma visualização opcional padrão que pode renderizar dados de caso somente de leitura, como campos importantes e outras informações. Por padrão, a visualização de detalhes é configurada para exibir campos primários.
Pulse
A visualização Pulse é uma visualização padrão e opcional que exibe o Pulse, que permite aos usuários publicar, visualizar e responder a mensagens no contexto deste caso.
Verifique seu conhecimento com a seguinte interação:
This Topic is available in the following Modules:
Quer nos ajudar a melhorar esse conteúdo?