LABORATÓRIO PARA CONFIGURAÇÃO DE

SISTEMAS SUPERVIS?RIOS

LABORAT?RIO PARA CONFIGURA??O DE SUPERVIS?RIO INDUSOFT

O objetivo deste trabalho pr?tico ser? criar algumas telas para que tenhamos uma aplica??o onde seja poss?vel visualizar e comandar um processo de medi??o e controle de n?vel, temperatura e press?o em 3 tanques similares.

ETAPA 1. CRIAR UM NOVO PROJETO

Para criar um novo projeto usando o InduSoft Web Studio, rode o InduSoft Web Studio

clicando no ?cone

, ou usando o bot?o "Iniciar" , "Programas" -> "InduSoft Web Studio

Tools" -> "InduSoft Web Studio".

Outra op??o ? usar o comando seguinte: (bot?o Iniciar + Executar + "C:\Arquivos de Programas\InduSoft Web Studio\Bin\RunStudio.exe")

J? no ambiente do InduSoft Web Studio, selecione File e clique em New para abrir a janela "new".

Selecione o tab "Project" e digite o nome da aplica??o no campo "Application name".

Selecione a plataforma alvo "Local Interface" para essa aplica??o na lista "Target Platform";

Pressione o bot?o OK para abrir a janela seguinte

Na janela "Project Wizard", ? poss?vel selecionar algumas janelas que podem ser utilizadas como um ponto de partida para a aplica??o.

? poss?vel tamb?m escolher a resolu??o apropriada em pixels.

Selecione: Empty Application (Aplica??o Vazia) e Resolution= 640 x 480. Esta resolu??o pode ser alterada de acordo com as propriedades de v?deo de seu computador.

148

Prof. Marcelo Saraiva Coelho

SISTEMAS SUPERVIS?RIOS

Figura 251.

ETAPA 2. CRIAR TAGS NA BASE DE DADOS "DATABASE"

Na Workspace, selecione o tab "Database". Clique na pasta "Application Tags" para expandi-la. Clique duas vezes em Datasheet View.

Figura 252. O Database ser? preenchido e alterado durante o desenvolvimento da aplica??o. Por?m, para iniciarmos uma aplica??o de exemplo, podemos j? previamente definir alguns tags que sabemos que ser?o utilizados. Criaremos tr?s Tanques cada qual controlado por duas v?lvulas.

A primeira v?lvula enche o tanque e a segunda o esvazia.

Para sabermos o estado da primeira v?lvula, teremos o tag (EstadoEnche) e para a segunda (EstadoEsvazia).

Como cada v?lvula s? pode estar aberta ou fechada, estes tags devem ser booleanos.

Prof. Marcelo Saraiva Coelho

149

SISTEMAS SUPERVIS?RIOS

Sendo tr?s Tanque, precisaremos de tr?s v?lvulas para enche-los e outras tr?s para esvazi?los. Portanto usaremos Arrays para rapidamente criarmos as v?lvulas. Vamos configurar o "Application Datasheet" como mostrado a seguir: Crie os tags que enviar?o os comandos para abrir ou fechar as v?lvulas, conforme mostrado a seguir.

Figura 253. Esses comandos, na vida real, seriam enviados aos CLPs atrav?s do driver, endere?ando esses tags para serem pontos de I/O. Salve a configura??o do banco de dados usando o ?cone:

ETAPA 3. CRIAR TELAS NO PROJETO

A figura a seguir mostra uma das telas, no caso a tela de nome Principal.

Figura 254.

Primeiramente criaremos o CABE?ALHO e o RODAP? em uma tela (STANDARD) que servir? de padr?o b?sico para as demais telas.

150

Prof. Marcelo Saraiva Coelho

SISTEMAS SUPERVIS?RIOS

Selecione o tab "Graphics" no Workspace e selecione na pasta "Screens".Agora, clique com o bot?o direito na pasta "Screens" e clique na op??o Insert.

Figura 255. Na janela "Screen Attributes" devemos configurar alguns atributos gerais sobre a tela que est? sendo criada. Primeiro configure a tela STANDARD como mostrado na figura abaixo:

Figura 256. Pressione o bot?o OK e uma tela vazia dever? aparecer com os atributos configurados para ela.

DESENHAR O CABE?ALHO (PARTE SUPERIOR DA TELA) E OS BOT?ES DE COMANDO

Depois de criar a tela, mudemos a cor de fundo usando o background color.

Selecione o cinza claro (light gray) utilizando o ?cone inferior direito da tela.

do toolbar de desenho no canto

Prof. Marcelo Saraiva Coelho

151

SISTEMAS SUPERVIS?RIOS

Figura 257. Desenhe nove bot?es no canto superior direito da tela. Esses bot?es chamar?o as outras telas e ainda permitir?o fechar a aplica??o. Para desenhar

os bot?es, utilize o ?cone abaixo:

