ApostilaTreinamento Básico Indusoft

Apostila Treinamento Bsico
InduSoft Web Studio
www.indusoft.com.br
info@indusoft.com
Treinamento Bsico
InduSoft Web Studio
CONTEDO
I.
CONCEITOS GERAIS ........................................................................................... 9

1.
PREPARAO ................................................................................................ 10
1.1.
REQUISITOS ............................................................................................ 10
1.1.1.
Desenvolvimento................................................................................ 10
1.1.2.
Projeto Servidor ................................................................................. 10
1.1.3.
Projeto Cliente Embedded .............................................................. 11
1.1.4.
Projeto Cliente Thin ......................................................................... 12
1.2.
CONVENES USADAS NESSE DOCUMENTO .................................... 12
1.2.1.
Convenes de texto ......................................................................... 12
1.2.2.
Conveno de mouse e seleo ........................................................ 13
1.2.3.
Esta documentao usa as seguintes convenes para janelas: ....... 13
2.
INTRODUO ................................................................................................. 15
3.
VISO GERAL DO PRODUTO ........................................................................ 16
4.
INSTALAO E REGISTRO............................................................................ 17
4.1. INSTALANDO O APLICATIVO DE DESENVOLVIMENTO NO SEU PC
WINDOWS .......................................................................................................... 17
4.2.
4.2.1.
Hardkey ............................................................................................. 18
4.2.2.
Softkey ............................................................................................... 18
4.3.
5.
REGISTRANDO O PRODUTO ................................................................. 18
INICIANDO O SOFTWARE ....................................................................... 18
INTERFACE DO USURIO ............................................................................. 19

5.1.
BARRA DE TTULO .................................................................................. 19
5.2.
BARRA DE ESTADOS .............................................................................. 20
5.3.
BOTO DE ARQUIVO .............................................................................. 21
5.4.
BARRA DE ACESSO RPIDO ................................................................. 21
5.5.
MENU RIBBON ......................................................................................... 22
5.5.1.
Aba Incio ........................................................................................... 22
5.5.2.
Aba Visualizar .................................................................................... 22
5.5.3.
Aba Inserir.......................................................................................... 23
5.5.4.
Aba Projeto ........................................................................................ 23
5.5.5.
Aba Grficos ...................................................................................... 24
5.5.6.
Aba Formato ...................................................................................... 24
5.5.7.
Aba Ajuda .......................................................................................... 25
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
5.6.
6.
II.
EXPLORADOR DE PROJETO .................................................................. 25
5.6.1.
Aba Global ......................................................................................... 26
5.6.2.
Aba Grficos ...................................................................................... 27
5.6.3.
Aba Tarefas ....................................................................................... 28
5.6.4.
Guia Comunicao............................................................................. 29
5.6.5.
Editor de Tela/Planilha ....................................................................... 30
5.7.
DATABASE SPY ....................................................................................... 31
5.8.
JANELA DE SADA ................................................................................... 32
TAGS ............................................................................................................... 33
6.1.
SINTAXE DE NOME DA TAG ................................................................... 34
6.2.
TIPO DE DADO DA TAG .......................................................................... 35
6.3.
TAG VETOR ............................................................................................. 35
6.4.
TAG CLASSE ........................................................................................... 36
6.5.
TAGS INDIRETAS .................................................................................... 37
TUTORIAL ........................................................................................................... 38
1.
2.
3.
CRIANDO UM NOVO PROJETO ..................................................................... 39

1.1.
CONCEITO ............................................................................................... 39
1.2.
TUTORIAL PASSO-A-PASSO .................................................................. 39
1.3.
ESPECIFICAO DO PROJETO ............................................................. 41
GRUPO DE TELAS E TELAS PRINCIPAIS PARA O TREINAMENTO ............ 42

2.1.
CONCEITO ............................................................................................... 42
2.2.
2.2.1.
Tela Superior ..................................................................................... 42
2.2.2.
Tela Inferior ........................................................................................ 44
2.2.3.
Tela Modelo ....................................................................................... 45
2.2.4.
Telas de Navegao .......................................................................... 47
2.2.5.
Grupo de Telas .................................................................................. 48
2.2.6.
Tela Inicial .......................................................................................... 49
2.2.7.
Cor de Fundo ..................................................................................... 50
OBJETOS ATIVOS .......................................................................................... 51

3.1.
CONCEITO ............................................................................................... 51
3.2.
3.2.1.
Texto .................................................................................................. 52
3.2.2.
Botes................................................................................................ 53
3.2.3.
Caixa de Texto ................................................................................... 54
InduSoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4.
5.
3.2.4.
Boto de Ao ................................................................................... 54
3.2.5.
Caixa de Seleo ............................................................................... 55
3.2.6.
Boto de Opo ................................................................................. 55
3.2.7.
Caixa de Combinao ........................................................................ 56
3.2.8.
Caixa de Lista .................................................................................... 56
3.2.9.
Mensagem Inteligente ........................................................................ 57
FORMAS.......................................................................................................... 58
4.1.
CONCEITO ............................................................................................... 58
4.2.
4.2.1.
Retngulo .......................................................................................... 58
4.2.2.
Linha .................................................................................................. 60
4.2.3.
Polgono Aberto ................................................................................. 60
4.2.4.
Polgono Fechado .............................................................................. 61
4.2.5.
Retngulo Arredondado ..................................................................... 61
4.2.6.
Elipse ................................................................................................. 62
BIBLIOTECAS.................................................................................................. 64
5.1.
CONCEITO ............................................................................................... 64
5.2.
5.2.1.
6.
7.
OBJETOS DE DADOS ..................................................................................... 66

6.1.
CONCEITO ............................................................................................... 66
6.2.
6.2.1.
Alarme/Evento ................................................................................... 66
6.2.2.
Tendncia .......................................................................................... 67
6.2.3.
Grid .................................................................................................... 67
ANIMAES.................................................................................................... 69
7.1.
CONCEITO ............................................................................................... 69
7.2.
7.2.1.
8.
8.1.
CONCEITO ............................................................................................... 71
8.2.

Formatao ........................................................................................ 71
LINGUAGEM INTERNA: BUILT-IN .................................................................. 73

9.1.
Comando ........................................................................................... 69
FORMATAO ................................................................................................ 71
8.2.1.
9.
Figura Vinculada ................................................................................ 64
CONCEITO ............................................................................................... 73
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9.2.
10.

VBSCRIPT.................................................................................................... 75
10.1.
CONCEITO ........................................................................................... 75
10.2.
TUTORIAL PASSO-A-PASSO ............................................................... 75
11.
SMBOLOS ................................................................................................... 77
11.1.
CONCEITO ........................................................................................... 77
11.2.
12.
11.2.1.
Tanques ......................................................................................... 77
11.2.2.
Canos ............................................................................................. 79
11.2.3.
Sintico........................................................................................... 80
11.2.4.
Retngulos ..................................................................................... 81
11.2.5.
Painel ............................................................................................. 82
11.2.6.
Tags ............................................................................................... 86
AGENDA ...................................................................................................... 90
12.1.
CONCEITO ........................................................................................... 90
12.2.
13.
ALARMES .................................................................................................... 93
13.1.
CONCEITO ........................................................................................... 93
13.2.
14.
13.2.1.
Tarefa de Alarme ............................................................................ 93
13.2.2.
Objeto de Alarme............................................................................ 96
EVENTOS .................................................................................................... 99
14.1.
CONCEITO ........................................................................................... 99
14.2.
15.
14.2.1.
Tarefa de Evento ............................................................................ 99
14.2.2.
Objeto de Evento .......................................................................... 100
TENDNCIA ............................................................................................... 102
15.1.
CONCEITO ......................................................................................... 102
15.2.
TUTORIAL PASSO-A-PASSO ............................................................. 102
16.
15.2.1.
Tarefa de Tendncia..................................................................... 102
15.2.2.
Objeto de Tendncia .................................................................... 103
CRIANDO TELAS COM ANIMAES ....................................................... 105
16.1.
CONCEITO ......................................................................................... 105
16.2.
16.2.1.
InduSoft, Ltd.
Tags ............................................................................................. 105
Treinamento Bsico
InduSoft Web Studio
17.
Animao de Cor. ......................................................................... 106
16.2.3.
Animao de Comando ................................................................ 106
16.2.4.
Animao de Posio Vertical ...................................................... 107
16.2.5.
Animao de Posio Horizontal .................................................. 109
MNEMNICO ............................................................................................. 112
17.1.
CONCEITO ......................................................................................... 112
17.2.
18.
17.2.1.
Criar Tela...................................................................................... 112
17.2.2.
Labels ........................................................................................... 114
17.2.3.
Abrir Tela ...................................................................................... 116
RELATRIO ............................................................................................... 118
18.1.
CONCEITO ......................................................................................... 118
18.2.
19.
18.2.1.
Preparando o Ambiente ................................................................ 118
18.2.2.
Tarefa de Relatrio ....................................................................... 119
18.2.3.
Gerar Relatrios ........................................................................... 121
18.2.4.
Abrir Relatrio............................................................................... 122
RECEITA .................................................................................................... 124
19.1.
CONCEITO ......................................................................................... 124
19.2.
20.
19.2.1.
19.2.2.
Tags ............................................................................................. 125
19.2.3.
Tarefa de Receita ......................................................................... 127
19.2.4.
Interface da Receita...................................................................... 128
19.2.5.
Salvar Receita .............................................................................. 128
19.2.6.
Carregar Receita .......................................................................... 129
19.2.7.
Salvar Receita com Confirmao.................................................. 130
19.2.8.
Procurar Receita........................................................................... 131
19.2.9.
Setar Valores da Receita .............................................................. 133
BANCO DE DADOS ACCESS .................................................................... 134
20.1.
CONCEITO ......................................................................................... 134
20.2.
21.
16.2.2.
20.2.1.
20.2.2.
Criando Conexo .......................................................................... 135
GRID .......................................................................................................... 137
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
21.1.
CONCEITO ......................................................................................... 137
21.2.
21.2.1.
22.
Objeto de Tendncia .................................................................... 137
BANCO DE DADOS/ERP ........................................................................... 139
22.1.
CONCEITO ......................................................................................... 139
22.2.
23.
22.2.1.
Tags ............................................................................................. 139
22.2.2.
Conexo ....................................................................................... 141
22.2.3.
Tarefa de Banco de Dados/ERP ................................................... 142
22.2.4.
Interface do Banco de Dados/ERP ............................................... 143
DRIVER ...................................................................................................... 145
23.1.
CONCEITO ......................................................................................... 145
23.2.
24.
23.2.1.
23.2.2.
Adicionando um Driver ................................................................. 146
23.2.3.
Planilha Principal do Driver ........................................................... 147
23.2.4.
Planilha Padro do Driver ............................................................. 148
23.2.5.
Interface da Receita...................................................................... 149
23.2.6.
Comandos do Driver ..................................................................... 150
OPC UA...................................................................................................... 152
24.1.
CONCEITO ......................................................................................... 152
24.2.
25.
24.2.1.
24.2.2.
Conexo ....................................................................................... 152
24.2.3.
Planilha OPC UA .......................................................................... 153
WEB THIN CLIENT .................................................................................... 156
25.1.
CONCEITO ......................................................................................... 156
25.2.
26.
25.2.1.
Servidor Web ................................................................................ 156
25.2.2.
Data Server IP .............................................................................. 158
25.2.3.
Pginas em HTML ........................................................................ 158
25.2.4.
Acessando a aplicao na Web .................................................... 159
SEGURANA ............................................................................................. 161
26.1.
CONCEITO ......................................................................................... 161
26.2.
InduSoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
26.2.1.
Habilitar Sistema de Segurana ................................................... 161
26.2.2.
Configurao dos Grupos ............................................................. 162
26.2.3.
Configurao dos Usurios........................................................... 164
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
I. CONCEITOS GERAIS
InduSoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
1.
PREPARAO
1.1. REQUISITOS
Estes so os requisitos mnimos de sistema para instalar e executar o software
InduSoft Web Studio.
1.1.1. Desenvolvimento
Para instalar e executar o aplicativo de desenvolvimento, voc deve ter:
Um computador compatvel com Windows com um teclado, mouse, e monitor SVGA
Um desktop Windows ou sistema operacional servidor que atualmente suportado
pela Microsoft, que neste momento inclui:
Microsoft Windows XP Service Pack 3 ou posterior
Microsoft Windows Vista Service Pack 1 ou posterior
Microsoft Windows 7, todas verses
Microsoft Windows Server 2003 Service Pack 2 ou posterior
Microsoft Windows Server 2008, todas verses
Microsoft Internet Explorer 6.0 ou posterior
Mnimo de 500MB de espao livre no disco rgido
Adaptador Ethernet ou rede sem fio
DVD-ROM (opcional, para instalar o aplicativo, mas tambm pode ser baixado do
nosso site)
Porta USB (opcional, para ser usado com licena hardkey)
Portas seriais COM e adaptadores (opcional, a ser utilizado para comunicao direta
com dispositivos)
1.1.2. Projeto Servidor

Para executar como projeto servidor, voc deve ter:
Um computador compatvel com Windows ou Windows embedded
10
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Um desktop Windows, servidor ou sistema operacional embedded que atualmente
suportado pela Microsoft, que neste momento inclui:
Microsoft Windows XP Embedded Service Pack 3
Microsoft Windows Embedded Standard 7 (2009)
Microsoft Windows Embedded Compact (anteriormente conhecido como
Windows CE), verso 5.0 ou posterior
Mnimo de 500MB de espao livre no disco rgido
Porta USB (opcional, para ser usado com licena hardkey)
Portas seriais COM e adaptadores (opcional, a ser utilizado para comunicao direta
com dispositivos)
1.1.3. Projeto Cliente Embedded

Para executar como um cliente do projeto usando CEView, voc deve ter:
Um Windows Embedded ou dispositivo compatvel com Windows Mobile com um
mouse ou entrada de touchscreen
Um sistema operacional Windows embedded ou mobile, que atualmente suportado
pela Microsoft, que neste momento inclui:
Windows CE) ou Windows Mobile, verso 5.0 ou posterior
InduSoft, Ltd.
11
Treinamento Bsico
InduSoft Web Studio
1.1.4. Projeto Cliente Thin
Para executar como um projeto cliente usando o programa Secure Viewer ou o
navegador baseado em Thin Client, voc deve ter:
Um computador compatvel com Windows ou Windows Embedded com um mouse
ou entrada de touchscreen
Um desktop Windows, servidor ou sistema operacional embedded que atualmente
suportado pela Microsoft, que neste momento inclui:
Windows CE) ou Windows Mobile, verso 5.0 ou posterior
Microsoft Internet Explorer 6.0 ou posterior
1.2. CONVENES USADAS NESSE DOCUMENTO

Esta documentao utiliza formatao e terminologia padronizada para tornar mais
fcil o entendimento de todos os usurios.
1.2.1. Convenes de texto

Esta documentao utiliza formatao de texto especial para ajudar voc a identificar
rapidamente alguns itens:
Ttulos, etiquetas, novos termos, e mensagens so indicadas usando texto itlico (por
exemplo, Propriedades do objeto).
Nomes de arquivos, texto da tela, e o texto que voc deve digitar so indicados
usando texto monospace (por exemplo, D:\Setup.exe).
12
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Botes, opes de menu, e teclas de teclado so indicados usando um estilo negrito
(por exemplo, menu Arquivo).
1.2.2. Conveno de mouse e seleo

Como a maioria dos computadores utilizados para o desenvolvimento do projeto
executam uma verso do Microsoft Windows com um mouse, esta documentao
pressupe que voc est usando um mouse. Geralmente, um mouse de computador
configurado para ser usado com a mo-direita, ento o boto da esquerda o boto
primrio e o boto da direita o boto secundrio. As convenes para mouse e
seleo so:
Clicar e Selecionar, ambos significam para clicar uma vez no item com o boto
esquerdo do mouse. No geral, voc clica nos botes e seleciona os menus e listas.
Duplo-clique significa clicar rapidamente duas vezes em um item com o boto
esquerdo do mouse.
Clique-direito significa clicar uma vez em um item com o boto direito do mouse.
Selecionar tambm significa que voc deve usar o dispositivo apontador para
destacar ou especificar um item na tela do computador. Selecionando um item com
uma tela TouchScreen geralmente o mesmo que selecionar com o mouse, exceto
que voc usa o dedo para tocar (selecionar) um objeto da tela ou seo. Para
selecionar itens com seu teclado, voc geralmente usa a tecla Tab para mover as
opes, a tecla Enter para abrir menus, a tecla Alt e uma letra para a seleo de um
objeto que tem uma letra sublinhada.
Arrastar significa pressionar o boto apropriado do mouse e mov-lo antes de soltar
o boto. Normalmente, um esboo do item ir mover com o cursor do mouse.
Convenes de Janelas.
1.2.3. Esta documentao usa as seguintes convenes para janelas:

dilogo (ou dilogos) so janelas que permitem configurar opes e inserir texto.
Caixas de texto so reas no dilogo onde voc pode digitar um texto.
Botes de Radio so crculos brancos onde um ponto preto aparece e desaparece
quando voc clica no boto. Normalmente, o ponto indica que a opo ou funo est
habilitada (selecionada). Sem ponto indica que a opo ou funo est desabilitada
(no selecionada).
Caixa de seleo so quadrados brancos onde um check aparece ou desaparece
quando voc o clica com o cursor. Normalmente, um check indica que a opo ou
funo est habilitada (selecionada). Sem check indica que a opo ou funo est
desabilitada (no selecionada).
InduSoft, Ltd.
13
Treinamento Bsico
InduSoft Web Studio
Botes so cones em caixas e aparecem "pressionados" quando voc clica sobre
eles.
Listas so painis (caixas brancas) nas janelas ou caixas de dilogo contendo duas
ou mais opes selecionveis.
Caixas de Combinao possuem setas que, quando clicado, mostram parte ou a
totalidade de outra lista oculta.
Janelas Acoplveis so janelas que voc pode arrastar para uma borda da interface
e mesclar com essa borda.
14
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2.
INTRODUO
O InduSoft Web Studio (ou IWS) uma poderosa ferramenta que explora as
funcionalidades dos sistemas operacionais Microsoft, e permite construir aplicaes
completas SCADA (Sistemas de Superviso e Aquisio de Dados) ou IHM (Interface
Homem Mquina) para a Indstria de Automao.
Este Guia de Introduo ao InduSoft Web Studio destinado para quem est usando
o IWS pela primeira vez. Este guia ir lhe ajudar a familiarizar-se rapidamente com as
funes bsicas do IWS.
InduSoft, Ltd.
15
Treinamento Bsico
InduSoft Web Studio
3.
VISO GERAL DO PRODUTO
Os projetos do InduSoft Web Studio so executados em microcomputadores

