API_CLP é um programa que busca as variáveis disponíveis de um CLP e cria uma rota de transmissão de seus valores para um template web.
Em conjunto com display_grafico, a finalidade deste programa é que uma variável escolhida pelo usuário tenha um histórico de seus valores exibidos em uma página web de forma gráfica.
O programa API_CLP faz requisições getvar.csv para um web server definido por seu IP. O web server para o qual essa aplicação foi criada é um CLP, que responde essa requisição com um arquivo CSV contendo todas as variáveis que ele têm disponíveis no momento e os respectivos valores armazenados nelas.
Inicialmente, as variáveis que possuem valor numérico são filtradas e enviadas ao primeiro template web, index.html, que as organiza em uma tabela. Dessa forma, o usuário pode escolher a variável que deseja exibir de forma gráfica. A escolha retorna um POST para API_CLP.
O código então busca pela variável escolhida, que pode ser encontrada a partir de seu ID, e salva suas informações como instâncias da classe Variavel_CLP. Por fim, é criada uma rota de dados Flask que transmite Variavel_CLP para o segundo template web, display_grafico.
O template display_grafico.html faz requisições fetch para a rotas de dados Flask para obter Variavel_CLP. O histórico de valores é plotado em um gráfico, assim como uma média dos últimos valores obtidos. O gráfico é criado a partir da biblioteca Chart JS.
Atualização: valores inseridos na caixa "Inserir Valor" na página de exibição dos gráficos são enviados ao CLP de forma que podem ser atribuídos à variável que está sendo exibida.
Basta definir o IP do web server e rodar o programa. Os templates HTML devem estar salvos em uma pasta "templates".
- Python
- Flask
- HTML
- Javascript
- Chart.js
Exemplo de gráficos resultantes:
Escolha das variáveis:
