No ambiente digital acelerado de hoje, atualizar manualmente os displays digitais pode ser tanto tedioso quanto propenso a erros. Este guia mostrará como integrar dados ao vivo nos seus ecrãs digitais, permitindo atualizações automáticas sem problemas em todos os seus displays.
Neste artigo:
- O que é o OptiSync?
- Adicionar a Sua Fonte de Dados
- Inserir a Sua Fonte de Dados no Designer
- Editar e Desenhar o Seu Repetidor no Designer
- Enviar para os Ecrãs
| Nota: O OptiSync está disponível apenas nos planos Pro Plus e superiores. |
O que é o OptiSync?
O OptiSync é uma solução integrada projetada para conectar-se perfeitamente com várias fontes de dados, incluindo folhas de cálculo, APIs e tabelas.
Características Principais:
- Configuração Fácil: Configurar a sua fonte de dados requer pouco código ou nenhum código, garantindo um processo rápido e direto.
- Atualizações Automáticas: Pode ligar a sua fonte de dados diretamente à nossa aplicação Designer, que atualizará automaticamente o seu conteúdo.
- Dados em Tempo Real: Isto garante que o seu display digital reflete sempre os dados mais recentes, eliminando a necessidade de entrada manual, reduzindo erros e poupando tempo.
Casos de Uso:
O OptiSync é ideal para uma ampla gama de casos de uso, tais como:
- Exibir aniversários de funcionários
- Menus de restaurantes
- Aniversários de trabalho
- Catálogos de produtos
- Apresentações de equipa
- E muito mais!
Com o OptiSync, os seus displays digitais permanecem precisos e atualizados, melhorando a comunicação e o envolvimento em vários ambientes.
Adicionar a Sua Fonte de Dados
Pode adicionar a sua fonte de dados através das Definições da Conta ou através da aplicação Designer.
Definições da Conta
- Clique no nome da sua conta no canto superior direito
- Selecione Mais
- Selecione Fontes de Dados
- Selecione Adicionar Fonte de Dados
- Escolha a sua fonte de dados da lista de opções e siga as instruções sobre como importá-la
- Se abrir completamente as definições da sua conta, estará em "Avançado" na coluna à esquerda
Aplicação Designer:
- Abra a Aplicação Designer
- Selecione Fontes de Dados na coluna à esquerda
- Selecione Adicionar Fonte de Dados
- Escolha a sua fonte de dados da lista de opções e siga as instruções sobre como importá-la
Por favor, siga estes guias para carregar diferentes tipos de Fontes de Dados:
- Como adicionar o Google Sheets como Fonte de Dados para o OptiSync
- Como adicionar uma Folha de Cálculo Excel do Microsoft 365 como Fonte de Dados para o OptiSync
Além disso, pode integrar e testar pedidos de API, e executar qualquer codificação necessária antes ou depois do pedido.
Depois de configurar a sua fonte de dados, pode ver Onde Usado, Editar a fonte de dados e/ou Duplicá-la.
- Onde Usado: Isto mostrará quais dos seus designs estão a usar esta Fonte de Dados. Isto é útil para rastrear o uso desta fonte de dados em diferentes recursos.
- Editar Dados: Aceda à sua fonte de dados e faça quaisquer atualizações/alterações.
- Duplicar: Isto criará uma cópia da sua fonte de dados.
Inserir a Sua Fonte de Dados no Designer
Depois de configurar a sua Fonte de Dados, pode conectá-la à aplicação Designer.
Vá para Fonte de Dados no lado esquerdo do Menu Lateral.
Como mencionado anteriormente, pode adicionar a sua Fonte de Dados aqui. Ou, se já a criou na secção Fonte de Dados em Avançado, então deverá aparecer em Outras Fontes de Dados.
Selecione a sua fonte de dados.
Arraste e solte os elementos da fonte de dados na tela do Designer.
- Pode arrastar e soltar uma Linha inteira ou os aspetos individuais dentro das linhas.
Aparecerá uma mensagem pop-up, perguntando "Gostaria de usar estes dados num Repetidor ou de forma Independente?"
-
Usar de forma independente: Será um elemento por si só e será atualizado automaticamente com base na fonte de dados.
-
Usar num Repetidor: Isto incluirá o elemento da fonte de dados num componente Repetidor.
- Repetidor é uma ferramenta que pode ser usada na aplicação Designer para exibir e repetir uma lista de itens dinamicamente.
| IMPORTANTE |
| O OptiSync não suporta caracteres especiais (ou seja, qualquer coisa fora do âmbito de um teclado em idioma inglês). Isto fará com que os dados do sistema sejam lidos como em branco e não serão exibidos. |
Editar e Desenhar o Seu Repetidor no Designer
Pode editar tanto o modelo como o Repetidor no Designer!
O Repetidor pode ser encontrado no menu lateral da aplicação Designer.
Dentro da secção Repetidores, conterá vários "componentes Repetidores" e "Modelos de Repetidores" prontos a usar.
| Qual é a diferença entre os dois? |
|
Componente Repetidor: projetado para gerir e exibir elementos repetitivos juntamente com alguns elementos de design. Pode incorporar este componente Repetidor em qualquer modelo de design à sua escolha—não precisa de ser um modelo de Repetidor. Uma vez adicionado, simplesmente conecta-o à sua fonte de dados. Pense nele como um widget que pode ser facilmente implementado e personalizado em diferentes designs para exibir dados dinamicamente. |
|
Modelo de Repetidor: especificamente projetado para exibir elementos repetitivos dentro de um modelo ou layout de design predefinido. Como outros modelos, substituirá qualquer design existente quando aplicado. Ainda pode fazer edições e alterações conforme desejado. Novamente, os utilizadores só precisarão de descarregá-lo e conectar à fonte de dados desejada. |
Qualquer um destes elementos pode ter uma Fonte de Dados mapeada para eles, e depois ser editado da mesma forma que qualquer outro componente do Designer.
Para mais informações sobre isto, consulte os nossos guias:
Também pode ajustar a formatação de um Repetidor selecionando-o e, em seguida, selecionando Definições.
Isto abrirá a secção Mapeamento de Dados para o Repetidor no Menu Lateral:
Em seguida, estas opções serão apresentadas:
- Substituir Fonte de Dados: Altere a sua Fonte de Dados
- Gerir: Faça alterações nas informações da sua Fonte de Dados.
- Filtrar: Aplique filtros baseados em condições na Fonte de Dados. As condições de filtro podem ser aplicadas usando valor fixo ou atributos do dispositivo.
- Desconectar: Desconecte a sua Fonte de Dados do Repetidor
-
Tratamento de Dados Vazios: Quando não há elemento de Fonte de Dados, o comportamento padrão é usar um valor em branco. Pode ajustar isto com as seguintes opções:
- Ignorar: Ignorar, ou livrar-se de itens repetidores adicionais se não houver dados suficientes para atingir o "Total de Itens exibidos por Página" definido.
- Usar Valor Padrão: Mostrar conteúdo padrão, que é como o seu elemento Repetidor aparece por si só.
- Usar em Branco: O Repetidor não mostrará nada.
- Espaçamento Entre Itens: Aumente ou diminua o espaço entre os itens do Repetidor.
-
Direção de Exibição de Itens: Altere o posicionamento das linhas da sua Fonte de Dados dentro dos itens do Repetidor.
- Esquerda Para a Direita: Exibirá as linhas indo da esquerda para a direita.
- Topo Para Baixo: Exibirá as linhas indo de cima para baixo.
- Alinhamento de Exibição de Itens: Altere o alinhamento dos itens de elementos restantes (menos que os itens configurados) para serem alinhados à esquerda/centro/direita ou topo/centro/baixo.
- Total de Itens Exibidos por Página: Aumente ou diminua quantos itens do Repetidor gostaria que fossem mostrados.
- Máximo de Itens em Cada Linha/Coluna: Aumente ou diminua quantos itens do Repetidor gostaria mostrar em cada linha/coluna.
- Espaçamento Adicional de Linha/Coluna: Aumente ou diminua o espaçamento entre linhas/colunas.
- Duração (segundos): Ajuste a duração de tempo de quanto tempo cada item do Repetidor é mostrado antes.
- Embaralhar: Embaralhe aleatoriamente os itens na sua Fonte de Dados para serem exibidos no Repetidor.
Se editar um Repetidor, replicará as suas atualizações para cada instância de dados no conjunto de dados.
- Isto permite uma aparência consistente em elementos semelhantes sem a necessidade de desenhar cada um individualmente.
Se quiser usar um Modelo ou Componente de Repetidor específico e gostaria de atualizar a Fonte de Dados de amostra para uma das suas Fontes de Dados, siga os passos mostrados abaixo:
Como usar a Funcionalidade de Mapeamento de Propriedades
Esta funcionalidade avançada permite-lhe alterar a aparência de dados específicos no seu repetidor com base em condições definidas pelo utilizador. Estas condições, definidas na fonte de dados, são mapeadas para os valores ou elementos correspondentes no repetidor, e a formatação especificada é então aplicada.
- No Designer, clique duas vezes no Repetidor que gostaria de alterar. (Isto abrirá o Editor de Repetidor.)
- Selecione o elemento no Repetidor que deseja editar, depois clique em Definições no topo
- Clique em Opções Avançadas no Menu Lateral
- Clique em + Mapeamento de Propriedades (Irá pressionar isto para cada nova instância de mapeamento que desejar)
- Clicando no menu Propriedade, selecione uma das opções do menu suspenso mostrado acima ou digite manualmente uma das opções disponíveis listadas abaixo.
- Clicando no menu Valor, selecionando o nome da coluna correlacionada (Esta informação é extraída da sua Fonte de Dados).
- Repita isto quantas instâncias desejar para múltiplos elementos dentro do seu Repetidor.
- Clique em Atualizar para garantir que esta informação é guardada e aplicada ao seu Repetidor.
Aqui estão as opções de mapeamento de propriedades listadas nas definições avançadas:
| Propriedade | O que faz | Valor |
| Cor de Preenchimento | Altere a cor de uma forma ou texto selecionado no seu Repetidor | Aceita um valor de cor Hex válido ou nome de cor (p.ex., #CE657E ou Vermelho) |
| Tamanho da Fonte | Altere o tamanho de uma fonte de texto e como aparece nos ecrãs | Aceita valor numérico (p.ex., 20) |
| Família da Fonte | Altere a fonte de um texto selecionado, como Arial, Times New Roman ou fontes personalizadas. | Aceita valores de string representando a família de fontes. (p.ex., Times New Roman) |
| Cor de Fundo | Altere a cor de fundo de uma forma ou texto selecionado no seu Repetidor. | Aceita um valor de cor Hex válido ou nome de cor (p.ex., #CE657E ou Vermelho) |
| Peso da Fonte | Altere o peso ou espessura da fonte do texto, tornando-a mais clara ou mais negrito. | Aceita valores específicos: normal, bold, lighter, bolder, unset, ou 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| Sublinhado | Especifique se deseja o texto sublinhado para ênfase. | Valor booleano; aceita true/false ou 0/1 |
| Riscado | Especifique se deseja uma linha a atravessar o texto. | Valor booleano; aceita true/false ou 0/1 |
| Sobrelinha | Especifique se o texto tem uma sobrelinha. | Valor booleano; aceita true/false ou 0/1 |
| Alinhamento de Texto | Altere o alinhamento horizontal do texto. | Aceita valores específicos: left, center, right, justify, justify-left, justify-center, justify-right |
| Cor do Contorno | Altere a cor do contorno | Aceita um valor de cor Hex válido ou nome de cor (p.ex., #CE657E ou Vermelho) |
| Largura do Contorno | Especifique a largura do contorno, que determina quão grosso ou fino é o contorno. | Aceita um valor numérico. |
| Direção | Defina a direção do texto: esquerda para a direita ou direita para a esquerda | Aceita valores específicos: ltr ou rtl |
| Visível | Determine se o elemento é visível ou não. | Valor booleano; aceita true/false ou 0/1 |
| Opacidade | Altere o nível de transparência de uma forma, texto ou foto selecionada no seu Repetidor | Aceita um valor numérico de 0-1 (p.ex., 0.2 é 20%) |
Aqui está um exemplo de uma Fonte de Dados de amostra configurada com Cor de Preenchimento, Cor de Fundo, Opacidade, Peso da Fonte e Alinhamento de Texto:
Como Usar as Opções de Formato de Exibição
Se quiser alterar como a formatação de certos dados da sua Fonte de Dados aparece no seu repetidor, pode fazê-lo com a opção Formato de Exibição disponível no Editor de Repetidor. Isto poupa-lhe tempo de editar a sua Fonte de Dados original e aplicará a formatação a todos os elementos repetidos no Repetidor.
Siga os passos na secção anterior sobre Mapeamento de Propriedades para aceder às opções de Formato de Exibição.
| Opção de Formato de Exibição | O Que Faz |
| Texto | Isto mostrará o valor bruto sem formatação. |
| Data e Hora | Pode alterar o fuso horário, formato de data e formato de hora com as opções disponíveis. |
| Número | Pode formatar números para exibir como percentagens, decimais, moeda e mais. |
Enviar para os Ecrãs
Depois de concluir o seu design, está pronto para enviar para o ecrã.
(Aqui está um guia se precisar de mais assistência com isto.)
O seu ecrã será atualizado automaticamente com base na sua fonte de dados conectada.
Já não precisa de atualizar manualmente os seus dados, o que consome tempo e é propenso a erros.