Criar um Painel de Conexões do Microsoft Viva

O Painel de Conexões do Viva fornece acesso rápido e fácil a informações e tarefas relacionadas ao trabalho. O conteúdo no Painel pode ser direcionado a usuários em funções, mercados e cargos específicos. O Painel consiste em cartões conectam os espectadores com aplicativos existentes do Teams, aplicativos de terceiros, soluções personalizadas, links internos e externos. O Painel pode ser criado sem código ou um desenvolvedor pode criar cartões personalizados para atender às necessidades específicas de uma organização.

Imagem de um exemplo de Painel.

Uma vez que determinados requisitos forem atendidos, o Painel pode ser criado e editado em seu site inicial. Ao criar o Painel, você pode ter uma pré-visualização de como ele será exibido para os públicos-alvo e diferentes dispositivos. Em seguida, publique seu Painel para disponibilizá-lo aos usuários que têm acesso ao seu site inicial. Quando terminar, você poderá adicioná-lo ao Microsoft Teams para que ele seja facilmente acessível de um dispositivo móvel e desktop. Você também pode adicioná-lo à sua página inicial usando a web part do Painel.

Observação

As imagens são um aspecto importante para tornar seus cartões mais completos e convidativos. Se você for um administrador do SharePoint, recomendamos habilitar uma CDN (Rede de Distribuição de Conteúdo) para melhorar o desempenho na obtenção de imagens. Ao armazenar imagens, considere que /siteassets é, por padrão, uma fonte CDN quando a CDN Privada está habilitada, enquanto /style library é a fonte padrão quando a CDN pública está habilitada. Saiba mais sobre as CDNs.

Este artigo inclui:

Criar um Painel e adicionar cartões

Você precisará de permissões de edição no site inicial.

  1. A partir do site inicial, selecione a engrenagem de Configurações no canto superior direito da página.

  2. Selecione Configurar o Viva Connections.

  3. Selecione o botão + Criar painel.

    Observação

    • A página do Painel é aberta no modo de exibição Móvel por padrão.
    • Você pode escolher os modos de exibição Móvel, Tablet e Desktop alternadamente durante a criação.
    • Recomendações de imagem para cartões no Painel: os cartões médios devem ter 300x150 a 400x200 com proporção 2:1 e cartões grandes 300x300 a 400x400 com proporção 1:1, a fim de evitar alongamentos no aplicativo móvel.
    • Os URLs da imagem nas propriedades do cartão devem ser um URL absoluto para que o link possa funcionar no aplicativo móvel.
  4. Selecione + Adicionar um cartão.

    Imagem da adição de um cartão do painel.

  5. Selecione o tipo de cartão que você deseja adicionar na caixa de ferramentas do cartão do Painel e siga as etapas abaixo para configurar cada tipo de cartão. Enquanto você cria o Painel, pode pré-visualizar sua aparência em dispositivos móveis, desktops e tablets para diferentes públicos-alvo. Aqui estão os cartões internos disponíveis agora:

    Link da Web: adicionar um link interno ou externo

    Tarefas atribuídas: exibir automaticamente informações aos usuários sobre as tarefas atribuídas.

    Aplicativo do Teams: usar um aplicativo ou bot existente do Teams

  6. Quando terminar de adicionar cartões e público-alvo e estiver satisfeito com a aparência do Painel na visualização, selecione Publicar no canto superior direito do painel para disponibilizá-lo para uso em seu site inicial, no Teams e no aplicativo móvel ’ do Teams. O modo de exibição usará como padrão o modo de exibição Área de Trabalho depois que você tiver publicado o Painel.

Adicione um cartão de link da web quando desejar que seus usuários acessem um link interno ou externo em um site. Para fazer esta tarefa, execute as seguintes etapas:

  1. Enquanto estiver modo de edição, selecione + Adicionar um cartão no Painel.

  2. Selecione link da Web na caixa de ferramentas da Web.

    Adicionando um cartão de link da Web.

  3. No painel de propriedades no lado direito da página, selecione suas opções.

    Escolhendo opções.

  4. Selecione um tamanho para o cartão na lista suspensa Tamanho do cartão.

  5. Insira a URL do link na caixa de texto Link.

  6. Defina as opções de exibição do cartão:

    • Insira um título para o cartão na caixa de texto Título do cartão. (Este título não mudará o título de sua página; é o título que será exibido na parte superior do cartão.)
    • Insira uma descrição para o cartão na caixa de texto Descrição do cartão. Essa descrição será exibida em texto maior abaixo do título.
  7. Em Miniatura, selecione uma das seguintes opções:

    • Seleção automática: esta opção, quando escolhida, exibe automaticamente uma imagem na parte superior do cartão que vem da sua página.
    • Imagem personalizada: esta opção, quando escolhida, habilita o botão Alterar. Você pode selecionar esse botão para escolher uma imagem que deseja usar.
  8. Em Ícone do cartão, selecione uma das seguintes opções que permitem que o ícone seja exibido no lado esquerdo do título do cartão:

    • Seleção automática: esta opção, quando escolhida, exibe automaticamente um ícone interno associado à página.
    • Imagem personalizada: esta opção, quando escolhida, habilita o botão Alterar. Você pode selecionar esse botão para escolher uma imagem que deseja usar.
    • Ícone: esta opção, quando escolhida, habilita o botão Alterar. Você pode selecionar esse botão para escolher a partir de um estoque de ícones.
  9. Se você quiser direcionar seu cartão para públicos-alvo específicos (ou seja, somente o público-alvo que você especificar verá o cartão no painel), selecione um ou mais grupos para direcionar do Audiências para o destino. Para obter mais informações sobre o direcionamento de público-alvo, consulte Público-alvo.

Adicionar o Cartão de tarefas atribuídas

O Cartão de tarefas atribuídas permite a exibição automática de informações aos usuários sobre as tarefas atribuídas. Essas informações são recuperadas do aplicativo Tarefas no Teams.

Adicionando um cartão de tarefas.

  1. Enquanto estiver modo de edição, clique em + Adicionar um cartão no Painel.

  2. Selecione Tarefas Atribuídas na caixa de ferramentas do Painel.

    Adicionando um cartão de tarefas no painel.

  3. No painel de propriedades à direita, escolha o tamanho do cartão na lista suspensa Tamanho do cartão.

    Escolhendo o tamanho do cartão.

  4. Se você quiser direcionar seu cartão para públicos-alvo específicos (ou seja, somente o público-alvo especificado verá o cartão no painel), selecione um ou mais grupos para direcionar. Para obter mais informações sobre o direcionamento de audiência, consulte Público-alvo.

Adicionar um cartão de aplicativo do Teams

Um cartão de aplicativo Teams permite que você crie um cartão para um aplicativo Teams existente. Para adicionar um cartão de aplicativo Teams:

  1. Enquanto estiver modo de edição, selecione + Adicionar um cartão no Painel.

  2. Selecione aplicativo do Teams na caixa de ferramentas da Web.

    Adicionando um cartão de aplicativo do Teams.

  3. No painel de propriedades no lado direito da página, selecione suas opções.

    Painel de propriedades do aplicativo do Teams.

  4. Selecione um tamanho para o cartão na lista suspensa Tamanho do cartão.

  5. Pesquise o aplicativo do Teams que deseja usar e selecione-o na lista.

  6. Defina as opções de exibição do cartão:

    • Insira um título para o cartão na caixa de texto Título do cartão. (Este título não mudará o título de sua página; é o título que será exibido na parte superior do cartão.)
    • Insira uma descrição para o cartão na caixa de texto Descrição do cartão. Essa descrição será exibida em texto maior abaixo do título.
  7. Se você quiser direcionar seu cartão para públicos-alvo específicos (ou seja, somente o público-alvo especificado verá o cartão no painel), selecione um ou mais grupos para direcionar. Para obter mais informações sobre o direcionamento de audiência, consulte Público-alvo.

