Dashboard

Introdução

 

   Responsável por ser uma forma de visualização dos valores lidos a partir dos dispositivos conectados ao server. O uso do aplicativo acontece através do navegador e pode ser acessado por outros dispositivos que estejam conectados à mesma rede em que o Dashboard foi instalado.

Acesso

 

Para acessar o DASHBOARD, digita o endereço http://XXX.XXX.XXX.XXX:1000

Onde: XXX.XXX.XXX.XXX é o IP da máquina em que o DASHBOARD foi instalado. Exemplo: http://123.456.789.000:1000

Página Inicial

 

image-1665688886551.png

     Página em que aparece todos os painéis criados e salvos até o momento.

  1. Novo painel: cria um novo painel;
  2. Visualizar modo rotativo: visualiza os painéis desejados, alternando cada painel a cada 30 segundos;
  3. Baixar: gera um arquivo .csv com todos os painéis criados;
  4. Escolher arquivo: faz o upload do arquivo com painéis criados;
  5. Data e hora: data e hora atual;
  6. N°: número do painel;
  7. Nome: nome do painel;
  8. Url: link para visualização e edição do painel;
  9. Excluir: opção para excluir o painel;
  10. Visualizar: opção para que o painel seja visto no modo rotativo de visualização.

 

Visualização/Edição do Painel

 

image-1665689018452.png

Nesta página, é possível visualizar e editar o painel.

11: Voltar: volta para a página inicial.

 Ao clicar em qualquer ponto da tela com o botão direito do mouse, aparecem as seguintes opções:

12: Editar: habilita a edição do painel;

13: Salvar: salva as alterações realizadas;

14: Novo campo: adiciona um novo campo ao painel.

 

image-1665689165918.png

15: Nome: título do painel;

16: Cor de fundo: cor de fundo do painel

 Ao clicar com o botão direito sobre o novo campo adicionado, são dadas as opções:

17: Editar: editar o campo;

18: Duplicar: duplica o campo;

19: Excluir: exclui o campo.

 

Editar Campo

image-1665689275462.png

 

20: Tipo do campo: seleciona o tipo do campo: tag (valor numérico), imagem ou gráfico;

21: Tamanho e posição: define as posições X e Y do campo no painel, e a altura e largura do campo, em pixels;

22: Borda: define a espessura, cor e arredondamento dos cantos da borda do campo;

23: Configuração tag: define qual a tag do PSi4 server será mostrada, se deve ser mostrada a unidade do valor da tag, e o título do campo;

24: Fonte e texto: define a fonte e os tamanho do valor e do título;

25: Cores: define as cores de fundo e do texto. Se abaixo de valor mínimo ou acima do valor máximo, as cores de fundo e de texto mudam.

image-1665689348309.png

 

 26: Selecionar arquivo: seleciona o arquivo de imagem a ser exibido.

image-1665689398133.png

27: Gráfico: gráfico com os valores lidos do server no último minuto.