Design de telas

As telas gráficas utilizadas pelo EQUINOX baseiam-se em Gráficos Vetoriais Escaláveis (Scalable Vector Graphics), ou SVG.

SVG é um padrão aberto da Internet, suportado por todos os navegadores mais populares da atualidade. Os gráficos nesse formato podem ser redimensionados sem perder qualidade; além disso, esses arquivos têm um tamanho menor que as imagens em mapa de bits, por isso não exigem uma grande largura de banda para serem enviados através de redes de dados.

O conteúdo dos arquivos SVG é texto simples em formato XML (eXtensible Markup Language), uma linguagem de marcação utilizada para armazenar dados de forma legível, desenvolvida, assim como a especificação SVG, pelo W3C (World Wide Web Consortium).

As telas projetadas para o EQUINOX se beneficiam dessas características; os arquivos também contêm determinadas definições que permitem ao sistema identificar dentro deles certos símbolos gráficos, representativos de seções ou elementos que compõem o processo sob supervisão, com o objetivo de manipulá-los e alterar seu aspecto gráfico de acordo com as mudanças de estado e indicação dos pontos do sistema associados a eles.

Inkscape

Como software de edição de telas utiliza-se o Inkscape, um editor de gráficos vetoriais SVG livre e multiplataforma. É distribuído sob a licença GNU General Public License. Uma cópia do programa é incluída e instalada junto com o EQUINOX.

O Inkscape possui uma série de ferramentas comuns em softwares de design gráfico, por isso será familiar ao usuário que já tenha tido experiência com programas de edição gráfica semelhantes, como o Adobe Illustrator. Na Internet podem ser encontrados diversos tutoriais sobre seu uso, ou você também pode consultar a documentação oficial

Símbolos do sistema

Nos sistemas SCADA, um símbolo é um agrupamento de elementos gráficos destinados a representar de forma pictórica um determinado elemento, variável, parâmetro ou grandeza do mundo real.

Um símbolo pode representar uma válvula, um interruptor, o nível de um tanque, o valor de um termômetro, o estado de operação de um equipamento ou máquina, a pressão de um recinto, entre muitas outras possibilidades. Eles podem ser alterados ou modificados dinamicamente de acordo com a condição atual do elemento que representam. Além disso, em caso de perda de comunicação com o Dispositivo associado (de onde essa informação é obtida), isso é sinalizado de forma apropriada.

Os símbolos são inseridos dentro de uma tela SCADA; o conjunto de símbolos representa um determinado processo ou situação de interesse para o usuário do sistema. Para a criação e edição de símbolos, assim como para as telas SCADA, são utilizados gráficos vetoriais SVG.

Tipos de símbolos

Existem cinco tipos de símbolos: Status, Bar, Gauge, Measure e Static

Tipo de símbolo Descrição
Status Símbolos para pontos digitais; serão exibidos diferentes gráficos de acordo com o estado atual do ponto
Bar Símbolos para registros analógicos que permitem representar seu valor na tela por meio de uma barra cuja altura será proporcional ao valor do registro
Gauge Símbolos para registros analógicos que permitem representar seu valor na tela por meio de um medidor tipo ponteiro cuja posição corresponderá ao valor do registro
Measure Símbolos para registros analógicos que permitem exibir na tela o valor numérico do registro
Static Símbolos estáticos que não mudam de aspecto, mas podem ser associados a ações: vínculos a outras Telas ou execução de conjuntos de comandos

Acesse um exemplo completo de criação de uma tela gráfica.

Exemplo de símbolos Status

Suponhamos que nosso projeto SCADA contenha um Dispositivo que, por sua vez, esteja conectado a uma válvula com um atuador pneumático que permite determinar sua posição: válvula aberta ou fechada. O EQUINOX consultará periodicamente o Dispositivo sobre a posição da válvula; em função da resposta, exibirá na tela o gráfico de uma válvula aberta ou fechada. Em caso de perda de comunicação com esse Dispositivo, seja por problemas do Canal ou do próprio Dispositivo, essa situação será sinalizada na tela, mostrando o último estado da válvula, mas indicando a perda de comunicação:

Características comuns a todos os tipos de símbolo

Os símbolos do sistema são grupos (elemento <g>) que contêm elementos gráficos simples como textos, linhas, retângulos, círculos, paths e diversas formas.

Os grupos correspondentes aos símbolos têm um atributo especial, a ser interpretado apenas pelo sistema, chamado eq-symbol. Esse atributo contém como valor uma cadeia JSON {“type”:“valor”} com os valores possíveis bar, gauge, status, static ou measure.

Dentro desse grupo principal que representa o símbolo, são inseridos um ou mais grupos com diferentes funções, exceto no caso dos símbolos do tipo measure, que contêm um elemento do tipo <text>. Esses elementos (<g> ou <text>) têm um atributo especial, a ser interpretado apenas pelo sistema, chamado eq-data. Esse atributo contém como valor uma cadeia JSON com um ou mais pares chave:valor que representam diversas informações relativas a esse elemento.