Adicionar um cartão de Turnos

O cartão de Turnos mostra aos usuários informações sobre seu atual ou o próximo turno a partir do aplicativo de Turnos no Teams. Eles também podem entrar e sair e acompanhar o horário de pausa quando o relógio de Ponto estiver habilitado no Teams.

Observação

A capacidade de usar um cartão de Turnos para a entrada e saída serão disponibilizadas em Janeiro de 2022.

  1. No modo de edição, selecione + Adicionar um cartão no painel.

  2. Selecione Turnos na caixa de ferramentas do Painel.

    Adicionando um cartão de aplicativo de Turnos

  3. No painel de propriedades à direita, escolha o tamanho do cartão na lista suspensa Tamanho do cartão.

  4. Se você quiser direcionar seu cartão para públicos-alvo específicos (ou seja, somente o público-alvo especificado verá o cartão no painel), selecione um ou mais grupos para direcionar. Para obter mais informações sobre o direcionamento de audiência, consulte Público-alvo.

Adicionar um cartão de terceiros ou aplicativos da Microsoft

O Painel de Conexões do Viva e a experiência móvel podem ser estendidos e personalizados usando cartões, que se baseiam em cartões adaptáveis e na Estrutura do SharePoint (SPFx). Esses cartões adaptáveis são usados para exibir dados, concluir tarefas e conectar-se a Aplicativos do Teams, Sites e aplicativos móveis em Conexões do Viva. Eles fornecem uma solução de baixo código para trazer seus aplicativos de linha de negócios para o Painel.

Para criar experiências personalizadas no Painel de Conexões do Microsoft Viva e no aplicativo móvel do Conexões do Viva, os desenvolvedores devem usar o SPFx para criar ACEs personalizados. Para saber mais sobre a criação de ACEs, confira o seguinte tutorial: Criar sua primeira Extensão de Cartão Adaptável do Microsoft Office SharePoint Online. Saiba mais sobre extensibilidade do Conexões do Microsoft Viva.

Adicionar um cartão de terceiros

Há duas maneiras de adquirir o pacote de soluções de parceiros e desenvolvedores terceirizados e adicioná-los no painel de Conexões do Viva.

Opção 1: adquirir o aplicativo de um Microsoft AppSource ou do Repositório do SharePoint

Você pode adquirir aplicativos de desenvolvedores terceirizados navegando no Microsoft AppSource ou no Repositório do SharePoint (recomendado).

  • Se você estiver criando um painel, poderá solicitar o aplicativo diretamente, mas precisará da aprovação de um administrador do catálogo de aplicativos em nível de locatário para continuar com a instalação
  • Se você for administrador de um catálogo de aplicativos em nível de locatário, poderá implantar aplicativos de negócios diretamente.

Obtenha orientações passo a passo sobre como solicitar e implantar um aplicativo e adicionar um aplicativo ao seu site. Para administrador de locatários, saiba como gerenciar aplicativos no Catálogo de Aplicativos.

Opção 2: adquirir o aplicativo diretamente do desenvolvedor terceirizado

Observação

São necessárias permissões administrativas do SharePoint para concluir esta tarefa.

Você pode solicitar aplicativos diretamente dos parceiros e desenvolvedores de terceiros do Conexões do Viva. São necessárias permissões de administrador para adicionar o aplicativo ao catálogo de aplicativos em nível de locatário.

Adicionar um aplicativo da Microsoft como um cartão no Painel

Um cartão de aplicativo da Microsoft permite que você crie um cartão vinculado a aplicativos da Microsoft, por exemplo, Turnos, Aprovações, Tarefa. Os cartões de aplicativos da Microsoft estarão disponíveis imediatamente quando o Conexões do Viva estiver habilitado.

  1. Enquanto estiver modo de edição, selecione + Adicionar um cartão no Painel.

  2. Selecione o Aplicativo da Microsoft que você deseja adicionar na caixa de ferramentas da Web.

    Imagem de como encontrar um aplicativo da Microsoft na janela do seletor de cartões.

  3. Selecione as opções no painel de propriedades no lado direito da página.

  4. O cartão aparecerá no painel quando você Republicar.

