Reprodução de GIF no WebVisu

Este tutorial  tem o objetivo de explicar como reproduzir um GIF no ambiente de visualização Web (WebVisu) do software MasterTool IEC XE.


Componentes

 

Software:

MasterTool IEC XE v3.20

 

 

CLP:

XP340

 

 

Seções do Tutorial

1. ARQUITETURA

2. DESENVOLVIMENTO

   2.1. Criação da URL

   2.2. Criação da visualização

3. RESULTADO


____________________________________________________________________________________________________________________________________



1. ARQUITETURA

Na arquitetura deste tutorial, será conectado o cabo de programação NX9202 na porta Ethernet do CLP XP340 e na porta Ethernet do computador.


2. DESENVOLVIMENTO

Neste tutorial será explicado como inserir um GIF em uma visualização Web no MasterTool IEC XE. Para o entendimento completo desde tutorial, é importante ler o tutorial que explica como criar uma visualização no MasterTool, cujo link está abaixo:

https://www.altus.com.br/base-conhecimento/categoria/19/detalhe/177/criando-uma-visualizacao-web-com-o-nx3005--96-o-basico--5Bparte-1-5D

Além do tutorial citado acima, também é importante ler o tutorial que explica como importar imagens para serem utilizadas na visualização Web, cujo link está abaixo:

https://www.altus.com.br/base-conhecimento/categoria/19/detalhe/178/criando-uma-visualizacao-web-com-o-nx3005--96-importando-imagens--5Bparte-2-5D


2.1. Criação da URL

Para reproduzir o GIF no WebVisu será utilizado um objeto BrowserControl e o GIF será vinculado a este objeto através de uma URL.

Com o projeto devidamente criado, primeiramente acrescente a visualização e a tabela de imagens. Na tabela de imagens importe o GIF que será utilizado, conforme o tutorial que explica como importar imagens (segundo link presente no capítulo 2 deste tutorial).

Obs.: Atente para o Nome do Arquivo. Ele será utilizado na construção da URL.


Após, vá em UserPrg e construa a URL que será utilizada no objeto BrowserControl. A URL será formada com: "http://Endereço_IP_CLP:8080/Nome_do_Arquivo".

Obs.: A linguagem utilizada na construção do código foi ST e a variável destacada em vermelho é utilizada para receber o IP do controlador que está sendo utilizado. Dessa forma, caso deseje replicar o programa para outros controladores não será necessário modificar o IP na URL de cada um deles.



2.2. Criação da visualização

Após ter construído a URL que será utilizada, vamos adicionar o objeto BrowserControl na visualização e vinculá-lo a esta URL.

Vá até a visualização que deseja executar o GIF e clique na aba Caixa de Ferramentas para exibir os objetos.


Selecione Special controls, clique no objeto BrowserControl e desenhe-o na tela da visualização.


Após desenhar o objeto, vá nas propriedades dele (1). Dê um duplo-clique no campo ao lado de URL (2) e quando o ícone de três pontos aparecer, clique nele (3).


A janela Assistente de Entrada abrirá. Siga o caminho: Application -> UserPOUs -> UserPrg e selecione a variável urlGIF. Após isso, clique em OK.


Por fim, ao lado do campo Show nas propriedades do objeto, insira TRUE para que o objeto permaneça visível constantemente. As propriedades do objeto ficarão configuradas conforme a imagem abaixo:



3. RESULTADO

É importante ressaltar que os passos descritos neste tutorial só funcionarão quando o MasterTool IEC XE estiver conectado ao CLP, ou seja, não irá funcionar em modo simulação.

Conecte-se ao CLP e carregue a aplicação no mesmo. Por fim, abra seu navegador e insira o endereço da visualização.


O projeto no MasterTool IEC XE juntamente com o GIF utilizado estão disponíveis para download nos anexos.



 

ARQUIVO BAIXAR
Tutorial GIF Português

Ficou com dúvidas? Então clique no botão abaixo e fale com a gente!

ENVIE SUA DÚVIDA

Esta publicação foi relevante para você? Avalie o material para que possamos continuar melhorando.

Clique para gravar a avaliação
Gostou? Então compartilhe



Assine nossa newsletter e saiba tudo sobre automação!

Receba novidades sobre o mercado da automação, nossas soluções e as ações mais recentes envolvendo a Altus diretamente no seu e-mail.