quick start indusoft

95
Conteúdo InduSoft Web Studio 1 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

Upload: jose-roberto-nogueira

Post on 08-Feb-2016

122 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Quick Start Indusoft

Conteúdo

InduSoft Web Studio 1

Conteúdo

INTRODUÇÃO............................................................................................................................ 3

Visão Geral do Produto........................................................................................................ 4Características do Produto............................................................................................5

Convenções usadas nesse documento............................................................................... 8

INSTALAÇÃO........................................................................................................................... 10

Requisitos do sistema........................................................................................................ 11Instalando o Software.........................................................................................................14Iniciando o Software........................................................................................................... 19Desinstalando o Software...................................................................................................20

O AMBIENTE DE DESENVOLVIMENTO................................................................................. 21

Barra de Título....................................................................................................................22Barra de Estados................................................................................................................23Botão de aplicativo............................................................................................................. 24Barra de Acesso Rápido.....................................................................................................25Faixa de Opções................................................................................................................ 27

Guia Página Inicial...................................................................................................... 27Guia Exibição.............................................................................................................. 28Guia Inserir..................................................................................................................28Guia Projeto................................................................................................................ 29Guia Gráficos.............................................................................................................. 29Guia Formato.............................................................................................................. 30Guia Ajuda...................................................................................................................31

Project Explorer.................................................................................................................. 32Guia global.................................................................................................................. 32Guia Gráficos.............................................................................................................. 33Guia Tarefas................................................................................................................ 34Guia 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..................................................................... 41Escolhendo o Tipo de Dado da Tag................................................................................... 42Usando Tags Array............................................................................................................. 44Sobre Tags Indiretas...........................................................................................................48Lista de Propriedades de Tag.............................................................................................50Restaurando Banco de Dados de Tags..............................................................................59

Page 2: Quick Start Indusoft

Conteúdo

2 InduSoft Web Studio

TUTORIAL: CONSTRUINDO UM PROJETO SIMPLES.......................................................... 60

Criando um novo projeto.................................................................................................... 61Especificando um tela de inicialização...............................................................................64Criando Tags...................................................................................................................... 66Criando a tela de inicialização............................................................................................68

Desenhando o título da tela de inicialização...............................................................69Desenhando um botão para abrir outra tela............................................................... 71Salvando e fechando a tela de inicialização............................................................... 73

Criando a tela sinótica........................................................................................................ 74Desenhando o título da tela sinótica........................................................................... 74Desenhando os formatos de "Data" e "Hora"..............................................................75Colocando um ícone "Exit"..........................................................................................76Testando o projeto.......................................................................................................78Colocando um tanque de animação........................................................................... 78Colocando uma barra de nível.................................................................................... 81Desenhando um seletor de tanque............................................................................. 82Testando o projeto.......................................................................................................83

Configurando o driver de comunicação..............................................................................85Monitorando I/O do dispostivo durante o runtime....................................................... 88

Fazendo o download do seu projeto para um dispositivo Windows Embedded................ 90Implantando o projeto como uma aplicação web............................................................... 93

Page 3: Quick Start Indusoft

Introdução

InduSoft Web Studio 3

Introdução

O InduSoft Web Studio (ou IWS) é uma poderosa ferramenta que explora asfuncionalidades dos sistemas operacionais Microsoft®, e permite construiraplicaçõ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-serapidamente com as funções básicas do IWS.

Page 4: Quick Start Indusoft

Introdução

4 InduSoft Web Studio

Visão Geral do ProdutoOs projetos do InduSoft Web Studio são executados em microcomputadoresconectados em tempo real com máquinas ou processadores através decontroladores programáveis, equipamentos de I/O remotos, e outrosequipamentos 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 outrosdispositivos controláveis de I/O, um banco de dados de tags do projeto, emódulos opcionais como monitores de alarme, lógica, gráficos de tendências,receitas, organizadores, e um sistema de segurança. Projetos interagem comsistemas de I/O industriais e outras aplicações do Windows no ambiente deruntime 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çãode desenvolvimento ou fazer o download do projeto para uma estação deruntime (usando uma conexão serial ou TCP/IP) e executá-lo usando oInduSoft Web Studio ou o software de runtime CEView.A estação de trabalhoprocessa os dados do scan de um equipamento conectado, de acordo comos parâmetros definidos na aplicação, e então reage, mostra, armazena eatualiza os dados.

O produto consiste de duas partes:

• O software de desenvolvimento é executado em um desktop, laptop, ou PCIndustrial executando um sistema operacional atualmente suportado peloMicrosoft Windows ou sistema operacional servidor.

• O software do sistema runtime executa em uma estação de trabalho queesteja executando um sistema operacional atualmente suportado peloMicrosoft Windows ou Windows Embedded.

Nota: O cliente runtime para o sistema operacional WindowsEmbedded (CEView) é frequentemente pré-carregado na IHM. Senecessário, você pode atualizar a versão do CEView do software

Page 5: Quick Start Indusoft

Introdução

InduSoft Web Studio 5

do sistema de desenvolvimento fazendo o download da versãoatual para a IHM.

Características do ProdutoO InduSoft Web Studio oferece as seguintes características:

• Ambiente de desenvolvimento integrado com Windows com barras deferramenta, diálogos, e menus:

• Menus drop-down (pop-up), o qual você ativa clicando com o botãodireito em qualquer área do ambiente de desenvolvimento (as opçõesvariam 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 demodificar as propriedades do objeto, executar comandos, ou inserirvalores 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 esaí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 eXML

• 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 doprotocolo TCP/IP

• Biblioteca de símbolos com mais de 100 objetos pré-fabricados, comobotões pulsadores, medidores, barra deslizante, chaves, mostradores de

Page 6: Quick Start Indusoft

Introdução

6 InduSoft Web Studio

texto e número, indicadores tipo LED, canos, bombas, ícones, veículos,válvulas, estruturas, motores, manômetros, e controles comuns

• Ferramentas para depuração:

• Janela de Database Spy para monitorar/forçar valores de tags eexecutar funções

• Módulo LogWin para gravar transações OPC, DDE e TCP/IP, módulosde 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 TagsString), tags array, classes, e apontadores de tags indiretos

• Arquitetura aberta com trocas de API e valores de tags com softwareexterno

• Editor de Tradução, o qual permite traduzir o projeto em diversaslinguagens, e trocar entre elas enquanto o sistema runtime estiver online

• Módulos TCP/IP cliente e servidor para trocar valores de tags e configurarsistemas 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 (importaBanco de dados de Tags) como ISaGRAF, SteepleChase, Think&Do, OpenControl, 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 noproduto

• Scheduler (gerênciador de eventos) baseados na data, tempo ou condiçãode dados (resolução de 100ms)

• Projetos Multi-layer (camadas múltiplas), o que significa que planilhasmodulares e telas podem ser mesclados facilmente com outros projetos

• Funções Dial-Up para acionar, monitorar, e suspender uma conexão dial-up com o servidor RAS de estações remotas

Page 7: Quick Start Indusoft

Introdução

InduSoft Web Studio 7

• 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 cadanível de responsabilidade do projeto. Entretanto, o IWS não suportaalgumas características de certos tipos de produtos (assim comoCEView). Você pode revisar o documento TargetVersions.pdf noDVD de instalação do IWS para obter informações detalhadas sobreestas limitações de cada tipo de produto.

Page 8: Quick Start Indusoft

Introdução

8 InduSoft Web Studio

Convenções usadas nesse documentoEsta documentação utiliza formatação e terminologia padronizada paratornar mais fácil o entendimento de todos os usuários.

Convenções de textoEsta documentação utiliza formatação de texto especial para ajudar você aidentificar rapidamente alguns itens:

• Títulos, etiquetas, novos termos, e mensagens são indicadas usando textoitálico (por exemplo, Propriedades do objeto).

• Nomes de arquivos, texto da tela, e o texto que você deve digitar sãoindicados usando texto monospace (por exemplo, D:\Setup.exe ).

• Botões, opções de menu, e teclas de teclado são indicados usando umestilo negrito (por exemplo, menu Arquivo ).

Além disso, este documento separa alguns textos em caixas Dica, Nota, eAtenção:

• Dicas fornece informações úteis para poupar tempo de desenvolvimentoou para melhorar o desempenho do projeto.

• Notas fornece informações adicionais que podem tornar mais fácil acompreensão do texto próximo, geralmente o texto antes da nota.

• Atenção fornece as informações necessárias para evitar erros que podemcausar problemas durante a execução do projeto, e que possa resultar emdanos.

Convenção de mouse e seleçãoComo a maioria dos computadores utilizados para o desenvolvimento doprojeto executam uma versão do Microsoft Windows com um mouse, estadocumentaçã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ãosecundário.

Esta documentação usa as seguintes convenções para mouse e seleção:

• Clicar e Selecionar, ambos significam para clicar uma vez no item como botão esquerdo do mouse.No geral, você clica nos botões e seleciona osmenus e listas.

• Duplo-clique significa clicar rapidamente duas vezes em um item com obotão esquerdo do mouse.

Page 9: Quick Start Indusoft

Introdução

InduSoft Web Studio 9

• Clique-direito significa clicar uma vez em um item com o botão direito domouse.

• Selecionar também significa que você deve usar o dispositivo apontadorpara destacar ou especificar um item na tela do computador.Selecionandoum item com uma tela TouchScreen é geralmente o mesmo que selecionarcom o mouse, exceto que você usa o dedo para tocar (selecionar) umobjeto 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 abrirmenus, a tecla Alt e uma letra para a seleção de um objeto que tem umaletra sublinhada.

• Arrastar significa pressionar o botão apropriado do mouse e movê-loantes de soltar o botão.Normalmente, um esboço do item irá mover com ocursor do mouse.

Convenções de JanelasEsta documentação usa as seguintes convenções para janelas:

• diálogo (ou diálogos) são janelas que permitem configurar opções e inserirtexto.

• 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 edesaparece quando você clica no botão. Normalmente, o ponto indica quea opção ou função está habilitada (selecionada). Sem ponto indica que aopção ou função está desabilitada (não selecionada).

• Caixa de seleção são quadrados brancos onde um check ( ) apareceou 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ê clicasobre eles.

• Listas são painéis (caixas brancas) nas janelas ou caixas de diálogocontendo duas ou mais opções selecionáveis.

• Caixas de Combinação possuem setas que, quando clicado, mostramparte ou a totalidade de uma outra lista oculta.

• Janelas Acopláveis são janelas que você pode arrastar para uma bordada interface e mesclar com essa borda.

Page 10: Quick Start Indusoft

Instalação

10 InduSoft Web Studio

Instalação

Esta seção fornece instruções para instalar, iniciar e desinstalar InduSoftWeb Studio and CEView.

Page 11: Quick Start Indusoft

Instalação

InduSoft Web Studio 11

Requisitos do sistemaEstes são os requisitos mínimos de sistema para instalar e executar osoftware InduSoft Web Studio.

Nota: Os requisitos descritos a seguir são baseados em projetostípicos.Dependendo do seu projeto específico, as exigências podemvariar:

• "Dispositivos compatíveis com o Windows Embedded e WindowsMobile " incluem uma grande variedade de processadorese conjunto de recursos, de smartphones até displaysindustriais.Consulte o seu fornecedor para as necessidadesespecíficas de hardware para executar seu projeto nestesdispositivos.

• Dependendo do seu projeto, alguns dos itens listados comoopcional podem ser obrigatórios.Por exemplo, se você precisartrocar dados com um CLP através de uma interface serial, ocomputador deve ter uma porta serial.

DesenvolvimentoPara instalar e executar o aplicativo de desenvolvimento, você deve ter:

• Um computador compatível com Windows com um teclado, mouse, emonitor SVGA

• Um desktop Windows ou sistema operacional servidor que é atualmentesuportado 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

Page 12: Quick Start Indusoft

Instalação

12 InduSoft Web Studio

• DVD-ROM (opcional, para instalar o aplicativo, mas também pode serbaixado do nosso site)

• Porta USB (opcional, para ser usado com licença hardkey)

• Portas seriais COM e adaptadores (opcional, a ser utilizado paracomunicação direta com dispositivos)

Dica: Qualquer estação que tenha o aplicativo de desenvolvimentoinstalado também pode funcionar como um servidor de projeto e /ou cliente de um projeto.

Projeto ServidorPara 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 conhecidocomo 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 oInternet Information Services (IIS) que pode ser usado comoservidor Web de seu projeto.

• 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 paracomunicação direta com dispositivos)

Page 13: Quick Start Indusoft

Instalação

InduSoft Web Studio 13

Projeto Cliente – EmbeddedPara executar como um cliente do projeto usando CEView, você deve ter:

• Um Windows Embedded ou dispositivo compatível com Windows Mobilecom um mouse ou entrada de touchscreen

• Um sistema operacional Windows embedded ou mobile, que é atualmentesuportado pela Microsoft, que neste momento inclui:

• Microsoft Windows XP Embedded Service Pack 3

• Microsoft Windows Embedded Standard 7 (2009)

• Microsoft Windows Embedded Compact (anteriormente conhecidocomo Windows CE) ou Windows Mobile, versão 5.0 ou posterior

• Adaptador Ethernet ou rede sem fio

Projeto Cliente – ThinPara executar como um projeto cliente usando o programa Secure Viewer ouo navegador baseado em Thin Client, você deve ter:

• Um computador compatível com Windows ou Windows Embedded comum 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 conhecidocomo Windows CE) ou Windows Mobile, versão 5.0 ou posterior

• Microsoft Internet Explorer 6.0 ou posterior

• Adaptador Ethernet ou rede sem fio

Page 14: Quick Start Indusoft

Instalação

14 InduSoft Web Studio

Instalando o SoftwareInduSoft Web Studio fornece todas as ferramentas de desenvolvimento paratodos projetos IWS, e pode ser instalado em um PC que esteja executando ossistemas 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 downloadda Web ou a partir do DVD de instalação do InduSoft Web Studio. Paraexecução de projetos em sistemas com Windows Embedded, você pode usaro aplicativo de desenvolvimento para download do CEView (o mecanismo deruntime) 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 WebStudio no seu desktop Windows.

Nota:

• Você deve ter privilégios de administrador no PC para instalar oudesinstalar o aplicativo de desenvolvimento.

• Você deve desinstalar uma versão antiga do aplicativo dedesenvolvimento (ou movê-lo para um diretório diferente) antesde instalar uma nova versão.Além disso, você não pode instalara mesma versão do aplicativo de desenvolvimento em doiscaminhos diferentes no mesmo PC.

As instruções para instalação do InduSoft Web Studio e CEView sãofornecidos nas duas seções seguintes:

Instalando o aplicativo de desenvolvimento no seu PC WindowsPara 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 telade boas vindas do DVD. Se isso não acontecer - por exemplo, se você tema opção de Autorun desligada nas opções do Windows - então você podemostrar a tela manualmente usando o Windows Explorer para localizar eabrir o arquivo D:\InduSoft.htm.

3. Na tela de boas-vindas, selecione o produto que deseja instalar.

Page 15: Quick Start Indusoft

Instalação

InduSoft Web Studio 15

O Internet Explorer irá perguntar se você quer executar ou salvar oinstalador.

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 computadoragora e então clique OK.

Depois que o seu PC reiniciar, você pode executar o aplicativo dedesenvolvimento. 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émsão instalados para suportar as funcionalidades do IWS. Seu PCpode ter versões posteriores do .NET Framework já instalado, masnão há motivo para preocupação, porque várias versões do. NETFramework não devem entrar em conflito umas com as outras.Você pode ver quais versões estão instaladas no seu PC abrindo oAdicionar ou Remover Programas (Iniciar > Painel de Controle > Adicionarou Remover Programas).

Para maiores informações sobre o Microsoft .NET Framework, vejaBanco de Dados Appendix A: Usando Bancos de Dados ODBC.

Instalando o CEView no seu equipamento com Windows EmbeddedO CEView é o mecanismo de runtime para projetos do IWS em equipamentosWindows Embedded. O CEView deve ser instalado no seu dispositivo antesde enviar seu projeto para ele.

Onde os Arquivos Estão Localizados

Dada a natureza dos dispositivos Windows Embedded, cada combinação deversã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 seguintediretório:

Redist\version\processor\

Page 16: Quick Start Indusoft

Instalação

16 InduSoft Web Studio

…onde:

• version é a versão do sistema operacional do dispositivo onde o CEViewserá instalado:

• A pasta \WinCE 5.0 contém os arquivos para Windows CE e WindowsMobile 5.0 ou posterior; e

• A pasta \WinEmbedded contém os arquivos para Windows XPEmbedded e Windows Embedded 7.

• processor é o processador usado pelo seu dispositivo Windows CE.Nós fornecemos um runtime do CEView para qualquer processador queseja suportado atualmente pelo sistema operacional Windows CE (e.g.,Pocket2003-ArmV4, ArmV4i, x86). Para obter mais informações, consultea documentação do fabricante para o dispositivo.

Para instalar os arquivos no seu dispositivo, use a ferramenta GerenciamentoRemoto 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ãoTCP/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 issonão acontecer, então você deve instalar o arquivo manualmenteCEServer.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 WindowsXP) ou Windows Mobile Device Center (para Windows Vista) parase comunicar diretamente com o dispositivo ou você pode mapear odispositivo como uma pasta compartilhada em seu PC. Para obtermais informações sobre como copiar e executar arquivos, consulte adocumentação do fabricante para o dispositivo.

3. No diálogo Agente Remoto, clique Configurar e então configure acomunicação para o equipamento conectado à rede. Em particular, anoteo endereço IP do dispositivo.

4. Inicie o aplicativo de desenvolvimento em seu PC.

Page 17: Quick Start Indusoft

Instalação

InduSoft Web Studio 17

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 Remoto6. 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 dedesenvolvimento e o equipamento.

Se a conexão for bem sucedida, então as especificações do dispostivoserão mostradas na caixa de texto Plataforma .

8. Clique Instalar Arquivos de Sistema para fazer o download dos arquivos CEViewpara o dispostivo.

9. Quando a instalação terminar, clique Desconectar.Para obter mais informações sobre como baixar e executar projetos nodispostivo Windows Embedded, consulte Gerenciamento Remoto.

Instalando via Microsoft ActiveSync

Para instalar CEView em um dispositivo Windows Embedded via MicrosoftActiveSync:

1. Certifique-se que o Microsoft ActiveSync (para o Windows 2000 eWindows 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 maioriados dispositivos deve ser capaz de se conectar via USB.

3. Inicie o aplicativo de desenvolvimento em seu PC.

Page 18: Quick Start Indusoft

Instalação

18 InduSoft Web Studio

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 dedesenvolvimento e o equipamento.

Se a conexão for bem sucedida, então as especificações do dispositivoserão mostradas na caixa de texto Plataforma .

7. Clique Instalar Arquivos de Sistema para fazer o download dos arquivos CEViewpara o dispostivo.

8. Quando a instalação terminar, clique Desconectar.

Nota: Em alguns casos, a ferramenta Gerenciamento Remoto podenão ser capaz de se conectar através do Microsoft ActiveSync emum dispositivo Windows CE 6.0 ou posterior. Isto é devido a umproblema na configuração padrão do Windows CE 6.0. Você podecorrigir o problema usando um pequeno utilitário que acompanha oIWS. O utilitário está localizado em:

Redist\ActiveSyncUnlock.exe

Copie esse arquivo para o dispositivo usando a versão stand-alonedo Microsoft ActiveSync e então execute o arquivo no dispositivo.Não importa onde o arquivo está localizado no dispositivo.(Paraobter mais informações sobre como copiar e executar arquivos,consulte a documentação do fabricante para o dispositivo.) Quandoisso for feito, tente novamente usar a ferramenta de gerenciamentoremoto para se conectar ao dispositivo.

Para obter mais informações sobre como baixar e executar projetosno dispostivo Windows Embedded, consulte GerenciamentoRemoto.

Page 19: Quick Start Indusoft

Instalação

InduSoft Web Studio 19

Iniciando o SoftwarePara 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 IWSem qualquer configuração de vídeo. No entanto, recomendamos quevocê use as configurações de vídeo para uma resolução de 800x600(ou superior) e use mais de 256 cores para um ambiente maisagradável. A resolução do projeto (tamanho da tela) é independenteda resolução do sistema operacional.

Page 20: Quick Start Indusoft

Instalação

20 InduSoft Web Studio

Desinstalando o Software

Atenção: Antes de iniciar o procedimento de desinstalação,certifique-se de fazer o backup de qualquer arquivo de programaque pode ser útil mais tarde. Além disso, tenha certeza de quevocê tem uma versão atual (ou superior) do DVD de instalação doIWS para que você possa reinstalar o software posteriormente, senecessário.

Se você achar necessário remover o IWS do seu sistema, siga estasinstruçõ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 deControle .

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 seuComputador serão mostrados.

5. Quando a mensagem Desinstalação Concluída com Êxito formostrada e o botão OK ficar ativo, clique OK .

Verifique se InduSoft Web Studio não está mais na lista do diálogoAdicionar/Remover Programas .

6. Clique no botão Cancelar ou no botão de fechar ( ), para fechar o diálogoAdicionar/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 quevocê tenha criado ou modificado na pasta de projetos do IWS .

Você deve ter privilégios de administrador para desinstalar (einstalar) o InduSoft Web Studio.

Page 21: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 21

O Ambiente de Desenvolvimento

O InduSoft Web Studio incorpora uma moderna interface, baseada na Faixade Opções do Windows para fornecer um integrado e amigável ambiente dedesenvolvimento.

O ambiente de desenvolvimento do IWS

Page 22: Quick Start Indusoft

O Ambiente de Desenvolvimento

22 InduSoft Web Studio

Barra de TítuloA barra de título localizado na parte superior do ambiente dedesenvolvimento 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 adireita):

• Botão Minimizar : Clique para minimizar a janela do ambiente dedesenvolvimento para a Barra de Tarefas.

• Restaurar Abaixo / Maximizar: Clique para alternar a janela do ambiente dedesenvolvimento entre dois tamanhos:

• Botão Restaurar Abaixo reduz a janela ao seu tamanho original(padrão).

• Botão Maximizar amplia a janela para preencher a tela docomputador.

• Botão Fechar : Clique para salvar o Banco de Dados e então fecheo ambiente de desenvolvimento. Se você modificou qualquer tela ouplanilha, o aplicativo solicitará que você salve seu trabalho. A funçãodeste botão é semelhante a clicar Sair da Aplicação no menu do Aplicativo.

Nota: Fechando o ambiente de desenvolvimento não fecha ovisualizador de projeto ou o sistema de runtime, se eles estãoexecutando.

Page 23: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 23

Barra de EstadosA Barra de Estados localizada na parte inferior do ambiente dedesenvolvimento fornece informações sobre a tela ativa (se houver) e o estadodo aplicativo.

Exemplo de Barra de Estados

Os campos da Barra de Estados (da esquerda para a direita) estão descritosna 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) oudesligada (cinzento).

NUM Indica se a tecla Num Lock está ligada (preto) oudesligada (cinzento).

SCRL Indica se a tecla Scroll Lock está ligada (preto) oudesligada (cinzento).

Object ID O número de identificação de um objeto selecionadoda 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 depixels da borda esquerda da tela e Y é o número depixels da borda superior da tela. Se for uma planilha,então a posição do cursor de texto é dada como linhae coluna.

Tamanho do objeto O tamanho (em pixels) de um objeto selecionado datela, onde W é a largura e H é a altura.

No DRAG Indica se o drag (arrastador) está desativado (NoDRAG) ou ativado (vazio) na tela ativa.

Contador de Tag O número total de tags utilizadas até o momento noprojeto.

Page 24: Quick Start Indusoft

O Ambiente de Desenvolvimento

24 InduSoft Web Studio

Botão de aplicativoO botão de aplicativo abre um menu de comandos padrão do aplicativo doWindows, como Novo, Abrir, Salvar, Imprimir e Fechar.

Botão de aplicativos abre o menu de comandos

Page 25: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 25

Barra de Acesso RápidoA Barra de Acesso Rápido é uma barra de ferramentas personalizável quecontém um conjunto de comandos que são independentes da guia da faixa deopções que está sendo exibida.

Mova a Barra de Acesso RápidoA 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 totalda tela de aplicação.

Se você não quiser que a Barra de Acesso Rápido seja exibida em seu localatual, 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 deOpções.

Adicione um comando a Barra de Acesso RápidoVocê pode adicionar um comando à Barra de Acesso Rápido diretamente apartir 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 ocomando que você deseja adicionar a Barra de Acesso Rápido.

2. Clique no comando e, em seguida, clique em Adicionar para Barra deAcesso Rápido no menu de atalho.

Você também pode adicionar e remover comandos - bem como repor a barrade ferramentas para seu padrão - usando o diálogo Customizar :

1.

Clique Customizar Barra de Acesso Rápido .

Page 26: Quick Start Indusoft

O Ambiente de Desenvolvimento

26 InduSoft Web Studio

2. Na lista, clique Mais Comandos. O diálogo Customizar é mostrado.

Diálogo Customizar Barra de Acesso Rápido3. 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. Oconteúdo da maioria das listas, como o travessão e o espaçamento entrevalores e estilos individuais, que também aparecem na faixa de opções, nãopode ser adicionado à Barra de Acesso Rápido.

Page 27: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 27

Faixa de OpçõesA nova faixa de opções combina os numerosos menus e barras deferramentas 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 InicialA guia Página Inicial da faixa de opções é usada para gerenciar o seu projetodentro 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 doprojeto e planilhas de tarefa.

• Gerenciamento Local: Executar e parar o projeto na estação local (i.e., ondea aplicação de desenvolvimento está instalada), bem como gerenciar asTarefas em execução.

• Gerenciamento Remoto: Conectar a uma estação remota (e.g., um dispositivoWindows Embedded) então você pode fazer o download do projeto, e entãoexecutar, parar, e solucionar problemas do projeto nessa estação.

• Ferramentas: Ferramentas diversas para verificar o projeto, importar tags deoutros projetos, converter resolução de tela, e registrar controles ActiveXe .NET.

• Tags: Manipular tags e propriedades de tags no banco de dados do projeto.

Page 28: Quick Start Indusoft

O Ambiente de Desenvolvimento

28 InduSoft Web Studio

Guia ExibiçãoA guia Exibição da faixa de opções é usada para personalizar a aparência doambiente 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 dedesenvolvimento, 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 dedesenvolvimento.

• Janela: Organize as janelas no ambiente de desenvolvimento.

Guia InserirA 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:

• Global: Inserir tags, Classes, traduções, e procedimentos para a GuiaGlobal do Project Explorer.

• Gráficos: Inserir telas e grupo de telas para a Guia Gráficos do ProjectExplorer.

• Planilhas de Tarefas: Inserir planilhas de tarefas para a Guia Tarefas doProject Explorer.

Page 29: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 29

• Comunicação: Inserir configurações de servidor e planilhas de comunicaçãopara a Guia Comunicação do Project Explorer.

Guia ProjetoA guia Projeto da faixa de opções é usada para configurar as definições de seuprojeto.

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 oprojeto para executar como um serviço do Windows.

• Sistema de Segurança: Habilitar e configurar o sistema de segurança doprojeto.

• Web: Configurar o projeto para aceitar conexões de thin clients edispositivos móveis, e também configurar a saída de email e FTP.

Guia GráficosA 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 telade projeto aberto para edição.

As ferramentas estão organizadas nos seguintes grupos:

Page 30: Quick Start Indusoft

O Ambiente de Desenvolvimento

30 InduSoft Web Studio

• Tela: Defina as configurações para a tela do projeto em si, como seusatributos, 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, comoalarmes, 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 FormatoA guia Formato da faixa de opções é usado para formatar e organizar osobjetos em uma tela de projeto.

Guia Formato da faixa de opções

Nota: Esta guia está disponível apenas quando você tiverselecionado um ou mais objetos em uma tela de projeto.