conectados em tempo real com mquinas ou processadores atravs de controladores
programveis, equipamentos de I/O remotos, e outros equipamentos de aquisio de
dados.
Estes projetos consistem de Telas com Interfaces animadas de operao, drivers
configurveis de CLP (Controlador Lgico Programvel) e outros dispositivos
controlveis de I/O, um banco de dados de tags do projeto, e mdulos opcionais como
monitores de alarme, lgica, grficos de tendncias, receitas, organizadores, e um
sistema de segurana. Projetos interagem com sistemas de I/O industriais e outras
aplicaes do Windows no ambiente de runtime usando os seguintes protocolos:
ODBC (Open Database Connectivity)
DDE (Dynamic Data Exchange)
NetDDE (NetworkDynamic Data Exchange)
OPC (Open Connectivity)
TCP/IP (Transmission Control Protocol/Internet Protocol)
Depois de desenvolver um projeto, voc poder execut-lo em sua estao de
desenvolvimento ou fazer o download do projeto para uma estao de runtime
(usando uma conexo serial ou TCP/IP) e execut-lo usando o InduSoft Web Studio
ou o software de runtime CEView.A estao de trabalho processa os dados do scan
de um equipamento conectado, de acordo com os parmetros definidos na aplicao,
e ento reage, mostra, armazena e atualiza os dados. O produto consiste de duas
partes:
O software de desenvolvimento executado em um desktop, laptop, ou PC
Industrial executando um sistema operacional atualmente suportado pelo
Microsoft Windows ou sistema operacional servidor.
O software do sistema runtime executa em uma estao de trabalho que
esteja executando um sistema operacional atualmente suportado pelo Microsoft
Windows ou Windows Embedded.
16
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4.
INSTALAO E REGISTRO
O InduSoft Web Studio fornece todas as ferramentas de desenvolvimento para todos

projetos IWS, e pode ser instalado em um PC que esteja executando os sistemas
operacionais, Microsoft Windows XP, Windows Vista, Windows 7, ou Windows 8. Para
maiores informaes, veja PREPARAO.
Voc pode instalar o aplicativo de desenvolvimento a partir do download da Web ou a
partir do DVD de instalao do InduSoft Web Studio. Para execuo de projetos em
sistemas com Windows Embedded, voc pode usar o aplicativo de desenvolvimento
para download do CEView (o mecanismo de runtime) para o sistema de destino via
serial ou TCP/IP link. O programa de instalao do IWS cria um diretrio conforme
necessrio, copia os arquivos para o seu disco rgido, e cria o cone do InduSoft Web
Studio no seu desktop Windows.
4.1. INSTALANDO O APLICATIVO DE DESENVOLVIMENTO NO SEU PC

WINDOWS
Para instalar o aplicativo de desenvolvimento do IWS do DVD de instalao:
1- Ligue o seu PC e certifique-se que no h outros programas em execuo.
2- Insira o DVD de instalao no drive de DVD-ROM do seu PC. O Internet
Explorer deve ser executado automaticamente e mostrar a tela de boas vindas
do DVD. Se isso no acontecer - por exemplo, se voc tem a opo de Autorun
desligada nas opes do Windows - ento voc pode mostrar a tela
manualmente usando o Windows Explorer para localizar e abrir o arquivo
D:\InduSoft.htm.
3- Na tela de boas-vindas, selecione o produto que deseja instalar. O Internet
Explorer ir perguntar se voc quer executar ou salvar o instalador.
4- Clique Executar. O Assistente Wizard do Produto ir comear.
5- Siga as instrues do Wizard para prosseguir com a instalao.
6- Quando finalizar a instalao, selecione Sim, Eu quero reiniciar o meu
computador agora e ento clique OK.
Depois que o seu PC reiniciar, voc pode executar o aplicativo de desenvolvimento.
Veja INICIANDO O SOFTWARE para instrues.
InduSoft, Ltd.
17
Treinamento Bsico
InduSoft Web Studio
4.2. REGISTRANDO O PRODUTO
O InduSoft Web Studio Possui dois tipos de Licenas: Hardkey e Softkey. Ambos tipos
podem receber diferentes configuraes para o licenciamento do produto.
Configuraes essas, que se baseiam em:
Quantidade de tags;
Nmero de drivers simultneos;
Quantidade de Web Thin Clients;
Quantidade de Secure Viewers;
Quantidade de Studio Mobile Access;
Runtime ou engenharia.
4.2.1. Hardkey
Para licenciar o produto, basta instalar o contedo do CD que acompanha o Kit de
Instalao e ento conectar o Hardkey porta USB de seu computador.
4.2.2. Softkey
Para licenciar o produto, basta instalar o contedo do CD que acompanha o Kit de
Instalao e ento abrir o software Register, que instalado juntamente com o
produto.
Iniciar>Programas>InduSoft Web Studio>Register e selecione a opo Softkey.
4.3. INICIANDO O SOFTWARE

Para executar InduSoft Web Studio:
Duplo-clique no cone InduSoft Web Studio v7.1 do seu desktop; ou
Escolha Start>All Programs>InduSoft Web Studio v7.1>InduSoft Web Studio
v7.1.
18
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
5.
INTERFACE DO USURIO
O InduSoft Web Studio incorpora uma moderna interface, baseada na Faixa de

Opes do Windows para fornecer um integrado e amigvel ambiente de
desenvolvimento.
Figura 1: Ambiente de Desenvolvimento do IWS
5.1. BARRA DE TTULO

A barra de ttulo localizado na parte superior do ambiente de desenvolvimento exibe o
nome do aplicativo (e.g., InduSoft Web Studio) seguido do nome da tela ativa ou
planilha (se houver).
Figura 2: Barra de Ttulo
A Barra de Ttulo tambm oferece os seguintes botes (da esquerda para a direita):
Boto Minimizar: Clique para minimizar a janela do ambiente de
desenvolvimento para a Barra de Tarefas.
Restaurar Abaixo/Maximizar: Clique para alternar a janela do ambiente de
desenvolvimento entre dois tamanhos:
InduSoft, Ltd.
19
Treinamento Bsico
InduSoft Web Studio
Boto Restaurar Abaixo: reduz a janela ao seu tamanho original
(padro).
Boto Maximizar: amplia a janela para preencher a tela do
computador.
Boto Fechar: Clique para salvar o Banco de Dados e ento feche o
ambiente de desenvolvimento. Se voc modificou qualquer tela ou planilha, o
aplicativo solicitar que voc salve seu trabalho. A funo deste boto
semelhante a clicar Sair da Aplicao no menu do Aplicativo.
5.2. BARRA DE ESTADOS

A Barra de Estados localizada na parte inferior do ambiente de desenvolvimento
fornece informaes sobre a tela ativa (se houver) e o estado do aplicativo.
Figura 3: Barra de Estados
Os campos da Barra de Estados (da esquerda para a direita) esto descritos na tabela
a seguir:
Campo
Modo de execuo
CAP
Descrio
O atual Modo de execuo da aplicao.
Indica se a tecla Caps Lock est ligada (preto) ou desligada
(cinzento).
NUM
Indica se a tecla Num Lock est ligada (preto) ou desligada

(cinzento).
SCRL
Indica se a tecla Scroll Lock est ligada (preto) ou desligada

(cinzento).
ID do Objeto
Posio do Cursor
O nmero de identificao de um objeto selecionado da tela.

A localizao do cursor na tela ativa ou planilha. Se uma tela,
ento a posio do cursor do mouse dada como coordenadas
X, Y, onde X o nmero de pixels da borda esquerda da tela e
Y o nmero de pixels da borda superior da tela. Se for uma
planilha, ento a posio do cursor de texto dada como linha
e coluna.
Tamanho do
Objeto
no DRAG
O tamanho (em pixels) de um objeto selecionado da tela, onde

W a largura e H a altura.
Indica se o drag (arrastador) est desativado (No DRAG) ou
ativado (vazio) na tela ativa.
Contador de Tag
O nmero total de tags utilizadas at o momento no projeto.

Tabela 1: Campos da Barra de Estados
20
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
5.3. BOTO DE ARQUIVO
O boto de aplicativo abre um menu de comandos padro do aplicativo do Windows, como
Novo, Abrir, Salvar, Imprimir e Fechar.
Figura 4: Boto de Arquivo e Menu de Comandos
5.4. BARRA DE ACESSO RPIDO

A Barra de Acesso Rpido uma barra de ferramentas personalizvel que contm um
conjunto de comandos que so independentes da aba de opes que est sendo
exibida.
Figura 5: Barra de Acesso Rpido
Apenas comandos podem ser adicionados na Barra de Acesso Rpido. O contedo da

maioria das listas, como o travesso e o espaamento entre valores e estilos
individuais, que tambm aparecem na faixa de opes, no pode ser adicionado
Barra de Acesso Rpido.
InduSoft, Ltd.
21
Treinamento Bsico
InduSoft Web Studio
5.5. MENU RIBBON
O novo Menu Ribbon combina os numerosos menus e barras de ferramentas da
verso anterior do IWS, em uma nica e amigvel interface. Quase todos os
comandos do aplicativo esto no Menu Ribbon, organizado em abas e grupos de
acordo com o uso geral.
5.5.1. Aba Incio

A Aba Incio do Menu Ribbon usada para gerenciar o seu projeto dentro do ambiente
de desenvolvimento.
Figura 6: Aba Incio
As ferramentas esto organizadas nos seguintes grupos:

rea de transferncia: Cortar, copiar, colar, e procurar itens nas telas do
projeto e planilhas de tarefa.
Gerenciamento Local: Executar e parar o projeto na estao local (i.e., onde
a aplicao de desenvolvimento est instalada), bem como gerenciar as
Tarefas em execuo.
Gerenciamento Remoto: Conectar a uma estao remota (e.g., um
dispositivo Windows Embedded) ento voc pode fazer o download do projeto,
e ento executar, parar, e solucionar problemas do projeto nessa estao.
Ferramentas: Ferramentas diversas para verificar o projeto, importar tags de
outros projetos, converter resoluo de tela, e registrar controles ActiveX e
.NET.
Tags: Manipular tags e propriedades de tags no banco de dados do projeto.
5.5.2. Aba Visualizar

A Aba Visualizar do Menu Ribbon usada para personalizar a aparncia do ambiente
de desenvolvimento em si.
Figura 7: Aba Visualizar
22
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Mostrar/Ocultar: Mostrar e ocultar as diferentes partes do ambiente de
desenvolvimento, bem como restaurar o formato padro.
Zoom: Zoom adentro e para fora do editor de tela.
Opes: Alterar a linguagem e fonte usada no ambiente de desenvolvimento.
Janela: Organizar as janelas no ambiente de desenvolvimento.
5.5.3. Aba Inserir

A Aba Inserir do Menu Ribbon usada para inserir novas tags, telas, planilhas, e
outros componentes em seu projeto.
Figura 8: Aba Inserir

Global: Inserir tags, Classes, tradues, e procedimentos para a Aba Global
do Explorador de Projeto.
Grficos: Inserir telas e grupo de telas para a Aba Grficos do Explorador de
Projeto.
Planilhas de Tarefas: Inserir planilhas de tarefas para a Aba Tarefas do
Explorador de Projeto.
Comunicao: Inserir configuraes de servidor e planilhas de comunicao
para a Aba Comunicao do Explorador de Projeto.
5.5.4. Aba Projeto

A Aba Projeto do Menu Ribbon usada para configurar as definies de seu projeto.
Figura 9: Aba Projeto
InduSoft, Ltd.
23
Treinamento Bsico
InduSoft Web Studio
Configuraes: Configurar as Configuraes do Projeto, e tambm definir o
projeto para executar como um servio do Windows.
Sistema de Segurana: Habilitar e configurar o sistema de segurana do
projeto.
Web: Configurar o projeto para aceitar conexes de Thin Clients e
dispositivos mveis, e tambm configurar a sada de email e FTP.
5.5.5. Aba Grficos

A Aba Grficos do Menu Ribbon usada para desenhar telas do projeto. Esta aba
est disponvel somente quando voc tem uma tela de projeto aberto para edio.
Figura 10: Aba Grficos

Tela: Definir as configuraes para a tela do projeto em si, como seus
atributos, script, e cor de fundo ou imagem.
Edio: Selecionar e editar objetos na tela do projeto.
Formas: Desenhar linhas estticas e formas.
Objetos Ativos: Desenhar objetos ativos, como botes e caixas de seleo.
Objetos de Dados: Desenhar objetos que exibem dados histricos, como
alarmes, eventos, e tendncias.
Bibliotecas: Selecionar a partir de uma biblioteca de objetos pr-fabricados,
como smbolos, .NET e controles ActiveX, e arquivos externo de imagem.
Animaes: Aplicar animaes para outros objetos de tela.
5.5.6. Aba Formato

A Aba Formato do Menu Ribbon usado para formatar e organizar os objetos em uma
tela de projeto. Esta aba est disponvel apenas quando voc tiver selecionado um ou
mais objetos em uma tela de projeto.
24
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 11: Aba Formato

Organizar: Organizar objetos em uma tela de projeto, incluindo trazer para o
topo e enviar para o fundo, agrupar, alinhar, e rotacionar.
Posio: Ajustar precisamente a posio de um objeto de tela em uma tela
de projeto.
Tamanho: Precisamente ajustar o tamanho de um objeto de tela.
Estilo: Alterar o preenchimento e cor da linha de um objeto de tela.
Fontes: Alterar a fonte da legenda de um objeto de tela.
5.5.7. Aba Ajuda

A Aba Ajuda do Menu Ribbon fornece ajuda adicional para o uso do software.
Figura 12: Aba Ajuda

Documentao: Acesso a documentao para o desenvolvimento de
aplicaes, incluindo este arquivo ajuda/referncia tcnica e notas para os
drivers de comunicao individuais.
Informao: Acessar outras informaes sobre InduSoft Web Studio,
incluindo contrato de licena, website do produto, e notas de lanamento,
assim como detalhes de sistema e suporte que tornam mais fcil para o
Suporte ao Cliente ajud-lo.
5.6. EXPLORADOR DE PROJETO

O Explorador de Projeto organiza todas as telas, planilhas e outros componentes que
compem o seu projeto e apresenta-os em uma exibio em rvore de visualizao
expansvel.
InduSoft, Ltd.
25
Treinamento Bsico
InduSoft Web Studio
Clique no cone de expandir ou duplo-clique na pasta para ver os arquivos da pasta.
Clique no cone de fechar para fechar a pasta.
Se voc clicar com o boto direito em qualquer componente do Explorador de Projeto,
um menu de atalho exibido com opes para esse componente.
5.6.1. Aba Global

A Aba Global do Explorador de Projeto contm o banco de dados de tags do projeto,
bem como outras caractersticas que se aplicam a todo o projeto como segurana, e a
traduo da interface do usurio.
Figura 13: Aba Global
As pastas na Aba Global so descritos nas pginas seguintes:

Tags do Projeto contm as tags que voc cria durante o desenvolvimento do
projeto (como tags de tela ou tags que lem do/escrevem para o equipamento
de campo).
Classes contm tags compostas, chamadas tags Classes, criadas para
associar um grupo de valores (maior do que um nico valor) com um objeto.
Banco de Dados Compartilhado contm tags que foram criadas em um
programa de controle baseado em PC e ento importada para o banco de
dados de tag do projeto. Por exemplo, voc pode importar tags SteepleChase
para o projeto ento pode ler/escrever dados de um produto de controle
baseado em SteepleChase.
Tags de Sistema contm tags predefinidas com funes predeterminadas
que so usadas pelo projeto para tarefas especficas do supervisrio (por
exemplo, tag Date tem a data atual em formato string). Todas as tags do
sistema so de apenas leitura, o que significa que voc no pode adicionar,
editar ou remover essas tags do banco de dados.
Segurana contm todas as contas de usurio de segurana individuais e
grupo, configuradas para o projeto atual.
26
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Procedimentos contm funes e sub-rotinas em VBScript que podem ser
chamadas por qualquer outro script no projeto.
Log de Eventos contm registro e recuperao de recursos de eventos.
Traduo contm a planilha de traduo que define como a interface de
usurio do projeto deve ser traduzida para outra linguagem.
5.6.2. Aba Grficos

A Aba Grficos do Explorador de Projeto contm todas as telas, grupo de telas, e
smbolos no seu projeto.
Figura 14: Aba Grficos
As pastas na Aba Grficos so descritas nas seguintes pginas:

Telas contm todas as telas criadas para o seu projeto atual.
Grupo de Telas contm todos grupos de telas (telas individuais combinadas
em grupos gerenciveis) criadas para o projeto atual.
Thin Clients contm todas pginas da Web (i.e., telas salvas em formato
HTML) criadas para o projeto.
Acesso Mvel permite configurao de um mini-site que prprio para
celulares, PDAs, e outros dispositivos mveis.
Smbolos de Projeto contm todos os smbolos definidos pelo usurio, que
podem ser grupos de imagens e/ou texto. Voc pode criar smbolos
customizados para o projeto e salv-los nesta pasta.
Script Global de Telas contm funes predefinidas que so executadas
quando certas aes ocorrem na tela, como quando o Thin Client lanado em
uma estao remota.
Smbolos contm a biblioteca de smbolos e grficos comuns providos com o
projeto. Duplo-clique no cone Biblioteca para abrir a Biblioteca de Smbolos.
InduSoft, Ltd.
27
Treinamento Bsico
InduSoft Web Studio
Disposio mostra todas as telas atualmente abertas no Editor de Telas e
permite visualizar como as telas se juntam durante a execuo do projeto.
5.6.3. Aba Tarefas

