Criação de GIF analógico para o ScadaBr

Neste texto, você aprenderá como criar um gif analógico para usar no ScadaBr. Os conceitos aqui aplicados, também podem ser utilizados na criação de outros tipos de componentes. Nosso objetivo final, será a criação de um gif analógico do tipo “medidor simples”, conforme imagem abaixo:

Criação das imagens do GIF

O primeiro passo é criar as imagens que permitirão realizar a animação do GIF. Neste exemplo criaremos uma imagem diferente para representar cada 5% de variação da variável monitorada. Desse modo, precisaremos criar 21 imagens, sendo 1 para representar o valor zero, e mais 20 para representar todas as variações até 100%. As imagens também devem ser nomeadas de forma sequencial, para que o ScadaBR consiga automaticamente identificar a ordem em que as imagens devem aparecer.

Exemplo:

Preparação do componente gráfico

Criar uma pasta com o nome desejado para o componente, onde ficarão localizadas todas as imagens criadas no passo anterior. Também é necessário criar um arquivo de texto chamado “info.txt” com informações referentes ao novo componente gráfico. A imagem abaixo, mostra a criação de um componente chamado “gaugeOrange” e suas respectivas configurações dentro do arquivo “info.txt”:

Adicionando o componente gráfico no ScadaBR

Para criar um componente gráfico no ScadaBR basta copiar a pasta do componente criado no passo anterior para a seguinte localidade na máquina do ScadaBR:

/opt/scadabr/apache-tomcat-7.0.81/webapps/ScadaBR/graphics

Uma forma bastante simples para realizar a copiar da pasta, é fazer uso daferramenta WINSCP, informando o endereço IP configurado para a máquina onde está instalado o ScadaBR.

Exemplo:

Exemplo de cópia da pasta “gaugeOrange” para a pasta “graphics” do ScadaBR:

Após a cópia, é necessário reiniciar a máquina para que o ScadaBR reconheça o novo componente.

Utilizando o novo componente no ScadaBR

Para utilizar o componente gráfico criado, bastainserir um “gif analógico” na representação gráfica do ScadaBR, associado a um datapoint de um valor numérico.

Exemplo:

Neste exemplo, o datapoint associado ao gif retornará um valor percentual entre 0 e 100%. Sendo assim,nas configurações do componente, devemos programar o valor mínimo em 0 e máximo em 100. Em seguida, configurar o campo “Ajuste de imagem”com o componente “gaugeOrange”.

Exemplo:

Visualizando o componente na “Representação Gráfica” do ScadaBr

A partir desse momento, você pode utilizar várias vezes o mesmo componente para representar diferentes variáveis. O exemplo a seguir apresenta duas variáveis distintas de umidade, utilizado o mesmo tipo de componente gráfico:

*Os conteúdos dos artigos publicados são de inteira responsabilidade do(s) autor(es), não refletindo, necessariamente, a opinião da Branqs Automação LTDA.