As ferramentas estão organizadas nos seguintes grupos:

• Organizar: Organizar objetos em uma tela de projeto, incluindo trazer para otopo e enviar para o fundo, agrupar, alinhar, e rotacionar.

• Posição: Ajustar precisamente a posição de um objeto de tela em uma telade 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.

Page 31: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 31

Guia AjudaA guia Ajuda da faixa de opções fornece ajuda adicional para o uso dosoftware.

Guia Ajuda da faixa de opções

As ferramentas estão organizadas nos seguintes grupos:

• Documentação: Acesso a documentação para o desenvolvimento deaplicações, incluindo este arquivo ajuda / referência técnica e notas paraos 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 oSuporte ao Cliente ajudá-lo.

Page 32: Quick Start Indusoft

O Ambiente de Desenvolvimento

32 InduSoft Web Studio

Project ExplorerO Project Explorer organiza todas as telas, planilhas e outros componentesque compõem o seu projeto e apresenta-os em uma exibição em árvore devisualização expansível.

O Project Explorer

Clique no ícone de expandir ou duplo-clique na pasta para ver os arquivosda pasta. Clique no ícone de fechar para fechar a pasta.

Se você clicar com o botão direito em qualquer componente do ProjectExplorer, um menu de atalho é exibido com opções para esse componente.

Guia globalA 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 comoseguranç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:

Page 33: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 33

• Tags do Projeto contém as tags que você cria durante o desenvolvimentodo projeto (como tags de tela ou tags que lêem do/escrevem para oequipamento de campo).

• Classes contém tags compostas, chamadas tags Classes, criadas paraassociar um grupo de valores (maior do que um único valor) com umobjeto.

• Banco de Dados Compartilhado contém tags que foram criadas em umprograma de controle baseado em PC e então importada para o banco dedados de tag do projeto.

Por exemplo, você pode importar tags SteepleChase para o projetoentão pode ler/escrever dados de um produto de controle baseado emSteepleChase.

• Tags de Sistema contém tags predefinidas com funções predeterminadasque são usadas pelo projeto para tarefas específicas do supervisório (porexemplo, 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 egrupo, configuradas para o projeto atual.

• Procedimentos contém funções e sub-rotinas em VBScript que podem serchamadas 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 deusuário do projeto deve ser traduzida para outra linguagem.

Guia GráficosA guia Gráficos do Project Explorer contém todas as telas, grupo de telas, esímbolos no seu projeto.

Guia Gráficos do Project Explorer.

Page 34: Quick Start Indusoft

O Ambiente de Desenvolvimento

34 InduSoft Web Studio

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 combinadasem grupos gerenciáveis) criadas para o projeto atual.

• Páginas Web contém todas páginas da Web (i.e., telas salvas em formatoHTML) criadas para o projeto.

• Acesso Móvel permite configuração de um mini-site que é próprio paracelulares, PDAs, e outros dispositivos móveis.

• Símbolos de Projeto contém todos os símbolos definidos pelo usuário, quepodem ser grupos de imagens e/ou texto. Você pode criar símboloscustomizados para o projeto e salvá-los nesta pasta.

• Scripts Gráficos contém funções predefinidas que são executadas quandocertas ações ocorrem na tela, como quando o Thin Client é lançado emuma estação remota.

• Símbolos contém a biblioteca de símbolos e gráficos comuns providoscom o projeto. Duplo-clique no ícone Biblioteca para abrir a Biblioteca deSímbolos.

• Formato mostra todas as telas atualmente abertas no Editor de Telas epermite visualizar como as telas se juntam durante a execução do projeto.

Guia TarefasA guia Tarefas do Project Explorer organiza as planilhas que são processadascomo 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:

• Alarmes contém as planilhas de Alarme usadas para configurar grupos dealarme e as tags relacionadas para cada grupo de alarme no projeto. Você

Page 35: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 35

também usa as Tarefas de Alarme para definir as mensagens de alarmegeradas durante a execução do projeto.

• Gráfico de Tendência contém as planilhas de Tendência usadas paraconfigurar grupos de histórico que armazenam curvas de tendência para oprojeto. Você pode usar as Tarefas de Tendência para declarar quais tagsprecisam ter seus valores armazenados no disco, e para criar arquivos dehistórico para gráficos de tendência. Seu projeto armazena as amostrasem um arquivo de histórico binário (*.hst), e mostra histórico e amostrasonline em uma tela com gráfico de tendência.

• Receitas contém as planilhas de Receitas usadas para configurar como osdados são trocados entre o banco de dados do projeto e arquivos do discoem formato ASCII ou DBF, e como valores são transferidos entre arquivose memória real-time.

• Relatórios contém as planilhas de Relatório usadas para configurarrelatórios (tipo texto) que são enviadas para uma impressora ou um disco.Tarefas de Relatório permitem que você configure relatórios de textocom os dados do sistema, o que torna a criação de relatórios mais fácil eeficiente.

• ODBC contém as planilhas ODBC usadas para configurar como a interfaceODBC executa em um ambiente de rede e usa a configuração padrão doWindows ODBC. Você configura funções ODBC para trocar dados entreseu projeto e de qualquer banco de dados de suporte a interface ODBC.

• Matemática contém as planilhas de Matemática usadas para configurar eimplementar rotinas adicionais para trabalhar com diferentes tarefas.Seu projeto executa as planilhas de Matemática como tarefas desegundo plano durante a execução. Você pode configurar as planilhasde Matemática para fornecer ambientes livres para rotinas de lógicas ecá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 eventosusando expressões matemáticas definidas, que são executadas de acordocom data, hora, ou outros eventos monitorados.

• Banco de Dados/ERP contém as planilhas de Banco de Dados que comunicacom Banco de Dados externo usando a interface padrão ADO.NET (comouma alternativa do ODBC).

Page 36: Quick Start Indusoft

O Ambiente de Desenvolvimento

36 InduSoft Web Studio

Guia ComunicaçãoA guia Comunicação do Project Explorer organiza a planilha que estabelececomunicação com outro dispositivo ou software usando protocolosdisponí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 umainterface (ou interfaces) de comunicação entre o projeto e o equipamentoremoto (tais como CLP ou transmissores).

Um driver de comunicação é um arquivo .DLL que contém informaçõesespecíficas sobre o equipamento remoto e implementa o protocolo decomunicação.

• OPC contém as planilhas OPC usadas para configurar a interface OPCentre o seu projeto e um Servidor OPC.Um módulo de Cliente OPCpermite o seu projeto comunicar com qualquer equipamento que atuacomo um Servidor OPC implementando o padrão OPC descrito nodocumento OLE for Process Control Data Access Standard Version 2.0publicado pela fundação OPC.

• OPC UA contém as planilhas OPC UA que são usados para se conectar comservidores 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 aservidores OPC através do novo protocolo OPC Express interface.

• TCP/IP contém as planilhas TCP/IP usadas para configurar a interfaceCliente TCP/IP para outras estações IWS.

Cliente TCP/IP e módulos Servidores do IWS permitem dois ou maisprojetos para manter seus bancos de dados sincronizados usando oprotocolo TCP/IP.

Page 37: Quick Start Indusoft

O Ambiente de Desenvolvimento

InduSoft Web Studio 37

• DDE contém as planilhas DDE usadas para configurar um Cliente DDEpara uma aplicação Servidor DDE (tais como Microsoft Excel ou qualqueroutro programa do Windows que suporte essa interface).

DDE (Dynamic Data Exchange) é um protocolo que permite a trocadinâmica de dados entre aplicações Windows. Uma conversa DDE é umainteração entre os programas cliente e servidor. IWS fornece interfacesque executam como Clientes ou como Servidores.

Page 38: Quick Start Indusoft

O Ambiente de Desenvolvimento

38 InduSoft Web Studio

Editor de Tela/PlanilhaUse o poderoso editor de tela orientada a objetos para criar e editaruma variedade de telas e planilhas para seus projetos.Você pode inseririnformações usando o mouse e teclado, dados de controle de saída para osseus processos, e atualizar automaticamente as telas com base na entradade dados de seus processos.

Editor de Tela/Planilha

Outros recursos do editor de tela incluem:

• Simples ponto-e-clique, interface arrastar-e-soltar

• Agrupamento de objetos para preservar as etapas de construção deobjetos individuais

• Edição de objetos sem ter de desagrupar componentes internos de objetosou grupos

• Manipulação de objetos bitmap e bitmaps de fundo

• Estado da linha de suporte nas janelas de projeto e diálogos

Page 39: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 39

Sobre Tags e o Banco de Dados do Projeto

Tags são um componente central de qualquer projeto IWS. Simples decolocar, as tags são variáveis usadas pelo IWS para receber e armazenar osdados 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. Porsua vez, as tags podem ser utilizadas para mostrar informações nas telas (epáginas Web), para manipular objetos da tela, e para controlar tarefas emexecução.

Mas as tags são mais do que simples variáveis. IWS incluem um gerenciadorde banco de dados em tempo real que fornece um número de funçõessofisticadas, 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 deexecução, comparando os valores de tags para limites alarmantes, e assimpor diante. Uma tag IWS tem valor e várias propriedades que podem seracessados, alguns em desenvolvimento, enquanto outros só na execução.

 

 

Todas as tags são organizadas em uma das seguintes categorias, que sãorepresentados por pastas na guia Global do Project Explorer:

• Tags do Projeto são tags que você cria durante o desenvolvimento doprojeto. 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