A Aba Tarefas do Explorador de Projeto organiza as planilhas que so processadas
como tarefas em segundo plano durante a execuo do projeto.
Figura 15: Aba Tarefas
As pastas na Aba Tarefas so descritas nas seguintes pginas:

Alarmes contm as planilhas de Alarme usadas para configurar grupos de
alarme e as tags relacionadas para cada grupo de alarme no projeto. Voc
tambm usa as Tarefas de Alarme para definir as mensagens de alarme
geradas durante a execuo do projeto.
Grfico de Tendncia contm as planilhas de Tendncia usadas para
configurar grupos de histrico que armazenam curvas de tendncia para o
projeto. Voc pode usar as Tarefas de Tendncia para declarar quais tags
precisam ter seus valores armazenados no disco, e para criar arquivos de
histrico para grficos de tendncia. Seu projeto armazena as amostras em um
arquivo de histrico binrio (*.hst), e mostra histrico e amostras online em uma
tela com grfico de tendncia.
Receitas contm as planilhas de Receitas usadas para configurar como os
dados so trocados entre o banco de dados do projeto e arquivos do disco em
formato ASCII ou DBF, e como valores so transferidos entre arquivos e
memria real-time.
Relatrios contm as planilhas de Relatrio usadas para configurar relatrios
(tipo texto) que so enviadas para uma impressora ou um disco. Tarefas de
Relatrio permitem que voc configure relatrios de texto com os dados do
sistema, o que torna a criao de relatrios mais fcil e eficiente.
28
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
ODBC contm as planilhas ODBC usadas para configurar como a interface
ODBC executa em um ambiente de rede e usa a configurao padro do
Windows ODBC. Voc configura funes ODBC para trocar dados entre seu
projeto e de qualquer banco de dados de suporte a interface ODBC.
Matemtica contm as planilhas de Matemtica usadas para configurar e
implementar rotinas adicionais para trabalhar com diferentes tarefas. Seu
projeto executa as planilhas de Matemtica como tarefas de segundo plano
durante a execuo. Voc pode configurar as planilhas de Matemtica para
fornecer ambientes livres para rotinas de lgicas e clculos matemticos
necessrios para o projeto.
Script contm o Script de Inicializao e outros Grupos de Script.
Scheduler contm as planilhas Scheduler utilizadas para configurar eventos
usando expresses matemticas definidas, que so executadas de acordo com
data, hora, ou outros eventos monitorados.
Banco de Dados/ERP contm as planilhas de Banco de Dados que
comunica com Banco de Dados externo usando a interface padro ADO.NET
(como uma alternativa do ODBC).
5.6.4. Guia Comunicao

A Aba Comunicao do Explorador de Projeto organiza a planilha que estabelece
comunicao com outro dispositivo ou software usando protocolos disponveis.
Figura 16: Aba Comunicaes
As pastas na Aba Comunicao so descritas nas seguintes pginas.

Drivers contm as planilhas de Driver usadas para configurar uma interface
(ou interfaces) de comunicao entre o projeto e o equipamento remoto (tais
como CLP ou transmissores). Um driver de comunicao um arquivo .DLL
que contm informaes especficas sobre o equipamento remoto e
implementa o protocolo de comunicao.
InduSoft, Ltd.
29
Treinamento Bsico
InduSoft Web Studio
OPC contm as planilhas OPC usadas para configurar a interface OPC entre
o seu projeto e um Servidor OPC. Um mdulo de Cliente OPC permite o seu
projeto comunicar com qualquer equipamento que atua como um Servidor OPC
implementando o padro OPC descrito no documento OLE for Process Control
Data Access Standard Version 2.0 publicado pela fundao OPC.
OPC UA contm as planilhas OPC UA que so usados para se conectar com
servidores de OPC, atravs do novo protocolo OPC Unified Architecture.
OPC Xi contm as planilhas OPC Xi que so usados para se conectar a
servidores OPC atravs do novo protocolo OPC Express interface.
TCP/IP contm as planilhas TCP/IP usadas para configurar a interface Cliente
TCP/IP para outras estaes IWS. Cliente TCP/IP e mdulos Servidores do
IWS permitem dois ou mais projetos para manter seus bancos de dados
sincronizados usando o protocolo TCP/IP.
DDE contm as planilhas DDE usadas para configurar um Cliente DDE para
uma aplicao Servidora DDE (tais como Microsoft Excel ou qualquer outro
programa do Windows que suporte essa interface). DDE (Dynamic Data
Exchange) um protocolo que permite a troca dinmica de dados entre
aplicaes Windows. Uma conversa DDE uma interao entre os programas
cliente e servidor. IWS fornece interfaces que executam como Clientes ou
como Servidores.
5.6.5. Editor de Tela/Planilha

Use o poderoso editor de tela orientada a objetos para criar e editar uma variedade de
telas e planilhas para seus projetos.
Figura17: Editor de Tela/Planilha
30
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Voc pode inserir informaes usando o mouse e teclado, dados de controle de sada
para os seus processos, e atualizar automaticamente as telas com base na entrada de
dados de seus processos.
Outros recursos do editor de tela incluem:
Simples ponto-e-clique, interface arrastar-e-soltar.
Agrupamento de objetos para preservar as etapas de construo de objetos
individuais.
Edio de objetos sem ter de desagrupar componentes internos de objetos ou
grupos.
Manipulao de objetos bitmap e bitmaps de fundo.
Estado da linha de suporte nas janelas de projeto e dilogos.
5.7. DATABASE SPY

O Database Spy uma ferramenta de Depurao que permite: monitorar e forar os
valores das tags do projeto; executar e testar funes, matemticas e expresses.
Figura 18: Database Spy
O Database Spy possui os seguintes elementos:

Tag/Expresso especifica uma tag de projeto, tag de sistema ou expresso
para ser monitorada.
Valor exibe o valor retornado pelo campo Tag/Expresso.
Qualidade mostra a qualidade (BOM ou RUIM) referente a condio do valor
de retorno da tag configurada no campo Tag/Expresso.
Contnuo especifica se o IWS vai atualizar continuamente o valor da tag
configurada no campo Tag/Expresso.
InduSoft, Ltd.
31
Treinamento Bsico
InduSoft Web Studio
5.8. JANELA DE SADA
A Janela de Sada pode ser configurada para exibir mensagens de depurao geradas
durante a execuo do projeto.
Figura 18: Janela de Sada
Ao clicar com o direito e selecionar a opo Configuraes, ser exibida uma janela
de Configurao de Logs. Os campos da Janela de Configurao de Logs esto
descritos na tabela a seguir:
Opo
Comando de
Leitura/Escrita
Analizador de
Protocolo
Mensagens OPC
Descrio
Mostra qualquer comando de Leitura e/ou escrita
que so enviadas ao dispositivo conectado.
Mostra mensagens geradas pelo driver configurado.
Mensagens TCP/IP
Receita/Relatrio
Mostrar Abrir/Fechar
Logon/Logout
Rastrear Mensagem
Mensagens do Banco
de Dados
Mensagens DDE
Inserir Data/Hora
Mostra mensagens geradas pela comunicao via

OPC.
TCP/IP.
Mostra mensagens geradas pelas tarefas de Receita
e Relatrio.
Mostra detalhadamente informaes sempre que
uma tela aberta ou fechada.
Mostra mensagens sempre que um usurio faz o
logon e/ou logout.
Mostra mensagens geradas pela funo Trace().
Essa funo usada para gerar mensagens
customizadas configuradas em seu projeto.
Mostra mensagens geradas pelas interfaces de
Banco de Dados ODBC e ADO.NET.
DDE.
Insere a Data e Hora em cada mensagem.
Tabela 2: Janela de Configurao de Logs
32
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
6.
TAGS
Tags so um ncleo central de qualquer projeto do IWS. Tags so variveis usadas

pelo IWS para receber e armazenar os dados obtidos a partir da comunicao com
dispositivos no cho de fbrica, a partir dos resultados dos clculos e funes, e de
entrada do usurio. Por sua vez, as tags podem ser utilizadas para mostrar
informaes nas telas (e pginas Web), para manipular objetos da tela, e para
controlar tarefas em execuo.
Mas as tags so mais do que simples variveis. O IWS inclui um gerenciador de banco
de dados em tempo real que fornece um nmero de funes sofisticadas, como a
impresso da hora de qualquer alterao de valor, verificando valores de tag contra os
valores mnimo e mximo de tempo de execuo, comparando os valores de tags para
limites de alarmes, e assim por diante. Uma tag do IWS tem valor e vrias
propriedades que podem ser acessados, alguns em desenvolvimento, enquanto outros
s na execuo.
Todas as tags so organizadas em uma das seguintes categorias, que so
representados por pastas na Aba Global do Explorador de Projeto:
Figura 19: Aba Global
Tags do Projeto so tags que voc cria durante o desenvolvimento do projeto.