do Toolbar. Nosso CABE?ALHO dever? parecer com a figura

Nota: ? poss?vel copiar e colar objetos das telas utilizando-se do recurso Ctrl+C Ctrl+V. Outra forma, a? exclusiva do InduSoft, ? clicar no objeto a ser duplicado ao mesmo tempo que se pressiona a tecla Ctrl.

Figura 258.

Quando se clica duas vezes em um objeto desenhado, temos a janela de Object Properties. Nesta janela s?o configuradas todas as propriedades, tais como comandos, anima??es, texto, etc...

No caso dos bot?es (pushbuttons), o texto que aparece dentro deste ? o campo Caption ( nome do bot?o).

Figura 259.

1. Portanto, m?os a obra: crie nove bot?es com os Captions mostrados na tela

abaixo:

152

Prof. Marcelo Saraiva Coelho

SISTEMAS SUPERVIS?RIOS

Figura 260.

Agora desenharemos alguns ret?ngulos e textos que far?o parte da tela no canto superior esquerdo. Esses campos mostrar?o a data e horas atuais, bem como nome do usu?rio logado.

Para tanto, aprenderemos mais algumas coisas do Toolbar. Quando mudamos algum dado (setting), como por exemplo, cor e espessura das linhas, cor de preenchimento de objetos, formata??o de fontes de texto, etc..., essas mudan?as passam a ter efeito no pr?ximo objeto desenhado e nos outros que estejam selecionados.

Desenhe agora tr?s ret?ngulos azuis, com contorno cinza escuro de espessura (Weight) 2.

2. V? ao Toolbar (lado superior direito da tela) e selecione o ?cone "Fill Color"

, e troque para a cor azul.

3. Selecione "line color"

e mude a cor da linha para cinza escuro (dark gray)

com largura weight = 2.

4. Desenhemos tr?s Rectangles

conforme figura abaixo:

Figura 261.

Agora vamos mudar o estilo das fontes. Clique no ?cone mostrado ao lado par?metros da fonte. Selecione o tamanho 12 e fonte tipo Courier.

e selecione os

Prof. Marcelo Saraiva Coelho

153

SISTEMAS SUPERVIS?RIOS

Para inserir caracteres de texto nos ret?ngulos, usaremos o ?cone mostrado ao lado .Clique no ?cone e depois clique dentro de um dos ret?ngulos azuis que foram desenhados.

Para mostrarmos o valor de um tag na tela, usamos o caractere " # " (que recebe v?rios

nomes, entre eles sustenido, cerquilha, cerquinha, jogo da velha, hash sign, etc...). O mesmo n?mero de caracteres "cerquinha" que forem digitados, ser? o mesmo n?mero de caracteres do tag ser?o mostrados. Como queremos mostrar a data utilizando o formato MM/DD/AAAA, precisamos de 10 caracteres no ret?ngulo da esquerda, 8 caracteres para o ret?ngulo da direita e 20 (ou mais) caracteres no ret?ngulo inferior.

Figura 262. -Clique duas vezes no caracter " cerquinha" e configure conforme as propriedades abaixo: -Clique em Fonts e selecione fonte Courier, tamanho 12.

Figura 263. Quando o Cabe?alho da nossa tela estiver pronta, deve parecer com a figura abaixo:

154

Prof. Marcelo Saraiva Coelho

SISTEMAS SUPERVIS?RIOS

Figura 264. Salve a tela como STANDARD. Para salvar, clique no menu File na barra superior, e no item Save As e digite o nome STANDARD no campo Nome do arquivo, e clique em Salvar.

Figura 265.

CRIAR OS LINKS PARA OUTRAS TELAS NO CABE?ALHO

Agora que os objetos est?o desenhados, podemos come?ar a aplicar em cada um deles as propriedades de comando e de display com o valor de tags.

Nota: Neste momento passa a ser interessante utilizar-se do recurso "Disable Drag" atrav?s do atalho "Ctrl+D". Este recurso faz com que os objetos n?o possam mais ser movimentados na tela pelo mouse. Como estaremos duplo-clicando v?rias vezes nos objetos, ?s vezes estes podem mudar de posi??o. Com o Ctrl+D eles n?o se mover?o.

Para mostrar o valor de tags ou mesmo express?es numa tela, aplicaremos nos textos onde houver os caracteres #####. a propriedade "Text I/O", atrav?s do ?cone mostrado ao lado

.

Clique duas vezes no ret?ngulo com 8 caracteres ##### (para hora), e em seguida no ?cone

"Text I/O", a janela "Objects Properties" aparecer?. Note que o check -list superior direito ter? al?m da op??o Text, a propriedade Text I/O. No campo "Tag/Expression" preencha com o na figura abaixo;

Figura 266.

Selecione o outro ret?ngulo com texto ######, com 10 caracteres (para data) apliquemos a propriedade "Text I/O".

Prof. Marcelo Saraiva Coelho

155

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download