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