Aplicar a segmentação por público-alvo aos cartões

Usando a segmentação por público-alvo, você pode promover cartões para grupos específicos de pessoas. Esse tipo de segmentação é útil quando você deseja apresentar as informações relevantes a um grupo específico de pessoas. Por exemplo, você pode direcionar cartões para um departamento específico. Saiba mais sobre o direcionamento de público-alvo

Definir o público-alvo para um cartão

  1. Se sua página ainda não estiver no modo de edição, selecione em Editar no canto superior direito da página do Painel.

  2. Selecione o cartão que você deseja direcionar para um ou mais públicos-alvo e selecione o lápis Editar cartão na barra de ferramentas à esquerda.

  3. No painel de propriedades à direita, em Públicos-alvo para direcionar, digite ou pesquise os grupos de audiência que você deseja direcionar.

    Observação

    Se você selecionou um grupo de audiência que criou ou alterou recentemente, pode levar algum tempo para ver a segmentação aplicada a esse grupo.

  4. Quando um cartão for direcionado com êxito ao público-alvo, você verá um ícone de pessoas no canto inferior esquerdo do cartão.

    Confirmação da segmentação por público-alvo.

Pré-visualize seu painel para ver como ele será exibido para diferentes públicos

O que você vê no modo de visualização se aproxima de como o Painel será exibido para determinados públicos e dispositivos. Ao aplicar a segmentação por público-alvo aos cartões, você pode visualizar como diferentes pessoas exibirão o Painel, dependendo da audiência ou do dispositivo (celular, desktop e tablet).

Para pré-visualizar audiências diferentes:

  1. No modo de edição, selecione Pré-visualização no canto superior direito.

    Ícone da segmentação por público-alvo.

  2. Abra a lista suspensa Selecione o público para visualizar como. (se nenhum cartão for direcionado ao público-alvo, você verá um rótulo de segmentação por público-alvo desabilitado).

  3. Procure por um grupo e selecione-o. Depois de adicionado, o grupo será selecionado por padrão. Você pode selecionar o grupo novamente na lista suspensa Selecione o público para visualizar como para desmarcá-lo.

Rótulo do grupo de segmentação por público-alvo.

  • Os cartões direcionados a um grupo específico serão exibidos.
  • Quando uma ou mais públicos são selecionados, os cartões que não têm a segmentação por público-alvo aplicada também são exibidos.
  • Se nenhum público-alvo for segmentado, somente os cartões que não forem direcionados ao público-alvo serão exibidos. Se não houver cartões com segmentação por público-alvo aplicado, nenhum será exibido.
  • Se você não fizer parte de um dos públicos-alvo selecionados, verá apenas os cartões que não são direcionados ao público-alvo. Se nenhum for direcionado ao público, você não verá nenhum cartão.

Exemplos:

No exemplo a seguir, a visualização é definida para Celular.

  • A imagem à esquerda mostra a exibição para uma audiência específica que inclui dois cartões específicos.
  • Na segunda imagem à direita, os dois principais cartões não são exibidos ao visualizar um grupo de audiência diferente.

Exemplo de segmentação por público-alvo.

Usar a web part do Painel para o Conexões do Viva

Observação

  • Depois de editar o conteúdo no Painel, pode levar alguns minutos até que o novo conteúdo esteja disponível na Web Part do Painel.
  • Para obter melhores resultados, recomendamos colocar a web part do Painel em uma seção vertical à direita.

Depois que um Painel for criado e publicado, você poderá usar a Web Part painel para exibi-lo em seu site inicial. Você pode adicionar a Web Part a qualquer seção em sua página.

Quando adicionado, ele será preenchido automaticamente com os cartões do Painel existente em seu site. Você poderá definir o número máximo de cartões que deseja exibir. Saiba como usar a Web Part painel.

Mais recursos

Guia passo a passo para configurar o Conexões do Viva