Conteúdo - InduSoft

Transcrição

Conteúdo - InduSoft
Conteúdo
Conteúdo
INTRODUÇÃO............................................................................................................................ 3
Visão Geral do Produto........................................................................................................ 4
Características do Produto............................................................................................5
Convenções usadas nesse documento............................................................................... 8
INSTALAÇÃO........................................................................................................................... 10
Requisitos do sistema........................................................................................................ 11
Instalando o Software.........................................................................................................14
Iniciando o Software........................................................................................................... 19
Desinstalando o Software...................................................................................................20
O AMBIENTE DE DESENVOLVIMENTO................................................................................. 21
Barra de Título....................................................................................................................22
Barra de Estados................................................................................................................23
Botão de aplicativo............................................................................................................. 24
Barra de Acesso Rápido.....................................................................................................25
Faixa de Opções................................................................................................................ 27
Guia Página Inicial...................................................................................................... 27
Guia Exibição.............................................................................................................. 28
Guia Inserir..................................................................................................................28
Guia Projeto................................................................................................................ 29
Guia Gráficos.............................................................................................................. 29
Guia Formato.............................................................................................................. 30
Guia Ajuda...................................................................................................................31
Project Explorer.................................................................................................................. 32
Guia global.................................................................................................................. 32
Guia Gráficos.............................................................................................................. 33
Guia Tarefas................................................................................................................ 34
Guia Comunicação......................................................................................................36
Editor de Tela/Planilha........................................................................................................38
SOBRE TAGS E O BANCO DE DADOS DO PROJETO......................................................... 39
Compreendendo a Sintaxe de Nome da Tag..................................................................... 41
Escolhendo o Tipo de Dado da Tag................................................................................... 42
Usando Tags Array............................................................................................................. 44
Sobre Tags Indiretas...........................................................................................................48
Lista de Propriedades de Tag.............................................................................................50
Restaurando Banco de Dados de Tags..............................................................................59
InduSoft Web Studio
1
Conteúdo
TUTORIAL: CONSTRUINDO UM PROJETO SIMPLES.......................................................... 60
Criando um novo projeto.................................................................................................... 61
Especificando um tela de inicialização............................................................................... 64
Criando Tags...................................................................................................................... 66
Criando a tela de inicialização............................................................................................68
Desenhando o título da tela de inicialização...............................................................69
Desenhando um botão para abrir outra tela............................................................... 71
Salvando e fechando a tela de inicialização............................................................... 73
Criando a tela sinótica........................................................................................................ 74
Desenhando o título da tela sinótica........................................................................... 74
Desenhando os formatos de "Data" e "Hora"..............................................................75
Colocando um ícone "Exit"..........................................................................................76
Testando o projeto.......................................................................................................78
Colocando um tanque de animação........................................................................... 78
Colocando uma barra de nível.................................................................................... 81
Desenhando um seletor de tanque............................................................................. 82
Testando o projeto.......................................................................................................83
Configurando o driver de comunicação..............................................................................85
Monitorando I/O do dispostivo durante o runtime....................................................... 88
Fazendo o download do seu projeto para um dispositivo Windows Embedded................ 90
Implantando o projeto como uma aplicação web............................................................... 93
2
InduSoft Web Studio
Introdução
Introdução
O InduSoft Web Studio (ou IWS) é uma poderosa ferramenta que explora as
funcionalidades dos sistemas operacionais Microsoft®, e permite construir
aplicações completas SCADA (Sistemas de Supervisão e Aquisição de Dados)
ou IHM (Interface Homem Máquina) para a Indústria de Automação.
Este Guia de Introdução 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 funções básicas do IWS.
InduSoft Web Studio
3
Introdução
Visão Geral do Produto
Os projetos do InduSoft Web Studio são executados em microcomputadores
conectados em tempo real com máquinas ou processadores através de
controladores programáveis, equipamentos de I/O remotos, e outros
equipamentos de aquisição de dados.
Estes projetos consistem de Telas com Interfaces animadas de operação,
drivers configuráveis de CLP (Controlador Lógico Programável) e outros
dispositivos controláveis de I/O, um banco de dados de tags do projeto, e
módulos opcionais como monitores de alarme, lógica, gráficos de tendências,
receitas, organizadores, e um sistema de segurança. Projetos interagem com
sistemas de I/O industriais e outras aplicações 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 estação
de desenvolvimento ou fazer o download do projeto para uma estação de
runtime (usando uma conexão serial ou TCP/IP) e executá-lo usando o
InduSoft Web Studio ou o software de runtime CEView.A estação de trabalho
processa os dados do scan de um equipamento conectado, de acordo com
os parâmetros definidos na aplicação, e então 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 estação de trabalho que
esteja executando um sistema operacional atualmente suportado pelo
Microsoft Windows ou Windows Embedded.
Nota: O cliente runtime para o sistema operacional Windows
Embedded (CEView) é frequentemente pré-carregado na IHM. Se
necessário, você pode atualizar a versão do CEView do software
4
InduSoft Web Studio
Introdução
do sistema de desenvolvimento fazendo o download da versão
atual para a IHM.
Características do Produto
O InduSoft Web Studio oferece as seguintes características:
•
•
Ambiente de desenvolvimento integrado com Windows com barras de
ferramenta, diálogos, e menus:
•
Menus drop-down (pop-up), o qual você ativa clicando com o botão
direito em qualquer área do ambiente de desenvolvimento (as opções
variam de acordo com o contexto.)
•
Barras de ferramentas customizáveis
•
Tarefas, objetos, e controles organizados em um tree-view explore
Objetos e animações com recursos completos (com a capacidade de
modificar as propriedades do objeto, executar comandos, ou inserir
valores para tags usadas para construir telas durante o runtime):
•
Objetos configuráveis como botões, retângulos, elipse, polígonos,
linhas e texto
•
Objetos animados como gráficos de barra, cor, redimensionamento,
posição, mostrar/ocultar, rotação, comando, hiperlink, e entrada e
saída de texto
•
Mostrador com lista de alarme On-Line e histórico
•
Gráficos de tendência On-Line e histórico
•
Alinhamento e ferramentas de distribuição
•
Criação e edição de camadas com fundo de tela bitmap
•
Importação de gráficos
•
Recipientes de objetos ActiveX
•
Gerenciamento e configuração remota
•
Arquitetura compatível com Microsoft DNA, com total suporte a OPC e
XML
•
Permite Interface Web, a qual exporta telas do projeto para um "thin"
client através de Internet/Intranet e por troca de dados on-line através do
protocolo TCP/IP
•
Biblioteca de símbolos com mais de 100 objetos pré-fabricados, como
botões pulsadores, medidores, barra deslizante, chaves, mostradores de
InduSoft Web Studio
5
Introdução
texto e número, indicadores tipo LED, canos, bombas, ícones, veículos,
válvulas, estruturas, motores, manômetros, e controles comuns
•
6
Ferramentas para depuração:
•
Janela de Database Spy para monitorar/forçar valores de tags e
executar funções
•
Módulo LogWin para gravar transações OPC, DDE e TCP/IP, módulos
de ativação, rastreamento de tags e assim por diante
•
Referência Cruzada para localizar tags por todo o projeto
•
Diagnóstico On-Line de rede e sistema
•
Poderoso e flexível banco de dados de tags (Booleana, Inteira, Real, e Tags
String), tags array, classes, e apontadores de tags indiretos
•
Arquitetura aberta com trocas de API e valores de tags com software
externo
•
Editor de Tradução, o qual permite traduzir o projeto em diversas
linguagens, e trocar entre elas enquanto o sistema runtime estiver online
•
Módulos TCP/IP cliente e servidor para trocar valores de tags e configurar
sistemas redundantes
•
Mais de 200 drivers de comunicação direta para diferentes equipamentos
(como CLPs) de diferentes fabricantes; como Allen-Bradley, Siemens,
GE-Fanuc, bem como protocolos padrão como MODBUS RTU/ASCII,
DeviceNet, Profibus, Interbus e assim por diante
•
Total integração com pacotes de controle baseados em PC (importa
Banco de dados de Tags) como ISaGRAF, SteepleChase, Think&Do, Open
Control, FP Control e ASAP.
•
OPC Server e OPC Client com OPC Browser integrado
•
Telas e objetos protegidos por senha no runtime segurança (256 levels)
•
Expressões lógicas e uma linguagem de script com mais de 200 funções
•
Receita e Relatório (formatos ASCII, UNICODE, e RTF) integrados no
produto
•
Scheduler (gerênciador de eventos) baseados na data, tempo ou condição
de dados (resolução de 100ms)
•
Projetos Multi-layer (camadas múltiplas), o que significa que planilhas
modulares e telas podem ser mesclados facilmente com outros projetos
•
Funções Dial-Up para acionar, monitorar, e suspender uma conexão dialup com o servidor RAS de estações remotas
InduSoft Web Studio
Introdução
•
Funções para mandar e-mail do IWS (ou CEView)
•
Documentação do projeto em tempo real
•
Conversor de resolução de telas
Nota: IWS disponibiliza diferentes tipos de produtos para cada
nível de responsabilidade do projeto. Entretanto, o IWS não suporta
algumas características de certos tipos de produtos (assim como
CEView). Você pode revisar o documento TargetVersions.pdf no
DVD de instalação do IWS para obter informações detalhadas sobre
estas limitações de cada tipo de produto.
InduSoft Web Studio
7
Introdução
Convenções usadas nesse documento
Esta documentação utiliza formatação e terminologia padronizada para
tornar mais fácil o entendimento de todos os usuários.
Convenções de texto
Esta documentação utiliza formatação de texto especial para ajudar você a
identificar rapidamente alguns itens:
•
Títulos, etiquetas, novos termos, e mensagens são indicadas usando texto
itálico (por exemplo, Propriedades do objeto).
•
Nomes de arquivos, texto da tela, e o texto que você deve digitar são
indicados usando texto monospace (por exemplo, D:\Setup.exe ).
•
Botões, opções de menu, e teclas de teclado são indicados usando um
estilo negrito (por exemplo, menu Arquivo ).
Além disso, este documento separa alguns textos em caixas Dica, Nota, e
Atenção:
•
Dicas fornece informações úteis para poupar tempo de desenvolvimento
ou para melhorar o desempenho do projeto.
•
Notas fornece informações adicionais que podem tornar mais fácil a
compreensão do texto próximo, geralmente o texto antes da nota.
•
Atenção fornece as informações necessárias para evitar erros que podem
causar problemas durante a execução do projeto, e que possa resultar em
danos.
Convenção de mouse e seleção
Como a maioria dos computadores utilizados para o desenvolvimento do
projeto executam uma versão do Microsoft Windows com um mouse, esta
documentação pressupõe que você está usando um mouse.Geralmente,
um mouse de computador é configurado para ser usado com a mão-direita,
então o botão da esquerda é o botão primário e o botão da direita é o botão
secundário.
Esta documentação usa as seguintes convenções para mouse e seleção:
8
•
Clicar e Selecionar, ambos significam para clicar uma vez no item com
o botão esquerdo do mouse.No geral, você clica nos botões e seleciona os
menus e listas.
•
Duplo-clique significa clicar rapidamente duas vezes em um item com o
botão esquerdo do mouse.
InduSoft Web Studio
Introdução
•
Clique-direito significa clicar uma vez em um item com o botão direito do
mouse.
•
Selecionar também 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 seção.Para selecionar itens com seu teclado, você
geralmente usa a tecla Tab para mover as opções, a tecla Enter para abrir
menus, a tecla Alt e uma letra para a seleção de um objeto que tem uma
letra sublinhada.
•
Arrastar significa pressionar o botão apropriado do mouse e movê-lo
antes de soltar o botão.Normalmente, um esboço do item irá mover com o
cursor do mouse.
Convenções de Janelas
Esta documentação usa as seguintes convenções para janelas:
•
diálogo (ou diálogos) são janelas que permitem configurar opções e inserir
texto.
•
Caixas de texto são áreas no diálogo onde você pode digitar um texto.
•
Botões de Radio são círculos brancos onde um ponto preto aparece e
desaparece quando você clica no botão. Normalmente, o ponto indica que
a opção ou função está habilitada (selecionada). Sem ponto indica que a
opção ou função está desabilitada (não selecionada).
•
Caixa de seleção são quadrados brancos onde um check (
) aparece
ou desaparece quando você o clica com o cursor. Normalmente, um check
indica que a opção ou função está habilitada (selecionada). Sem check
indica que a opção ou função está desabilitada (não selecionada).
•
Botões são ícones em caixas e aparecem "pressionado" quando você clica
sobre eles.
•
Listas são painéis (caixas brancas) nas janelas ou caixas de diálogo
contendo duas ou mais opções selecionáveis.
•
Caixas de Combinação possuem setas que, quando clicado, mostram
parte ou a totalidade de uma outra lista oculta.
•
Janelas Acopláveis são janelas que você pode arrastar para uma borda
da interface e mesclar com essa borda.
InduSoft Web Studio
9
Instalação
Instalação
Esta seção fornece instruções para instalar, iniciar e desinstalar InduSoft
Web Studio and CEView.
10
InduSoft Web Studio
Instalação
Requisitos do sistema
Estes são os requisitos mínimos de sistema para instalar e executar o
software InduSoft Web Studio.
Nota: Os requisitos descritos a seguir são baseados em projetos
típicos.Dependendo do seu projeto específico, as exigências podem
variar:
•
"Dispositivos compatíveis com o Windows Embedded e Windows
Mobile " incluem uma grande variedade de processadores
e conjunto de recursos, de smartphones até displays
industriais.Consulte o seu fornecedor para as necessidades
específicas de hardware para executar seu projeto nestes
dispositivos.
•
Dependendo do seu projeto, alguns dos itens listados como
opcional podem ser obrigatórios.Por exemplo, se você precisar
trocar dados com um CLP através de uma interface serial, o
computador deve ter uma porta serial.
Desenvolvimento
Para instalar e executar o aplicativo de desenvolvimento, você deve ter:
•
Um computador compatível 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 versões
•
Microsoft Windows Server 2003 Service Pack 2 ou posterior
•
Microsoft Windows Server 2008, todas versões
•
Microsoft Internet Explorer 6.0 ou posterior
•
Mínimo de 500MB de espaço livre no disco rígido
•
Adaptador Ethernet ou rede sem fio
InduSoft Web Studio
11
Instalação
•
DVD-ROM (opcional, para instalar o aplicativo, mas também pode ser
baixado do nosso site)
•
Porta USB (opcional, para ser usado com licença hardkey)
•
Portas seriais COM e adaptadores (opcional, a ser utilizado para
comunicação direta com dispositivos)
Dica: Qualquer estação que tenha o aplicativo de desenvolvimento
instalado também pode funcionar como um servidor de projeto e /
ou cliente de um projeto.
Projeto Servidor
Para executar como projeto servidor, você deve ter:
•
Um computador compatível com Windows ou Windows embedded
•
Um desktop Windows, servidor ou sistema operacional embedded 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 versões
•
Microsoft Windows Server 2003 Service Pack 2 ou posterior
•
Microsoft Windows Server 2008, todas versões
•
Microsoft Windows XP Embedded Service Pack 3
•
Microsoft Windows Embedded Standard 7 (2009)
•
Microsoft Windows Embedded Compact (anteriormente conhecido
como Windows CE), versão 5.0 ou posterior
Dica: Recomendamos as edições "Professional" e "Ultimate"
sobre as edições "Home" e "Media Center", porque incluem o
Internet Information Services (IIS) que pode ser usado como
servidor Web de seu projeto.
12
•
Mínimo de 500MB de espaço livre no disco rígido
•
Adaptador Ethernet ou rede sem fio
•
Porta USB (opcional, para ser usado com licença hardkey)
•
Portas seriais COM e adaptadores (opcional, a ser utilizado para
comunicação direta com dispositivos)
InduSoft Web Studio
Instalação
Projeto Cliente – Embedded
Para executar como um cliente do projeto usando CEView, você deve ter:
•
Um Windows Embedded ou dispositivo compatível 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:
•
•
Microsoft Windows XP Embedded Service Pack 3
•
Microsoft Windows Embedded Standard 7 (2009)
•
Microsoft Windows Embedded Compact (anteriormente conhecido
como Windows CE) ou Windows Mobile, versão 5.0 ou posterior
Adaptador Ethernet ou rede sem fio
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 compatível 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:
•
Microsoft Windows XP Service Pack 3 ou posterior
•
Microsoft Windows Vista Service Pack 1 ou posterior
•
Microsoft Windows 7, todas versões
•
Microsoft Windows Server 2003 Service Pack 2 ou posterior
•
Microsoft Windows Server 2008, todas versões
•
Microsoft Windows XP Embedded Service Pack 3
•
Microsoft Windows Embedded Standard 7 (2009)
•
Microsoft Windows Embedded Compact (anteriormente conhecido
como Windows CE) ou Windows Mobile, versão 5.0 ou posterior
•
Microsoft Internet Explorer 6.0 ou posterior
•
Adaptador Ethernet ou rede sem fio
InduSoft Web Studio
13
Instalação
Instalando o Software
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, ou Windows 7.
Para maiores informações, veja Requisitos do sistema.
Você pode instalar o aplicativo de desenvolvimento a partir do download
da Web ou a partir do DVD de instalação do InduSoft Web Studio. Para
execução 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 instalação do IWS cria um dirétorio conforme necessário,
copia os arquivos para o seu disco rígido, e cria o ícone do InduSoft Web
Studio no seu desktop Windows.
Nota:
•
Você deve ter privilégios de administrador no PC para instalar ou
desinstalar o aplicativo de desenvolvimento.
•
Você deve desinstalar uma versão antiga do aplicativo de
desenvolvimento (ou movê-lo para um diretório diferente) antes
de instalar uma nova versão.Além disso, você não pode instalar
a mesma versão do aplicativo de desenvolvimento em dois
caminhos diferentes no mesmo PC.
As instruções para instalação do InduSoft Web Studio e CEView são
fornecidos nas duas seções seguintes:
Instalando o aplicativo de desenvolvimento no seu PC Windows
Para instalar o aplicativo de desenvolvimento do IWS do DVD de instalação:
1. Ligue o seu PC e certifique-se que não há outros programas em execução.
2. Insira o DVD de instalação no drive de DVD-ROM do seu PC.
Internet Explorer deve ser executado automaticamente e mostrar a tela
de boas vindas do DVD. Se isso não acontecer - por exemplo, se você tem
a opção de Autorun desligada nas opções do Windows - então 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.
14
InduSoft Web Studio
Instalação
O Internet Explorer irá perguntar se você quer executar ou salvar o
instalador.
4. Clique Executar.
O Assistente Wizard do Produto irá começar.
5. Siga as instruções do Wizard para prosseguir com a instalação.
6. Quando finalizar a instalação, selecione Sim, Eu quero reiniciar o meu computador
agora e então clique OK.
Depois que o seu PC reiniciar, você pode executar o aplicativo de
desenvolvimento. Veja Iniciando o Software para instruções.
Nota: Quando você instala o aplicativo de desenvolvimento,
Microsoft. NET Framework 2.0 e alguns outros utilitários também
são instalados para suportar as funcionalidades do IWS. Seu PC
pode ter versões posteriores do .NET Framework já instalado, mas
não há motivo para preocupação, porque várias versões do. NET
Framework não devem entrar em conflito umas com as outras.
Você pode ver quais versões estão instaladas no seu PC abrindo o
Adicionar ou Remover Programas (Iniciar > Painel de Controle > Adicionar
ou Remover Programas).
Para maiores informações sobre o Microsoft .NET Framework, veja
Banco de Dados Appendix A: Usando Bancos de Dados ODBC.
Instalando o CEView no seu equipamento com Windows Embedded
O CEView é o mecanismo de runtime para projetos do IWS em equipamentos
Windows Embedded. O CEView deve ser instalado no seu dispositivo antes
de enviar seu projeto para ele.
Onde os Arquivos Estão Localizados
Dada a natureza dos dispositivos Windows Embedded, cada combinação de
versão do SO e processador do dispositivo tem sua própria versão do CEView.
Todas essas versões estão localizadas no seguinte diretório:
Redist\
A compilação para o seu dispositivo específico está localizado no seguinte
diretório:
Redist\version\processor\
InduSoft Web Studio
15
Instalação
…onde:
•
•
version é a versão do sistema operacional do dispositivo onde o CEView
será instalado:
•
A pasta \WinCE 5.0 contém os arquivos para Windows CE e Windows
Mobile 5.0 ou posterior; e
•
A pasta \WinEmbedded contém os arquivos para Windows XP
Embedded e Windows Embedded 7.
processor é o processador usado pelo seu dispositivo Windows CE.
Nós fornecemos um runtime do CEView para qualquer processador que
seja suportado atualmente pelo sistema operacional Windows CE (e.g.,
Pocket2003-ArmV4, ArmV4i, x86). Para obter mais informações, consulte
a documentação do fabricante para o dispositivo.
Para instalar os arquivos no seu dispositivo, use a ferramenta Gerenciamento
Remoto no seu aplicativo de desenvolvimento.
Instalando via TCP/IP (Ethernet)
Dica: Nós recomendamos usar TCP/IP sempre que possível.
Para instalar o CEView em um dispositivo Windows Embedded via conexão
TCP/IP (Ethernet):
1. Verifique se o seu dispositivo Windows Embedded está conectado à rede.
2. Ligue o dispositivo.
O diálogo Agente Remoto deve abrir automaticamente. Se isso
não acontecer, então você deve instalar o arquivo manualmente
CEServer.exe no seu dispositivo. O arquivo está localizado aqui:
Redist\version\processor\CEServer.exe
Existem diferentes maneiras de instalar o arquivo - por exemplo, você
pode usar o Microsoft ActiveSync (para o Windows 2000 e Windows
XP) ou Windows Mobile Device Center (para Windows Vista) para
se comunicar diretamente com o dispositivo ou você pode mapear o
dispositivo como uma pasta compartilhada em seu PC. Para obter
mais informações sobre como copiar e executar arquivos, consulte a
documentação do fabricante para o dispositivo.
3. No diálogo Agente Remoto, clique Configurar e então configure a
comunicação para o equipamento conectado à rede. Em particular, anote
o endereço IP do dispositivo.
4. Inicie o aplicativo de desenvolvimento em seu PC.
16
InduSoft Web Studio
Instalação
5. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Remoto ,
clique Conectar. O diálogo Gerenciamento Remoto será mostrado:
Diálogo Gerenciamento Remoto
6. Na caixa de Sistema de Destino, selecione Network IP e então digite o
endereço IP do seu equipamento.
7. Clique Conectar para estabelecer conexão entre o aplicativo de
desenvolvimento e o equipamento.
Se a conexão for bem sucedida, então as especificações do dispostivo
serão mostradas na caixa de texto Plataforma .
8. Clique Instalar Arquivos de Sistema para fazer o download dos arquivos CEView
para o dispostivo.
9. Quando a instalação terminar, clique Desconectar.
Para obter mais informações sobre como baixar e executar projetos no
dispostivo Windows Embedded, consulte Gerenciamento Remoto.
Instalando via Microsoft ActiveSync
Para instalar CEView em um dispositivo Windows Embedded via Microsoft
ActiveSync:
1. Certifique-se que o Microsoft ActiveSync (para o Windows 2000 e
Windows XP) ou Windows Mobile Device Center (para Windows Vista) está
instalado no seu PC.
2. Ligue o dispositivo Windows Embedded e conecte-o ao seu PC. A maioria
dos dispositivos deve ser capaz de se conectar via USB.
3. Inicie o aplicativo de desenvolvimento em seu PC.
InduSoft Web Studio
17
Instalação
4. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Remoto ,
clique Conectar. O diálogo Gerenciamento Remoto será mostrado.
5. Na caixa de Sistema de Destino , selecione Microsoft ActiveSync.
6. Clique Conectar para estabelecer conexão entre o aplicativo de
desenvolvimento e o equipamento.
Se a conexão for bem sucedida, então as especificações do dispositivo
serão mostradas na caixa de texto Plataforma .
7. Clique Instalar Arquivos de Sistema para fazer o download dos arquivos CEView
para o dispostivo.
8. Quando a instalação terminar, clique Desconectar.
Nota: Em alguns casos, a ferramenta Gerenciamento Remoto pode
não ser capaz de se conectar através do Microsoft ActiveSync em
um dispositivo Windows CE 6.0 ou posterior. Isto é devido a um
problema na configuração padrão do Windows CE 6.0. Você pode
corrigir o problema usando um pequeno utilitário que acompanha o
IWS. O utilitário está localizado em:
Redist\ActiveSyncUnlock.exe
Copie esse arquivo para o dispositivo usando a versão stand-alone
do Microsoft ActiveSync e então execute o arquivo no dispositivo.
Não importa onde o arquivo está localizado no dispositivo.(Para
obter mais informações sobre como copiar e executar arquivos,
consulte a documentação do fabricante para o dispositivo.) Quando
isso for feito, tente novamente usar a ferramenta de gerenciamento
remoto para se conectar ao dispositivo.
Para obter mais informações sobre como baixar e executar projetos
no dispostivo Windows Embedded, consulte Gerenciamento
Remoto.
18
InduSoft Web Studio
Instalação
Iniciando o Software
Para executar InduSoft Web Studio:
•
Duplo-clique no ícone InduSoft Web Studio v7.0 do seu desktop; ou
•
Escolha Start > All Programs > InduSoft Web Studio v7.0 > InduSoft Web Studio v7.0.
Dica: Você pode executar o aplicativo de desenvolvimento do IWS
em qualquer configuração de vídeo. No entanto, recomendamos que
você use as configurações de vídeo para uma resolução de 800x600
(ou superior) e use mais de 256 cores para um ambiente mais
agradável. A resolução do projeto (tamanho da tela) é independente
da resolução do sistema operacional.
InduSoft Web Studio
19
Instalação
Desinstalando o Software
Atenção: Antes de iniciar o procedimento de desinstalação,
certifique-se de fazer o backup de qualquer arquivo de programa
que pode ser útil mais tarde. Além disso, tenha certeza de que
você tem uma versão atual (ou superior) do DVD de instalação do
IWS para que você possa reinstalar o software posteriormente, se
necessário.
Se você achar necessário remover o IWS do seu sistema, siga estas
instruções:
1. A partir da barra de tarefas do Windows, selecione Iniciar > Configurações >
Painel de Controle para abrir o Painel de Controle.
2. Duplo-clique no ícone Adicionar/Remover Programas na janela do Painel de
Controle .
3. Quando aparecer a caixa de diálogo Adicionar/Remover Programas ,
selecione InduSoft Web Studio da lista e clique Adicionar/Remover.
4. Quando o diálogo Confirmar exclusão do arquivo aparecer, clique Sim.
Os diálogos Uninstall Shield Wizard e o Remover Programas do seu
Computador serão mostrados.
5. Quando a mensagem Desinstalação Concluída com Êxito for
mostrada e o botão OK ficar ativo, clique OK .
Verifique se InduSoft Web Studio não está mais na lista do diálogo
Adicionar/Remover Programas .
6. Clique no botão Cancelar ou no botão de fechar (
), para fechar o diálogo
Adicionar/Remover Programas , então feche a janela do Painel de Controle
.
7. Abra o Windows Explorer e procure o diretório de programa do IWS .
8. Verifique que todos os arquivos e pastas do IWS foram deletados. (Você
deve deletar manualmente qualquer um que sobrou.)
Nota: A ferramenta de desinstalação não pode deletar arquivos que
você tenha criado ou modificado na pasta de projetos do IWS .
Você deve ter privilégios de administrador para desinstalar (e
instalar) o InduSoft Web Studio.
20
InduSoft Web Studio
O Ambiente de Desenvolvimento
O Ambiente de Desenvolvimento
O InduSoft Web Studio incorpora uma moderna interface, baseada na Faixa
de Opções do Windows para fornecer um integrado e amigável ambiente de
desenvolvimento.
O ambiente de desenvolvimento do IWS
InduSoft Web Studio
21
O Ambiente de Desenvolvimento
Barra de Título
A barra de título 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).
Exemplo de Barra de Título
A Barra de Título também oferece os seguintes botões (da esquerda para a
direita):
•
Botão 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:
•
•
Botão Restaurar Abaixo
(padrão).
•
Botão Maximizar
computador.
reduz a janela ao seu tamanho original
amplia a janela para preencher a tela do
Botão Fechar : Clique para salvar o Banco de Dados e então feche
o ambiente de desenvolvimento. Se você modificou qualquer tela ou
planilha, o aplicativo solicitará que você salve seu trabalho. A função
deste botão é semelhante a clicar Sair da Aplicação no menu do Aplicativo.
Nota: Fechando o ambiente de desenvolvimento não fecha o
visualizador de projeto ou o sistema de runtime, se eles estão
executando.
22
InduSoft Web Studio
O Ambiente de Desenvolvimento
Barra de Estados
A Barra de Estados localizada na parte inferior do ambiente de
desenvolvimento fornece informações sobre a tela ativa (se houver) e o estado
do aplicativo.
Exemplo de Barra de Estados
Os campos da Barra de Estados (da esquerda para a direita) estão descritos
na tabela a seguir:
Campo
Descrição
Modo de execução
O atual Modo de execução da aplicação.
CAP
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).
Object ID
O número de identificação de um objeto selecionado
da tela.
Posição do Cursor
A localização do cursor na tela ativa ou planilha. Se
é uma tela, então a posição do cursor do mouse é
dada como coordenadas X, Y, onde X é o número de
pixels da borda esquerda da tela e Y é o número de
pixels da borda superior da tela. Se for uma planilha,
então a posição do cursor de texto é dada como linha
e coluna.
Tamanho do objeto
O tamanho (em pixels) de um objeto selecionado da
tela, onde W é a largura e H é a altura.
No DRAG
Indica se o drag (arrastador) está desativado (No
DRAG) ou ativado (vazio) na tela ativa.
Contador de Tag
O número total de tags utilizadas até o momento no
projeto.
InduSoft Web Studio
23
O Ambiente de Desenvolvimento
Botão de aplicativo
O botão de aplicativo abre um menu de comandos padrão do aplicativo do
Windows, como Novo, Abrir, Salvar, Imprimir e Fechar.
Botão de aplicativos abre o menu de comandos
24
InduSoft Web Studio
O Ambiente de Desenvolvimento
Barra de Acesso Rápido
A Barra de Acesso Rápido é uma barra de ferramentas personalizável que
contém um conjunto de comandos que são independentes da guia da faixa de
opções que está sendo exibida.
Mova a Barra de Acesso Rápido
A Barra de Acesso Rápido pode estar localizada em um dos dois lugares:
•
Canto superior esquerdo ao lado do botão de aplicativo (local padrão); ou
•
Abaixo da faixa de opções, onde ela pode ser executada no tamanho total
da tela de aplicação.
Se você não quiser que a Barra de Acesso Rápido seja exibida em seu local
atual, você pode movê-la para outro local :
1.
Clique Customizar Barra de Acesso Rápido
.
2. Na lista, clique Mostrar Abaixo da Faixa de Opções ou Mostrar Acima da Faixa de
Opções.
Adicione um comando a Barra de Acesso Rápido
Você pode adicionar um comando à Barra de Acesso Rápido diretamente a
partir de comandos que são exibidos na faixa de opções:
1. Na faixa de opções, clique na guia apropriada ou grupo para exibir o
comando que você deseja adicionar a Barra de Acesso Rápido.
2. Clique no comando e, em seguida, clique em Adicionar para Barra de
Acesso Rápido no menu de atalho.
Você também pode adicionar e remover comandos - bem como repor a barra
de ferramentas para seu padrão - usando o diálogo Customizar :
1.
Clique Customizar Barra de Acesso Rápido
.
InduSoft Web Studio
25
O Ambiente de Desenvolvimento
2. Na lista, clique Mais Comandos. O diálogo Customizar é mostrado.
Diálogo Customizar Barra de Acesso Rápido
3. No menu Escolher comandos da , selecione a guia apropriada da Faixa de
Opções. Os comandos dessa guia são mostrados na lista de Comandos .
4. Na lista de Comandos , selecione o comando que você quer adicionar à
Barra de Acesso Rápido.
5. Clique Adicionar.
Apenas comandos podem ser adicionados na Barra de Acesso Rápido. O
conteúdo da maioria das listas, como o travessão e o espaçamento entre
valores e estilos individuais, que também aparecem na faixa de opções, não
pode ser adicionado à Barra de Acesso Rápido.
26
InduSoft Web Studio
O Ambiente de Desenvolvimento
Faixa de Opções
A nova faixa de opções combina os numerosos menus e barras de
ferramentas da versão anterior do IWS, em uma única e amigável interface.
Quase todos os comandos do aplicativo são agora na faixa de opções,
organizada em abas e grupos de acordo com o uso geral.
A interface da Faixa de Opções
Guia Página Inicial
A guia Página Inicial da faixa de opções é usada para gerenciar o seu projeto
dentro do ambiente de desenvolvimento.
Guia Página Inicial da faixa de opções
As ferramentas estão organizadas nos seguintes grupos:
•
Área de transferência: Cortar, copiar, colar, e procurar itens nas telas do
projeto e planilhas de tarefa.
•
Gerenciamento Local: Executar e parar o projeto na estação local (i.e., onde
a aplicação de desenvolvimento está instalada), bem como gerenciar as
Tarefas em execução.
•
Gerenciamento Remoto: Conectar a uma estação remota (e.g., um dispositivo
Windows Embedded) então você pode fazer o download do projeto, e então
executar, parar, e solucionar problemas do projeto nessa estação.
•
Ferramentas: Ferramentas diversas para verificar o projeto, importar tags de
outros projetos, converter resolução de tela, e registrar controles ActiveX
e .NET.
•
Tags: Manipular tags e propriedades de tags no banco de dados do projeto.
InduSoft Web Studio
27
O Ambiente de Desenvolvimento
Guia Exibição
A guia Exibição da faixa de opções é usada para personalizar a aparência do
ambiente de desenvolvimento em si.
Guia Exibição da faixa de opções
As ferramentas estão organizadas nos seguintes grupos:
•
Mostrar/Ocultar: Mostrar e ocultar as diferentes partes do ambiente de
desenvolvimento, bem como restaurar o formato padrão.
•
Zoom: Zoom adentro e para fora do editor de tela.
•
Opções: Alterar a linguagem e fonte usada no ambiente de
desenvolvimento.
•
Janela: Organize as janelas no ambiente de desenvolvimento.
Guia Inserir
A guia Inserir da faixa de opções é usada para inserir novas tags, telas,
planilhas, e outros componentes em seu projeto.
Guia Inserir da faixa de opções
As ferramentas estão organizadas nos seguintes grupos:
28
•
Global: Inserir tags, Classes, traduções, e procedimentos para a Guia
Global do Project Explorer.
•
Gráficos: Inserir telas e grupo de telas para a Guia Gráficos do Project
Explorer.
•
Planilhas de Tarefas: Inserir planilhas de tarefas para a Guia Tarefas do
Project Explorer.
InduSoft Web Studio
O Ambiente de Desenvolvimento
•
Comunicação: Inserir configurações de servidor e planilhas de comunicação
para a Guia Comunicação do Project Explorer.
Guia Projeto
A guia Projeto da faixa de opções é usada para configurar as definições de seu
projeto.
Guia Projeto da faixa de opções
As ferramentas estão organizadas nos seguintes grupos:
•
Configurações: Configurar as Configurações do Projeto, e também definir o
projeto para executar como um serviço do Windows.
•
Sistema de Segurança: Habilitar e configurar o sistema de segurança do
projeto.
•
Web: Configurar o projeto para aceitar conexões de thin clients e
dispositivos móveis, e também configurar a saída de email e FTP.
Guia Gráficos
A guia Gráficos da faixa de opções é usada para desenhar telas do projeto.
Guia Gráficos da faixa de opções
Nota: Esta guia está disponível somente quando você tem uma tela
de projeto aberto para edição.
As ferramentas estão organizadas nos seguintes grupos:
InduSoft Web Studio
29
O Ambiente de Desenvolvimento
•
Tela: Defina as configurações para a tela do projeto em si, como seus
atributos, script, e cor de fundo ou imagem.
•
Edição: Selecione e edite objetos na tela do projeto.
•
Formas: Desenhar linhas estáticas e formas.
•
Objetos Ativos: Desenhar objetos ativos, como botões e caixas de seleção.
•
Objetos de Dados: Desenhar objetos que exibem dados históricos, como
alarmes, eventos, e tendências.
•
Bibliotecas: Selecione a partir de uma biblioteca de objetos pré fabricados,
como símbolos, .NET e controles ActiveX, e arquivos externo de imagem.
•
Animações: Aplicar animações para outros objetos de tela.
Guia Formato
A guia Formato da faixa de opções é usado para formatar e organizar os
objetos em uma tela de projeto.
Guia Formato da faixa de opções
Nota: Esta guia está disponível apenas quando você tiver
selecionado um ou mais objetos em uma tela de projeto.
As ferramentas estão organizadas nos seguintes grupos:
30
•
Organizar: Organizar objetos em uma tela de projeto, incluindo trazer para o
topo e enviar para o fundo, agrupar, alinhar, e rotacionar.
•
Posição: Ajustar precisamente a posição 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.
InduSoft Web Studio
O Ambiente de Desenvolvimento
Guia Ajuda
A guia Ajuda da faixa de opções fornece ajuda adicional para o uso do
software.
Guia Ajuda da faixa de opções
As ferramentas estão organizadas nos seguintes grupos:
•
Documentação: Acesso a documentação para o desenvolvimento de
aplicações, incluindo este arquivo ajuda / referência técnica e notas para
os drivers de comunicação individuais.
•
Informação: Acessar outras informações sobre InduSoft Web Studio,
incluindo contrato de licença, website do produto, e notas de lançamento,
assim como detalhes de sistema e suporte que tornam mais fácil para o
Suporte ao Cliente ajudá-lo.
InduSoft Web Studio
31
O Ambiente de Desenvolvimento
Project Explorer
O Project Explorer organiza todas as telas, planilhas e outros componentes
que compõem o seu projeto e apresenta-os em uma exibição em árvore de
visualização expansível.
O Project Explorer
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 botão direito em qualquer componente do Project
Explorer, um menu de atalho é exibido com opções para esse componente.
Guia global
A guia Global do Project Explorer contém o banco de dados de tags do projeto,
bem como outras características que se aplicam a todo o projeto como
segurança, e a tradução da interface do usuário.
Guia Global do Project Explorer
As pastas na guia Global são descritos nas páginas seguintes:
32
InduSoft Web Studio
O Ambiente de Desenvolvimento
•
Tags do Projeto contém as tags que você cria durante o desenvolvimento
do projeto (como tags de tela ou tags que lêem do/escrevem para o
equipamento de campo).
•
Classes contém 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 contém tags que foram criadas em um
programa de controle baseado em PC e então importada para o banco de
dados de tag do projeto.
Por exemplo, você pode importar tags SteepleChase para o projeto
então pode ler/escrever dados de um produto de controle baseado em
SteepleChase.
•
Tags de Sistema contém tags predefinidas com funções predeterminadas
que são usadas pelo projeto para tarefas específicas do supervisório (por
exemplo, tag Date tem a data atual em formato string).
Todas as tags do sistema são de apenas leitura, o que significa que você
não pode adicionar, editar ou remover essas tags do banco de dados.
•
Segurança contém todas as contas de usuário de segurança individuais e
grupo, configuradas para o projeto atual.
•
Procedimentos contém funções e sub-rotinas em VBScript que podem ser
chamadas por qualquer outro script no projeto.
•
Log de Eventos contém registro e recuperação de recursos de eventos.
•
Tradução contém a planilha de tradução que define como a interface de
usuário do projeto deve ser traduzida para outra linguagem.
Guia Gráficos
A guia Gráficos do Project Explorer contém todas as telas, grupo de telas, e
símbolos no seu projeto.
Guia Gráficos do Project Explorer.
InduSoft Web Studio
33
O Ambiente de Desenvolvimento
As pastas na guia Gráficos são descritas nas seguintes páginas:
•
Telas contém todas as telas criadas para o seu projeto atual.
•
Grupo de Telas contém todos grupos de telas (telas individuais combinadas
em grupos gerenciáveis) criadas para o projeto atual.
•
Páginas Web contém todas páginas da Web (i.e., telas salvas em formato
HTML) criadas para o projeto.
•
Acesso Móvel permite configuração de um mini-site que é próprio para
celulares, PDAs, e outros dispositivos móveis.
•
Símbolos de Projeto contém todos os símbolos definidos pelo usuário, que
podem ser grupos de imagens e/ou texto. Você pode criar símbolos
customizados para o projeto e salvá-los nesta pasta.
•
Scripts Gráficos contém funções predefinidas que são executadas quando
certas ações ocorrem na tela, como quando o Thin Client é lançado em
uma estação remota.
•
Símbolos contém a biblioteca de símbolos e gráficos comuns providos
com o projeto. Duplo-clique no ícone Biblioteca para abrir a Biblioteca de
Símbolos.
•
Formato mostra todas as telas atualmente abertas no Editor de Telas e
permite visualizar como as telas se juntam durante a execução do projeto.
Guia Tarefas
A guia Tarefas do Project Explorer organiza as planilhas que são processadas
como tarefas em segundo plano durante a execução do projeto.
Guia Tarefas do Project Explorer
As pastas na guia Tarefas são descritas nas seguintes páginas:
•
34
Alarmes contém as planilhas de Alarme usadas para configurar grupos de
alarme e as tags relacionadas para cada grupo de alarme no projeto. Você
InduSoft Web Studio
O Ambiente de Desenvolvimento
também usa as Tarefas de Alarme para definir as mensagens de alarme
geradas durante a execução do projeto.
•
Gráfico de Tendência contém as planilhas de Tendência usadas para
configurar grupos de histórico que armazenam curvas de tendência para o
projeto. Você pode usar as Tarefas de Tendência para declarar quais tags
precisam ter seus valores armazenados no disco, e para criar arquivos de
histórico para gráficos de tendência. Seu projeto armazena as amostras
em um arquivo de histórico binário (*.hst), e mostra histórico e amostras
online em uma tela com gráfico de tendência.
•
Receitas contém as planilhas de Receitas usadas para configurar como os
dados são trocados entre o banco de dados do projeto e arquivos do disco
em formato ASCII ou DBF, e como valores são transferidos entre arquivos
e memória real-time.
•
Relatórios contém as planilhas de Relatório usadas para configurar
relatórios (tipo texto) que são enviadas para uma impressora ou um disco.
Tarefas de Relatório permitem que você configure relatórios de texto
com os dados do sistema, o que torna a criação de relatórios mais fácil e
eficiente.
•
ODBC contém as planilhas ODBC usadas para configurar como a interface
ODBC executa em um ambiente de rede e usa a configuração padrão do
Windows ODBC. Você configura funções ODBC para trocar dados entre
seu projeto e de qualquer banco de dados de suporte a interface ODBC.
•
Matemática contém as planilhas de Matemática usadas para configurar e
implementar rotinas adicionais para trabalhar com diferentes tarefas.
Seu projeto executa as planilhas de Matemática como tarefas de
segundo plano durante a execução. Você pode configurar as planilhas
de Matemática para fornecer ambientes livres para rotinas de lógicas e
cálculos matemáticos necessários para o projeto.
•
Script contém o Script de Inicialização e outros Grupos de Script.
•
Scheduler contém as planilhas Scheduler utilizadas para configurar eventos
usando expressões matemáticas definidas, que são executadas de acordo
com data, hora, ou outros eventos monitorados.
•
Banco de Dados/ERP contém as planilhas de Banco de Dados que comunica
com Banco de Dados externo usando a interface padrão ADO.NET (como
uma alternativa do ODBC).
InduSoft Web Studio
35
O Ambiente de Desenvolvimento
Guia Comunicação
A guia Comunicação do Project Explorer organiza a planilha que estabelece
comunicação com outro dispositivo ou software usando protocolos
disponíveis.
Guia Comunicação do Project Explorer
As pastas na guia Comunicação são descritas nas seguintes páginas.
•
Drivers contém as planilhas de Driver usadas para configurar uma
interface (ou interfaces) de comunicação entre o projeto e o equipamento
remoto (tais como CLP ou transmissores).
Um driver de comunicação é um arquivo .DLL que contém informações
específicas sobre o equipamento remoto e implementa o protocolo de
comunicação.
•
OPC contém as planilhas OPC usadas para configurar a interface OPC
entre o seu projeto e um Servidor OPC.Um módulo de Cliente OPC
permite o seu projeto comunicar com qualquer equipamento que atua
como um Servidor OPC implementando o padrão OPC descrito no
documento OLE for Process Control Data Access Standard Version 2.0
publicado pela fundação OPC.
•
OPC UA contém as planilhas OPC UA que são usados para se conectar com
servidores de OPC, através do novo protocolo OPC Unified Architecture.
•
OPC Xi contém as planilhas OPC Xi que são usados para se conectar a
servidores OPC através do novo protocolo OPC Express interface.
•
TCP/IP contém as planilhas TCP/IP usadas para configurar a interface
Cliente TCP/IP para outras estações IWS.
Cliente TCP/IP e módulos Servidores do IWS permitem dois ou mais
projetos para manter seus bancos de dados sincronizados usando o
protocolo TCP/IP.
36
InduSoft Web Studio
O Ambiente de Desenvolvimento
•
DDE contém as planilhas DDE usadas para configurar um Cliente DDE
para uma aplicação Servidor 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
dinâmica de dados entre aplicações Windows. Uma conversa DDE é uma
interação entre os programas cliente e servidor. IWS fornece interfaces
que executam como Clientes ou como Servidores.
InduSoft Web Studio
37
O Ambiente de Desenvolvimento
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.Você pode inserir
informações usando o mouse e teclado, dados de controle de saída para os
seus processos, e atualizar automaticamente as telas com base na entrada
de dados de seus processos.
Editor de Tela/Planilha
Outros recursos do editor de tela incluem:
38
•
Simples ponto-e-clique, interface arrastar-e-soltar
•
Agrupamento de objetos para preservar as etapas de construção de
objetos individuais
•
Edição de objetos sem ter de desagrupar componentes internos de objetos
ou grupos
•
Manipulação de objetos bitmap e bitmaps de fundo
•
Estado da linha de suporte nas janelas de projeto e diálogos
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Sobre Tags e o Banco de Dados do Projeto
Tags são um componente central de qualquer projeto IWS. Simples de
colocar, as tags são variáveis usadas pelo IWS para receber e armazenar os
dados obtidos a partir da comunicação com dispositivos no chão de fábrica,
a partir dos resultados dos cálculos e funções, e de entrada do usuário. Por
sua vez, as tags podem ser utilizadas para mostrar informações nas telas (e
páginas Web), para manipular objetos da tela, e para controlar tarefas em
execução.
Mas as tags são mais do que simples variáveis. IWS incluem um gerenciador
de banco de dados em tempo real que fornece um número de funções
sofisticadas, como a impressão da hora de qualquer alteração de valor,
verificando valores de tag contra os valores mínimo e máximo de tempo de
execução, comparando os valores de tags para limites alarmantes, e assim
por diante. Uma tag IWS tem valor e várias propriedades que podem ser
acessados, alguns em desenvolvimento, enquanto outros só na execução.
Todas as tags são organizadas em uma das seguintes categorias, que são
representados por pastas na guia Global do Project Explorer:
•
Tags do Projeto são tags que você cria durante o desenvolvimento do
projeto. Locais onde as tags do projeto são usados incluem:
•
Tags de Tela
•
Tags que lê/escreve para o campo do equipamento
•
Tags de Controle
•
Tags Auxiliares usadas para executar cálculos matemáticos
InduSoft Web Studio
39
Sobre Tags e o Banco de Dados do Projeto
•
Tags de Banco de dados compartilhado são criados em um programa de
controle baseado em PC e então importado para o banco de dados de tags
do IWS.
Por exemplo você pode criar tags em SteepleChase e importá-los para o
IWS então IWS pode ler/escrever dados de um programa SteepleChase de
controle baseado em PC.
Você não pode modificar tags compartilhadas com IWS - você deve
modificar as tags no programa original de controle baseado em PC, e
então re-importá-los para o banco de dados de Tags.
•
Tags de Sistema são tags predefinidas com funções predeterminadas que
são usadas para tarefas do supervisório 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 são somente leitura, o que significa que
você não pode adicionar, editar ou remover essas tags do banco de dados.
Para ver a lista de tags do sistema, selecione a guia Global no Project
Explorer, 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.
40
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Compreendendo a Sintaxe de Nome da Tag
Observe as seguintes orientações ao nomear uma tag:
•
Seus nomes das Tags devem ser únicos — você não pode especificar o
mesmo nome para duas tags diferentes (ou funções). Se você digitar um
nome de marca já existente, o IWS reconhece que o nome existe e não vai
criar a nova tag.
•
Você deve iniciar cada nome de tag com uma letra. Entretanto, você pode
usar letras, números e o caractere de sublinhado (_) no seu nome de tag.
•
Você não pode usar os seguintes símbolos em um nome de tag:
` ~ ! @ # $ % ^ & * ( ) - = \ + \ [ ] { } < > ?
•
Você pode utilizar um máximo de 255 caracteres para um nome de tag
ou um nome de membro Classe. Você pode usar caracteres maiúsculos
e minúsculos. Os nomes das Tags não diferenciam maiúsculas e
minúsculas. Pelo fato do IWS não diferenciar maiúsculas e minúsculas,
você pode usar ambos para fazer nomes de tags mais legíveis. (Por
exemplo: TankLevel em vez de tanklevel.)
•
Os nomes das Tags devem ser diferentes de nomes de tags do sistema e
funções matemáticas.
Nota: Use o caracter @ no início de um nome de tag para indicar
que a tag será utilizada como uma tag indireta no projeto.
Alguns exemplos de tags válidas incluem:
•
Temperature
•
pressure1
•
count
•
x
InduSoft Web Studio
41
Sobre Tags e o Banco de Dados do Projeto
Escolhendo o Tipo de Dado da Tag
Outra consideração na concepção de uma tag é o tipo de dado que a tag irá
receber. IWS reconhece o seguinte, padrão de tipos de dados da tag:
•
Booleana (um bit): Booleana simples com os valores possíveis 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): Número 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 números inteiros ou ajustando valores de números inteiros.
Exemplos: 0, 5, #200.
•
Real (ponto flutuante, oito bites): Número Real que é armazenado
internamente como um 64-bit sinalizado. Equivalente ao tipo de dado
"double" no C++. Normalmente utilizado para medições ou para valores
decimais ou fracionários.
•
String (dado alfanumérico, até 1024 caracteres): Caracter string até
1024 caracteres que contém letras, números ou caracteres especiais.
Suporta caracteres ASCII e UNICODE. Exemplos: Recipe product X123,
01/01/90, *** On ***.
Você também pode fazer uma tag dentro de uma tag composta assinalandoa como uma Classe. Uma Classe é um modelo composto por dois ou
mais definições de tag, cada uma com seu próprio tipo de dados. Você
pode usar Classes nos projetos que tem itens (ex. tanks of liquid) com
múltiplos atributos (ex. Nível, temperatura, pressão) para ser monitorado ou
controlado.
Você pode encontrar estes tipos de tags (e seus respectivos ícones) na guia
Global do Project Explorer.
Veja também: Entendendo Propriedades e Parâmetros de Tags
Alterando Como Tags Booleanas Recebem Valores Numéricos
Por padrão, se qualquer valor numérico maior que 0 (ex. ≠0) é escrito em
uma Tag Booleana, então a tag automaticamente assume o valor de 1.
Você pode alterar esse comportamento, se necessário, editando o arquivo
project_name.app para alterar as seguintes configurações:
[Options]
BooleanTrueAboveZero=value
42
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Se BooleanTrueAboveZero é definido como padrão 0, então o projeto irá se
comportar conforme descrito acima. Se BooleanTrueAboveZero é definido
para 1, então o projeto irá se comportar como se segue:
•
Quando você escreve qualquer valor numérico inferior ou igual a 0 (ex. ≤0)
para uma tag Booleana, a tag assume um valor de 0 (falso).
•
Quando você escreve qualquer valor numérico maior que 0 (ex. >0) para
uma tag Booleana, a tag assume um valor de 1 (verdadeiro).
Atenção: Isso é uma configuração global de runtime. Se você só
quer mudar a forma como determinadas tags são tratadas, então
você não deve alterar esta configuração.
InduSoft Web Studio
43
Sobre Tags e o Banco de Dados do Projeto
Usando Tags Array
Tags do IWS pode consistir de um único valor ou uma matriz de valores.
Nota: O tamanho máximo de array é 16.384, desde que não exceda
o número máximo de tags suportadas pela licença (tipo de produto)
selecionados para o projeto. Cada posição de array (incluindo a
posição 0) conta como uma tag para as restrições de licenciamento,
pois cada posição tem um valor independente.
Uma tag array é um conjunto de tags com o mesmo nome, que é identificada
pelos índices (uma matriz de n linhas e 1 coluna). O tamanho máximo do
array depende da especificação do produto. Você pode usar a seguinte
sintaxe para acessar uma tag array:
ArrayTagName[ArrayIndex]
Por exemplo: tank[0], tank[1], tank[2], e tank[500].
Atenção: Você deve especificar um índice máximo para cada tag
array na coluna tamanho de qualquer folha de dados. Você pode
especificar n para indicar tag array tem posições 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].
Use a tag array, sempre que possível, pois otimiza o uso da memória e
simplifica a tarefa de configuração. Por exemplo, se você quer um display
para monitorar cada tanque, você pode usar tags array para configurar
um único display, contendo tags vinculadas à qualquer tanque. Por
exemplo (usando a tag tk como um índice contendo o número do tanque):
pressure[tk], temperature[tk], e temperature[tk+1].
Um índice array pode ser uma tag, um valor numérico, ou uma expressão
com uma operação aritmética "+".
Nota: Quando você se refere a um array com um índice usando a
operação aritmética +, você deve usar a seguinte sintaxe:
ArrayTagName[NumValue1+NumValue2]
44
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Onde NumValue1 e NumValue2 pode ser uma tag inteira ou uma
constante numérica. Por exemplo: temperature[tk+2] ou
temperature[tk+6].
Usando tags array em qualquer tarefa do IWS pode economizar um montante
significativo de tempo de desenvolvimento do projeto. Por exemplo, se você
precisasse de pontos de tag relacionados com a temperatura de quatro
tanques. A método de configuração convencional é o seguinte:
•
temperature1: alta temperatura no tanque 1
•
temperature2: alta temperatura no tanque 2
•
temperature3: alta temperatura no tanque 3
•
temperature4: alta temperatura no tanque 4
Usando tags array simplifca essa tarefa, como se segue:
•
temperature[j]: alta temperatura no tanque {j}
Nota: Quando você cria uma tag array de quatro-posições, o
sistema cria cinco posições (de 0 até 4). Por exemplo:
tag_example[15] //start position=0, end position=15
Portanto, a tag_exemplo[15] array tem 16 elementos.
Quando usar outra tag como referência de índice de um array, se o valor da
tag estiver fora do tamanho do array, então o resultado será o seguinte:
•
Se IndexTag é maior que o tamanho do array, então MyArray[IndexTag]
irá apontar para a posição final do array; e
•
Se IndexTag é menor que 0, então MyArray[IndexTag] irá apontar para
a posição inicial do array.
Tags Array
Uma tag array consiste de um conjunto de tags que todos têm o mesmo
nome, mas usa índices array exclusivos (uma matriz de n linhas e uma
coluna) para diferenciar entre cada tag. Um índice array pode ser um valor
fixo, outra tag ou uma expressão. Tamanho máximo de array é determinado
pelas especificações do produto.
Você pode usar tags array para:
•
Simplificar configurações
•
Habilitar multiplexação em telas, receitas, e interfaces de comunicação
InduSoft Web Studio
45
Sobre Tags e o Banco de Dados do Projeto
•
Economize tempo de desenvolvimento durante a declaração de tag
Você especifica tags array em um de dois formatos:
•
Para uma simples tag array, digite:
ArrayTagName[ArrayIndex]
•
Para uma tag array complexa (onde o índice array é uma expressão
constituída por uma tag e uma operação aritmética), digite:
ArrayTagName[ArrayIndex+c]
Onde:
•
ArrayTagName é o nome da tag;
•
[ArrayIndex] é o índice exclusivo (valor fixo ou outra tag);
•
+ é uma operação aritmética; e
•
c é uma constante numérica.
Nota:
•
Você deve especificar um índice máximo para cada tag array
digitando um valor (n) na coluna de Tamanho do Array de uma
folha de dados de Tags do Projeto ou no campo de Tamanho
do Array no diálogo de uma Nova Tag. (Veja "Criando banco de
dados de Tags do Projeto").
Quando você cria uma n-posição de tag array, o IWS na verdade,
cria n+1 posições (de 0 até n). Por exemplo, se você especifica
ArrayTag[15], o array terá 16 elementos, onde 0 é a posição
inicial e 15 é a posição final.
•
Você não deve usar espaços em uma tag array.
Quando o IWS lê uma tag ele começa com o primeiro caractere
e continua até encontrar o primeiro espaço ou caractere nulo.
Consequentemente, o sistema não reconhece os caracteres após
o espaço como parte da tag array.
Por exemplo, se você digitar a[second + 1], o IWS respeita
a[second como a tag e a considera inválida, porque o IWS não
encontra (reconhece) o colchete de fechamento. Entretanto, se
você digitar a[second+1], essa é uma tag array válida.
Você pode especificar uma tag array tag onde quer que você usaria um
nome variável. Também, porque as tags array simplificam as tarefas de
46
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
configuração e pode poupar tempo de desenvolvimento, nós sugerimos usálas sempre que possível.
Por exemplo, suponha que você queira monitorar a temperatura de quatro
tanques. O método de configuração convencional é:
•
temperature1 — alta temperatura no tanque 1
•
temperature2 — alta temperatura no tanque 2
•
temperature3 — alta temperatura no tanque 3
•
temperature4 — alta temperatura no tanque 4
Você pode usar tags array para simplificar esta tarefa da seguinte forma
(onde [n] representa o número do tanque):
•
temperature[n] — alta temperatura no tanque [n]
A tabela a seguir contém alguns exemplos de uma tag array:
Exemplos Tag Array
Exemplo Tag Array
Descrição
Tank[1], Tank[2], Tank[500]
Array simples, onde os índices array (1, 2, e 500)
são constantes numéricas. Por exemplo, números
tank.
Tank[tk]
Um array simples, onde o índice do array (tk) é uma
tag. Por exemplo, uma tag representando o número
do tanque.
Tank[tk+1]
Um array complexo, onde o índice do array (tk
+1) é uma expressão. Por exemplo, o valor de tk
(número tanque) mais 1.
Nota: Quando usar outra tag como referência de índice de um
array, se o valor da tag estiver fora do tamanho do array, então o
resultado será o seguinte:
•
Se IndexTag é maior que o tamanho do array, então
MyArray[IndexTag] irá apontar para a posição final do array; e
•
Se IndexTag é menor que 0, então MyArray[IndexTag] irá
apontar para a posição inicial do array (i.e., MyArray[0]).
InduSoft Web Studio
47
Sobre Tags e o Banco de Dados do Projeto
Sobre 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 contém uma string "TEMP". Lendo e/ou escrevendo para @X dá
acesso ao valor da variável TEMP .
Nota: 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. Por exemplo:
Classe
TANK com membros Level
Tag
TK da classe TANK
Tag
XCLASS do tipo String
Para acessar o valor TK.Level , você deve armazenar o valor " TK.Level"
dentro da tag XCLASS e usar a sintaxe, @XCLASS. Você também pode se referir
a um membro de uma tag tipo-classe diretamente; identificando um tipoclasse que aponta para um membro da classe.
Por exemplo:
Classe
TANK com membros Level
Tag
TK da classe TANK
Tag
XCLASS da classe TANK
Para acessar o valor TK.Level , você deve armazenar o valor "TK" dentro da
tag XCLASS e usar a sintaxe, @XCLASS.Level.
Ao criar tags de uso indireto, coloque um X na coluna da tag ao invés de
criá-los como strings. Para o tipo, escreva o tipo de tag para a qual você
está criando uma referência. Siga o exemplo XCLASS : @Z Integer, @X
Class:TANK.
Tags Indiretas
Tags indiretos "apontam" para outros banco de dados de tags (incluindo
as tag tipo-classe). O uso de tags indiretas podem salvar tempo de
48
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
desenvolvimento pois evita criar tags duplicadas (e a lógica para construílas).
Você cria uma tag indireta a partir de qualquer tag tipo-string simplesmente
digitando o símbolo @ na frente do nome da tag @NomeTag.
•
Para referenciar uma tag simples, suponha que a tag (tag string) strX
contém o valor "Tank", o qual é nome de outra tag, então ler ou escrever
para @strX dá acesso ao valor da tag Tank.
•
Para referenciar uma tag tipo-classe e membro, você simplesmente cria
uma tag string que aponta para a tag classe e o membro. Por exemplo, se
a tag (tag string) strX contém o valor "Tank.Level", o qual é o nome de
uma tag classe, então ler ou escrever para @strX dá acesso ao valor do
membro Tank.Level.
•
Você também pode apontar diretamente para um membro de tag tipoclasse; identificando um tipo-classe que aponta para um membro da
classe. Por exemplo, para acessar o membro da classe Tank.Level, você
deve armazenar o valor "Tank" dentro da tag strX e usar a sintaxe,
@strX.Level.
InduSoft Web Studio
49
Sobre Tags e o Banco de Dados do Projeto
Lista de Propriedades de Tag
Propriedades de Tag (também conhecido como "campos de tag") são
metadados anexados a cada tag no banco de dados. A maioria dessas
propriedades podem ser definidas usando o diálogo Propriedades de Tag,
o qual você pode abrir clicando no botão Propriedades de Tag na barra de
ferramentas de Propriedades de Tag.
Para acessar uma propriedade de tag durante o runtime, use a seguinte
sintaxe (sem espaços) em qualquer lugar que você normalmente especifica
uma tag:
tag_name->property_name
Você pode acessar as seguintes propriedades de tag durante o runtime:
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Name
MemberName
Retentivo
Bool
Int
Real
Str
O nome da tag, como
configurado no banco de dados
de Tags do Projeto.
L
String, até
32 caracteres
Y
Y
Y
Y
n/a
O nome do membro da classe,
em uma Classe configurado
corretamente. ATENÇÂO: A
sintaxe deve ser:
L
String, até
32 caracteres
Y
Y
Y
Y
n/a
Class.Member>MemberName
Exemplo: Tank.Lvl>MemberName = Lvl
Size
Tamanho do Array. Se a tag não
é uma tag array, ele retorna o
valor 0
L
Inteira
Y
Y
Y
Y
n/a
Index
O número do índice de um
elemento no Array. (Um Array é
qualquer Tag de tamanho maior
que 0.) ATENÇÃO: A sintaxe
deve ser:
L
Inteira
Y
Y
Y
Y
n/a
Tag[Index]->Index
50
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Bool
Int
Real
Str
Retentivo
Exemplo: Tag[1]>Índice = 1
Descrição
A descrição da tag, configurado
na folha de dados da Tag.
L
String
Y
Y
Y
Y
Y
Quality
Qualidade da Tag (192=BOM;
0=RUIM). O projeto atualiza
esse campo toda vez que tag
recebe o resultado de uma
expressão ou um valor de uma
tarefa de comunicação (como
driver ou OPC).
L
Inteira
Y
Y
Y
Y
N
Se a expressão é inválida
(como, divisão por zero) ou se
houver um erro de comunicação
da leitura associada à tag,
então o projeto define a
qualidade para RUIM.
TimeStamp
Hora e data quando o último
valor da tag for trocado.
L
String
Y
Y
Y
Y
N
Blocked
Essa propriedade pode ter dois
valores:
L/E
Booleana
Y
Y
Y
Y
N
•
0: A tag é bloqueada
e todas as tarefas em
execução irão ignorá-la. É
efetivamente removido do
banco de dados do projeto.
•
1: A tag é desbloqueada
e todas as tarefas em
execução podem acessá-la
normalmente.
Isso é útil quando você quiser
desabilitar dinamicamente
todas as ações associadas com
uma tag específica. Mesmo
quando uma tag é bloqueada,
de qualquer maneira, ainda
conta para o número total de
tags utilizadas para fins de
licenciamento.
InduSoft Web Studio
51
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Unit
Retentivo
Bool
Int
Real
Str
Uma breve descrição (até 9
caracteres) da Unidade de
Engenharia (ou seja, a unidade
de medida) para o valor da tag.
Por exemplo, K , BU , si .
L/E
String, até
9 caracteres
Y
Y
Y
Y
Y
Max
O valor máximo que pode ser
gravado para a tag durante a
execução.
L/E
Real
N
Y
Y
N
Y
Min
O valor máximo que pode ser
gravado para a tag durante a
execução
L/E
Real
N
Y
Y
N
Y
B0 … B31
Valor (0 ou 1) de qualquer um
dos 32 bits (b0, b1, b2, … b31)
de uma tag inteira. (B0: LSB
B31: MSB)
L/E
Booleana
N
Y
N
N
N
DisplayValue
Um valor de Tag convertido que
só é exibido na tela:
L/E
Real
N
Y
Y
N
n/a
L
String, até
9 caracteres
N
Y
Y
N
N
DisplayValue = (Value /
UnitDiv) + UnitAdd
Isso é usado quando os valores
atuais de Tag tem uma Unidade
de Engenharia (ver Unidade
acima) mas precisam ser
exibidos na tela em outra
Unidade de Engenharia (ver
DisplayUnit abaixo). Por
exemplo, Graus Celsius e graus
Farenheit.
Se a entrada de usuário
muda DisplayValue durante a
execução, então a conversão é
revertida antes da alteração ser
efetivamente escrita para a Tag:
Value = (DisplayValue −
UnitAdd) * UnitDiv
DisplayUnit
Uma breve descrição (até 9
caracteres) da Unidade de
Engenharia para DisplayValue.
ATENÇÂO: Essa propriedade
pode apenas ser definidade
usando as funções
52
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Retentivo
Bool
Int
Real
Str
L
Real
N
Y
Y
N
N
L
Real
N
Y
Y
N
N
L/E
Real
N
Y
Y
N
N
L/E
Real
N
Y
Y
N
N
SetDisplayUnit e
SetTagDisplayUnit
.
UnitDiv
Número pelo qual o valor
da Tag é dividido para obter
DisplayValue. Para não ter
divisão, UnitDiv precisa ser 1.
ATENÇÂO: Essa propriedade
pode apenas ser definidade
usando as funções
SetDisplayUnit e
SetTagDisplayUnit.
UnitAdd
Número adicionado para o valor
da tag para obter DisplayValue.
Para não ter adição, UnitAdd
precisa ser 0.
ATENÇÂO: Essa propriedade
pode apenas ser definidade
usando as funções
SetDisplayUnit e
SetTagDisplayUnit
.
DisplayMax
O valor máximo que pode ser
escrito para DisplayValue
durante a execução:
DisplayMax = (Max / UnitDiv)
+ UnitAdd
Se DisplayMax é alterado
durante a execução, então Max
também é alterado da seguinte
forma:
Max = (DisplayMax − UnitAdd)
* UnitDiv
DisplayMin
O valor mínimo que pode ser
escrito para o DisplayValue
durante a execução:
DisplayMin = (Min / UnitDiv) +
UnitAdd
Se DisplayMin é alterado
durante a execução, então Min
InduSoft Web Studio
53
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Bool
Int
Real
Str
Retentivo
também é alterado da seguinte
forma:
Min = (DisplayMin − UnitAdd)
* UnitDiv
HiHiLimit
Valor limite para o alarme HiHi.
L/E
Real
N
Y
Y
N
Y
HiLimit
Valor limite para o alarme Hi.
L/E
Real
N
Y
Y
N
Y
LoLimit
Valor limite para o alarme Lo.
L/E
Real
N
Y
Y
N
Y
LoLoLimit
Valor limite para o alarme LoLo.
L/E
Real
N
Y
Y
N
Y
RateLimit
Valor limite para o alarme Rate.
L/E
Real
N
Y
Y
N
Y
DevSetpoint
Valor de Setpoint para Deviation
alarmes.
L/E
Real
N
Y
Y
N
n/a
DevPLimit
Valor limite para Deviation+
alarme.
L/E
Real
N
Y
Y
N
Y
DevMLimit
Valor limite para Deviationalarme.
L/E
Real
N
Y
Y
N
Y
HiHi
Se 0, o alarme HiHi não está
ativo. Se 1, o alarme HiHi está
ativo.
L
Booleana
Y
Y
Y
N
n/a
Hi
Se 0, o alarme Hi não está
ativo. Se 1, o alarme Hi está
ativo.
L
Booleana
Y
Y
Y
N
n/a
Lo
Se 0, o alarme Lo não está
ativo. Se 1, o alarme Lo está
ativo.
L
Booleana
Y
Y
Y
N
n/a
LoLo
Se 0, o alarme LoLo não está
ativo. Se 1, o alarme LoLo está
ativo.
L
Booleana
Y
Y
Y
N
n/a
Rate
Se 0, o alarme Rate não está
ativo. Se 1, o alarme Rate está
ativo.
L
Booleana
Y
Y
Y
N
n/a
DevP
Se 0, o alarme Deviation+ não
está ativo. Se 1, o alarme DevP
está ativo.
L
Booleana
N
Y
Y
N
n/a
54
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
DevM
AlrStatus
Bool
Int
Real
Str
Se 0, o alarme Deviation- não
está ativo. Se 1, o alarme DevM
está ativo.
L
Booleana
N
Y
Y
N
n/a
Valor Inteiro com o estado do
alarme ativo atual associado à
tag. Cada bit desse valor inteiro
indica um estado específico:
L
Integer
Y
Y
Y
N
N
L
Booleana
Y
Y
Y
N
N
•
Bit 0 (LSB): HiHi Alarme
ativo
•
Bit 1: Hi Alarme ativo
•
Bit 2: Lo Alarme ativo
•
Bit 3: LoLo Alarme ativo
•
Bit 4: Rate Alarme ativo
•
Bit 5: Deviation+ Alarme
ativo
•
Bit 6: Deviation- Alarme
ativo
Retentivo
Exemplos: Se Tag�>AlrStatus
retorna o valor 2, isso significa
que o alarme "Hi" está ativo.
Se retornar o valor 3, isso
significa que os alarmes
"HiHi" e "Hi" estão ativados
simultaneamentes.
Se essa propriedade retornar o
valor 0, isso significa que não
há alarmes ativos com a tag
associada.
Para Tags Booleanas, apenas
os valores 1 (bit 1), 4 (bit 2) ou
16 (bit 4) podem ser retornados.
Ack
Essa propriedade pode ter dois
valores:
•
0: Não há alarmes
associados a esta tag
que necessitam de
reconhecimento.
InduSoft Web Studio
55
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
•
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Retentivo
Bool
Int
Real
Str
L/E
Booleana
Y
Y
Y
N
N
L/E
String, até
32 caracteres
Y
N
N
N
Y
L/E
String, até
32 caracteres
Y
N
N
N
Y
1: Há pelo menos um
alarme associado a
esta tag que exige
reconhecimento.
Isso funciona como um
reconhecimento global para a
tag e vai para 0 apenas quando
todos os alarmes para a tag
forem reconhecidos.
UnAck
Essa propriedade pode ter dois
valores:
•
0: Há pelo menos um
alarme associado a
esta tag que exige
reconhecimento.
•
1: Não há alarmes
associados a esta tag
que necessitam de
reconhecimento.
Se você definir manualmente
esse valor para 1, então o
alarme ativo (se houver) são
reconhecidos. O valor para
essa propriedade é sempre o
oposto da propriedade Ack.
AlrAckValue
Texto associado com o estado
de Reconhecimento de uma
Tag Booleana. Esse texto é
mostrado na coluna Valor de
um Controle de Alarme/Evento.
Você também pode editar o
texto no diálogo Propriedade de
Tag (Alarmes – Tipo Bool).
AlrOffValue
Texto associado com o estado
de Normalizado de uma
tag Booleana. Esse texto é
mostrado na coluna Valor de
um Controle de Alarme/Evento.
Você também pode editar o
texto no diálogo Propriedade de
Tag (Alarmes – Tipo Bool).
56
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Propriedade
da Tag
Descrição
AlrOnValue
Texto associado com o estado
Ativo de uma tag Booleana.
Esse texto é mostrado na
coluna Valor de um Controle de
Alarme/Evento.
L
ou
L/E
Tipo de
Dado
Disponível no Tipo de Dado…
Retentivo
Bool
Int
Real
Str
L/E
String, até
32 caracteres
Y
N
N
N
Y
L/E
Booleana
Y
Y
Y
N
N
Você também pode editar o
texto no diálogo Propriedade de
Tag (Alarmes – Tipo Bool).
AlrDisable
Essa propriedade pode ter dois
valores:
•
0: Os alarmes associados
com essa tag estão
habilitados. Isso significa
que quando uma condição
de alarme ocorrer, o
alarme ficará ativo.
•
1: Os alarmes associados
para essa tag estão
desabilitados. Isso significa
que mesmo que uma
condição de alarme
ocorrer, o alarme não se
tornará ativo.
Nota:
•
Se uma propriedade está marcada como "n / a" com respeito a
ser retentiva, é porque a propriedade é inerente à definição da
tag (por exemplo, nome, tamanho) ou o valor da propriedade é
continuamente derivados durante a execução (por exemplo, a
ativação do alarme, DisplayValue). Para habilitar retenção para
uma tag, selecione a opção Parâmetros Retentivos no diálogo de
Propriedades de Tag.
•
Se o projeto tenta escrever um valor fora do intervalo
especificado nas propriedades Min e Max , o Banco de Dados de
Tags não irá aceitar o novo valor e uma mensagem de alerta é
escrita na janela Output. Se ambas propriedades Min e Max são
configuradas com o valor 0 (zero), isso significa que qualquer
valor aplicado para o tipo de tag poderá ser escrito na tag.
•
Você não pode usar propriedades de tag (como campo de Bit)
para configurar planilhas de Alarme ou Tendência.
InduSoft Web Studio
57
Sobre Tags e o Banco de Dados do Projeto
•
58
Embora você possa aplicar as propriedades de tag para Tags do
Sistema, essas propriedades não serão mantidas quando você
baixar o seu projeto para um dispositivo CE.
InduSoft Web Studio
Sobre Tags e o Banco de Dados do Projeto
Restaurando Banco de Dados de Tags
Selecione Restaurar Banco de Dados de Tags para "recarregar" o banco de dados de
tags na estação local. Esse comando afeta todas tags armazenadas na pasta
Tags do Projeto. Esta opção é útil para redefinir as tags projeto e restaurar os
valores que tinham quando o projeto foi carregado pela primeira vez. Quando
você para o projeto, mas deixa o ambiente de desenvolvimento aberto, as tags
não são restauradas por padrão quando o projeto é executado novamente.
Portanto, você pode executar este comando para reiniciá-las antes que o
projeto execute novamente.
Quando este comando é executado, o Valor Inicial configurado para cada tag
(diálogo Propriedade de Tags) é escrito para a respectiva tag. Se você não
configurou qualquer Valor Inicial para uma tag numérica (Booleana, Inteira ou
Real), o valor 0 (zero) é escrito para a tag. Se você não configurou qualquer
Valor Inicial para uma tag string, o valor vazio ("") é escrito para a tag.
Este comando é desabilitado (em cinza), se houver pelo menos uma tarefa
de execução em execução na estação local. Você deve fechar todas as tarefas
de execução (Parar na guia Página Inicial da faixa de opções) antes que esse
comando possa ser executado.
Nota: As tags armazenadas na pasta Tags de Sistema e na
pasta Tags Compartilhadas (se houver) não são afetadas por esse
comando.
Dica: Se você deseja restaurar as tags de projeto automaticamente
sempre que você executar o projeto (Executar na guia Página Inicial
da faixa de opções), você pode marcar a opção Restaurar Banco de Dados
de Tags quando começar o projeto na guia de Preferências do diálogo
de Configurações do Projeto.
InduSoft Web Studio
59
Tutorial: Construindo um Projeto Simples
Tutorial: Construindo um Projeto Simples
Esta seção explica, usando um tutorial passo-a-passo, como construir um
projeto simples, bem como a forma de selecionar e configurar um driver de I/
O.
60
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
Criando um novo projeto
Esta parte do tutorial mostra como criar um novo projeto, incluindo como lhe
dar um nome e selecionar a plataforma de destino.
1. Clique no botão de aplicativos no canto superior esquerdo do ambiente de
desenvolvimento e, em seguida, clique em Novo no menu do aplicativo..
O diálogo Novo é mostrado.
2. Clique na guia Projeto.
3. Na caixa de Nome do Projeto , escreva o nome do seu projeto.
Para esse tutorial, escreva Tutorial.
O desenvolvimento de aplicação automaticamente cria um novo diretório
com o mesmo nome e atribui seu arquivo de projeto para o diretório.
(Observe a caixa de texto do Configuração de Arquivo na figura.) Para colocar o
arquivo de projeto em outro lugar que na pasta de projetos padrão, clique
em Browse e navegue até o local preferido.
4. Na lista tipo de produto, selecione o tipo de projeto que pretende construir.
InduSoft Web Studio
61
Tutorial: Construindo um Projeto Simples
Para esse exemplo, selecione Windows Embedded Standard. Esta é um tipo
de produto limitado de tag e recursos que podem ser implantados com
segurança em dispositivos Windows Embedded.
Seleção da plataforma de destino e o tipo de produto
5. Clique OK.
O diálogo Novo é fechado e o diálogo do Project Wizard é mostrado.
6. Na lista de Modelo, selecione Aplicação Vazia.
62
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
7. Na lista de Resolução, selecione 640 x 480.
Especificando uma Aplicação Vazia com resolução de 640x480
8. Clique OK.
O diálogo Project Wizard é fechado e o novo projeto é criado no ambiente
de desenvolvimento.
InduSoft Web Studio
63
Tutorial: Construindo um Projeto Simples
Especificando um tela de inicialização
Esta parte do tutorial mostra como abrir as configurações do projeto e então
especificar qual tela deve ser exibida na inicialização.
•
Use a guia Informação para fornecer informações que identifica o projeto
(tais como descrição do projeto, número de revisão, nome da empresa,
nome do autor, os equipamentos de campo e anotações gerais).
•
Use a guia Opções para especificar as definições genéricas para o projeto,
tais como o sistema de destino, a tradução automática, o histórico de
alarme e eventos, banco de dados padrão e Tags compartilhadas.
•
Use a guia Visualizador para habilitar/desabilitar os parâmetros de
execução do desktop.
•
Use a guia Comunicação para especificar os parâmetros de comunicação
relacionados com o projecto em geral.
•
Use a guia Web para especificar as configurações da Web Solution, como o
endereço IP do servidor de dados.
•
Use a guia Preferências para habilitar/desabilitar mensagens de aviso
quando se utiliza o aplicativo de desenvolvimento.
1. Na guia Projeto da faixa de opções, no grupo de Configurações, clique em
Visualizador.
O diálogo de Configurações do Projeto é mostrado com a guia Visualizador
selecionada.
64
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
2. Na caixa de Tela Inicial , escreva main.scr.
Especificando um tela de inicialização
Quando você executar o projeto, ele irá exibir automaticamente a tela
principal (ou qualquer tela que você especificar) em primeiro lugar. Você
pode especificar uma tela antes de criá-lo.
3. Clique OK.
InduSoft Web Studio
65
Tutorial: Construindo um Projeto Simples
Criando Tags
Esta parte do tutorial mostra como criar novas tags, acrescentando-as para o
folha de dados de Tags do projeto.
Uma tag é qualquer variável que contém um valor. Todas as tags criadas em
um projeto são armazenadas na pasta Tags do Projeto, na guia Global do
Project Explorer.
Pasta de Tags do Projeto
1. No Project Explorer, clique na guia Global.
2. Duplo-clique Tags do Projeto para expandir a pasta.
3. Duplo-clique Visualizador de folha de dados para abrir a folha de dados de Tags
do Projeto .
4. Use os seguintes parâmetros para criar uma tag para o projeto de
exemplo.
a) Nome: Especifique um nome único de tag. Para esse tutorial, escreva
Level.
b) Array: Especifique o índice máximo de array da tag. (Tags simples tem
um array de 0.) Para esse tutorial, escreva 3.
Cada índice do array se relaciona com um dos três tanques:
•
Level[1] é o nível do Tanque #1
•
Level[2] é o nível do Tanque #2
•
Level[3] é o nível do Tanque #3
Você não vai usar Level[0] neste tutorial, embora seja uma tag
válida.
66
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
c) Tipo: Especifique o tipo de dado da tag: Booleana, Inteira, Real, String,
ou Class. Para esse tutorial, selecione Integer.
d) Descrição (opcional): Digite uma descrição da tag para fins de
documentação apenas.
e) Escopo: Especifique como a tag é gerenciada entre o servidor e as
estações Thin Client.
•
Selecione Local se você quiser que a tag tenha valores
independentes no servidor e estações cliente.
•
Selecione Server se você quiser que a tag compartilhe o mesmo valor
no servidor e estações cliente.
Para esse tutorial, selecione Server.
Criando a tag Level
5. Salve e feche a folha de dados de Tags do projeto .
Você vai criar tags adicionais assim que você criar o projeto.
Dica: Você pode classificar os dados na folha de dados de Tags de
Projeto ou inserir / remover colunas adicionais clicando pelo botão
direito do mouse sobre ela e escolhendo a opção aplicável a partir
do menu pop-up.
InduSoft Web Studio
67
Tutorial: Construindo um Projeto Simples
Criando a tela de inicialização
Esta parte do tutorial mostra como criar a sua primeira tela, que conterá um
único botão que abre outra tela.
1. No Project Explorer, clique na guia Gráficos.
2. Clique com o botão direito Telas, e então clique Inserir no menu de atalho.
O aplicativo de desenvolvimento armazena todas as telas criadas para um
projeto nesta pasta Telas.
O diálogo Atributos de Tela é mostrado.
Diálogo Atributos de Tela
3. Use esse diálogo para configurar as propriedades como tamanho e tipo.
Para esse tutorial, clique OK para aceitar as definições padrão.
O diálogo Atributos de Tela é fechado, e uma nova tela é aberta no espaço
de trabalho para edição.
68
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
4. Na guia Gráficos da faixa de opções, no grupo Tela, clique Cor de Fundo.
Um selecionador de cor padrão é exibido.
5. No seletor de cores, selecione uma cor cinza claro.
Seletor de cores
Essa cor é aplicada à tela.
Desenhando o título da tela de inicialização
Esta parte do tutorial mostra como desenhar o título da tela de inicialização
usando um objeto de texto.
1. Na guia Gráficos da faixa de opções, no grupo Objetos Ativo , clique Texto.
O seu cursor do mouse muda de uma seta para uma cruz.
2. Clique na tela, digite Bem-vindo à Aplicação Tutorial, e então
pressione Retornar.
Isso cria um novo objeto de texto com o texto especificado.
3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
Propriedades de Objeto: Texto diálogo
•
Clicando duas vezes em qualquer objeto da tela abre um diálogo
Propriedades de Objeto contendo as propriedades para esse objeto. As
propriedades mostradas no diálogo mudam dependendo do tipo de
objeto.
InduSoft Web Studio
69
Tutorial: Construindo um Projeto Simples
•
O diálogo Propriedades de Objeto também contém um botão que
controla o pino se o diálogo continua aberto. O botão muda de estado
(e função) cada vez que você clicar sobre ele, como segue:
•
Quando o botão pin é solto, o foco é passado para o objeto na tela,
logo que ele está selecionado. Recomenda-se que este botão seja
mantido liberado quando você deseja manipular os objetos (Copiar,
Colar, Recortar ou Delete). Embora o diálogo Propriedades de Objeto
esteja no topo, os comandos do teclado (Ctrl+C, Ctrl+V, Ctrl+X, ou Del)
são mandados diretamente para os objetos.
•
Quando o botão pin é pressionado, o foco é mantido no diálogo
Propriedades de Objeto , mesmo quando você clica os objetos na
tela. Recomendamos que você mantenha este botão pressionado
quando você quiser modificar as configurações dos objetos.
Você pode clicar um objeto e digitar o novo valor da propriedade
diretamente no diálogo Propriedades de Objeto (não é necessário
clicar na janela para trazer o foco para ela). Também, quando o
botão pin é pressionado, o diálogo Propriedades de Objeto não fecha
automaticamente quando você clica na tela.
4. Clique Fontes para abrir diálogo de Fonte e então, especifique as
características da fonte.
Para esse tutorial…
•
Fonte é Arial
•
Estilo de fonte é Regular
•
Tamanho é 20
•
Cor é Azul
Especificando as características da fonte
70
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
5. Clique OK para fechar o diálogo de Fonte .
As características de fontes são aplicadas para o objeto de texto.
Características de fonte aplicadas para objeto de Texto.
6. Feche o diálogo Propriedades de Objeto (i.e., clique no botão de fechar no
canto superior direito do diálogo).
Desenhando um botão para abrir outra tela
Esta parte do tutorial mostra como desenhar e configurar um botão que
abrirá uma outra tela.
1. Na guia Gráficos da faixa de opções, no grupo Objetos Ativos , clique Botão.
O seu cursor do mouse muda de uma seta para uma cruz.
2. Clique e segure sobre a tela e, em seguida arraste o cursor para desenhar
o objeto Botão.
3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
InduSoft Web Studio
71
Tutorial: Construindo um Projeto Simples
4. Na caixa Legenda , digite o seguinte texto: Clique aqui para abrir a
tela sinótica.
Adicionando uma legenda para o botão
5. Clique Comando.
O diálogo Propriedades de Objeto muda para mostrar as propriedades
para a animação de comando.
6. Na lista Tipo , selecione Abrir Tela.
7. Na caixa Abrir Tela , digite synoptic.scr.
Configurando um comando Abrir Tela no botão
Você pode especificar uma tela que você ainda não tiver criado.
72
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
8. Feche o diálogo Propriedades de Objeto .
Salvando e fechando a tela de inicialização
Esta parte do tutorial mostra como salvar e fechar uma tela corretamente.
1. Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Um diálogo padrão Windows Salvar é mostrado.
2. Na caixa Nome do Arquivo , digite main.scr.
3. Clique Salvar.
O arquivo será salvo na pasta do seu projeto (\project_name\Screen
\main.scr), e o diálogo Salvar é fechado.
4. Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Fechar no menu de Aplicação.
InduSoft Web Studio
73
Tutorial: Construindo um Projeto Simples
Criando a tela sinótica
Esta parte do tutorial mostra como criar a sua segunda tela, que irá incluir
um tanque de líquido de animação e alguns controles básicos para o tanque.
1. No Project Explorer, clique na guia Gráficos .
2. Clique com o botão direito na pasta Telas , e então clique Inserir no menu de
atalho.
O diálogo Atributos de Tela é mostrado.
3. Use este diálogo para definir atributos, como tamanho e tipo.
Para esse tutorial, clique OK para aceitar as definições padrão.
4. Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Um diálogo padrão Windows Salvar é mostrado.
5. Na caixa Nome do Arquivo , digite synoptic.scr.
6. Clique Salvar.
O arquivo será salvo na sua pasta de projeto \project_name\Screen
\synoptic.scr), e o diálogo Salvar é fechado.
Desenhando o título da tela sinótica
Como na parte anterior, esta parte do tutorial mostra como desenhar o título
de tela de sinóticos, utilizando um objeto de texto.
1. Na guia Gráficos da faixa de opções, no grupo Objetos Ativo , clique Texto.
2. Clique na tela, digite Tela Sinótica, e então pressione Retornar.
3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
4. Clique Fontes para abrir diálogo de Fonte e então, especifique as
características da fonte.
Para esse tutorial�
•
Fonte é Arial
•
Estilo de fonte é Negrito
•
Tamanho é 20
•
Cor é Azul
5. Feche o diálogo Propriedades de Objeto .
6. Mova o objeto de texto para o canto superior esquerdo da tela.
74
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
7. Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Esta figura mostra como sua tela deve aparecer depois de criar os objetos de
data e hora.
Título de tela finalizado
Desenhando os formatos de "Data" e "Hora"
Esta parte do tutorial mostra como desenhar os formatos de "Data" e "Hora"
vinculando os objetos de texto para tags do sistema.
Data e Hora são tags do sistema que possuem a atual data e hora da estação
local.Essas tags estão disponíveis para qualquer projeto.
1. Na guia Gráficos da faixa de opções, no grupo Objetos Ativo , clique Texto.
2. Clique na tela, digite Data: ##########, e então pressione Retornar.
3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
4. Clique Texto com Link de Dados.
O diálogo Propriedades de Objeto muda para mostrar as propriedades
para animação de Texto com Link de Dados.
5. Na caixa Tag/Expressão , digite Date.
Especificando a tag de sistema Date
Durante a execução, o projeto substitui os caracteres ########## do
objeto de texto com o valor da tag de sistema Date.
6. Feche o diálogo Propriedades de Objeto .
7. Na guia Gráficos da faixa de opções, no grupo Objetos Ativo , clique Texto.
8. Clique na tela, digite Hora: ##########, e então pressione Retornar.
InduSoft Web Studio
75
Tutorial: Construindo um Projeto Simples
9. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
10.Clique Texto com Link de Dados.
O diálogo Propriedades de Objeto muda para mostrar as propriedades
para animação de Texto com Link de Dados.
11.Na caixa Tag/Expressão , digite Time.
Especificando o tag de sistema Time
Durante a execução, o projeto substitui os caracteres ########## do
objeto de texto com o valor da tag de sistema Time.
12.Feche o diálogo Propriedades de Objeto .
13.Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Esta figura mostra como sua tela deve aparecer depois de criar os objetos de
data e hora.
Objetos de data e hora finalizados
Colocando um ícone "Exit"
Esta parte do tutorial mostra como colocar um ícone (selecionando e
configurando um símbolo ligado) que permite ao usuário sair do projeto.
1. Na guia Gráficos da faixa de opções, no grupo Bibliotecas , clique Símbolos.
A biblioteca de símbolos é exibida.
2. Na árvore de menu de Símbolos, abra a pasta Símbolos de Sistema e então
abra a subpasta Ícones .
3. Na subpasta de ícones, selecione exit01.
76
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
O símbolo será exibido no visualizador de símbolo à direita da árvore de
menu.
Selecionando o símbolo "exit01"
4. Clique no símbolo
O cursor do mouse mudará para mostrar que o símbolo está pronto para
ser colocado em uma tela.
5. Volte para a tela onde você quer colocar o símbolo e clique nele.
O símbolo é colocado como um objeto símbolo vinculado.
Colocando o objeto símbolo ligado
6. Com o objeto ainda selecionado, clique Comando (na guia Gráficos da faixa
de opções, no grupo Animações ) para aplicar essa animação para o objeto.
7. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
8. Na lista Tipo , selecione VBScript.
9. Na caixa Ao Descer , digite $Shutdown().
InduSoft Web Studio
77
Tutorial: Construindo um Projeto Simples
Shutdown é uma das funções de script embutidas do InduSoft Web
Studio, mas pode ser usado dentro do VBScript precedida por um sinal de
dólar ($).
Especificando o comando de desligamento no símbolo
10.Feche o diálogo Propriedades de Objeto .
11.Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Agora, quando um usuário clica neste ícone durante a execução, o projeto vai
parar e sair para o desktop da estação.
Testando o projeto
Esta parte do tutorial mostra como testar o projeto até agora.
1. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , clique
Executar.
O projeto será executado e a tela de inicialização é exibida.
2. Clique no botão para abrir a tela sinótica.
A tela sinótica é exibida.
3. Clique no ícone de saída para encerrar o projeto.
Se qualquer parte do projeto não funcionar como esperado, volte para o
desenvolvimento de aplicações (ALT+TAB) e então clique Parar na guia Página
Inicial da faixa de opções.
Colocando um tanque de animação
Esta parte do tutorial mostra como selecionar um tanque de animação
da biblioteca de símbolos e colocá-lo na tela (semelhante à forma como
selecionou e colocou o ícone "sair"), em seguida, associar algumas tags do
projeto com as propriedades do tanque.
1. Na guia Gráficos da faixa de opções, no grupo Bibliotecas , clique Símbolos.
78
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
2. Na árvore de menu símbolos, abra a pasta Símbolos de Sistema e então abra
a subpasta Tanks .
3. Na subpasta Tanks, selecione um símbolo tanque.
Você pode selecionar qualquer tanque que você gosta, todos eles
funcionam basicamente da mesma maneira.
Selecionando um Símbolo Tanque
4. Clique no símbolo
O cursor do mouse mudará para mostrar que o símbolo está pronto para
ser colocado em uma tela.
5. Volte para a tela onde você quer colocar o símbolo e clique nele.
O símbolo é colocado como um objeto símbolo vinculado.
6. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
As propriedades do símbolo tanque
InduSoft Web Studio
79
Tutorial: Construindo um Projeto Simples
Um tanque é um arranjo de diferentes objetos e animações (por exemplo,
um retângulo, um gráfico de barras, etc), todos combinados como um
símbolo ligado. Você pode modificar as propriedades deste símbolo,
editando a lista de propriedades. Para este tutorial, você irá modificar a
tag associada ao nível de tanque.
7. Para a propriedade TagLevel, exclua o valor existente e então digite
Level[Index].
Observe que você não precisa reabrir a folha de dados de Tags do Projeto
para criar tags que você desenvolver o projeto.
Porque você não criou a tag Index anteriormente no banco de dados de
Tags do Projeto, uma mensagem de alerta pergunta se você gostaria de
criá-la.
8. Clique Sim.
Um diálogo Nova Tag é mostrado.
9. Configure a nova tag com Array como 0, Tipo como Inteira, e Escopo como
Local.
Configurando uma nova Tag
10.Clique OK para fechar o diálogo Nova Tag .
Você pode usar a tag Index para definir a posição do array da tag Level,
e mostrar o nível de qualquer um dos três tanques em um mesmo objeto:
•
Quando Index for igual 1, o objeto tanque mostrará o nível do Tank #1
(ex. Level[1]);
•
Quando Index for igual 2, o objeto tanque mostrará o nível do Tank #2
(i.e., Level[2]); e
•
Quando Index for igual 3, o objeto tanque mostrará o nível do Tank #3
ex. Level[3]).
Também, porque o escopo da tag é local, a tag pode ter valores
diferentes para o servidor e estações de clientes ao mesmo tempo.
Consequentemente, o usuário local (ex. the Server station) pode estar
80
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
monitorando o nível do Tank #1 enquanto um usuário remoto (ex. the
Client station) está monitorando o nível do Tank #2.
11.Feche o diálogo Propriedades de Objeto .
12.Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Esta figura mostra como a tela deve parecer depois de ter criado o objeto do
tanque.
Objeto Tanque finalizado
Colocando uma barra de nível
Esta parte do tutorial mostra como selecionar um controle deslizante da
Biblioteca Símbolo e, em seguida, conectá-lo ao tanque de animação.
1. Na guia Gráficos da faixa de opções, no grupo Bibliotecas , clique Símbolos.
2. Na árvore de menu símbolos, abra a pasta Símbolos de Sistema e então abra
a subpasta Sliders .
Selecionando um símbolo barra deslizante
3. Na subpasta Sliders, selecione um controlador de barra deslizante.
InduSoft Web Studio
81
Tutorial: Construindo um Projeto Simples
Você pode selecionar qualquer controle deslizante que você gosta, todos
eles funcionam basicamente da mesma maneira.
4. Clique no símbolo
O cursor do mouse mudará para mostrar que o símbolo está pronto para
ser colocado em uma tela.
5. Volte para a tela onde você quer colocar o símbolo e clique nele.
O símbolo é colocado como um objeto símbolo vinculado.
6. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
7. Para a propriedade NomeTag, exclua o valor existente e então digite
Level[Index].
Assim como com o tanque, você precisará modificar a propriedade
símbolo associado com o nível de controle deslizante.
8. Feche o diálogo Propriedades de Objeto .
9. Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Esta figura mostra como a sua tela deve parecer depois de ter criado o objeto
cursor do nível.
Objeto de nível barra deslizante finalizado
Desenhando um seletor de tanque
Esta parte do tutorial mostra como desenhar uma caixa de entrada de texto
que pode ser usado para alterar qual tanque no mundo real é representado
pela animação do tanque na tela.
1. Na guia Gráficos da faixa de opções, no grupo Objetos Ativo , clique Texto.
2. Clique na tela, digite Tank: #, e então pressione Retornar.
3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.
4. Clique Texto com Link de Dados.
O diálogo Propriedades de Objeto muda para mostrar as propriedades
para animação de Texto com Link de Dados.
82
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
5. Na caixa Tag/Expressão , digite Index.
6. Selecione a opção Entrada Permitida .
Isso permite o operador a colocar um novo valor para a tag durante a
execução.
7. Na caixa Valor Mínimo , digite 1.
8. Na caixa Valor Máximo , digite 3.
Configurando o texto de entrada do "Tank"
9. Feche o diálogo Propriedades de Objeto .
10.Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
Esta figura mostra como a sua tela deve parecer depois de ter criado o objeto
seletor do tanque.
Seletor de tanque durante a execução finalizada
Testando o projeto
Esta parte do tutorial mostra como testar novamente o projeto com o tanque
de animação, o cursor do nível, e o seletor do tanque.
1. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , clique
Executar.
InduSoft Web Studio
83
Tutorial: Construindo um Projeto Simples
O projeto será executado e a tela de inicialização é exibida.
2. Clique no botão para abrir a tela sinótica.
A tela sinótica é exibida.
3. Digite o número do tanque (1,2, ou 3) na etiqueta Tank, e então use a
barra deslizante para ajustar o nível do tanque.
Note que você pode ver/ajustar o nível de cada tanque
independentemente.
4. Clique no ícone de saída para encerrar o projeto.
Se qualquer parte do projeto não funcionar como esperado, volte para o
desenvolvimento de aplicações (ALT+TAB) e então clique Parar na guia Página
Inicial da faixa de opções.
84
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
Configurando o driver de comunicação
Essa parte do tutorial mostra como selecionar e configurar um driver para
comunicar com um dispostivo de I/O externo.
1. No Project Explorer, clique na guia Comunicação .
2. Clique com o botão direito na pasta Drivers , e então clique Adicionar/Remover
Drivers no atalho de menu.
O diálogo Comunicação de Drivers é mostrado.
3. Selecione o driver Driver disponível da lista, e então clique Selecionar.
Para esse tutorial, selecione MODBU.
O driver é movido para a lista de Drivers Selecionados .
Driver MODBU selecionado
4. Clique OK.
O diálogo Comunicação de Drivers é fechado, e o driver é adicionado para
a pasta de Driver no Project Explorer.
InduSoft Web Studio
85
Tutorial: Construindo um Projeto Simples
5. No Project Explorer, clique com o botão direito na pasta MODBU , e então
clique Configurações no menu de atalho.
O diálogo Configurações de Comunicação é mostrado.
Diálogo Configurações de Comunicação para driver MODBU
6. Defina as configurações de comunicação necessárias para o dispositivo de
destino.
Para esse tutorial, aceitar as configurações padrão.
Nota: Para maiores informações sobre um driver específico,
clique Comunicação de Drivers na guia Ajuda da faixa de opções.
7. Clique OK para fechar o diálogo.
8. No Project Explorer, clique com o botão direito na pasta MODBU e então
clique Inserir no menu de atalho.
Uma nova planilha de driver nomeada MODBU001.drv é criada e aberta
para edição.
9. Configure o cabeçalho da planilha:
a) Na caixa Descrição , digite Tutorial Modbus.
Esta configuração é apenas para a documentação, ela não afeta o
projeto de execução de qualquer forma.
86
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
b) Na caixa Habilitar Leitura Quando Ocioso , digite 1.
Esta configuração é um disparo que assume um valor booleano. Um
valor de 1 - inseridos manualmente como acima ou avaliados a partir
de uma tag / expressão - força o seu projeto para continuar a leitura
de valores de tag do dispositivo de destino, mesmo quando não houver
nenhuma alteração no valor.
c) Na caixa Habilitar Escrita na Mudança de Tag , digite 1.
Esta configuração também é um disparo. Um valor de 1 força o
projeto para escrever os valores de tag para o dispositivo alvo somente
quando os valores mudam, ao invés de continuamente. Isso economiza
recursos do sistema e melhora o desempenho durante rutime.
d) Na caixa Estação , digite 1.
Isso indica o número I / O do dispositivo a ser acessado por este
driver. Normalmente, o PLC é especificado como dispositivo # 1.
e) Na caixa Cabeçalho , digite 4X:0.
Você deve usar um formato específico do driver. O formato para o diver
MOBDU é:
register_type:initial_offset
Register Type
Descrição
0X
Coil Status
1X
Input Status
3X
Input Register
4X
Holding Register
ID
Slave ID Number
Cabeçalho da planilha completo
InduSoft Web Studio
87
Tutorial: Construindo um Projeto Simples
10.No corpo da planilha, coloque as tags e os endereços associados do
dispositivo - para cada tag:
a) No campo Nome Tag , digite o nome do tag do projeto.
b) No campo Endereço , digite o valor a ser adicionado ao cabeçalho para
formar o endereço completo do dispositivo.
Nome da Tag
Endereço
Endereço Completo do
Equipamento
Level[1]
1
4X:1 (Holding Register 1)
Level[2]
2
4X:2 (Holding Register 2)
Level[3]
3
4X:3 (Holding Register 3)
Corpo da planilha completo
11.Clique no botão de aplicativo no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Salvar no menu de Aplicação.
12.Quando solicitado a escolher o número da folha do driver, digite 1 e então
clique OK.
Monitorando I/O do dispostivo durante o runtime
Esta parte do tutorial mostra como monitorar os I/O do dispositivo durante o
runtime usando a janela Log .
1. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , clique
Executar.
O projeto será executado e a tela de inicialização é exibida.
2. Pressione ALT+TAB para trocar de volta para o aplicativo de
desenvolvimento.
3. Clique com o botão direito na janelaSaída , e então clique Configurações.
O diálogo Log Settings é mostrado.
4. Selecione as opções Comandos de Leitura de Campo, Comandos de Escrita de Campo,
e Analisador de Protocolo .
88
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
5. Clique OK para fechar o diálogo Log Settings .
Agora você pode monitorar os I/O do dispositivo durante o runtime.
InduSoft Web Studio
89
Tutorial: Construindo um Projeto Simples
Fazendo o download do seu projeto para um dispositivo Windows
Embedded
Esta parte do tutorial mostra como fazer o download do seu projeto para um
dispositivo Windows Embedded, como uma IHM de chão de fábrica.
Depois de configurar um projeto e testá-lo localmente (na estação de
desenvolvimento), você pode baixá-lo para uma estação remota - seja um PC
Windows que esteja executando IWS ou um dispositivo Windows Embedded
que esteja executando CEView.
1. Na área de trabalho da estação remota, clique Start > All Programs > InduSoft
Web Studio v7.0 > Remote Agent .
O utilitário de Agente Remoto é executado.
Utilitário de Agente Remoto
2. Clique Configurar.
O diálogo Configurar é mostrado.
3. Selecione o tipo de conexão Serial, TCP/IP, ou Infravermelho — entre a estação
remota e a estação de desenvolvimento.
90
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
Nota: Para um melhor desempenho, recomendamos que você
use TCP / IP, sempre que possível.
Selecionando TCP/IP na estação remota
4. Clique OK para fechar o diálogo Configurar , mas saia do utilitário de
Agente Remoto executando na estação remota.
5. Na aplicação de desenvolvimento, clique Conectar na guia Página Inicial da
faixa de opções.
O diálogo Gerenciamento Remoto é mostrado.
Diálogo Gerenciamento Remoto
6. Selecione o tipo de conexão da estação remota.
Esta seleção deve corresponder a seleção que você já fez no utilitário de
agente remoto na estação remota.
7. Se você selecionou Network IP, digite o endereço IP da estação remota.
8. Clique Conectar.
InduSoft Web Studio
91
Tutorial: Construindo um Projeto Simples
Se você se conectar com êxito para a estação remota, então a informação
sobre essa estação é exibida nas caixas Estado e Plataforma .
9. Se a estação remota é um dispositivo Windows Embedded, clique Instalar
arquivos de sistema.
Os arquivos de sistema são instalados na estação remota.
10.Clique na guia Projeto.
11.Clique Download.
Os arquivos do projeto são transferidos para a estação remota.
12.Clique Executar.
O seu projeto IWS é executado na estação remota.
92
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
Implantando o projeto como uma aplicação web
Esta parte do tutorial mostra como implementar o seu projeto como uma
aplicação web, para que os usuários remotos possam se conectar com o
Internet Explorer.
Para o Internet Explorer trabalhar como um web thin client, ele deve instalar
um controle ActiveX que "joga" telas do projeto IWS . Se o computador estiver
conectado à Internet, então o IE irá automaticamente fazer o download do
controle do InduSoft do servidor público quando você acessar um projeto
runtime pela primeira vez.
1. Configure um endereço IP do data server.
a) Na guia Projeto da faixa de opções, no grupo Web, clique Thin Client.
O diálogo Configurações do Projeto é mostrado com a guia Web
selecionada.
Guia Web do diálogo Configurações do Projeto
b) Na caixa Endereço IP do Data Server , digite do endereço IP do servidor Web.
Para este tutorial, digite 127.0.0.1, o qual é o endereço padrão de
loopback (a.k.a. "localhost").
c) Clique OK para fechar o diálogo.
InduSoft Web Studio
93
Tutorial: Construindo um Projeto Simples
2. Verifique se o servidor de dados está definido para iniciar quando você
executar o seu projeto.
a) Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local ,
clique Tarefas.
O diálogo Tarefas em execução é mostrado.
Diálogo Tarefas em execução
b) Na lista de tarefas, selecione TCP/IP Server Runtime, e então clique
Inicialização.
O diálogo Inicialização é mostrado.
Diálogo Inicialização
c) Selecione Automático, e então clique OK.
d) Clique OK para fechar o diálogo Tarefas em execução .
3. Salve e feche todas as telas e planilhas abertas.
94
InduSoft Web Studio
Tutorial: Construindo um Projeto Simples
4. Clique no botão de aplicação no canto superior esquerdo do aplicativo de
desenvolvimento, e então clique Publicar > Salvar tudo como HTML no menu de
Aplicação.
Suas telas de projeto são salvas como arquivos HTML na subpasta Web
da sua pasta de projeto (ex. \project_name\Web).
5. Configurar um servidor web para tornar a subpasta Web disponível para
navegadores web.
Para esse tutorial, copie […]\InduSoft Web Studio v7.0\Bin
\NTWebServer.exe (um servidor de web grátis e leve) para a subpasta
Web, e então execute-o.
Você pode também configurar o diretório "root" ou "home" de algum outro
software servidor Web (ex. Microsoft IIS) para apontar para a subpasta
Web.
Nota: O servidor web (o que torna as páginas da Web disponível
para os clientes na rede) e o servidor de dados (que na verdade
executa o seu projeto IWS e troca dados com os clientes) não
precisam ser o mesmo computador.
6. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , clique
Executar.
7. Abra um web browser (por exemplo, o Microsoft Internet Explorer) e digite
o endereço URL da tela sinóptica no servidor web.
Para esse tutorial, digite http://127.0.0.1/synoptic.html.
Após alguns momentos, durante o qual o navegador baixa e instala o
controle ActiveX, a tela sinótica é exibida no navegador.
Observe que você pode modificar o nível de qualquer tanque, localmente,
usando o visualizador de projeto ou remotamente usando o navegador web,
e as mudanças em um cliente aparecem imediatamente no outro. Eles
funcionam igualmente bem.
InduSoft Web Studio
95