Locais onde as tags do projeto so usados incluem:
Tags de Tela
Tags que l/escreve para o campo do equipamento
Tags de Controle
Tags Auxiliares usadas para executar clculos matemticosSobre Tags e o
Banco de Dados do Projeto
Tags de Banco de dados compartilhado so criados em um programa de controle
baseado em PC e ento importado para o banco de dados de tags do IWS.
InduSoft, Ltd.
33
Treinamento Bsico
InduSoft Web Studio
Por exemplo, voc pode criar tags em SteepleChase e import-los para o IWS ento
IWS pode ler/escrever dados de um programa SteepleChase de controle baseado em
PC.
Voc no pode modificar tags compartilhadas com IWS - voc deve modificar as tags
no programa original de controle baseado em PC, e ento re-import-los para o banco
de dados de Tags.
Tags de Sistema so tags predefinidas com funes predeterminadas que so
usadas para tarefas do supervisrio IWS. Por exemplo,
Tags Date tem a data atual em formato string
Tags Time tem a hora atual em formato string
A maioria das tags do sistema somente leitura, o que significa que voc no
pode adicionar, editar ou remover essas tags do banco de dados.
Para ver a lista de tags do sistema, selecione a Aba Global no Explorador de
Projeto, abra a pasta Tags de Sistema, e abra a subpasta Lista de Tags. A
figura acima mostra uma lista parcial das tags do sistema.
Depois de criar uma tag, voc pode us-lo em qualquer lugar dentro do projeto, e usar
a mesma tag para mais de um objeto ou atributo.
6.1. SINTAXE DE NOME DA TAG
Observe as seguintes orientaes ao nomear uma tag:
Os nomes das Tags devem ser nicos - voc no pode especificar o mesmo
nome para duas tags diferentes (ou funes). Se voc digitar um nome de tag
j existente, o IWS reconhece que o nome existe e no vai criar essa nova tag.
Voc deve iniciar cada nome da tag com uma letra. Entretanto, voc pode
usar letras, nmeros e o caractere de sublinhado (_) no nome da tag.
Voc no pode usar os seguintes smbolos em um nome de tag:
` ~ ! @ # $ % ^ & * ( ) - = / + \ [ ] { } < > ?
Voc pode utilizar um mximo de 255 caracteres para um nome de tag ou um
nome de membro Classe. Voc pode usar caracteres maisculos e minsculos.
Os nomes das Tags no diferenciam maisculas e minsculas. Pelo fato do
IWS no diferenciar maisculas e minsculas, voc pode usar ambos para
fazer nomes de tags mais legveis. (Por exemplo: NivelTanque em vez de
niveltanque.)
Os nomes das Tags devem ser diferentes de nomes de tags do sistema e
funes matemticas.
Voc pode usar o caracter @ no incio de um nome de tag para indicar que a tag ser
utilizada como uma tag indireta no projeto.
34
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Alguns exemplos de tags vlidas incluem:

Temperatura
Pressao1
contador
x
6.2. TIPO DE DADO DA TAG

Outra considerao na concepo de uma tag o tipo de dado que a tag ir receber.
IWS reconhece o seguinte, padro de tipos de dados da tag:
Booleana (um bit): Booleana simples com os valores possveis de 0 (falso) e
1 (verdadeiro). Equivalente ao tipo de dado "bool" no C++. Normalmente usado
para ligar e desligar objetos ou para abrir e fechar objetos.
Inteira (quatro bytes): Nmero Inteiro (positivo, negativo, ou zero)
armazenados internamente como um 32-bit sinalizado. Equivalente ao tipo de
dado "signed long int" no C++. Normalmente utilizado para a contagem de
nmeros inteiros ou ajustando valores de nmeros inteiros. Exemplos: 0, 5,
#200.
Real (ponto flutuante, oito bites): Nmero Real que armazenado
internamente como um 64-bit sinalizado. Equivalente ao tipo de dado "double"
no C++. Normalmente utilizado para medies ou para valores decimais ou
fracionrios.
String (dado alfanumrico, at 1024 caracteres): Caracter string at 1024
caracteres que contm letras, nmeros ou caracteres especiais. Suporta
caracteres ASCII e UNICODE. Exemplos: Produto X123, 01/01/90, *** On ***.
Voc tambm pode fazer uma tag dentro de uma tag composta assinalando-a como
uma Tag Classe.
6.3. TAG VETOR
Uma Tag Vetor consiste em um conjunto de Tags com o mesmo nome, mas com
ndice de Vetor nico (uma matriz de n linhas e uma coluna) para diferenciar cada Tag.
Observe as seguintes orientaes ao criar um Vetor:
O tamanho mximo de vetor 16.384.
Voc precisa definir o tamanho mximo de cada vetor.
InduSoft, Ltd.
35
Treinamento Bsico
InduSoft Web Studio
Cada posio de vetor (incluindo a posio 0) conta como uma tag para as restries
de licenciamento, pois cada posio tem um valor independente.
Para acessar o vetor de uma tag, seguir a sintax:
NomeDaTag[NdoVetor], ou NomeDaTag[NdoVetor+c]
Por exemplo: Tanque[0], Tanque[1], Tanque[2], Tanque[500]
Use a tag vetor, sempre que possvel, pois otimiza o uso da memria e simplifica a
tarefa de configurao. Por exemplo, se voc quer um display para monitorar cada
tanque, voc pode usar tags vetor para configurar um nico display, contendo tags
vinculadas qualquer tanque. Por exemplo (usando a tag nt como um ndice contendo
o nmero do tanque): pressao[nt], temperatura[nt], e temperatura[nt+1].
Voc deve especificar um ndice mximo para cada tag vetor na coluna tamanho de
qualquer folha de dados. Voc pode especificar n para indicar tag vetor tem posies
de 0 at n. Por exemplo, se o tamanho da TagA 3, os elementos de tag podem ser
TagA[0], TagA[1], TagA[2], e TagA[3].
Um ndice de vetor pode ser uma tag, um valor numrico, ou uma expresso com uma
operao aritmtica "+". Quando voc se refere a um vetor com um ndice usando a
operao aritmtica +, voc deve usar a seguinte sintaxe:
NomeTagVetor[Valor1+Valor2]
Onde Valor1 e Valor2 podem ser uma tag inteira ou uma constante numrica. Por
exemplo: temperatura[nt+2] ou temperatura[nt+6].
6.4. TAG CLASSE

Classes permitem alto grau de encapsulamento. Uma Classe um modelo composto
por duas ou mais definies de tag, cada uma com seu prprio tipo de dados. Voc
pode usar Classes nos projetos que tem itens (ex. Liquido dos Tanques) com mltiplos
atributos (ex. Nvel, temperatura, presso) para ser monitorado ou controlado.
Observe as seguintes orientaes ao criar uma Classe:
Os nomes das Classes devem ser nicos - voc no pode especificar o
mesmo nome para duas classes diferentes (ou funes). Se voc digitar um
nome de classe j existente, o IWS reconhece que o nome existe e no vai
criar essa nova classe.
Voc precisa definir os membros e os seus tipos.
O mximo de membros para uma Classe de 4096.
O membro de uma Classe no pode pertencer outra Classe. Porm, voc
pode criar membros com o mesmo nome em diferentes Classes.
36
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Quando uma nova Tag Classe criada, cada membro da classe conta como uma tag
usada, porque cada membro pode obter um valor. (Por exemplo, se voc criar uma
classe com 5 membros, e em seguida criar cinco tags com essa classe, ento voc
tem um total de 25 tags utilizadas).
Para acessar o membro de uma Classe, seguir a sintax:
"NomeDaTag.NomeDoMembro", ou "NomeDaTag[NdoVetor].NomeDoMembro"
Por exemplo: Motor.RPM, Tanque[5].Nivel.
Use a tag classe, sempre que possvel, pois otimiza o uso da memria e simplifica a
tarefa de configurao. Por exemplo, se voc quer um display para monitorar os
atributos de um tanque, voc pode usar tags classe, contendo membros vinculadas
tag do tanque. Por exemplo (usando a tag tanque com os membros de uma classe do
tanque): tanque.nivel, tanque.temperatura, tanque[4].vazao.
6.5. TAGS INDIRETAS

O IWS suporta acesso indireto para tags no banco de dados. Por exemplo, considere
uma tag X do tipo String. Esta tag pode conter o nome de qualquer outra tag no banco
de dados (isto , ela pode fornecer um ponteiro para qualquer outro tipo de tag,
incluindo um tipo de classe). A sintaxe para uma tag indireta simples:
@NomeTagIndireta. Por exemplo, suponha que uma tag chamada X contm uma
string "TEMP". Lendo e/ou escrevendo para @X d acesso ao valor da varivel TEMP.
Qualquer tag criada como uma tag do tipo string potencialmente uma tag indireta
(ponteiro). Para referir a uma tag tipo-classe, voc pode declarar uma tag tipo-string
que aponta para um tag classe.
Para configurar uma tag em uma Tag Indireta, seguir a sintax:
TagIndireta = TagProjeto
Para acessar o valor de uma Tag Indireta, seguir a sintax:
@TagIndireta
Por exemplo: TagIndireta = Tanque, @TagIndireta.
InduSoft, Ltd.
37
Treinamento Bsico
InduSoft Web Studio
II. TUTORIAL
38
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
1.
CRIANDO UM NOVO PROJETO
Esta seo explica, usando um tutorial passo-a-passo, como criar um novo projeto,
incluindo como dar um nome e selecionar a plataforma destino que ser utilizado para
o treinamento.
1.1. CONCEITO
Ao criar um novo projeto, o IWS cria um diretrio com o nome especificado no projeto,
onde so armazenadas as diferentes planilhas, telas, e configuraes que sero
criadas no ambiente de desenvolvimento do IWS.
O novo projeto criado sem nenhuma tag, tela ou qualquer outra configurao
(padro), permitindo ao usurio fazer a edio do projeto conforme seja necessrio.
Durante a criao do projeto, necessrio informar o nome do projeto, local onde ser
salvo, tipo de licena e resoluo.
1.2. TUTORIAL PASSO-A-PASSO

1. Clique no boto Arquivo no canto superior esquerdo (cone do IWS) e
selecione a opo Novo.
Figura 20: Arquivo>Novo
2. A janela Novo ser exibida.

3. Em Nome do Projeto, escreva o nome para o seu projeto. Para esse
treinamento, utilize Treinamento_IWS.
4. Em Localizao, temos o diretrio que o projeto ser salvo. Por padro o IWS
cria um novo diretrio dentro da pasta de projetos do IWS nos Documentos.
Caso queira alterar o diretrio, clique no boto Procurar.
5. Na lista Tipo do Produto, selecione o tipo de licena que ser utilizado no seu
projeto. Para esse treinamento, utilize Local Interface.
InduSoft, Ltd.
39
Treinamento Bsico
InduSoft Web Studio
Figura 21: Criao do Projeto e Seleo da Licena
6. Selecione a boto OK.

7. A janela Assistente de Projeto ser exibida.
8. Nessa janela, podemos selecionar a resoluo do projeto. Por padro, o IWS
criar o projeto na resoluo do seu monitor. Voc pode alterar ao clicar na
lista no campo Tela. Para esse projeto, utilize a resoluo de 1024x768.
Figura 22: Assistente de Projeto
40
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9. Selecione o boto OK.

10. Um novo projeto criado no Ambiente de Desenvolvimento.
1.3. ESPECIFICAO DO PROJETO

A ControlTanq empresa que atua no segmento de Controle e Segurana de tanques
de mistura, nos contratou para desenvolver um aplicativo Supervisrio utilizando a
ferramenta INDUSOFT WEB STUDIO 7.1.
O Aplicativo dever controlar a produo, desde a seleo da receita do produto a
ser produzido, at a estocagem do produto final;
O Supervisrio dever armazenar os dados de nvel, temperatura, vazo e presso
dos tanques (3 tanques de mistura e 1 de estocagem);
Dever gerar relatrios e grficos de processo OnLine e Histrico;
Dever informar alarmes de processo (ALTO e BAIXO) OnLine e Histrico. (para
Temperatura e Nvel de cada tanque);
As variveis de campo esto veem de um PLC que se comunica atravs do protocolo
MODBUS TCP. (O Supervisrio dever ter um modo de simulao das variveis que
possa ser ligado quando no conectado ao CLP)
InduSoft, Ltd.
41
Treinamento Bsico
InduSoft Web Studio
2.
GRUPO DE TELAS E TELAS PRINCIPAIS PARA O TREINAMENTO
Esta seo explica, usando um tutorial passo-a-passo, como construir telas e grupos
de telas que sero utilizadas para o treinamento.
Nesse treinamento, iremos criar um menu superior, um menu superior e 9 telas de
navegao entre os menus. Para as telas de navegao, iremos criar uma tela modelo
que servir de base para as outras 8.
2.1. CONCEITO
A funo mais bsica realizada pelo IWS proporcionar uma Tela para o processo. A
capacidade de exibir o status do processo, interagindo com instrumentao (ou
computadores), descrito como a Interface Homem-Mquina (IHM).
O IWS permite criar telas com dimenses e posies complementares e associ-las a
um grupo de telas, para que as mesmas possam ser abertas simultaneamente. Dessa
maneira, evita-se a necessidade de criar repetidamente interfaces que devem ser
mostradas todo o tempo, criando-se telas de cabealho e rodap.
Voc pode usar animaes para criar objetos grficos dinmicos ou smbolos. Pode-se
configurar animaes em objetos e smbolos para mudar a aparncia para refletir as
mudanas no valor de uma tag ou uma expresso. Cada tela uma associao de
objetos estticos e animados.
As telas podem ter um bitmap opcional que funciona como um fundo na janela do
objeto. As imagens estticas podem ser um bitmap no plano de fundo da tela e objetos
com animao podem refletir as mudanas na planta, dando a iluso de que a tela
tridimensional.

2.2.1. Tela Superior
1. No Explorador de Projeto, clique com o boto direito em telas e selecione a
opo Inserir.
42
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 23: Inserindo Tela
2. A janela Atributos de Tela ser aberta.

3. Em Descrio, escreva TELA MENU SUPERIOR.
4. Em Tamanho, configure as dimenses de Largura: 1024 e Altura: 140.
5. Em Localizao, configure as posies Topo: 0 Esquerda: 0.
6. Clique em OK.
Figura 24: Atributos de Tela.
7. Ser exibida a tela criada no Editor de Tela/Planilha.

8. Para salvar a tela, clique em Arquivo (cone IWS) e selecione Salvar Como.
InduSoft, Ltd.
43
Treinamento Bsico
InduSoft Web Studio
Figura 25: Salvar Tela Como
9. Salve com o nome de SUPERIOR.

10. Clique em Salvar.
2.2.2. Tela Inferior

opo Inserir.

3. Em Descrio, escreva TELA MENU INFERIOR.
44
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
6. Clique em OK.

9. Salve com o nome de INFERIOR.

2.2.3. Tela Modelo

opo Inserir.
InduSoft, Ltd.
45
Treinamento Bsico
InduSoft Web Studio

3. Em Descrio, escreva TELA MODELO.
6. Clique em OK.

46
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9. Salve com o nome de MODELO.

2.2.4. Telas de Navegao

Para as telas de navegao, vamos utilizar como base a tela modelo, assim no
precisamos configurar novamente as opes de Tamanho e Localizao.
1. Abrir a tela MODELO criada anteriormente.
2. Clique em Arquivo (cone do IWS), e selecione Salvar Como.
InduSoft, Ltd.
47
Treinamento Bsico
InduSoft Web Studio
3. Salve a tela com o nome de SINOTICO.

4. Repita essas 3 etapas, renomeando a tela para: ALARME, EVENTO, TREND,
RECEITA, RELATORIO, BANCO_DADOS e DRIVER.
5. Ao final do processo, teremos as seguintes telas na pasta Tela do Explorador
de Projetos:
Figura 33: Telas do Projeto
2.2.5. Grupo de Telas

Podemos combinar telas individuais em um grupo de telas mais gerenciveis.
1. No Explorador de Projeto, clique com o boto direito em grupo de telas e
selecione a opo Inserir Grupo de Telas.
Figura 34: Inserir Grupo de Telas
48
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2. A janela Inserir Grupo de Telas ser exibida.
3. Em Nome digite o nome do Grupo de Telas. Para esse treinamento, escreva
INICIAL.
4. Em Lista de Telas, selecione as telas SUPERIOR, INFERIOR E MODELO.
Figura 35: Grupo de Telas
5. Clique em OK.
2.2.6. Tela Inicial

1. Para definir uma tela ou grupo de telas como a Tela Inicial da aplicao, clique
com o direito na tela, ou na pasta do grupo de telas e selecione a opo
Definir Como Inicial.
Figura 36: Definir Como Inicial
InduSoft, Ltd.
49
Treinamento Bsico
InduSoft Web Studio
2.2.7. Cor de Fundo
1. Abra a tela SUPERIOR.
2. Na aba Grficos, do menu Ribbon, selecione a opo Cor de Fundo, ou clique
com o direito sobre a tela aberta e selecione a opo Cor de Fundo.
Figura 37: Cor de Fundo
3. A janela Preenchimento de Fundo ser exibida.

4. Selecione a cor Verde.
Figura 38: Preenchimento de Fundo
5. Clique em OK.
6. Repita essas 5 etapas para a tela INFERIOR.
50
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
3.
OBJETOS ATIVOS
Esta seo explica, usando um tutorial passo-a-passo, como inserir objetos ativos,
inserir formas e opes de formatao que sero utilizadas para o treinamento.
Nesse treinamento, iremos criar um menu inferior com 11 botes. 9 deles sero
designados para abrir as telas de navegao e 2 sero configurados com diferentes
linguagens para executar o comando de Sair da aplicao.
Na tela superior, iremos colocar objetos de texto de ttulo para o projeto e imagem com
o logo da empresa. Usaremos ainda a Forma Retngulo para exibio de Data e Hora.
3.1. CONCEITO
Os Objetos Ativos permitem criar objetos interativos na tela, podendo adicionar um
boto, mostrar textos, fazer uma seleo e diversas opes de configurao.
O IWS possui 9 Objetos Ativos, so eles:
Texto: Cria objetos de texto para criar um caminho para entrada e/ou sada de
texto em uma nica linha.
Caixa de Texto: uma caixa de entrada/sada de texto em estilo OS que
pode ser configurado para mostrar vrias linhas.
Boto: Cria botes de tamanho personalizado.
Boto de Ao: Cria um objeto Boto com a animao de comando com um
objeto ou botes pr-configurados. (Momentneo, Mantido, Travado).
Caixa de Seleo: Cria interfaces de onde os usurios podem ativar/desativar
uma opo na tela.
Boto de Opo: Cria interfaces de onde os usurios podem escolher uma
opo entre vrias opes na tela.
Caixa de Combinao: Seleciona um nico rtulo de uma lista de combo-box
de etiquetas.
Caixa de Lista: Exibe uma lista de mensagens ou itens de menu para o
usurio escolher. Quando o usurio seleciona uma mensagem, seu valor
numrico correspondente gravado em um tag projeto.
Mensagem Inteligente: Exibe mensagens e imagens que podem ser alterados
durante a execuo, atualizando o valor do tag projeto associado. esto
disponveis (Visualizador de Mensagem, Indicador de Multiestado, Boto de
Ao de Multiestado).
InduSoft, Ltd.
51
Treinamento Bsico
InduSoft Web Studio
3.2.1. Texto
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Texto no
agrupamento Objetos Ativos.
Figura 39: Objeto Ativo Texto
3. Clique em um ponto na tela para comear a escrever.

4. Digite ControlTanq.
5. Duplo clique sobre o texto para abrir a janela Propriedades do Objeto.
6. Clique no boto Fontes.
7. A janela Fontes ser exibida.
8. Em Fonte, selecione Arial.
9. Em Estilo da Fonte, selecione Negrito.
10. Em Tamanho, selecione 28.
11. Em Cor, selecione Branco.
Figura 40: Formatando o Texto
52
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
12. Clique em OK.
13. Posicione o texto para que ele fique no centro/superior da tela SUPERIOR.
Figura 41: Tela Superior
14. Salve as alteraes feitas.
3.2.2. Botes
1. Abra a tela INFERIOR.
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Boto no
3. Clique e arraste na tela INFERIOR para dar forma ao boto.
4. Duplo clique sobre o boto para abrir a janela Propriedades do Objeto.
5. Em Legenda, digite SINTICO.
6. Em Estilo, Selecione Padro OS.
Figura 42: Propriedade do Boto
7. Adicione 9 botes, alterando a Legenda para: ALARME, TREND, EVENTO,

RECEITA, RELATRIO, BANCO DE DADOS, DRIVER, SAIR BUILTIN,
SAIR - VBSCRIPT.
8. Voc pode inserir novos botes, repetindo as etapas de 2-6, utilizar a opo de
Ctrl+C e Ctrl+V, ou selecionar o primeiro boto, apertar e segurar a tecla Ctrl e
arrastar o boto, copiando-o.
9. Ao final do processo, teremos os seguintes botes na tela INFERIOR.
InduSoft, Ltd.
53
Treinamento Bsico
InduSoft Web Studio
Figura 43: Tela Inferior
10. Salve as alteraes feitas e feche a tela INFERIOR.
3.2.3. Caixa de Texto

1. Abra a tela MODELO.
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Caixa de Texto no
Figura 44: Objeto Ativo Caixa de Texto
3. Clique e arraste na tela MODELO para dar forma a Caixa de Texto.
Figura 45: Objeto Ativo Caixa de Texto
3.2.4. Boto de Ao
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Boto de Ao no
Figura 46: Objeto Ativo Boto de Ao
54
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4. Clique e arraste na tela MODELO para dar forma a Boto de Ao.
Figura 47: Objeto Ativo Boto de Ao
3.2.5. Caixa de Seleo

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Caixa de Seleo no
Figura 48: Objeto Ativo Caixa de Seleo
5. Clique e arraste na tela MODELO para dar forma a Caixa de Seleo.
Figura 49: Objeto Ativo Caixa de Seleo
3.2.6. Boto de Opo

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Boto de Opo no
InduSoft, Ltd.
55
Treinamento Bsico
InduSoft Web Studio
Figura 50: Objeto Ativo Boto de Opo
6. Clique e arraste na tela MODELO para dar forma a Boto de Opo.
Figura 51: Objeto Ativo boto de Opo
3.2.7. Caixa de Combinao

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Caixa de
Combinao no agrupamento Objetos Ativos.
Figura 52: Objeto Ativo Caixa de Combinao
7. Clique e arraste na tela MODELO para dar forma a Caixa de Combinao.
Figura 53: Objeto Ativo Caixa de Combinao
3.2.8. Caixa de Lista

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Caixa de Lista no
56
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 54: Objeto Ativo Caixa de Lista
8. Clique e arraste na tela MODELO para dar forma a Caixa de Lista.
3.2.9. Mensagem Inteligente

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Mensagem
Inteligente no agrupamento Objetos Ativos.
Figura 56: Objeto Ativo Mensagem Inteligente
9. Clique e arraste na tela MODELO para dar forma a Mensagem Inteligente.
Figura 57: Objeto Ativo Mensagem Inteligente
InduSoft, Ltd.
57
Treinamento Bsico
InduSoft Web Studio
4.
FORMAS
4.1. CONCEITO
As Formas permitem ao usurio criar polgonos, retngulos, linhas e outros objetos
para a sua tela, personalizando-a.
O IWS possui 6 tipos de Formas, so elas:
Linha: para desenhar uma linha ortogonal.
Polgono Aberto: para desenhar um polgono aberto com uma borda na cor
especificada.
Polgono Fechado: para desenhar um polgono fechado, com borda e
preenchimento.
Retngulo: para criar retngulos e dependendo das configuraes, para criar
quadrados.
Retngulo Arredondado: para desenhar retngulos arredondados (vazio ou
cheio).
Elipse: para desenhar elipses, cordas, arcos e anis.

4.2.1. Retngulo
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Retngulo no
agrupamento Formas.
58
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 58: Forma Retngulo
3. Clique e arraste na tela SUPERIOR para dar forma ao objeto.

4. Duplo clique sobre o retngulo para abrir a janela Propriedades do Objeto.
5. Em Cor, na seo da Borda, selecione a cor Branco.
6. Em Cor, na seo Segundo Plano, selecione um tom de Azul Escuro.
7. Clique no boto Legenda.
8. Digite: HORA: {Time}
DATA: {Date}
Figura 59: Legenda do Retngulo
9. Clique em Fonte.
10. A janela Fontes ser exibida.
11. Em Fonte, selecione Arial.
12. Em Estilo da Fonte, selecione Negrito.
13. Em Tamanho, selecione 12.
14. Em Cor, selecione Branco.
15. Clique em OK.
16. Posicione o retngulo para que fique no direito/centro da tela SUPERIOR.
InduSoft, Ltd.
59
Treinamento Bsico
InduSoft Web Studio
17. Salve as alteraes feitas.
4.2.2. Linha
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Linha no
agrupamento Formas.
Figura 61: Forma Linha
3. Clique em um ponto na tela para marcar o primeiro ponto da linha.

4. Clique-direto em um ponto na tela para finalizar a linha.
Figura 62: Forma Linha
4.2.3. Polgono Aberto

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Polgono Aberto no
agrupamento Formas.
Figura 63: Forma Polgono Aberto
3. Clique em um ponto na tela para marcar o primeiro ponto do Polgono Aberto.

4. Clique em diferentes pontos da tela para marcar pontos do objeto.
5. Clique-direto em um ponto na tela para finalizar o Polgono Aberto.
60
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4.2.4. Polgono Fechado

2. Na aba Grficos, do menu Ribbon, clique sobre a opo Polgono Fechado no
agrupamento Formas.
Figura 65: Forma Polgono Fechado
3. Clique em um ponto na tela para marcar o primeiro ponto do Polgono

Fechado.
4. Clique em diferentes pontos da tela para marcar pontos do objeto.
5. Clique-direto em um ponto na tela para finalizar o Polgono Fechado.
Figura 66: Forma Polgono Fechado
4.2.5. Retngulo Arredondado

InduSoft, Ltd.
61
Treinamento Bsico
InduSoft Web Studio
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Retngulo
Arredondado no agrupamento Formas.
Figura 67: Forma Retngulo Arredondado
3. Clique e arraste na tela para dar forma ao objeto.
Figura 68: Forma Retngulo Arredondado
4.2.6. Elipse
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Elipse no
agrupamento Formas.
Figura 69: Forma Elipse
62
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 70: Forma Elipse
InduSoft, Ltd.
63
Treinamento Bsico
InduSoft Web Studio
5.
BIBLIOTECAS
5.1. CONCEITO
A Biblioteca composta de objetos feitos anteriormente, como smbolos, controles
ActiveX e dotNET, e permite adicionar imagens externas (figura vinculada).
O IWS possui 4 opes de Biblioteca, so elas:
Biblioteca de Smbolos: um navegador visual para todos os smbolos que
esto disponveis para serem inseridos em uma tela.
dotNET: so projetados de acordo com a Microsoft .NET Framework, que
um padro para as tecnologias de programao modular. Pelo IWS ser um
container de .NET, voc pode configurar e executar Componentes .NET em
suas telas do projeto.
ActiveX: pode usar os componentes ActiveX, instalados em seu computador,
em sua tela.
Figura Vinculada: permite ao usurio vincular uma imagem externa ao IWS de
modo que voc pode facilmente reutilizar a imagem em seu projeto e/ou mudar
a imagem durante o tempo de execuo.

5.2.1. Figura Vinculada
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Figura Vinculada no
agrupamento Bibliotecas.
64
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 71: Figura Vinculada
3. Selecione qualquer imagem do seu computador, por exemplo, o logo do IWS.

Voc pode selecionar imagens no formato .PNG com cor transparente.
4. A imagem deve estar na pasta Web da aplicao.
5. Clique em Abrir.
6. A Imagem selecionada ser exibida no IWS.
7. Posicione a Imagem para que fique no esquerdo/centro da tela SUPERIOR.
8. Salve as alteraes feitas e feche a tela SUPERIOR.
InduSoft, Ltd.
65
Treinamento Bsico
InduSoft Web Studio
6.
OBJETOS DE DADOS
Esta seo explica, usando um tutorial passo-a-passo, como inserir objetos de dados,
que sero utilizados para o treinamento.
6.1. CONCEITO
Os Objetos de Dados so objetos responsveis por exibir dados histricos.
O IWS possui 3 Objetos de Dados, so eles:
Alarme/Evento: permite o controle e visualizao de eventos e alarmes.
Tendncia: mostra pontos de dados (valores) de diferentes fontes de dados
em um formato grfico
Grid: ler/escrever dados no formato tabular da fonte de dados configurada no
prprio objeto.

6.2.1. Alarme/Evento
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Alarme/Evento no
agrupamento Objetos de Dados.
Figura 73: Alarme/Evento
66
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
6.2.2. Tendncia
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Tendncia no
Figura 75: Tendncia
Figura 76: Tendncia
6.2.3. Grid
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Grid no agrupamento
Objetos de Dados.
Figura 77: Grid
InduSoft, Ltd.
67
Treinamento Bsico
InduSoft Web Studio
Figura 78: Grid
68
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
7.
ANIMAES
Esta seo explica, usando um tutorial passo-a-passo, como inserir animaes, que
sero utilizadas para o treinamento.
Nos botes de navegao da tela INFERIOR, iremos adicionar comandos para abrir as
telas respectivas s legendas.
7.1. CONCEITO
As Animaes podem ser aplicadas em um objeto de tela ou em um grupo de objetos.
As animaes permitem que voc modifique as propriedades do objeto em tempo real
(durante a execuo) de acordo com os valores das tags.
O IWS possui 8 tipos de animaes, so elas:
Comando: permite que voc clique no objeto ou pressione uma tecla prdefinida para executar o comando em tempo de execuo.
Hiperlink: permite que voc clique sobre o objeto durante a execuo para
executar o navegador padro e abrir a URL configurada.
Grfico de Barras: permite configurar um objeto como um grfico de barras.
Texto com Link de Dados: adiciona essa animao a um objeto de texto,
permitindo inserir e exibir valores de tags em tempo real ou entrar com valores
vai teclado.
Cor: permite que voc modifique a cor de um objeto esttico durante a
execuo com base no valor de um tag ou expresso.
Visibilidade/Posio: permite mover um objeto na horizontal e/ou vertical,
mostrar ou ocultar um objeto, durante o tempo de execuo.
Redimensionar: permite aumentar ou diminuir o tamanho de um objeto
durante a execuo.
Rotao: permite rotacionar o objeto na tela, a partir de diferentes pontos de
referencia, durante a execuo.

7.2.1. Comando
2. Selecione o boto SINTICO.
InduSoft, Ltd.
69
Treinamento Bsico
InduSoft Web Studio
3. Na aba Grficos, do menu Ribbon, clique sobre a opo Comando no
agrupamento Animaes, ou duplo clique sobre o boto para abrir a janela
Propriedades do Objeto, e ento clique em Comando.
Figura 79: Animao de Comando
4. A janela Propriedades do Objeto alterada, mostrando a configurao do

Comando.
5. Em Tipo, seleciona Abrir Tela.
6. Selecione Ao Pressionar.
7. Em Abrir Tela, clique no boto Procurar (...) direita.
8. Selecione a tela SINOTICO.
9. Repita essas etapas para todos os botes da tela INFERIOR, e configure o

comando relacionando a legenda do boto com o mesmo nome de tela.
70
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
8.
FORMATAO
8.1. CONCEITO
A Formatao permite ao usurio formatar e organizar os objetos e formas na tela de
seu projeto.

8.2.1. Formatao
Caso os seus objetos no estejam alinhados, voc pode utilizar as ferramentas da Aba
Formato para organizar e alinhar os objetos.
Se a sua tela INFERIOR estiver assim:
1. Selecione todos os botes. Para isso faa uma caixa de seleo que envolva
todos os botes, ou aperte e segura a tecla Shift e selecione um por um.
2. Na aba Formato, do menu Ribbon, clique sobre a opo Alinhar no
agrupamento Organizar.
3. Clique sobre a opo Alinhar ao Meio.
InduSoft, Ltd.
71
Treinamento Bsico
InduSoft Web Studio
Figura 82: Alinhar ao Meio
4. Os objetos sero alinhados centro verticalmente.

5. Na aba Formato, do menu Ribbon, clique sobre a opo Alinhar no
agrupamento Organizar.
6. Clique sobre a opo Distribuir Horizontalmente.
Figura 83: Distribuir Horizontalmente
7. Os objetos sero distribudos horizontalmente respeitando o mesmo espao

entre cada um deles.
8. Ao final do processo, teremos os seguintes botes na tela INFERIOR.
72
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9.
LINGUAGEM INTERNA: BUILT-IN
Esta seo explica, usando um tutorial passo-a-passo, como inserir uma animao
utilizando a Linguagem Interna do IWS (Built-in), que ser utilizada para o treinamento.
Nos botes de SAIR-BUILTIN da tela INFERIOR, iremos adicionar um comando para
sair do projeto.
9.1. CONCEITO
Permite configurar um script usando a Linguagem Interna do IWS. Quando este tipo de
comando selecionado, o usurio pode configurar at 12 expresses para cada
evento na coluna Expresso.
As expresses so executadas sequencialmente, a partir da primeira linha at a
ltima, quando o evento disparado. O resultado de cada expresso escrita para a
tag configurada na coluna Tag (se houver).
Pode-se configurar Tags e Funes do IWS diretamente.

2. Selecione o boto SAIR BUILTIN.

Comando.
5. Em Tipo, seleciona Linguagem Interna.
7. Em Expresso, digite Shutdown().
InduSoft, Ltd.
73
Treinamento Bsico
InduSoft Web Studio
Figura 86: Linguagem Interna
74
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
10. VBSCRIPT
Esta seo explica, usando um tutorial passo-a-passo, como inserir uma animao
utilizando a Linguagem VBScript, que ser utilizada para o treinamento.
Nos botes de SAIR-VBSCRIPT da tela INFERIOR, iremos adicionar um comando
personalizado para sair do projeto, perguntando ao usurio se ele deseja sair.
10.1. CONCEITO
Permite configurar um script usando a linguagem VBScript padro. Quando este tipo
selecionado, o usurio pode configurar um script no editor de VBScript para a
animao de comando.
Pode-se referenciar as Tags e Funes do Indusoft.
Permite utilizar as prprias funes de VBScript para personalizar o comando ou
exibio de mensagens.

2. Selecione o boto SAIR BUILTIN.

Comando.
5. Em Tipo, seleciona VBScript.
7. Em Expresso, digite o seguinte cdigo:
InduSoft, Ltd.
75
Treinamento Bsico
InduSoft Web Studio
If MsgBox("Deseja realmente sair?", vbYesNo+vbQuestion, "Confirmao")=vbYes Then
$Shutdown()
End If
Figura 88: VBScript
76
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
11. SMBOLOS
Esta seo explica, usando um tutorial passo-a-passo, como inserir Smbolos, que
sero utilizados para o treinamento.
Na tela SINOTICO, iremos adicionar diversos smbolos da biblioteca do IWS para
simular a visualizao da planta. Iremos criar e adicionar smbolos para monitorar as
variveis. Utilizaremos tambm algumas formas.
11.1. CONCEITO
Um Smbolo um conjunto de um ou mais objetos que so guardados na pasta
Smbolos (na aba Grficos do Explorador de Projeto), para que voc possa reutiliz-lo
uma e/ou outras vezes em seus projetos.
Toda vez que voc reutilizar um Smbolo, voc faz uma cpia desse Smbolo que
vinculado ao arquivo Smbolo mestre na pasta Smbolos. Depois disso, se voc fizer
qualquer alterao ao smbolo Mestre, ento essas mudanas sero feitas
automaticamente para cada cpia do projeto.
A Biblioteca um navegador visual para todos os smbolos que esto disponveis para
ser inserido em uma tela do projeto. Est dividida em duas pastas principais: o
diretrio dos Smbolos do Projeto, que contm os smbolos criados, e a pasta
Smbolos de Sistema que contm todos os smbolos da biblioteca do IWS,
classificados por categoria (por exemplo, botes, medidores, tanques).

11.2.1. Tanques
1. Abra a tela SINOTICO.
2. Na aba Grficos, do Explorador de Projeto, duplo-clique sobre Smbolos.
Figura 89: Smbolos
InduSoft, Ltd.
77
Treinamento Bsico
InduSoft Web Studio
3. A aba Smbolos ser exibida no Editor de Telas/Planilhas.
4. Clique em Smbolos do Sistema no menu a esquerda.
5. Clique em Tanks no menu a direita.
6. Selecione o tank03 para selecion-lo.
Figura 90: tank03
7. Clique na aba da tela SINOTICO no Editor de Telas/Planilhas.

8. Clique em qualquer ponto para inserir o Smbolo.
Figura 91: tank03
9. Repita essas etapas para o tank04.
78
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
11.2.2. Canos
2. Na aba Grficos, do Explorador de Projeto, duplo-clique sobre Smbolos.
Figura 92: Smbolos
3. A aba Smbolos ser exibida no Editor de Telas/Planilhas.

4. Clique em Smbolos do Sistema no menu a esquerda.
5. Clique em Pipes no menu a direita.
6. Selecione o pipe01 para selecion-lo.
Figura 93: pipe01
7. Clique na aba da tela SINOTICO no Editor de Telas/Planilhas.

8. Clique em qualquer ponto para inserir o Smbolo.
InduSoft, Ltd.
79
Treinamento Bsico
InduSoft Web Studio
Figura 94: pipe01
9. Duplo clique no smbolo pipe01.

10. A janela Propriedades do Objeto ser exibida.
11. Desmarque a opo Usar Tamanho Vinculado, para pode editar o tamanho
do Smbolo.
Figura 95: Propriedades do Objeto
12. Repita essas etapas para os Smbolos pipe02 e pipe18.
11.2.3. Sintico
Crie a seguinte estrutura na tela SINOTICO utilizando smbolos de tanques, canos.
Figura 96: Tela Sinotico
Caso os objetos no se alinhem, voc pode desativar a configurao de Grade.

80
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
1. Clique direito na tela e selecione Configuraes de Grade.
Figura 97: Configuraes de Grade
2. A janela Grade ser exibida.

3. Desmarque a opo Alinhar a Grade.
Figura 98: Grade
4. Posicione os objetos em qualquer ponto da tela.
11.2.4. Retngulos
agrupamento Formas.
3. Clique e arraste na tela SINOTICO para dar forma ao objeto.

4. Duplo clique sobre o retngulo para abrir a janela Propriedades do Objeto.
InduSoft, Ltd.
81
Treinamento Bsico
InduSoft Web Studio
5. Em Tipo, na seo da Borda, selecione a cor Nenhum.
6. Posicione o retngulo para que fique sobre os canos (verticais e horizontais).
7. Insira um Retngulo com Borda Slido, para a simulao de Vlvula.
Figura 101: Retngulo de Vlvula
8. Ao final das etapas, teremos a seguinte estrutura na tela SINOTICO.
11.2.5. Painel
Para monitorar os valores dos tanques, iremos criar um Smbolo Painel.
82
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Texto no
Figura 103: Objeto Ativo Texto
3. Clique em um ponto na tela para comear a escrever.

4. Digite Tanque: #.
5. Repita esses passos, digitando em cada Texto:
Vazo: ###, Temp.: ###.
Nvel: ###, Presso: ###,
6. Posicione os textos para que eles fiquem na seguinte disposio
Figura 104: Objetos de Texto

agrupamento Formas.
8. Clique e arraste na tela SINOTICO para dar forma ao objeto. Utilize um

retngulo sobre o texto Tanque: # e um sobre os textos Nvel: ###, Presso:
###, Vazo: ###, Temp.: ###.
9. Aps inserir os Retngulos, selecione os mesmos.
10. Na aba Formato, do menu Ribbon, clique sobre a opo Enviar Para o Fundo
no agrupamento Organizar.
InduSoft, Ltd.
83
Treinamento Bsico
InduSoft Web Studio
Figura 106: Enviar Para o Fundo
11. Com isso os textos ficaro na frente dos Retngulos.

12. Organize os textos e retngulos para obter a seguinte disposio.
Figura 107: Textos e Retngulos
13. Selecione todos os 5 textos e 2 retngulos.

14. Clique direito sobre os objetos e selecione a opo Criar Linked Symbol.
Figura 108: Criar Linked Symbol
15. Clique direito sobre o Smbolo criado e selecione Editar Linked Symbol.
Figura 109: Editar Linked Symbol
84
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
16. Para criar as Propriedades Personalizadas para um Smbolo, sevemos seguir a
determinada Sintaxe: #[Categoria.]propriedade:[valorPadro]
17. Duplo clique no texto Tanque: #.
18. Selecione a opo Texto com Link de Dados.
Figura 110: Propriedades do Objeto
19. Digite o seguinte texto: #Tanque.NdoTanque:0
Figura 111: Texto com Link de Dados
20. Repita as etapas 17-19. Para o texto Nvel: ###, coloque: #Dados.Nivel:
Para o texto Presso: ###, coloque: #Dados.Pressao:
Para o texto Temp.: ###, coloque: #Dados.Temp:
Para o texto Vazo: ###, coloque: #Dados.Vazao:
21. Salve as alteraes e feche a aba de edio do Smbolo Painel.
22. Na tela SINOTICO, duplo clique no Smbolo Painel. Teremos a seguinte
Propriedade Personalizada:
Figura 112: Propriedade Personalizada do Smbolo Painel
InduSoft, Ltd.
85
Treinamento Bsico
InduSoft Web Studio
Configure um Smbolo Painel para cada tanque, tendo a seguinte estrutura na tela
SINOTICO.
11.2.6. Tags
Agora que possumos a tela SINOTICO configurada, vamos relacionar as tags do
nosso processo com os objetos.
1. Na aba Global, do Explorador de Projeto, Clique-direito sobre Classes, e ento
Inserir Classe.
Figura 114: Inserir Classe
2. A aba Inserir Classe ser exibida.

3. Digite Tanque para o nome da Classe.
4. A aba Classe: Tanque ser exibida no Editor de Telas/Planilhas.
86
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
5. Configure os membros rNivel, rPressao, rVazao e rTemp, todos do tipo Real.
Figura 115: Membros da Classe Tanque
6. Salve as alteraes e feche a aba Classe: Tanque.

7. Na aba Global, do Explorador de Projeto, duplo-clique sobre Tags do Projeto,
e ento duplo-clique em Planilha de Dados.
Figura 116: Planilha de Dados
8. A aba Tags do Projeto ser exibida no Editor de Telas/Planilhas.

9. Configure a Tag cTanque, com vetor de tamanho 3, do tipo Tanque (classe
criada acima).
Figura 117: Tag cTanque
10. Ao final desse processo, teremos 16 Tags, pois cada combinao entre Tag,
Vetor e Membros, nos d acesso a um valor diferente no Projeto.
Figura 118: Contagem de Tags
InduSoft, Ltd.
87
Treinamento Bsico
InduSoft Web Studio
1
cTanque
2
TAG
VETOR
rNivel
rVazao
rPressao
rTemp
rNivel
rVazao
rPressao
rTemp
rNivel
rVazao
rPressao
rTemp
rNivel
rVazao
rPressao
rTemp
MEMBRO
Tabela 3: Contagem de Tags

12. Duplo-clique no smbolo de Tanque.
13. No campo TagLevel, para cada Smbolo de Tanque, iremos configurar a tag
cTanque com o membro rNivel, diferenciando os vetores.
Figura 119: Propriedade do Tanque
14. Repita a etapa 13 para todos os Tanques. Teremos as Tags cTanque[0].rNivel,

cTanque[1].rNivel, cTanque[2].rNivel e cTanque[3].rNivel.
15. Duplo-clique no smbolo de Painel.
16. Associe cada propriedade com a tag cTanque e seus membros.
17. Repita a etapa 16 para todos os Painis, lembrando de alterar o valor de vetor
para cada Painel.
18. Preencha a categoria Tanque com o nmero do tanque: 0, 1, 2 e 3.
88
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 120: Propriedade do Painel
19. Salve as alteraes feitas e feche a tela SINOTICO.
InduSoft, Ltd.
89
Treinamento Bsico
InduSoft Web Studio
12. AGENDA
Esta seo explica, usando um tutorial passo-a-passo, como inserir a tarefa de
Agenda, que sero utilizados para o treinamento.
Na tarefa Agenda, iremos adicionar diversas linhas para a Simulao dos valores de
nossas tags, que sero utilizadas de diferentes maneiras no projeto. Os valores sero
incrementados de 1 em 1 at o valor de 100. Ao chegar em 100, o valor voltar para 0.
Utilizaremos tambm uma Caixa de Seleo para habilitar ou desabilitar a simulao
durante Runtime.
12.1. CONCEITO
A Agenda usada para executar lgicas de programa (usando a linguagem built-in)
em uma data/hora especfica, em um intervalo de tempo regular, ou baseado em um
disparo.
Possui 3 tipos de Eventos:
Calendrio: baseado em tempos superior a 24 horas.
Relgio: baseado em tempos inferior a 24 horas (em intervalos de minutos ou
segundos), ou seja, a frequncia com que ocorrer o Evento.
Mudana: Evento relacionado com a mudana de uma Tag no campo
Disparo.

1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Agenda, e ento
selecione Inserir.
Figura 121: Agenda
90
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2. A aba SCHD001 ser exibida no Editor de Telas/Planilhas.
3. Em Evento, selecione Relgio.
4. Em Hora, configure 00:00:00.2.
5. Em Tag, configure cTanque[0].rNivel.
6. Em Expresso, configure IF(cTanque[0]<100, cTanque[0]+1, 0).
7. Em Desativar, configure a tag bSimulacao=0.
8. Ao configurar essa Tag, o IWS perguntar se deseja criar a tag bSimulacao.
Selecione Sim, e crie a tag do tipo booleana.
Figura 122: Configurao da Agenda
9. Repita as etapas 3-7 para todas as tags. Ao final, teremos 16 linhas

configuradas na agenda.
Figura 123: Configurao Final da Agenda
10. Salve a Agenda.

InduSoft, Ltd.
91
Treinamento Bsico
InduSoft Web Studio
Figura 124: Caixa de Seleo
14. Duplo-clique sobre o objeto para abrir as propriedades.

15. Em Legenda, configure Habilitar Simulao.
16. Em Tag, configure a tag criada anteriormente bSimulacao.
Figura 125: Configura da Caixa de Seleo
17. Salve as alteraes feitas e feche a tela SUPERIOR.
92
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
13. ALARMES
Esta seo explica, usando um tutorial passo-a-passo, como inserir a tarefa de Alarme
e o Objeto de Alarme/Evento, que sero utilizados para o treinamento.
Na tarefa Alarme, iremos configurar os alarmes de alto e baixo das variveis de Nvel
e Temperatura.
Utilizaremos o Objeto de Alarme/Evento para mostrar os alarmes em tempo real e
histrico.
13.1. CONCEITO
O objetivo principal do Alarme informar o operador de qualquer problema ou situao
anormal durante o processo para que ele possa tomar uma ao corretiva.
executado em Background, e gera os alarmes, porm no mostra os mesmos
(necessrio utilizar o Objeto de Alarme/Evento).
Permite configurar grupos de alarmes e definir as mensagens de alarmes geradas pelo
projeto e pode gerar arquivos de histrico.
Possui 2 tipos de Alarmes principais:
Alto (HiHi, Hi): Gera o alarme se o valor for igual ou superior ao limite
especificado;
Baixo (LoLo, Lo): Gera o alarme se o valor for igual ou inferior ao limite
especificado;
Possui 3 tipos de Estado:
Ativos: significa que a condio de alarme verdadeira e que ainda no foi
reconhecido ou normalizado;
Reconhecidos: significa que o alarme ainda est ativo, e foi reconhecido por
algum operador;
Normalizado: significa que a condio de alarme no mais verdadeira,
porm o alarme ainda no foi reconhecido;

13.2.1. Tarefa de Alarme
1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Alarme, e ento
selecione Inserir.
InduSoft, Ltd.
93
Treinamento Bsico
InduSoft Web Studio
Figura 126: Alarme
2. A aba ALARM001 ser exibida no Editor de Telas/Planilhas.

3. Em Nome do Grupo, configure NIVEL.
4. No agrupamento On-Line, selecione as opes Exibir nos Control. de
Alarmes e Requer Reconhecimento.
5. No agrupamento Histrico, selecione as opes Salvar em Disco, Gerar Msg.
De Reconhec. e Gerar Msg. De Normalizao.
Figura 127: Configurao de Alarme
6. Para cada tag de nvel, iremos configurar 4 linhas.

7. Em Tipo, configure HiHi, Hi, LoLo e Lo.
8. Em Limites, configure 90, 80, 20, 10.
9. Configure os campos Mensagem, Prioridade e Seleo conforme a imagem
abaixo.
10. Ao final, teremos 16 linhas na planilha de alarme.
11. Salve a planilha como 1.
94
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 128: Configurao Planilha de Alarme
12. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Alarme, e ento

selecione Inserir.
13. A aba ALARM002 ser exibida no Editor de Telas/Planilhas.
14. Em Nome do Grupo, configure TEMP.
15. Repita as etapas 4-10, para as tags de Temperatura.
16. Ao final, teremos 16 linhas na planilha de alarme.
Figura 129: Configurao Planilha de Alarme
InduSoft, Ltd.
95
Treinamento Bsico
InduSoft Web Studio
13.2.2. Objeto de Alarme
1. Abra a tela ALARME.

5. Em Tipo, configure Alarme Online.
6. Clique em Colunas. A janela Colunas ser exibida.
7. Adicione as colunas Seleo, Valor e Grupo.
Figura 131: Colunas
8. Seleciona OK.
9. Clique em Avanado. A janela Avanado ser exibida.
10. Em Filtros, no agrupamento Disparos em Runtime, configure bFiltro[0].
11. Ao configurar essa Tag, o IWS perguntar se deseja criar a tag bFiltro.
Selecione Sim, e crie a tag do tipo booleana, com vetor 1.
Figura 132: Filtro
96
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
13. Clique e arraste na tela EVENTO para dar forma ao objeto.

15. Em Tipo, configure Histrico de Alarme.
17. Adicione as colunas Hora de Reconhecimento, Tempo de Normalizao,
Seleo, Valor e Grupo.
Figura 134: Colunas
18. Seleciona OK.

19. Clique em Avanado. A janela Avanado ser exibida.
20. Em Filtros, no agrupamento Disparos em Runtime, configure bFiltro[1].
21. Ao configurar essa Tag, o IWS perguntar se deseja criar a tag bFiltro.
Selecione Sim, e crie a tag do tipo booleana, com vetor 1.
Figura 135: Filtro

23. Clique e arraste na tela Alarme para dar forma ao boto.
InduSoft, Ltd.
97
Treinamento Bsico
InduSoft Web Studio
25. Em Legenda, digite ATIVAR FILTRO ONLINE.
Figura 136: Legenda Boto
27. Selecione Comando.

28. Em Tipo, selecione Tag Toggle.
29. Em Tag Toggle, configure a tag bFiltro[0].
Figura 137: Comando
30. Repita as etapas 22-29, alterando a Legenda para ATIVAR FILTRO

HISTRICO e a tag para bFiltro[1].
31. Salve as alteraes feitas e feche a tela ALARME.
98
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
14. EVENTOS
Esta seo explica, usando um tutorial passo-a-passo, como inserir a tarefa de Evento
e o Objeto de Alarme/Evento, que sero utilizados para o treinamento.
Na tarefa Evento, iremos configurar os eventos da aplicao e mostrar quando o
usurio habilita ou desabilita a Simulao.
Utilizaremos o Objeto de Alarme/Evento para mostrar os Eventos em Runtime.
14.1. CONCEITO
O objetivo principal do Evento informar o operador qualquer mensagem sobre o que
est acontecendo com a aplicao.
Eventos podem ser qualquer mudana de Tag, gerao de relatrios e receitas, abrir
ou fechar um tela, logon e logout, e de algumas outras maneiras.
A Tarefa responsvel por gerar o Evento, porm no mostra os mesmos (necessrio
utilizar o Objeto de Alarme/Evento).

14.2.1. Tarefa de Evento
1. Na aba Global, do Explorador de Projeto, clique-direito sobre Log de Eventos,

e ento selecione Abrir.
Figura 138: Log de Eventos
2. A janela Configuraes de Evento ser exibida.

3. Selecione a opo Habilitar Log de Eventos.
4. Selecione todas as opes do agrupamento Configuraes.
InduSoft, Ltd.
99
Treinamento Bsico
InduSoft Web Studio
5. Selecione a opo Tags.
6. Em Nome da Tag, configure a tag bSimulacao.
7. Em Mensagem, configure {IF (bSimulacao=0, Desligou a simulao,
Ligou a Simulao)}.
Figura 139: Log de Eventos
8. Clique em OK.
14.2.2. Objeto de Evento

1. Abra a tela EVENTO.
3. Clique e arraste na tela EVENTO para dar forma ao objeto.

5. Em Tipo, configure Evento.
7. Adicione as colunas Valor, Tipo, Mostrar Valor e Tempo de Evento.
8. Seleciona OK.
100
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 141: Colunas
9. Em Cor de Fundo, selecione Branco.
Figura 142: Cor de Fundo
10. Salve as alteraes feitas e feche a tela EVENTO.
InduSoft, Ltd.
101
Treinamento Bsico
InduSoft Web Studio
15. TENDNCIA
Esta seo explica, usando um tutorial passo-a-passo, como inserir a tarefa de
Tendncia e o Objeto de Tendncia, que sero utilizados para o treinamento.
Na tarefa Tendncia, iremos configurar o histrico das tags de Nvel.
Utilizaremos o Objeto de Tendncia para mostrar graficamente os valores em tempo
real e os valores que foram armazenados em um arquivo histrico.
15.1. CONCEITO
O objeto de Controle de Tendncia mostra pontos de dados (valores) de diferentes
fontes de dados em um formato grfico.
Os principais recursos oferecidos pelo objeto de controle de tendncia so:
Exibio de vrias pena simultaneamente.
Suporte para diferentes fontes de dados, tais como Tag, Batch, banco de
dados e arquivo de texto.

15.2.1. Tarefa de Tendncia
1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Tendncia, e

ento selecione Inserir.
Figura 143: Tendncia
2. A aba TREND001 ser exibida no Editor de Telas/Planilhas.

3. Em Nome da Tag, configure as Tags cTanque[0].Nivel, cTanque[1].rNivel,
cTanque[2].rNivel e cTanque[3].rNivel.
102
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4. Salve a Planilha como 1.
15.2.2. Objeto de Tendncia

1. Abra a tela TREND.
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Tendncia no
3. Clique e arraste na tela TREND para dar forma ao objeto.

5. Selecione a opo Pontos.
6. Em Etiqueta, configure Nvel T0.
7. Em Cor, configure Vermelho.
8. Em Fonte Dados, configure Tag.
9. Em Tag/Campo, configure cTanque[0].rNivel.
10. Repita as etapas 6-9, alterando os capmos de Etiqueta, Cor e Tag/Campo,
conforme a imagem abaixo.
Figura 146: Pontos
InduSoft, Ltd.
103
Treinamento Bsico
InduSoft Web Studio
11. Clique em OK.
12. Salve as alteraes feitas e feche a tela TREND.
104
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
16. CRIANDO TELAS COM ANIMAES

Esta seo explica, usando um tutorial passo-a-passo, como inserir animaes, que
sero utilizadas para o treinamento.
Nos retngulos que simulam vlvulas, na tela SINOTICO, iremos adicionar animao
de Cor, que vai alterar de acordo com o valor das Tags. Tambm utilizaremos a
animao Comando para alterar o estado da vlvula ao clicar sobre ela.
Nos retngulos que simulam o deslocamento de gua, na tela SINOTICO, iremos
adicionar animao de Posio para deslocar os objetos conforme o valor das Tags.
16.1. CONCEITO
As Animaes podem ser aplicadas em um objeto de tela ou em um grupo de objetos.
As animaes permitem que voc modifique as propriedades do objeto em tempo real
(durante a execuo) de acordo com os valores das tags.
As Animaes permitem que voc execute comandos, altere o formato e posio dos
objetos e diversas outras formas de animaes.

16.2.1. Tags

3. Configure a Tag bValvula, com vetor de tamanho 2, do tipo Booleana.
InduSoft, Ltd.
105
Treinamento Bsico
InduSoft Web Studio
Figura 148: Tag bValvula
16.2.2. Animao de Cor.

2. Selecione o retngulo que simula a vlvula.
3. Na aba Grficos, do menu Ribbon, clique sobre a opo Cor no agrupamento
Animaes.
Figura 149: Animao de Cor
4. A janela Propriedades do Objeto alterada, mostrando a configurao de Cor.

5. Em Limite Expr, configure bValvula[0].
6. Repita as etapas 2-5, alterando o campo Limite Expr para as tags bValvula[1]
e bValvula[2].
16.2.3. Animao de Comando

106
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2. Selecione o retngulo que simula a vlvula.
agrupamento Animaes.

Comando.
6. Em Tag toggle, configure a Tag bValvula[0].
7. Repita as etapas 2-6, alterando o campo Tag Toggle para as tags bValvula[1]
e bValvula[2].
Figura 152: Tag Toggle
16.2.4. Animao de Posio Vertical

2. Selecione o retngulo que simula o deslocamento de gua verticalmente.
3. Na aba Grficos, do menu Ribbon, clique sobre a opo Visibilidade/Posio
no agrupamento Animaes.
InduSoft, Ltd.
107
Treinamento Bsico
InduSoft Web Studio
Figura 153: Animao de Visibilidade/Posio
4. A janela Propriedades do Objeto alterada, mostrando a configurao de

Visibilidade/Posio.
5. Em Visibilidade, configure bSimulacao=1 AND bValvula[0]=1.
6. Em Tag/Expresso, no agrupamento Vertical, configure a tag da Vazo
cTanque[0].rVazao.
7. Em Faixa de Valor, no agrupamento Vertical, configure 0 para 100.
8. Em Posio, no agrupamento Vertical, temos de configurar, em pixels, o
deslocamento vertical do objeto.
9. Para verificar o deslocamento, selecione o objeto, e na aba Formato, do menu
Ribbon, verifique a posio do objeto em Y (para deslocamento vertical), no
agrupamento Posio.
Figura 154: Posio Inicial
108
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
10. Agora movimente o objeto at a posio desejada do deslocamento. Observe
novamente a posio em Y, no agrupamento Posio.
Figura 155: Posio Final
11. Agora subtraia o Primeiro valor do Segundo valor, e configure o valor resultante
no campo Posio do agrupamento vertical do retngulo (0 para Valor
Resultante).
Figura 156: Visibilidade/Posio
12. Retorne o objeto para a posio inicial.

13. Repita as etapas 2-12 para todos os retngulos de deslocamento vertical,
alterando os vetores das tag bValvula e cTanque e os valores do campo
Posio.
16.2.5. Animao de Posio Horizontal

2. Selecione o retngulo que simula o deslocamento de gua horizontalmente.
InduSoft, Ltd.
109
Treinamento Bsico
InduSoft Web Studio
3. Na aba Grficos, do menu Ribbon, clique sobre a opo Visibilidade/Posio
no agrupamento Animaes.
Figura 157: Animao de Visibilidade/Posio

Visibilidade/Posio.
5. Em Visibilidade, configure bSimulacao=1 AND bValvula[0]=1.
6. Em Tag/Expresso, no agrupamento Horizontal, configure a tag da Vazo
cTanque[0].rVazao.
7. Em Faixa de Valor, no agrupamento Horizontal, configure 0 para 100.
8. Em Posio, no agrupamento Horizontal, temos de configurar, em pixels, o
deslocamento horizontal do objeto.
9. Para verificar o deslocamento, selecione o objeto, e na aba Formato, do menu
Ribbon, verifique a posio do objeto em X (para deslocamento horizontal), no
agrupamento Posio.
Figura 158: Posio Inicial
10. Agora movimente o objeto at a posio desejada do deslocamento. Observe

novamente a posio em X, no agrupamento Posio.
110
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 159: Posio Final
11. Agora subtraia o Primeiro valor do Segundo valor, e configure o valor resultante
no campo Posio do agrupamento horizontal do retngulo (0 para Valor
Resultante).
Figura 160: Visibilidade/Posio
12. Retorne o objeto para a posio inicial.

13. Repita as etapas 2-12 para todos os retngulos de deslocamento horizontal,
alterando os vetores das tag bValvula e cTanque e os valores do campo
Posio.
InduSoft, Ltd.
111
Treinamento Bsico
InduSoft Web Studio
17. MNEMNICO
Esta seo explica, usando um tutorial passo-a-passo, como inserir uma tela de
Mnemnico, que ser utilizada para o treinamento.
Nos smbolos de Tanque, iremos colocar um comando para abrir uma tela Mnemnico,
que mostrar alguns dos valores do processo, para controle do Nvel.
17.1. CONCEITO
Mnemnico uma string que descreve como as propriedades personalizadas de
qualquer objeto sero completadas quando a tela de Mnemnico for aberta. Pode-se
declarar mais de um Mnemnico.
Deve seguir a seguinte sintaxe: #Label:Valor.

17.2.1. Criar Tela
opo Inserir.

3. Em Descrio, escreva TELA ESTADO.
112
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
6. Em Estilo, selecione Popup.
7. Em Borda, selecione Fina.
8. Em Propriedades de Execuo, selecione a opo Ttulo e configure Estado
do Tanque.
9. Clique em OK.
Figura 162: Atributos de Tela

12. Salve com o nome de ESTADO.

14. Configure objetos de Texto e retngulos, a fim de obter a seguinte
configurao.
InduSoft, Ltd.
113
Treinamento Bsico
InduSoft Web Studio
Figura 164: Tela Estado
17.2.2. Labels
1. Abra a tela ESTADO.
2. Duplo clique sobre o texto N do Tanque:# para abrir a janela Propriedades do
Objeto.
3. Selecione a opo Texto com Link de Dados.
4. Em Tag/Expresso, digite o seguinte texto: #NdoTanque:.
Figura 165: Tag/Expresso
5.
Repita as etapas 2-4. Para o texto Nvel: ###, coloque: #Nivel:

Para o texto Vazo: ###, coloque: #Vazao:
6. Duplo clique sobre o retngulo da direita para abrir a janela Propriedades do

Objeto.
7. Na aba Grficos, do menu Ribbon, clique sobre a opo Grfico de Barra no
Grfico de Barra.
114
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 166: Grfico de Barra
9. Em Tag/Expresso, digite o seguinte texto: #Nivel:.
10. Duplo clique sobre o retngulo da esquerda para abrir a janela Propriedades do
Objeto.
11. Na aba Grficos, do menu Ribbon, clique sobre a opo Cor no agrupamento
Animaes.
12. A janela Propriedades do Objeto alterada, mostrando a configurao de Cor.
13. Em Limite Expr, configure #Valvula:.

Comando.
16. Em Tipo, selecione VBScript.
17. Em VBScript, configure $#Valvula: = $Toggle($#Valvula:).
InduSoft, Ltd.
115
Treinamento Bsico
InduSoft Web Studio
Figura 169: Toggle VBScript
18. Salve as alteraes feitas e feche a tela ESTADO.
17.2.3. Abrir Tela

2. Selecione o smbolo de Tanque.

Comando.
7. Configure o seguinte comando:
116
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
$Open("ESTADO", 1,-1,-1,-1,0,0, "#NdoTanque:0 #Nivel:cTanque[0].rNivel
#Vazao:cTanque[0].rNivel #Valvula:bValvula[0]").
8. Repita as etapas 2-6 para os outros dois tanques.

9. Para o segundo tanque, configure o seguinte comando:
10. Para o segundo tanque, configure o seguinte comando:
InduSoft, Ltd.
117
Treinamento Bsico
InduSoft Web Studio
18. RELATRIO
Esta seo explica, usando um tutorial passo-a-passo, como inserir uma tarefa de
Relatrio, que ser utilizada para o treinamento.
Iremos criar duas tarefas de relatrio, uma para gerar o cabealho do relatrio, e outra
para criar o corpo com as informaes com os valores das tags.
18.1. CONCEITO
A planilha de relatrio usada para criar um relatrio que gerado dinamicamente
durante o runtime (usando os valores atuais das Tags includas) e, em seguida,
enviado para uma impressora ou salvos em um arquivo. Pode ser definido como um
conjunto de informaes seguido de Dados/valores.
Utiliza-se a seguinte funo para gerar relatrios:
Report(strFunction, optNumOrientation)
strFunction
Disk:x.rep
Prn:x.rep
Pdf:x.rep
optNumOrientation
0 Retrato
1 Paisagem

18.2.1. Preparando o Ambiente
1. No Database Spy, digite a seguinte funo: GetAppPath().
2. Copie a string retornada no campo Valor.
3. Clique sobre o Iniciar do Windows e cole o valor no campo de Procurar.
118
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 173: Diretrio da Aplicao
4. Pressione a tecla Enter.

5. A pasta da aplicao ser aberta.
6. Crie uma pasta chamada Relatorios.
Figura 174: Pasta Relatorios
18.2.2. Tarefa de Relatrio

1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Relatrios, e
Figura 175: Relatrio
InduSoft, Ltd.
119
Treinamento Bsico
InduSoft Web Studio
2. A aba Report1 ser exibida no Editor de Telas/Planilhas.
3. Em Arquivo de Sada, configure Relatorios\{Day}{Minute}.txt.
4. Selecione as opes Unicode, Travar Valor no Tamanho da Tag no
agrupamento Opes.
5. No espao para desenhar o relatrio, configure conforme a figura a seguir:

7. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Relatrios, e
8. A aba Report2 ser exibida no Editor de Telas/Planilhas.

9. Em Arquivo de Sada, configure Relatorios\{Day}{Minute}.txt.
120
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
10. Selecione as opes Anexar ao Disco, Unicode, Travar Valor no Tamanho
da Tag no agrupamento Opes.
11. No espao para desenhar o relatrio, configure conforme a figura a seguir:
18.2.3. Gerar Relatrios

1. Abra a tela RELATORIO.
3. Clique e arraste na tela Relatorio para dar forma ao boto.
5. Em Legenda, digite GERAR CABEALHO.
9. Em VBScript, configure a funo $Report(Disk:1.rep).
InduSoft, Ltd.
121
Treinamento Bsico
InduSoft Web Studio
Figura 180: Comando

10. Repita as etapas 2-9, alterando a Legenda para GERAR CORPO e a funo
para $Report(Disk:2.rep).
18.2.4. Abrir Relatrio

1. Abra a tela RELATORIO.
3. Clique e arraste na tela Relatorio para dar forma ao boto.
5. Em Legenda, digite ABRIR RELATRIO.
9. Em VBScript, configure o comando a seguir:
122
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 182: Comando
10. Ao configurar esse comando, o IWS perguntar se deseja criar a tag

sPathRelatorio. Selecione Sim, e crie a tag do tipo string, com vetor 0.
11. Salve as alteraes feitas e feche a tela RELATORIO.
InduSoft, Ltd.
123
Treinamento Bsico
InduSoft Web Studio
19. RECEITA
Esta seo explica, usando um tutorial passo-a-passo, como inserir uma tarefa de
Receita, que ser utilizada para o treinamento.
Iremos criar uma tarefa de receita, para salvar os valores de processo em tags
auxiliares. Iremos criar uma interface na tela Receita para interagir com os valores.
19.1. CONCEITO
A planilha de receita usada para carregar valores de tags ou salvar valores de tags
em um arquivo externo durante o runtime.
Normalmente usada para salvar valores de processo, mas voc pode armazenar
qualquer tipo de informao (como logs de operao, senhas, e assim por diante) em
um arquivo externo.
Utiliza-se a seguinte funo para gerar relatrios:
Recipe(strFunction)
strFunction
Save:x.rcp
Load:x.rcp
Delete:x.rcp
Init:x.rcp

124
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio

6. Crie uma pasta chamada Receitas.
Figura 185: Pasta Receitas
19.2.2. Tags
Inserir Classe.
InduSoft, Ltd.
125
Treinamento Bsico
InduSoft Web Studio
3. Digite Receita para o nome da Classe.
4. A aba Classe: Receita ser exibida no Editor de Telas/Planilhas.
5. Configure o membro sNomeReceita, do tipo String.
6. Configure os membros rParamA, rParamB, rParamC e rParamD, todos do
tipo Real.
Figura 187: Membros da Classe Receita
7. Salve as alteraes e feche a aba Classe: Receita.


10. Configure a Tag cReceita, com vetor de tamanho 0, do tipo Receita (classe
criada acima).
Figura 189: Tag cReceita
126
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
19.2.3. Tarefa de Receita
1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Receitas, e
Figura 190: Receita
2. A aba Recipe1 ser exibida no Editor de Telas/Planilhas.

3. Em Arquivo de Sada, configure Receitas\{cReceita.sNomeReceita}.
4. Preencha as linhas da Tarefa de Receita com os quatro membros do tipo Real,
conforme a imagem a seguir:
Figura 191: Receita
InduSoft, Ltd.
127
Treinamento Bsico
InduSoft Web Studio
19.2.4. Interface da Receita
configurao.
Figura 192: Interface da Receita
2. So utilizados 5 objetos de texto e dois retngulos.

3. Duplo-clique no texto para abrir a janela Propriedades do Objeto.
4. Clique em Texto com Link de Dados.
5. Em Tag/Expresso, configure a tag cReceita.sNomeReceita.
6. Selecione a opo Entrada Habilitada para entrar com valores nos textos
durante Runtime.
7. Repita as etapas 3-6 para as Tags cReceita.rParamA, cReceita.rParamB,

cReceita.rParamC, cReceita.rParamD. Para cada texto ser configurado uma
tag.
19.2.5. Salvar Receita

1. Abra a tela RECEITA.
3. Clique e arraste na tela Receita para dar forma ao boto.
5. Em Legenda, digite Salvar.
128
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9. Em VBScript, configure o comando a seguir: $Recipe("Save:1.rcp").
10. Salve as alteraes feitas e feche a tela RECEITA.
19.2.6. Carregar Receita

15. Em Legenda, digite Carregar.

19. Em VBScript, configure o comando a seguir: $Recipe("Load:1.rcp").
InduSoft, Ltd.
129
Treinamento Bsico
InduSoft Web Studio
19.2.7. Salvar Receita com Confirmao
25. Em Legenda, digite Salvar Especial.

Figura 197: Comando
Figura 198: Comando
130
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
19.2.8. Procurar Receita

6. Em Legenda, digite Procurar.
Figura 200: Comando
Figura 201: Comando
InduSoft, Ltd.
131
Treinamento Bsico
InduSoft Web Studio
11. Na aba Global, do Explorador de Projeto, duplo-clique sobre Procedimentos.
12. Clique-direito sobre Procedimentos Principais, e ento selecione Abrir.
Figura 202: Procedimentos Principais
13. A aba Procedimentos Principais ser exibida no Editor de Telas/Planilhas.

14. Configure o seguinte comando:
Function RetiraCaminho(path)
Dim posn, i, fname
For i=0 To Len(path)
If ($NCopy(path, i, 1)="\") Then
posn = i+1
End If
Next
fname = Right(path, Len(path)-posn)
RetiraCaminho = fname
End Function
Figura 203: Comando
132
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
15. Salve as alteraes feitas e feche a planilha Procedimentos Principais.
19.2.9. Setar Valores da Receita

5. Em Legenda, digite Setar Presso.
Figura 205: Comando

InduSoft, Ltd.
133
Treinamento Bsico
InduSoft Web Studio
20. BANCO DE DADOS ACCESS

Esta seo explica, usando um tutorial passo-a-passo, como configurar uma conexo
entre um Banco de Dados Access e o IWS, que ser utilizada para o treinamento.
Iremos criar uma conexo de Banco de Dados, entre InduSoft e Access para
utilizarmos alguns objetos para ler os valores que foram salvos no Banco de Dados.
20.1. CONCEITO
Usando a interface de banco de dados, o IWS pode facilmente fornecer dados do cho
de fbrica aos sistemas de terceiros (por exemplo, ERP) ou obter dados a partir deles.
Tarefas que suportam interface com o Banco de Dados:
Alarme;
Evento;
Tendncia;
Visualizador (Grid, Caixa de Combinao, ...)
Web

134
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
12. Copie e cole o arquivo do Access controlTanq.mdb para essa pasta.
Figura 208: controlTanq.mdb
20.2.2. Criando Conexo

1. Na aba Projeto, do menu Ribbon, clique sobre a opo Opes no
agrupamento Configuraes.
Figura 209: Opes do Projeto
2. A janela Configuraes de Projeto ser exibida.

3. Selecione a opo Banco de Dados Padro.
4. A janela Configurao de Banco de Dados Padro ser exibida.
5. Em String de Conexo, selecione o boto Procurar.
6. Para o Banco de Dados Access, selecione o Provedor Microsoft JET 4.0 OLE
DB PROVIDER.
InduSoft, Ltd.
135
Treinamento Bsico
InduSoft Web Studio
Figura 210: Provedor
7. Clique em Prximo.
8. Em Conexo, clique no boto Procurar.
9. Procure o arquivo do Access (controlTanq.mdb) que foi adicionado a pasta da
aplicao anteriormente.
Figura 211: Conexo
10. Clique em OK, e OK novamente para retornar a janela de Configuraes do

Projeto.
11. Clique em OK.
136
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
21. GRID
Esta seo explica, usando um tutorial passo-a-passo, como configurar um objeto
Grid, que ser utilizado para o treinamento.
Iremos configurar um objeto de dado Grid para ler os valores do Banco de Dados
Access, que foi configurado no captulo anterior.
21.1. CONCEITO
O objeto Grid permite que voc leia/escreva dados no formato tabular da fonte de
dados configurada no prprio objeto.
As fontes podem ser:
Arquivo de Texto
Classe Tag
Banco de Dados

21.2.1. Objeto de Tendncia
1. Abra a tela BANCO_DADOS.
2. Na aba Grficos, do menu Ribbon, clique sobre a opo Grid no agrupamento
Objetos de Dados.
3. Clique e arraste na tela TREND para dar forma ao objeto.
Figura 212: Grid

5. Em Fonte de Dados, selecione Banco de Dados.
Figura 213: Fonte de Dados
InduSoft, Ltd.
137
Treinamento Bsico
InduSoft Web Studio
6. Selecione a opo Config. Fonte de Dados. A janela Configurao de Banco
de Dados ser exibida.
7. No agrupamento Tabela, tire a seleo de Usar Nome Padro.
8. No agrupamento Tabela, em Nome, selecione a tabela Vazao_Tanques.
Figura 214: Tabela do Banco de Dados
9. Clique em OK.
10. Selecione a opo Colunas. A janela Colunas ser exibida.
11. Faa a seguinte configurao nas colunas Etiqueta, Campo, Tipo e Largura.
Figura 215: Colunas
12. Clique em OK.

13. Salve as alteraes feitas e feche a tela BANCO_DADOS.
138
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
22. BANCO DE DADOS/ERP

com o Banco de Dados Access, utilizando a tarefa de Banco de Dados/ERP, que ser
utilizado para o treinamento.
Iremos configurar uma conexo com o Banco de Dados Access para ler/escrever os
valores do Banco.
22.1. CONCEITO
A tarefa de Banco de Dados/ERP usada para associar tags de projetos com campos
de banco de dados externos. Primeiramente deve-se configurar uma conexo com o
banco de dados e, em seguida, construir uma planilha relacionando as tags do projeto
com os campos de banco de dados.
As planilhas de Banco de Dados/ERP permitem a execuo assncrona de operaes
de banco de dados, e elas oferecem uma interface amigvel para a construo de
comandos SQL.

22.2.1. Tags
Inserir Classe.

3. Digite VazaoBancoDados para o nome da Classe.
4. A aba Classe: VazaoBancoDados ser exibida no Editor de Telas/Planilhas.
InduSoft, Ltd.
139
Treinamento Bsico
InduSoft Web Studio
5. Configure o membro sData, sHora e sUsername, do tipo String.
6. Configure os membros rVazao_T0, rVazao_T1, rVazao_T2 e rVazao_T3,
todos do tipo Real.
Figura 217: Membros da Classe vazaoBancoDados
7. Salve as alteraes e feche a aba Classe: VazaoBancoDados.


10. Configure a Tag cVazao, com vetor de tamanho 0, do tipo VazaoBancoDados
(classe criada acima).
Figura 219: Tag cReceita
140
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
22.2.2. Conexo
1. Na aba Tarefas, do Explorador de Projeto, duplo-clique sobre Banco de
Daod/ERP.
2. Clique-direito sobre Conexes, e selecione Inserir.
Figura 220: Inserir Conexo
3. A janela Conexes com Banco de Dados ser exibida.

4. Em Nome, configure Conn.
5. Em String de Conexo, selecione o boto Procurar.
6. Para o Banco de Dados Access, selecione o Provedor Microsoft JET 4.0 OLE
DB PROVIDER.
8. Em Conexo, clique no boto Procurar.
9. Procure o arquivo do Access (controlTanq.mdb) que foi adicionado a pasta da
aplicao anteriormente.
InduSoft, Ltd.
141
Treinamento Bsico
InduSoft Web Studio
Figura 222: Conexo
10. Clique em OK, e OK novamente.
22.2.3. Tarefa de Banco de Dados/ERP

1. Na aba Tarefas, do Explorador de Projeto, clique-direito sobre Banco de
Dados/ERP, e ento selecione Inserir.
Figura 223: Banco de Dados/ERP
2. A aba DB001 ser exibida no Editor de Telas/Planilhas.

3. Em Conexo, selecione Conn.
4. Em Tipo, selecione Tabela.
5. Em Tabela, Configure Vazao_Tanques.
6. Em Selecionar, configure a tag bSelecionarBuffer, do tipo booleana.
7. Em Prximo, configure a tag bSelecionarProx, do tipo booleana.
8. Em Inserir, configure a tag bInserir, do tipo booleana.
142
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
9. Preencha as linhas da Tarefa de Banco de Dados/ERP com os membros da
tag cVazao, relacionando com as colunas do Banco de Dados, conforme a
imagem a seguir:
Figura 224: Planilha Banco de Dados/ERP
22.2.4. Interface do Banco de Dados/ERP

1. Na tela BANCO_DADOS, Configure objetos de Texto, retngulos e botes a
fim de obter a seguinte configurao.
Figura 225: Interface do Banco de Dados/ERP
InduSoft, Ltd.
143
Treinamento Bsico
InduSoft Web Studio
2. So utilizados 5 objetos de texto, trs retngulos e trs botes.
5. Em Tag/Expresso, configure a tag cVazao.sUserName.
6. Selecione a opo Entrada Habilitada para entrar com valores nos textos
durante Runtime.
7. Repita as etapas 3-6 para as Tags cVazao.rVazao_T0, cVazao.rVazao_T1,

cVazao.rVazao_T2, cVazao.rVazao_T3, cVazao.sData, cVazao.sHora. Para
cada texto ser configurado uma tag.
8. Duplo-clique no boto para abrir a janela Propriedades do Objeto.
9. Clique em Comando.
10. Em Tipo, Selecione TagToogle.
11. Em Tag Toggle, configure a tag bSelecionarBuffer.
Figura 227: Tag Toggle
12. Repita as etapas 8-11 para as Tags bSelecionarProx e bInserir. Para cada
boto ser configurado uma tag.
144
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
23. DRIVER
Esta seo explica, usando um tutorial passo-a-passo, como configurar uma tarefa de
Driver e executar a comunicao entre IWS e equipamento, que ser utilizado para o
treinamento.
Iremos configurar uma tarefa de Driver, utilizando o MOTCP (protocolo MODBUS via
TCP/IP) para fazer a comunicao entre algumas tags e endereos.
23.1. CONCEITO
Um driver de comunicao uma DLL que contm informaes especficas sobre o
equipamento remoto e implementa o protocolo de comunicao. Dezenas de drivers
para dispositivos comuns e no to comuns so instalados com o IWS.
A tarefa de Drivers permite definir a interface de comunicao (ou interfaces) entre o
projeto e os equipamentos remotos, tais como um CLP, um single-loop, transmissores
e medidores.
O IWS tambm fornece um kit de ferramentas para desenvolver novos drivers de
comunicao. (Para mais informaes, entre em contato com o Suporte ao Cliente).


InduSoft, Ltd.
145
Treinamento Bsico
InduSoft Web Studio
18. Copie e cole Simulador mod_RSim para essa pasta.
Figura 230: mod_RSim
19. Duplo-clique no simulador para execut-lo.
23.2.2. Adicionando um Driver

1. Na aba Comunicao, do Explorador de Projeto, clique-direito sobre Drivers, e
ento selecione Adicionar/Remover Drivers.
Figura 231: Adicionar/Remover Drivers
2. A janela Drivers de Comunicao ser exibida.

3. Procure o Driver MOTCP.
4. Duplo-clique no Driver MOTCP.
5. O Driver ser adicionado para o grupo Drivers Selecionados.
146
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 232: Adicionar/Remover Drivers
6. Clique em OK.
23.2.3. Planilha Principal do Driver

1. Na aba Comunica, do Explorador de Projeto, duplo-clique sobre Drivers, e
ento duplo-clique sobre MOTCP.
2. Clique-direito sobre PLANILHA PRINCIPAL, e selecione Abrir.
Figura 233: Folha Principal de Driver
3. A aba MOTCP Folha Principal de Driver ser exibida no Editor de

Telas/Planilhas.
4. Em Leitura Completa, configure bLeituraCompleta[0], do tipo booleana.
5. Em Escrita Completa, configure bEscritaCompleta[0], do tipo booleana.
6. Em Estado da Leitura, configure nEstadoLeitura[0], do tipo inteira.
InduSoft, Ltd.
147
Treinamento Bsico
InduSoft Web Studio
7. Em Estado da Escrita, configure nEstadoEscrita[0], do tipo inteira.
8. Em Nome da Tag, configure as tags de Nvel, cTanque[0].rNivel,
cTanque[1].rNivel, cTanque[2].rNivel e cTanque[3].rNivel.
9. Em Estao, configure o IP 127.0.0.1:502.
10. Em Endereo I/O, configure 4X:1, 4X:2, 4X:3 e 4X:4.
Figura 234: Folha Principal de Driver
11. Salve as alteraes feitas e feche a planilha MOTCP-Folha Principal de Driver.
23.2.4. Planilha Padro do Driver

1. Na aba Comunicao, do Explorador de Projeto, duplo-clique sobre Drivers.
2. Clique-direito sobre MOTCP, e ento Inserir.
Figura 235: Folha Padro de Driver
3. A aba MOTCP001 ser exibida no Editor de Telas/Planilhas.

148
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4. Em Leitura Completa, configure bLeituraCompleta[1], do tipo booleana.
5. Em Escrita Completa, configure bEscritaCompleta[1], do tipo booleana.
6. Em Estado da Leitura, configure nEstadoLeitura[1], do tipo inteira.
7. Em Estado da Escrita, configure nEstadoEscrita[1], do tipo inteira.
8. Em Disparo da Leitura, configure bDisparoLeitura, do tipo booleana.
9. Em Disparo da Escrita, configure bDisparoEscrita, do tipo booleana.
10. Em Leitura Automtica e Escrita Automtica, configure bAutomatico, do
tipo booleana.
11. Em Nome da Tag, configure as tags de Nvel, cTanque[0].rPressao,
cTanque[1]. rPressao, cTanque[2]. rPressao e cTanque[3]. rPressao.
12. Em Estao, configure o IP 127.0.0.1:502.
13. Em Cabealho, configure 4X:0.
14. Em Endereo, configure 5, 6, 7, 8.
Figura 236: Folha Padro de Driver
15. Salve as alteraes feitas e feche a planilha MOTCP-Folha Principal de Driver.
23.2.5. Interface da Receita

1. Abra a tela DRIVER.
InduSoft, Ltd.
149
Treinamento Bsico
InduSoft Web Studio
configurao.
Figura 237: Interface do Driver
3. So utilizados quatro retngulos, dez objetos de texto.

6. Em Tag/Expresso, configure a tag bLeituraCompleta[0].
7. Repita as etapas 3-5 para as Tags bEscritaCompleta[0], nEstadoLeitura[0],

nEstadoEscrita[0],
bLeituraCompleta[1],
bEscritaCompleta[1],
nEstadoLeitura[1], nEstadoEscrita[1]. Para cada texto ser configurado uma
tag.
23.2.6. Comandos do Driver

4. Em Legenda, digite Escrita.
8. Em Tag Toggle, configure a tag bDisparoEscrita.
150
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
12. Em Legenda, digite Leitura.
16. Em Tag Toggle, configure a tag bDisparoLeitura.
18. Clique e arraste na tela DRIVER para dar forma ao objeto.
20. Em Legenda, configure Comunicao Automtica.
21. Em Tag, configure a tag bAutomatico.
Figura 239: Comando do Driver
InduSoft, Ltd.
151
Treinamento Bsico
InduSoft Web Studio
24. OPC UA
com um Servidor de OPC UA e executar a comunicao entre IWS e Servidor, que
ser utilizado para o treinamento.
Iremos configurar uma conexo com um servidor OPC UA, utilizando o OPC UA e
configurar uma planilha de OPC UA para fazer a comunicao entre algumas tags do
InduSoft e variveis de Servidor OPC UA.
24.1. CONCEITO
A planilha de OPC UA para se comunicar com qualquer sistema que implementa o
padro OPC UA Server para acesso a dados. Utiliza o novo padro OPC Unified
Architecture introduzida pela Fundao OPC.

1. V em Inicar > Todos os Programas > Unified Automation > UADemoServer e
abra o programa UADemoServer.
Figura 240: Comando do Driver
24.2.2. Conexo
1. Na aba Comunicao, do Explorador de Projeto, duplo-clique sobre OPC UA.
2. Clique-direito sobre Conexes, e selecione Inserir.
152
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 241: Inserir Conexo
3. A janela Configurao do Servidor ser exibida.

4. Em Nome, configure Simulador UADemoServer.
5. Em Ponto Final, configure o ponto final exibido no Simulador.
6. Clique em OK.
24.2.3. Planilha OPC UA

1. Na aba Comunicao, do Explorador de Projeto, clique-direito sobre OPC UA,
e selecione Inserir.
InduSoft, Ltd.
153
Treinamento Bsico
InduSoft Web Studio
Figura 243: Banco de Dados/ERP
11. A aba UACL001 ser exibida no Editor de Telas/Planilhas.

12. Em Conexo, selecione Simulador UADemoServer.
13. Preencha as linhas da planilha de OPC UA com a tag cTanque com os
membros de Temp, relacionando com os itens do Simulador:
14. Na opo Buscar Caminho, duplo-clique para buscar os itens.

15. Ao realizar esse processo, a opo ID N ser preenchida automaticamente
pelo IWS.
154
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
InduSoft, Ltd.
155
Treinamento Bsico
InduSoft Web Studio
25. WEB THIN CLIENT

Esta seo explica, usando um tutorial passo-a-passo, como acessar a aplicao pela
Web, que ser utilizado para o treinamento.
Iremos utilizador um Simulador de Servidor Web disponibilizado pelo InduSoft para
podermos acessar a aplicao pela Web. Primeiramente vamos publicar as pginas
como HTML e ento acess-las utilizando o Internet Explorer.
25.1. CONCEITO
O IWS construdo em uma arquitetura cliente/servidor que pode suportar thin clients.
Um thin client um computador que depende principalmente do projeto servidor em
execuo para o processamento. Ele s precisa ter uma conexo de rede para obter
telas e dados do servidor e um navegador para exibir as telas para o usurio.
O IWS permite a criao de telas que podem ser vistos em uma estao remota em
um navegador regular. A estao de onde o usurio pode visualizar as telas
chamado de thin client .
O software real do IWS instalado apenas na estao servidora. Todos os arquivos
do projeto (banco de dados de tags, os arquivos de tela, e planilhas de tarefas) so
armazenados no servidor, e todas as tarefas em segundo plano e comunicao so
executados no servidor.
O thin client simplesmente carrega a interface grfica do seu projeto (por exemplo, as
telas contendo objetos e animaes), conforme necessrio e, em seguida, usa essa
interface para aprepresentar dados no servidor. Voc no precisa instalar o aplicativo
de desenvolvimento do IWS ou qualquer um dos arquivos do projeto no thin client .
Esta soluo oferece um alto nvel de flexibilidade , porque qualquer computador que
tenha uma conexo de rede para a estao servidor (via TCP/IP) pode acessar o
projeto durante o tempo de execuo.

25.2.1. Servidor Web
1. Para computadores x86, abra o seguinte diretrio: C: > Program Files (x86) >
InduSoft Web Studio v7.1 > Bin
2. Para computadores x64, abra o seguinte diretrio: C: > Program Files >
InduSoft Web Studio v7.1 > Bin
3. Procure o arquivo NTWebServer e copie-o.
156
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
Figura 246: NTWebServer


8. A pasta da aplicao ser aberta, e ento abra a pasta Web.
9. Copie e cole o Simulador NTWebServer para essa pasta.
InduSoft, Ltd.
157
Treinamento Bsico
InduSoft Web Studio
10. Duplo-clique no simulador para execut-lo.
25.2.2. Data Server IP

1. Na aba Projeto, do menu Ribbon, clique sobre a opo Web no agrupamento
Web.
Figura 251: Configurao de Web
2. A janela Configuraes de Projeto ser exibida.

3. Em Data Server IP, configure 127.0.0.1.
4. Clique em OK.
5. Selecione a opo Auto Dimensionar Tela.
25.2.3. Pginas em HTML

1. No Menu de Arquivo, selecione a opo Publicar e ento Salvar Tudo como
HTML.
Figura 252: Salvar telas como HTML
158
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
2. A seguinte mensagem ser exibida:
Figura 253: Habilitar Mdulo TCP/IP
3. Cliquem em Sim para habilitar o mdulo de TCP/IP.

4. A seguinte mensagem ser exibida:
Figura 254: Aviso de Segurana
5. Clique em OK, pois ainda no habilitamos o Sistema de Segurana.
25.2.4. Acessando a aplicao na Web

1. Com o NTWebServer j aberto, execute a aplicao.
Figura 255: Executar a Aplicao
2. Abra o Internet Explorer.

3. No campo de URL, configure http://<IP>/<TelaInicial>.html
4. Para esse treinamento, teremos http://127.0.0.1/Inicial.html
InduSoft, Ltd.
159
Treinamento Bsico
InduSoft Web Studio
5. O Internet Explorer ir comear a baixar os arquvios da aplicao.
Figura 256: Baixando Arquivos
6. Aps baixar todos os arquivos, a aplicao ser aberta no navegador.
Figura 257: Aplicao sendo Visualizada no IE
160
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
26. SEGURANA
Esta seo explica, usando um tutorial passo-a-passo, como configurar o sistema de
segurana, que ser utilizado para o treinamento.
Iremos primeiramente habilitar o Sistema de Segurana e criar dois grupos e usurios.
Um dos grupos e usurios ter acesso total a aplicao (engenharia e runtime)
enquanto o outro grupo e usurio ter limitaes em suas aes no projeto
(engenharia e runtime).
26.1. CONCEITO
O IWS inclui um sistema de segurana que controla como os usurios e grupos de
usurios podem acessar um projeto, durante o desenvolvimento e tempo de execuo.
Quase todos os itens em um projeto (telas, animao de objetos planilhas, tarefas)
pode ser atribudo um nvel de acesso de segurana. Esse nvel de acesso determina
quais grupos de usurios podem editar o item durante o desenvolvimento e/ou usar o
item durante a execuo.
Existem 255 possveis nveis de acesso, permitindo que uma grande quantidade de
granularidade. Cada grupo de usurio configurado com intervalos de nveis para o
desenvolvimento, execuo e faixas dos grupos podem se sobrepor.
Isso significa que, para que um usurio seja capaz de editar e/ou usar um item, o nvel
de acesso do item deve estar dentro do intervalo especificado para o grupo do usurio.

26.2.1. Habilitar Sistema de Segurana
1. Na aba Projeto, do menu Ribbon, clique sobre a opo Configurar no
agrupamento Sistema de Segurana.
Figura 258: Configurao do Sistema de Segurana
2. A janela Assistente de Configuraes do Sistema de Segurana ser exibida.

InduSoft, Ltd.
161
Treinamento Bsico
InduSoft Web Studio
4. Selecione a opo Habilitar Sistema de Segurana.
Figura 259: Habilitar Sistema de Segurana
6. Selecione a opo Local Apenas.
Figura 260: Modo de Segurana
26.2.2. Configurao dos Grupos

1. Selecione a opo Criar/Configurar Grupos.
Figura 261: Configurao dos Grupos
2. Clique em Novo.
3. Configure o nome Adminitrador.
162
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
4. Deixe todas as opes selecionadas por padro.
Figura 262: Grupo Administrador
5. Clique em Novo.
6. Configure o nome Operador.
7. Desmarque as opes de engenharia.
Figura 263: Grupo Operador
InduSoft, Ltd.
163
Treinamento Bsico
InduSoft Web Studio
8. Clique em OK.
26.2.3. Configurao dos Usurios

1. Selecione a opo Criar/Configurar Usurios.
Figura 264: Configurao dos Usurios
2. Clique em Novo.
3. Em Nome de Usurio, configure o nome Administrador.
4. Em Nova Senha, configure Administrador.
5. Em Confirmar Senha, configure Administrador.
6. Selecione o grupo Administrador.
Figura 265: Usurio Administrador
164
Indusoft, Ltd.
Treinamento Bsico
InduSoft Web Studio
7. Clique em OK.
8. Clique em Novo.
9. Em Nome de Usurio, configure o nome Operador.
10. Em Nova Senha, configure Operador.
11. Em Confirmar Senha, configure Operador.
12. Selecione o grupo Operador.
Figura 266: Usurio Operador
13. Clique em OK.

14. Clique em OK.
16. Clique em Concludo.
InduSoft, Ltd.
165

ApostilaTreinamento Básico Indusoft

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

ApostilaTreinamento Básico Indusoft

Enviado por

Direitos autorais:

Formatos disponíveis

Apostila Treinamento Bsico

InduSoft Web Studio

CONCEITOS GERAIS ........................................................................................... 9

Projeto Servidor ................................................................................. 10

Projeto Cliente Embedded .............................................................. 11

Projeto Cliente Thin ......................................................................... 12

CONVENES USADAS NESSE DOCUMENTO .................................... 12

Convenes de texto ......................................................................... 12

Conveno de mouse e seleo ........................................................ 13

Esta documentao usa as seguintes convenes para janelas: ....... 13

VISO GERAL DO PRODUTO ........................................................................ 16

REGISTRANDO O PRODUTO ................................................................. 18

INICIANDO O SOFTWARE ....................................................................... 18

INTERFACE DO USURIO ............................................................................. 19

BARRA DE TTULO .................................................................................. 19

BARRA DE ESTADOS .............................................................................. 20

BOTO DE ARQUIVO .............................................................................. 21

BARRA DE ACESSO RPIDO ................................................................. 21

MENU RIBBON ......................................................................................... 22

Aba Incio ........................................................................................... 22

Aba Visualizar .................................................................................... 22

Aba Projeto ........................................................................................ 23

Aba Grficos ...................................................................................... 24

Aba Formato ...................................................................................... 24

Aba Ajuda .......................................................................................... 25

EXPLORADOR DE PROJETO .................................................................. 25

Aba Global ......................................................................................... 26

Aba Grficos ...................................................................................... 27

Aba Tarefas ....................................................................................... 28

Editor de Tela/Planilha ....................................................................... 30

DATABASE SPY ....................................................................................... 31

JANELA DE SADA ................................................................................... 32

SINTAXE DE NOME DA TAG ................................................................... 34

TIPO DE DADO DA TAG .......................................................................... 35

TAG VETOR ............................................................................................. 35

TAG CLASSE ........................................................................................... 36

TAGS INDIRETAS .................................................................................... 37

CRIANDO UM NOVO PROJETO ..................................................................... 39

TUTORIAL PASSO-A-PASSO .................................................................. 39

ESPECIFICAO DO PROJETO ............................................................. 41

GRUPO DE TELAS E TELAS PRINCIPAIS PARA O TREINAMENTO ............ 42

TUTORIAL PASSO-A-PASSO .................................................................. 42

Tela Superior ..................................................................................... 42

Tela Inferior ........................................................................................ 44

Tela Modelo ....................................................................................... 45

Telas de Navegao .......................................................................... 47

Grupo de Telas .................................................................................. 48

Tela Inicial .......................................................................................... 49

Cor de Fundo ..................................................................................... 50

OBJETOS ATIVOS .......................................................................................... 51

TUTORIAL PASSO-A-PASSO .................................................................. 52

Caixa de Texto ................................................................................... 54

Caixa de Seleo ............................................................................... 55

Boto de Opo ................................................................................. 55

Caixa de Combinao ........................................................................ 56

Caixa de Lista .................................................................................... 56

Mensagem Inteligente ........................................................................ 57

TUTORIAL PASSO-A-PASSO .................................................................. 58

Polgono Aberto ................................................................................. 60

Polgono Fechado .............................................................................. 61

Retngulo Arredondado ..................................................................... 61

TUTORIAL PASSO-A-PASSO .................................................................. 64

OBJETOS DE DADOS ..................................................................................... 66

TUTORIAL PASSO-A-PASSO .................................................................. 66