Série Nexto - 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:

Série Nexto - Criando uma visualização WEB com o NX3005 ou XP340 – O básico (Parte 1)

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:

Série Nexto - Criando uma visualização WEB com o NX3005 ou XP340 – Importando Imagens (Parte 2)

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 de 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.