Page 40: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

40 InduSoft Web Studio

• Tags de Banco de dados compartilhado são criados em um programa decontrole baseado em PC e então importado para o banco de dados de tagsdo IWS.

Por exemplo você pode criar tags em SteepleChase e importá-los para oIWS então IWS pode ler/escrever dados de um programa SteepleChase decontrole baseado em PC.

Você não pode modificar tags compartilhadas com IWS - você devemodificar as tags no programa original de controle baseado em PC, eentão re-importá-los para o banco de dados de Tags.

• Tags de Sistema são tags predefinidas com funções predeterminadas quesã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 quevocê 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 ProjectExplorer, abra a pasta Tags de Sistema, e abra a subpasta Lista de Tags. Afigura acima mostra uma lista parcial das tags do sistema.

Depois de criar uma tag, você pode usá-lo em qualquer lugar dentro doprojeto, e usar a mesma tag para mais de um objeto ou atributo.

Page 41: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 41

Compreendendo a Sintaxe de Nome da TagObserve as seguintes orientações ao nomear uma tag:

• Seus nomes das Tags devem ser únicos — você não pode especificar omesmo nome para duas tags diferentes (ou funções). Se você digitar umnome de marca já existente, o IWS reconhece que o nome existe e não vaicriar a nova tag.

• Você deve iniciar cada nome de tag com uma letra. Entretanto, você podeusar 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 tagou um nome de membro Classe. Você pode usar caracteres maiúsculose minúsculos. Os nomes das Tags não diferenciam maiúsculas eminú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. (Porexemplo: TankLevel em vez de tanklevel.)

• Os nomes das Tags devem ser diferentes de nomes de tags do sistema efunções matemáticas.

Nota: Use o caracter @ no início de um nome de tag para indicarque a tag será utilizada como uma tag indireta no projeto.

Alguns exemplos de tags válidas incluem:

• Temperature

• pressure1

• count

• x

Page 42: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

42 InduSoft Web Studio

Escolhendo o Tipo de Dado da TagOutra 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++. Normalmenteusado 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 aotipo de dado "signed long int" no C++. Normalmente utilizado para acontagem de números inteiros ou ajustando valores de números inteiros.Exemplos: 0, 5, #200.

• Real (ponto flutuante, oito bites): Número Real que é armazenadointernamente como um 64-bit sinalizado. Equivalente ao tipo de dado"double" no C++. Normalmente utilizado para medições ou para valoresdecimais 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 assinalando-a como uma Classe. Uma Classe é um modelo composto por dois oumais 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) commúltiplos atributos (ex. Nível, temperatura, pressão) para ser monitorado oucontrolado.

Você pode encontrar estes tipos de tags (e seus respectivos ícones) na guiaGlobal do Project Explorer.

Veja também: Entendendo Propriedades e Parâmetros de Tags

Alterando Como Tags Booleanas Recebem Valores NuméricosPor padrão, se qualquer valor numérico maior que 0 (ex. ≠0) é escrito emuma Tag Booleana, então a tag automaticamente assume o valor de 1.Você pode alterar esse comportamento, se necessário, editando o arquivoproject_name.app para alterar as seguintes configurações:

[Options]BooleanTrueAboveZero=value

Page 43: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 43

Se BooleanTrueAboveZero é definido como padrão 0, então o projeto irá secomportar conforme descrito acima. Se BooleanTrueAboveZero é definidopara 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) parauma 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ãovocê não deve alterar esta configuração.

Page 44: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

44 InduSoft Web Studio

