Neste artigo, abordaremos a capacidade do OptiSigns de criar aplicativos de notícias personalizados usando o recurso OptiSync.
- Exemplos de Notícias do SharePoint
- Como Configurar um Feed de Notícias Personalizado
É comum que as empresas compartilhem suas comunicações internas, incluindo memorandos, notícias, anúncios e muito mais através da intranet. A sinalização digital aumentará a conscientização dos funcionários sobre as notícias e anúncios publicados pela empresa.
Usando o OptiSync, é possível criar um aplicativo de notícias personalizado para exibir notícias da empresa armazenadas na intranet da sua empresa. Isso é alcançado conectando uma API de intranet com o OptiSync e escolhendo quais dados exibir no aplicativo OptiSigns Designer.
Criar feeds de notícias com o OptiSync tem uma vantagem fundamental: você tem controle total sobre a aparência do seu feed. Você pode criar feeds que correspondam à marca e às diretrizes de design da sua empresa, independentemente da fonte de notícias que usar. Usaremos o SharePoint aqui como exemplo, mas você pode usar qualquer coisa que possa ser inserida como uma Fonte de Dados.
Antes de começarmos, será útil familiarizar-se com alguns outros conceitos que serão importantes para entender e que abordamos em outros artigos:
- Como Integrar API e Publicar Dados de API via OptiSync
- Como Configurar o Mapeamento Dinâmico de Dados com OptiSync
O artigo sobre API em particular fornecerá instruções detalhadas sobre como emparelhar uma API e colocar seus dados na tela com atualizações automáticas. Depois de configurar sua API e salvar seus dados como uma fonte de dados, você pode criar alguns dos exemplos abaixo usando o aplicativo Designer.
O exemplo principal abordado neste artigo será notícias da empresa, mas este recurso pode ser usado para muito mais, incluindo:
- Feeds RSS personalizados
- Feeds XML/JSON personalizados
- Sistemas de gestão de inventário
- Atualizações de ponto de venda em vários locais
- Comunicações internas adicionais
- Outros sites de notícias
Exemplos de Notícias do SharePoint
Abaixo estão alguns exemplos usando o SharePoint. Existem inúmeras possibilidades de como projetar e criar feeds de notícias envolventes usando notícias do SharePoint ou outros aplicativos de intranet.
Aqui estão alguns exemplos:
Feed de Boletim
Este estilo permite que várias notícias sejam mostradas de uma vez. As imagens e texto são retirados diretamente da fonte de dados e exibidos usando o OptiSync. Estes estão configurados para atualizar periodicamente a cada 30 minutos.
Feed de História Única
Este estilo permite que uma única história seja destacada. Usando as configurações do Repetidor, isso permitirá uma lista rotativa de artigos de notícias em destaque.
Como Configurar um Feed de Notícias Personalizado
Para configurar um feed de notícias personalizado, você precisará seguir estas etapas:
- Configurar o Gateway de API Personalizado
- Mapear a API para uma Fonte de Dados dentro do OptiSigns
- Criar um Feed de Notícias Usando o OptiSigns Designer
Etapa 1: Configurando um Gateway de API Personalizado (Exemplo do SharePoint)
Cobrimos a maioria dos detalhes desta etapa em nosso guia Como Integrar API e Publicar Dados de API via OptiSync. Por favor, consulte esse guia para um processo passo a passo.
No entanto, existem alguns elementos que são específicos para conectar a uma API do SharePoint (ou uma variedade de recursos no Microsoft 365), que abordaremos aqui.
Escolhendo o Endpoint de URL Correto para Conexão com SharePoint
Existem inúmeras opções para conectar aos endpoints da API do SharePoint, e garantir que você tenha o correto é fundamental para importar os dados corretos para o OptiSigns. Clique aqui para saber mais sobre Determinar URIs de endpoint do serviço REST do SharePoint.
Para os propósitos deste exemplo, usaremos a área de recurso "Site", significando que o ponto de acesso será:
https://{site_url}/_api/site
Autenticação da API do SharePoint usando OAuth 2.0 no Microsoft Azure
A autenticação para o SharePoint pode ser realizada usando métodos diferentes, mas o OAuth 2.0 tornou-se o padrão recomendado. Para começar a usar o OAuth 2.0, você precisará registrar seu aplicativo no Azure Active Directory.
Uma vez feito isso, você precisará de:
Estes são necessários para autenticação. Qualquer autenticação adicional pode ser feita na etapa de Pré-Requisição para obter tokens de acesso. Esses tokens de autenticação precisarão ser mantidos atualizados: consulte o artigo da Microsoft sobre credenciais de certificado da plataforma de identidade para mais informações.
Quando emparelhado com um valor "Accept", isso fornecerá autenticação para sua solicitação de API. Você precisará dos seguintes valores:
Authorization: "Bearer " + accessToken
Accept: "application/json;odata=verbose"
Esses valores devem ser inseridos na aba Cabeçalho ao configurar sua solicitação de API:
Certifique-se de Habilitar esta Solicitação antes de passar para a próxima etapa.
Etapa 2: Mapeando a API para uma Fonte de Dados
Cobrimos a maioria dos detalhes desta etapa em nosso guia Como Configurar o Mapeamento Dinâmico de Dados via OptiSync. Se importados corretamente, seus dados aparecerão no formato JSON, assim:
Suas notícias terão conjuntos de dados semelhantes se você estiver seguindo este guia. Os campos de dados mais importantes são:
- "Title"
- "Description"
- "Banner Image URL"
- Inserir este URL exibirá a imagem do banner.
| NOTA |
| Você também vai querer anotar o valor de dados "PromotedState". Estes serão úteis para aplicar filtros mais tarde. Outros valores também podem ser utilizados com Filtros, caso deseje. |
Etapa 3: Criando um Feed de Notícias Usando o Designer no OptiSigns
O próximo passo é colocar esses valores em suas telas e fazê-los atualizar automaticamente.
Para começar, encontre seu design ou crie um novo na aba Arquivos/Ativos.
Com o design aberto, clique em "Fonte de Dados" na coluna da esquerda. Em seguida, clique em "Adicionar Fonte de Dados" para adicionar uma fonte de dados de API ao design.
Role para baixo até onde diz "Gateway de API" e clique nele.
Você também pode configurar um Gateway de múltiplos tempos com a Coleção de Gateway de API. Para este exemplo, vamos ficar com o Gateway de API de uso único.
Você deve ver esta tela:
- Nome - O nome da Fonte de Dados. Isso é interno e não será mostrado em suas telas.
- Selecionar APIs - Aqui você selecionará entre os Gateways de API que já configurou nas etapas anteriores. Você pode selecionar apenas um ou vários. Se vários forem selecionados, a Fonte de Dados de API os agregará automaticamente.
- Intervalo de Atualização - Com que frequência enviar solicitações de volta para a API para atualizações. Selecione entre Nenhum (nunca chamar a API de volta), 30 minutos, 60 minutos ou a cada 6 horas. Se você Habilitar WebHook em sua Solicitação de API e inserir a URL fornecida em sua API, este Intervalo de Atualização mudará para quase em tempo real.
Clique em Salvar, e a Fonte de Dados é criada.
Ela deve aparecer na coluna da esquerda em "Usado neste design". Ela definitivamente aparecerá na seção "Outras Fontes de Dados". Você pode precisar atualizar a página para que ela apareça.
Mapeamento de Elementos
Agora que sua Fonte de Dados de API foi criada, estamos prontos para mapear os dados. Neste exemplo, mostraremos como criar um feed de notícias do SharePoint.
Adicionando Elementos de Texto a um Menu Digital
Primeiro, crie seu design. Você pode fazer uso de um de nossos modelos de repetidor ou fazer o design você mesmo. Nossos modelos de repetidor podem ser personalizados para se adequar à marca da sua empresa.
A maneira mais fácil de configurar um feed de notícias personalizado é com um Repetidor de Dados. Para uma análise completa das capacidades de um Repetidor, veja este artigo. Aqui, vamos nos ater a ensinar como adicionar informações de sua API.
Para configurar um Repetidor, clique em "Repetidores" → Adicionar Repetidor em Branco.
Com o Repetidor selecionado, clique em Configurações. Um novo painel será aberto à direita. Aqui, selecione Conectar à Fonte de Dados.
Selecione a Fonte de Dados que você configurou no último conjunto em "Outras Fontes de Dados".
Você será levado de volta ao último painel com sua Fonte de Dados agora selecionada. Agora, clique em Editar ou clique duas vezes no Repetidor selecionado para ir ao Editor de Repetidor. Isso é como um design dentro de um design, especificamente para seus itens do Repetidor (notícias). Com o texto selecionado, clique na seta à esquerda.
Isso abre a aba Fonte de Dados. Clique na Fonte de Dados Usada neste Design e você verá algo assim:
Neste exemplo, queremos exibir o título da peça, suas imagens associadas e a história em si.
Criando texto e arrastando pontos de dados para ele, podemos criar um feed de notícias assim:
Isso foi criado encontrando pontos de dados da API e arrastando-os para as caixas de texto desejadas. Neste caso, só queremos exibir o "Title", "Banner URL Image" e "Description", então esses valores foram arrastados para uma caixa de texto em branco ou existente.
O valor de um repetidor é que ele copiará o formato desta célula e depois substituirá os pontos de dados por outros de sua API. Ele extrairá tantos pontos de dados quanto você configurou em sua API. Neste exemplo, apresentamos apenas uma notícia. O repetidor percorrerá o restante, exibindo apenas uma por vez. Se você quiser exibir mais, o número de itens repetidos e sua formatação podem ser alterados usando estas opções em Configurações:
Se mudarmos o total de itens para, digamos, 3, podemos obter um feed de notícias assim com um pouco de trabalho de design:
Esperamos que esta seja uma demonstração eficaz de algumas das capacidades do OptiSync.
Aplicando Filtros para Personalizar Quais Notícias Exibir
Quais notícias você deseja exibir pode variar dependendo de vários fatores. Para filtrar histórias indesejadas ou redundantes, você pode usar o Filtro de Fonte de Dados do OptiSigns.
Para começar, destaque os dados que deseja filtrar e clique em Configurações. Em seguida, clique na opção Filtro em sua Fonte de Dados.
Esta tela aparecerá:
O que segue é, essencialmente, uma instrução E ou uma instrução OU que você pode usar no Excel ou Google Sheets. A maneira mais fácil de entender a opção Filtro é como uma fórmula do Excel ou Google Sheet que você insere dentro do OptiSigns.
Você pode adicionar Regras ou Conjuntos de Regras ao seu filtro para criar tanta complexidade quanto necessário:
Para configurar uma Regra, você precisará configurar três valores.
Selecionar a primeira caixa oferece estas opções:
Por padrão, essas opções equivalem aos cabeçalhos dos dados mapeados para a fonte. Esta lista variará em comprimento dependendo de quantos cabeçalhos você tem. Você também pode inserir qualquer valor desejado digitando-o na caixa.
A segunda caixa é sua Variável. O OptiSigns fornece estas opções:
A opção final fornece os seguintes valores padrão:
Por padrão, eles mapeiam para uma tela ou outro dispositivo, permitindo que seu filtro segmente apenas determinadas telas.
No entanto, este valor pode ser alterado para qualquer coisa que você quiser. Simplesmente digite qualquer valor desejado.
Existem dezenas de possibilidades usando o filtro OptiSync para mostrar dados automatizados ainda mais precisos em suas telas.
| DICA |
|
Lembra do valor de dados "PromotedState" de antes? Se você quiser garantir que apenas artigos de notícias personalizados apareçam em sua tela, tente definir o Filtro para indicar: PromotedState - Igual a - 2 Isso deve filtrar quaisquer outras peças de dados recebidas da API. |
É isso!
O OptiSigns é líder em software de sinalização digital. Se você tiver dúvidas adicionais, preocupações ou qualquer feedback sobre o OptiSigns, sinta-se à vontade para entrar em contato com nossa equipe de suporte em support@optisigns.com.