Usando Tags ArrayTags 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 excedao número máximo de tags suportadas pela licença (tipo de produto)selecionados para o projeto. Cada posição de array (incluindo aposiçã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 é identificadapelos índices (uma matriz de n linhas e 1 coluna). O tamanho máximo doarray depende da especificação do produto. Você pode usar a seguintesintaxe 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 tagarray na coluna tamanho de qualquer folha de dados. Você podeespecificar n para indicar tag array tem posições de 0 até n. Porexemplo, se o tamanho da TagA é 3, os elementos de tag podem serTagA[0], TagA[1], TagA[2], e TagA[3].

Use a tag array, sempre que possível, pois otimiza o uso da memória esimplifica a tarefa de configuração. Por exemplo, se você quer um displaypara monitorar cada tanque, você pode usar tags array para configurarum único display, contendo tags vinculadas à qualquer tanque. Porexemplo (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ãocom uma operação aritmética "+".

Nota: Quando você se refere a um array com um índice usando aoperação aritmética +, você deve usar a seguinte sintaxe:

ArrayTagName[NumValue1+NumValue2]

Page 45: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 45

Onde NumValue1 e NumValue2 pode ser uma tag inteira ou umaconstante numérica. Por exemplo: temperature[tk+2] outemperature[tk+6].

Usando tags array em qualquer tarefa do IWS pode economizar um montantesignificativo de tempo de desenvolvimento do projeto. Por exemplo, se vocêprecisasse de pontos de tag relacionados com a temperatura de quatrotanques. 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, osistema 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 datag 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 paraa posição inicial do array.

Tags ArrayUma tag array consiste de um conjunto de tags que todos têm o mesmonome, mas usa índices array exclusivos (uma matriz de n linhas e umacoluna) para diferenciar entre cada tag. Um índice array pode ser um valorfixo, outra tag ou uma expressão. Tamanho máximo de array é determinadopelas especificações do produto.

Você pode usar tags array para:

• Simplificar configurações

• Habilitar multiplexação em telas, receitas, e interfaces de comunicação

Page 46: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

46 InduSoft Web Studio

• 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ãoconstituí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 arraydigitando um valor (n) na coluna de Tamanho do Array de umafolha de dados de Tags do Projeto ou no campo de Tamanhodo Array no diálogo de uma Nova Tag. (Veja "Criando banco dedados 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ê especificaArrayTag[15], o array terá 16 elementos, onde 0 é a posiçãoinicial 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 caracteree continua até encontrar o primeiro espaço ou caractere nulo.Consequentemente, o sistema não reconhece os caracteres apóso espaço como parte da tag array.

Por exemplo, se você digitar a[second + 1], o IWS respeitaa[second como a tag e a considera inválida, porque o IWS nãoencontra (reconhece) o colchete de fechamento. Entretanto, sevocê digitar a[second+1], essa é uma tag array válida.

Você pode especificar uma tag array tag onde quer que você usaria umnome variável. Também, porque as tags array simplificam as tarefas de

Page 47: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 47

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 quatrotanques. 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úmerostank.

Tank[tk] Um array simples, onde o índice do array (tk) é umatag. Por exemplo, uma tag representando o númerodo 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 umarray, se o valor da tag estiver fora do tamanho do array, então oresultado será o seguinte:

• Se IndexTag é maior que o tamanho do array, entãoMyArray[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]).

Page 48: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

48 InduSoft Web Studio

Sobre Tags IndiretasO 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 qualqueroutra tag no banco de dados (isto é, ela pode fornecer um ponteiro paraqualquer outro tipo de tag, incluindo um tipo de classe). A sintaxe para umatag indireta é simples:: @NomeTagIndireta. Por exemplo, suponha que umatag 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 queaponta 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 referira um membro de uma tag tipo-classe diretamente; identificando um tipo-classe 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 datag XCLASS e usar a sintaxe, @XCLASS.Level.

Ao criar tags de uso indireto, coloque um X na coluna da tag ao invés decriá-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, @XClass:TANK.

Tags IndiretasTags indiretos "apontam" para outros banco de dados de tags (incluindoas tag tipo-classe). O uso de tags indiretas podem salvar tempo de

Page 49: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 49

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 simplesmentedigitando o símbolo @ na frente do nome da tag @NomeTag.

• Para referenciar uma tag simples, suponha que a tag (tag string) strXcontém o valor "Tank", o qual é nome de outra tag, então ler ou escreverpara @strX dá acesso ao valor da tag Tank.

• Para referenciar uma tag tipo-classe e membro, você simplesmente criauma tag string que aponta para a tag classe e o membro. Por exemplo, sea tag (tag string) strX contém o valor "Tank.Level", o qual é o nome deuma tag classe, então ler ou escrever para @strX dá acesso ao valor domembro Tank.Level.

• Você também pode apontar diretamente para um membro de tag tipo-classe; identificando um tipo-classe que aponta para um membro daclasse. 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.

Page 50: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

50 InduSoft Web Studio

Lista de Propriedades de TagPropriedades de Tag (também conhecido como "campos de tag") sãometadados anexados a cada tag no banco de dados. A maioria dessaspropriedades podem ser definidas usando o diálogo Propriedades de Tag,o qual você pode abrir clicando no botão Propriedades de Tag na barra deferramentas de Propriedades de Tag.

Para acessar uma propriedade de tag durante o runtime, use a seguintesintaxe (sem espaços) em qualquer lugar que você normalmente especificauma tag:

tag_name->property_name

Você pode acessar as seguintes propriedades de tag durante o runtime:

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

Name O nome da tag, comoconfigurado no banco de dadosde Tags do Projeto.

L String, até32 caracteres

Y Y Y Y n/a

MemberName O nome do membro da classe,em uma Classe configuradocorretamente. ATENÇÂO: Asintaxe deve ser:

Class.Member->MemberName

Exemplo: Tank.Lvl->MemberName = Lvl

L String, até32 caracteres

Y Y Y Y n/a

Size Tamanho do Array. Se a tag nãoé uma tag array, ele retorna ovalor 0

L Inteira Y Y Y Y n/a

Index O número do índice de umelemento no Array. (Um Array équalquer Tag de tamanho maiorque 0.) ATENÇÃO: A sintaxedeve ser:

Tag[Index]->Index

L Inteira Y Y Y Y n/a

Page 51: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 51

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

Exemplo: Tag[1]->Índice = 1

Descrição A descrição da tag, configuradona folha de dados da Tag.

L String Y Y Y Y Y

Quality Qualidade da Tag (192=BOM;0=RUIM). O projeto atualizaesse campo toda vez que tagrecebe o resultado de umaexpressão ou um valor de umatarefa de comunicação (comodriver ou OPC).Se a expressão é inválida(como, divisão por zero) ou sehouver um erro de comunicaçãoda leitura associada à tag,então o projeto define aqualidade para RUIM.

L Inteira Y Y Y Y N

TimeStamp Hora e data quando o últimovalor da tag for trocado.

L String Y Y Y Y N

Blocked Essa propriedade pode ter doisvalores:

• 0: A tag é bloqueadae todas as tarefas emexecução irão ignorá-la. Éefetivamente removido dobanco de dados do projeto.

• 1: A tag é desbloqueadae todas as tarefas emexecução podem acessá-lanormalmente.

Isso é útil quando você quiserdesabilitar dinamicamentetodas as ações associadas comuma tag específica. Mesmoquando uma tag é bloqueada,de qualquer maneira, aindaconta para o número total detags utilizadas para fins delicenciamento.

L/E Booleana Y Y Y Y N

Page 52: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

52 InduSoft Web Studio

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

Unit Uma breve descrição (até 9caracteres) da Unidade deEngenharia (ou seja, a unidadede 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 sergravado para a tag durante aexecução.

L/E Real N Y Y N Y

Min O valor máximo que pode sergravado para a tag durante aexecução

L/E Real N Y Y N Y

B0 … B31 Valor (0 ou 1) de qualquer umdos 32 bits (b0, b1, b2, … b31)de uma tag inteira. (B0: LSBB31: MSB)

L/E Booleana N Y N N N

DisplayValue Um valor de Tag convertido quesó é exibido na tela:DisplayValue = (Value /UnitDiv) + UnitAdd

Isso é usado quando os valoresatuais de Tag tem uma Unidadede Engenharia (ver Unidadeacima) mas precisam serexibidos na tela em outraUnidade de Engenharia (verDisplayUnit abaixo). Porexemplo, Graus Celsius e grausFarenheit.

Se a entrada de usuáriomuda DisplayValue durante aexecução, então a conversão érevertida antes da alteração serefetivamente escrita para a Tag:

Value = (DisplayValue −UnitAdd) * UnitDiv

L/E Real N Y Y N n/a

DisplayUnit Uma breve descrição (até 9caracteres) da Unidade deEngenharia para DisplayValue.ATENÇÂO: Essa propriedadepode apenas ser definidadeusando as funções

L String, até9 caracteres

N Y Y N N

Page 53: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 53

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

SetDisplayUnit eSetTagDisplayUnit.

UnitDiv Número pelo qual o valorda Tag é dividido para obterDisplayValue. Para não terdivisão, UnitDiv precisa ser 1.ATENÇÂO: Essa propriedadepode apenas ser definidadeusando as funçõesSetDisplayUnit eSetTagDisplayUnit.

L Real N Y Y N N

UnitAdd Número adicionado para o valorda tag para obter DisplayValue.Para não ter adição, UnitAddprecisa ser 0.ATENÇÂO: Essa propriedadepode apenas ser definidadeusando as funçõesSetDisplayUnit eSetTagDisplayUnit.

L Real N Y Y N N

DisplayMax O valor máximo que pode serescrito para DisplayValuedurante a execução:DisplayMax = (Max / UnitDiv)+ UnitAdd

Se DisplayMax é alteradodurante a execução, então Maxtambém é alterado da seguinteforma:

Max = (DisplayMax − UnitAdd)* UnitDiv

L/E Real N Y Y N N

DisplayMin O valor mínimo que pode serescrito para o DisplayValuedurante a execução:DisplayMin = (Min / UnitDiv) +UnitAdd

Se DisplayMin é alteradodurante a execução, então Min

L/E Real N Y Y N N

Page 54: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

54 InduSoft Web Studio

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

também é alterado da seguinteforma:

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

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 Deviation-alarme.

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ãoestá ativo. Se 1, o alarme DevPestá ativo.

L Booleana N Y Y N n/a

Page 55: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 55

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

DevM Se 0, o alarme Deviation- nãoestá ativo. Se 1, o alarme DevMestá ativo.

L Booleana N Y Y N n/a

AlrStatus Valor Inteiro com o estado doalarme ativo atual associado àtag. Cada bit desse valor inteiroindica um estado específico:

• Bit 0 (LSB): HiHi Alarmeativo

• Bit 1: Hi Alarme ativo

• Bit 2: Lo Alarme ativo

• Bit 3: LoLo Alarme ativo

• Bit 4: Rate Alarme ativo

• Bit 5: Deviation+ Alarmeativo

• Bit 6: Deviation- Alarmeativo

Exemplos: Se Tag�>AlrStatusretorna o valor 2, isso significaque o alarme "Hi" está ativo.Se retornar o valor 3, issosignifica que os alarmes"HiHi" e "Hi" estão ativadossimultaneamentes.

Se essa propriedade retornar ovalor 0, isso significa que nãohá alarmes ativos com a tagassociada.

Para Tags Booleanas, apenasos valores 1 (bit 1), 4 (bit 2) ou16 (bit 4) podem ser retornados.

L Integer Y Y Y N N

Ack Essa propriedade pode ter doisvalores:

• 0: Não há alarmesassociados a esta tagque necessitam dereconhecimento.

L Booleana Y Y Y N N

Page 56: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

56 InduSoft Web Studio

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

• 1: Há pelo menos umalarme associado aesta tag que exigereconhecimento.

Isso funciona como umreconhecimento global para atag e vai para 0 apenas quandotodos os alarmes para a tagforem reconhecidos.

UnAck Essa propriedade pode ter doisvalores:

• 0: Há pelo menos umalarme associado aesta tag que exigereconhecimento.

• 1: Não há alarmesassociados a esta tagque necessitam dereconhecimento.

Se você definir manualmenteesse valor para 1, então oalarme ativo (se houver) sãoreconhecidos. O valor paraessa propriedade é sempre ooposto da propriedade Ack.

L/E Booleana Y Y Y N N

AlrAckValue Texto associado com o estadode Reconhecimento de umaTag Booleana. Esse texto émostrado na coluna Valor deum Controle de Alarme/Evento.Você também pode editar otexto no diálogo Propriedade deTag (Alarmes – Tipo Bool).

L/E String, até32 caracteres

Y N N N Y

AlrOffValue Texto associado com o estadode Normalizado de umatag Booleana. Esse texto émostrado na coluna Valor deum Controle de Alarme/Evento.Você também pode editar otexto no diálogo Propriedade deTag (Alarmes – Tipo Bool).

L/E String, até32 caracteres

Y N N N Y

Page 57: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 57

Disponível no Tipo de Dado…Propriedadeda Tag

Descrição LouL/E

Tipo deDado

Bool Int Real Str

Retentivo

AlrOnValue Texto associado com o estadoAtivo de uma tag Booleana.Esse texto é mostrado nacoluna Valor de um Controle deAlarme/Evento.Você também pode editar otexto no diálogo Propriedade deTag (Alarmes – Tipo Bool).

L/E String, até32 caracteres

Y N N N Y

AlrDisable Essa propriedade pode ter doisvalores:

• 0: Os alarmes associadoscom essa tag estãohabilitados. Isso significaque quando uma condiçãode alarme ocorrer, oalarme ficará ativo.

• 1: Os alarmes associadospara essa tag estãodesabilitados. Isso significaque mesmo que umacondição de alarmeocorrer, o alarme não setornará ativo.

L/E Booleana Y Y Y N N

Nota:

• Se uma propriedade está marcada como "n / a" com respeito aser retentiva, é porque a propriedade é inerente à definição datag (por exemplo, nome, tamanho) ou o valor da propriedade écontinuamente derivados durante a execução (por exemplo, aativação do alarme, DisplayValue). Para habilitar retenção parauma tag, selecione a opção Parâmetros Retentivos no diálogo dePropriedades de Tag.

• Se o projeto tenta escrever um valor fora do intervaloespecificado nas propriedades Min e Max , o Banco de Dados deTags não irá aceitar o novo valor e uma mensagem de alerta éescrita na janela Output. Se ambas propriedades Min e Max sãoconfiguradas com o valor 0 (zero), isso significa que qualquervalor 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.

Page 58: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

58 InduSoft Web Studio

• Embora você possa aplicar as propriedades de tag para Tags doSistema, essas propriedades não serão mantidas quando vocêbaixar o seu projeto para um dispositivo CE.

Page 59: Quick Start Indusoft

Sobre Tags e o Banco de Dados do Projeto

InduSoft Web Studio 59

Restaurando Banco de Dados de TagsSelecione Restaurar Banco de Dados de Tags para "recarregar" o banco de dados detags na estação local. Esse comando afeta todas tags armazenadas na pastaTags do Projeto. Esta opção é útil para redefinir as tags projeto e restaurar osvalores que tinham quando o projeto foi carregado pela primeira vez. Quandovocê para o projeto, mas deixa o ambiente de desenvolvimento aberto, as tagsnão são restauradas por padrão quando o projeto é executado novamente.Portanto, você pode executar este comando para reiniciá-las antes que oprojeto 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ãoconfigurou qualquer Valor Inicial para uma tag numérica (Booleana, Inteira ouReal), o valor 0 (zero) é escrito para a tag. Se você não configurou qualquerValor Inicial para uma tag string, o valor vazio ("") é escrito para a tag.

Este comando é desabilitado (em cinza), se houver pelo menos uma tarefade execução em execução na estação local. Você deve fechar todas as tarefasde execução (Parar na guia Página Inicial da faixa de opções) antes que essecomando possa ser executado.

Nota: As tags armazenadas na pasta Tags de Sistema e napasta Tags Compartilhadas (se houver) não são afetadas por essecomando.

Dica: Se você deseja restaurar as tags de projeto automaticamentesempre que você executar o projeto (Executar na guia Página Inicialda faixa de opções), você pode marcar a opção Restaurar Banco de Dadosde Tags quando começar o projeto na guia de Preferências do diálogode Configurações do Projeto.

Page 60: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

60 InduSoft Web Studio

Tutorial: Construindo um Projeto Simples

Esta seção explica, usando um tutorial passo-a-passo, como construir umprojeto simples, bem como a forma de selecionar e configurar um driver de I/O.

Page 61: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 61

Criando um novo projetoEsta parte do tutorial mostra como criar um novo projeto, incluindo como lhedar um nome e selecionar a plataforma de destino.

1. Clique no botão de aplicativos no canto superior esquerdo do ambiente dedesenvolvimento 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óriocom 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 oarquivo de projeto em outro lugar que na pasta de projetos padrão, cliqueem Browse e navegue até o local preferido.

4. Na lista tipo de produto, selecione o tipo de projeto que pretende construir.

Page 62: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

62 InduSoft Web Studio

Para esse exemplo, selecione Windows Embedded Standard. Esta é um tipode produto limitado de tag e recursos que podem ser implantados comsegurança em dispositivos Windows Embedded.

Seleção da plataforma de destino e o tipo de produto5. Clique OK.

O diálogo Novo é fechado e o diálogo do Project Wizard é mostrado.

6. Na lista de Modelo, selecione Aplicação Vazia.

Page 63: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 63

7. Na lista de Resolução, selecione 640 x 480.

Especificando uma Aplicação Vazia com resolução de 640x4808. Clique OK.

O diálogo Project Wizard é fechado e o novo projeto é criado no ambientede desenvolvimento.

Page 64: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

64 InduSoft Web Studio

Especificando um tela de inicializaçãoEsta parte do tutorial mostra como abrir as configurações do projeto e entãoespecificar 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 dealarme e eventos, banco de dados padrão e Tags compartilhadas.

• Use a guia Visualizador para habilitar/desabilitar os parâmetros deexecução do desktop.

• Use a guia Comunicação para especificar os parâmetros de comunicaçãorelacionados com o projecto em geral.

• Use a guia Web para especificar as configurações da Web Solution, como oendereço IP do servidor de dados.

• Use a guia Preferências para habilitar/desabilitar mensagens de avisoquando se utiliza o aplicativo de desenvolvimento.

1. Na guia Projeto da faixa de opções, no grupo de Configurações, clique emVisualizador.O diálogo de Configurações do Projeto é mostrado com a guia Visualizadorselecionada.

Page 65: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 65

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 telaprincipal (ou qualquer tela que você especificar) em primeiro lugar. Vocêpode especificar uma tela antes de criá-lo.

3. Clique OK.

Page 66: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

66 InduSoft Web Studio

Criando TagsEsta parte do tutorial mostra como criar novas tags, acrescentando-as para ofolha de dados de Tags do projeto.

Uma tag é qualquer variável que contém um valor. Todas as tags criadas emum projeto são armazenadas na pasta Tags do Projeto, na guia Global doProject 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 Tagsdo Projeto .

4. Use os seguintes parâmetros para criar uma tag para o projeto deexemplo.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 tagválida.

Page 67: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 67

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 dedocumentação apenas.

e) Escopo: Especifique como a tag é gerenciada entre o servidor e asestações Thin Client.

• Selecione Local se você quiser que a tag tenha valoresindependentes no servidor e estações cliente.

• Selecione Server se você quiser que a tag compartilhe o mesmo valorno servidor e estações cliente.

Para esse tutorial, selecione Server.

Criando a tag Level5. 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 deProjeto ou inserir / remover colunas adicionais clicando pelo botãodireito do mouse sobre ela e escolhendo a opção aplicável a partirdo menu pop-up.

Page 68: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

68 InduSoft Web Studio

Criando a tela de inicializaçãoEsta 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 umprojeto nesta pasta Telas.O diálogo Atributos de Tela é mostrado.

Diálogo Atributos de Tela3. 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çode trabalho para edição.

Page 69: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 69

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çãoEsta parte do tutorial mostra como desenhar o título da tela de inicializaçãousando 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ãopressione 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álogoPropriedades de Objeto contendo as propriedades para esse objeto. Aspropriedades mostradas no diálogo mudam dependendo do tipo deobjeto.

Page 70: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

70 InduSoft Web Studio

• O diálogo Propriedades de Objeto também contém um botão quecontrola 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 sejamantido liberado quando você deseja manipular os objetos (Copiar,Colar, Recortar ou Delete). Embora o diálogo Propriedades de Objetoesteja 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álogoPropriedades de Objeto , mesmo quando você clica os objetos natela. Recomendamos que você mantenha este botão pressionadoquando você quiser modificar as configurações dos objetos.Você pode clicar um objeto e digitar o novo valor da propriedadediretamente no diálogo Propriedades de Objeto (não é necessárioclicar na janela para trazer o foco para ela). Também, quando obotão pin é pressionado, o diálogo Propriedades de Objeto não fechaautomaticamente quando você clica na tela.

4. Clique Fontes para abrir diálogo de Fonte e então, especifique ascaracterísticas da fonte.Para esse tutorial…

• Fonte é Arial• Estilo de fonte é Regular• Tamanho é 20• Cor é Azul

Especificando as características da fonte

Page 71: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 71

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 telaEsta parte do tutorial mostra como desenhar e configurar um botão queabrirá 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 desenharo objeto Botão.

3. Clique duas vezes no objeto para abrir o diálogo Propriedades de Objeto.

Page 72: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

72 InduSoft Web Studio

4. Na caixa Legenda , digite o seguinte texto: Clique aqui para abrir atela sinótica.

Adicionando uma legenda para o botão5. Clique Comando.

O diálogo Propriedades de Objeto muda para mostrar as propriedadespara 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.

Page 73: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 73

8. Feche o diálogo Propriedades de Objeto .

Salvando e fechando a tela de inicializaçãoEsta parte do tutorial mostra como salvar e fechar uma tela corretamente.

1. Clique no botão de aplicativo no canto superior esquerdo do aplicativo dedesenvolvimento, 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 dedesenvolvimento, e então clique Fechar no menu de Aplicação.

Page 74: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

74 InduSoft Web Studio

Criando a tela sinóticaEsta parte do tutorial mostra como criar a sua segunda tela, que irá incluirum 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 deatalho.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 dedesenvolvimento, 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óticaComo na parte anterior, esta parte do tutorial mostra como desenhar o títulode 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 ascaracterí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.

Page 75: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 75

7. Clique no botão de aplicativo no canto superior esquerdo do aplicativo dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Esta figura mostra como sua tela deve aparecer depois de criar os objetos dedata 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çãolocal.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 propriedadespara 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 ########## doobjeto 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.

Page 76: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

76 InduSoft Web Studio

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 propriedadespara 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 ########## doobjeto 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 dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Esta figura mostra como sua tela deve aparecer depois de criar os objetos dedata e hora.

Objetos de data e hora finalizados

Colocando um ícone "Exit"Esta parte do tutorial mostra como colocar um ícone (selecionando econfigurando 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ãoabra a subpasta Ícones .

3. Na subpasta de ícones, selecione exit01.

Page 77: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 77

O símbolo será exibido no visualizador de símbolo à direita da árvore demenu.

Selecionando o símbolo "exit01"4. Clique no símbolo

O cursor do mouse mudará para mostrar que o símbolo está pronto paraser 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 ligado6. 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().

Page 78: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

78 InduSoft Web Studio

Shutdown é uma das funções de script embutidas do InduSoft WebStudio, mas pode ser usado dentro do VBScript precedida por um sinal dedólar ($).

Especificando o comando de desligamento no símbolo10.Feche o diálogo Propriedades de Objeto .

11.Clique no botão de aplicativo no canto superior esquerdo do aplicativo dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Agora, quando um usuário clica neste ícone durante a execução, o projeto vaiparar e sair para o desktop da estação.

Testando o projetoEsta 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 , cliqueExecutar.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 odesenvolvimento de aplicações (ALT+TAB) e então clique Parar na guia PáginaInicial da faixa de opções.

Colocando um tanque de animaçãoEsta parte do tutorial mostra como selecionar um tanque de animaçãoda biblioteca de símbolos e colocá-lo na tela (semelhante à forma comoselecionou e colocou o ícone "sair"), em seguida, associar algumas tags doprojeto com as propriedades do tanque.

1. Na guia Gráficos da faixa de opções, no grupo Bibliotecas , clique Símbolos.

Page 79: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 79

2. Na árvore de menu símbolos, abra a pasta Símbolos de Sistema e então abraa subpasta Tanks .

3. Na subpasta Tanks, selecione um símbolo tanque.Você pode selecionar qualquer tanque que você gosta, todos elesfuncionam basicamente da mesma maneira.

Selecionando um Símbolo Tanque4. Clique no símbolo

O cursor do mouse mudará para mostrar que o símbolo está pronto paraser 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

Page 80: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

80 InduSoft Web Studio

Um tanque é um arranjo de diferentes objetos e animações (por exemplo,um retângulo, um gráfico de barras, etc), todos combinados como umsímbolo ligado. Você pode modificar as propriedades deste símbolo,editando a lista de propriedades. Para este tutorial, você irá modificar atag associada ao nível de tanque.

7. Para a propriedade TagLevel, exclua o valor existente e então digiteLevel[Index].Observe que você não precisa reabrir a folha de dados de Tags do Projetopara criar tags que você desenvolver o projeto.Porque você não criou a tag Index anteriormente no banco de dados deTags do Projeto, uma mensagem de alerta pergunta se você gostaria decriá-la.

8. Clique Sim.Um diálogo Nova Tag é mostrado.

9. Configure a nova tag com Array como 0, Tipo como Inteira, e Escopo comoLocal.

Configurando uma nova Tag10.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 #3ex. Level[3]).

Também, porque o escopo da tag é local, a tag pode ter valoresdiferentes para o servidor e estações de clientes ao mesmo tempo.Consequentemente, o usuário local (ex. the Server station) pode estar

Page 81: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 81

monitorando o nível do Tank #1 enquanto um usuário remoto (ex. theClient 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 dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Esta figura mostra como a tela deve parecer depois de ter criado o objeto dotanque.

Objeto Tanque finalizado

Colocando uma barra de nívelEsta parte do tutorial mostra como selecionar um controle deslizante daBiblioteca 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 abraa subpasta Sliders .

Selecionando um símbolo barra deslizante3. Na subpasta Sliders, selecione um controlador de barra deslizante.

Page 82: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

82 InduSoft Web Studio

Você pode selecionar qualquer controle deslizante que você gosta, todoseles funcionam basicamente da mesma maneira.

4. Clique no símboloO cursor do mouse mudará para mostrar que o símbolo está pronto paraser 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 digiteLevel[Index].Assim como com o tanque, você precisará modificar a propriedadesí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 dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Esta figura mostra como a sua tela deve parecer depois de ter criado o objetocursor do nível.

Objeto de nível barra deslizante finalizado

Desenhando um seletor de tanqueEsta parte do tutorial mostra como desenhar uma caixa de entrada de textoque pode ser usado para alterar qual tanque no mundo real é representadopela 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 propriedadespara animação de Texto com Link de Dados.

Page 83: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 83

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 aexecuçã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 dedesenvolvimento, e então clique Salvar no menu de Aplicação.

Esta figura mostra como a sua tela deve parecer depois de ter criado o objetoseletor do tanque.

Seletor de tanque durante a execução finalizada

Testando o projetoEsta parte do tutorial mostra como testar novamente o projeto com o tanquede 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 , cliqueExecutar.

Page 84: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

84 InduSoft Web Studio

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 abarra deslizante para ajustar o nível do tanque.Note que você pode ver/ajustar o nível de cada tanqueindependentemente.

4. Clique no ícone de saída para encerrar o projeto.

Se qualquer parte do projeto não funcionar como esperado, volte para odesenvolvimento de aplicações (ALT+TAB) e então clique Parar na guia PáginaInicial da faixa de opções.

Page 85: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 85

Configurando o driver de comunicaçãoEssa parte do tutorial mostra como selecionar e configurar um driver paracomunicar 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/RemoverDrivers 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 selecionado4. Clique OK.

O diálogo Comunicação de Drivers é fechado, e o driver é adicionado paraa pasta de Driver no Project Explorer.

Page 86: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

86 InduSoft Web Studio

5. No Project Explorer, clique com o botão direito na pasta MODBU , e entãoclique Configurações no menu de atalho.

O diálogo Configurações de Comunicação é mostrado.

Diálogo Configurações de Comunicação para driver MODBU6. 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ãoclique Inserir no menu de atalho.Uma nova planilha de driver nomeada MODBU001.drv é criada e abertapara 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 oprojeto de execução de qualquer forma.

Page 87: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 87

b) Na caixa Habilitar Leitura Quando Ocioso , digite 1.Esta configuração é um disparo que assume um valor booleano. Umvalor de 1 - inseridos manualmente como acima ou avaliados a partirde uma tag / expressão - força o seu projeto para continuar a leiturade valores de tag do dispositivo de destino, mesmo quando não houvernenhuma 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 oprojeto para escrever os valores de tag para o dispositivo alvo somentequando os valores mudam, ao invés de continuamente. Isso economizarecursos 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 estedriver. 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 diverMOBDU é:

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

Page 88: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

88 InduSoft Web Studio

10.No corpo da planilha, coloque as tags e os endereços associados dodispositivo - 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 doEquipamento

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 completo11.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ãoclique OK.

Monitorando I/O do dispostivo durante o runtimeEsta parte do tutorial mostra como monitorar os I/O do dispositivo durante oruntime usando a janela Log .

1. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , cliqueExecutar.O projeto será executado e a tela de inicialização é exibida.

2. Pressione ALT+TAB para trocar de volta para o aplicativo dedesenvolvimento.

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 .

Page 89: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 89

5. Clique OK para fechar o diálogo Log Settings .

Agora você pode monitorar os I/O do dispositivo durante o runtime.

Page 90: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

90 InduSoft Web Studio

Fazendo o download do seu projeto para um dispositivo WindowsEmbedded

Esta parte do tutorial mostra como fazer o download do seu projeto para umdispositivo Windows Embedded, como uma IHM de chão de fábrica.

Depois de configurar um projeto e testá-lo localmente (na estação dedesenvolvimento), você pode baixá-lo para uma estação remota - seja um PCWindows que esteja executando IWS ou um dispositivo Windows Embeddedque esteja executando CEView.

1. Na área de trabalho da estação remota, clique Start > All Programs > InduSoftWeb Studio v7.0 > Remote Agent .O utilitário de Agente Remoto é executado.

Utilitário de Agente Remoto2. Clique Configurar.

O diálogo Configurar é mostrado.

3. Selecione o tipo de conexão Serial, TCP/IP, ou Infravermelho — entre a estaçãoremota e a estação de desenvolvimento.

Page 91: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 91

Nota: Para um melhor desempenho, recomendamos que vocêuse TCP / IP, sempre que possível.

Selecionando TCP/IP na estação remota4. 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 dafaixa de opções.O diálogo Gerenciamento Remoto é mostrado.

Diálogo Gerenciamento Remoto6. 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 deagente remoto na estação remota.

7. Se você selecionou Network IP, digite o endereço IP da estação remota.

8. Clique Conectar.

Page 92: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

92 InduSoft Web Studio

Se você se conectar com êxito para a estação remota, então a informaçãosobre essa estação é exibida nas caixas Estado e Plataforma .

9. Se a estação remota é um dispositivo Windows Embedded, clique Instalararquivos 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.

Page 93: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 93

Implantando o projeto como uma aplicação webEsta parte do tutorial mostra como implementar o seu projeto como umaaplicação web, para que os usuários remotos possam se conectar com oInternet Explorer.

Para o Internet Explorer trabalhar como um web thin client, ele deve instalarum controle ActiveX que "joga" telas do projeto IWS . Se o computador estiverconectado à Internet, então o IE irá automaticamente fazer o download docontrole do InduSoft do servidor público quando você acessar um projetoruntime 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 Webselecionada.

Guia Web do diálogo Configurações do Projetob) 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 deloopback (a.k.a. "localhost").

c) Clique OK para fechar o diálogo.

Page 94: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

94 InduSoft Web Studio

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çãob) Na lista de tarefas, selecione TCP/IP Server Runtime, e então clique

Inicialização.O diálogo Inicialização é mostrado.

Diálogo Inicializaçãoc) 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.

Page 95: Quick Start Indusoft

Tutorial: Construindo um Projeto Simples

InduSoft Web Studio 95

4. Clique no botão de aplicação no canto superior esquerdo do aplicativo dedesenvolvimento, e então clique Publicar > Salvar tudo como HTML no menu deAplicação.Suas telas de projeto são salvas como arquivos HTML na subpasta Webda sua pasta de projeto (ex. \project_name\Web).

5. Configurar um servidor web para tornar a subpasta Web disponível paranavegadores web.Para esse tutorial, copie […]\InduSoft Web Studio v7.0\Bin\NTWebServer.exe (um servidor de web grátis e leve) para a subpastaWeb, e então execute-o.Você pode também configurar o diretório "root" ou "home" de algum outrosoftware servidor Web (ex. Microsoft IIS) para apontar para a subpastaWeb.

Nota: O servidor web (o que torna as páginas da Web disponívelpara os clientes na rede) e o servidor de dados (que na verdadeexecuta o seu projeto IWS e troca dados com os clientes) nãoprecisam ser o mesmo computador.

6. Na guia Página Inicial da faixa de opções, no grupo Gerenciamento Local , cliqueExecutar.

7. Abra um web browser (por exemplo, o Microsoft Internet Explorer) e digiteo 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 ocontrole 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. Elesfuncionam igualmente bem.