mwebserver110p

Upload: stgpereira

Post on 03-Mar-2016

6 views

Category:

Documents


0 download

DESCRIPTION

Web Server Atos MPC4004

TRANSCRIPT

  • 1

    ATOS WEBSERVER Manual de Programao / Configurao

    Ref. 4-0063.110 Manual Rev. 1.10 Agosto/2004

    Atos Automao Industrial LTDA. Rua Arnoldo Felmanas, 201 Vila Friburgo - So Paulo SP CEP 04774-010 Departamento Comercial: Tel.: 55 11 5547 7412 - Fax: 55 11 5522 5089 e-mail: [email protected] Fbrica / Assistncia Tcnica / Engenharia: Tel.: 55 11 5547 7400 - Fax: 55 11 5686 9194 e-mail: [email protected] Call Center: 55 11 5547 7411 e-mail: [email protected] Atos na Internet: www.atos.com.br

  • 2

    Este manual no pode ser reproduzido, total ou parcialmente, sem autorizao por escrito da Atos. Seu contedo tem carter exclusivamente tcnico/informativo e a Atos se reserva no direito, sem qualquer aviso prvio, de alterar as informaes deste documento.

  • 3

    Termo de Garantia

    A Atos Automao Industrial LTDA. assegura ao comprador deste produto, garantia contra qualquer defeito de material ou de fabricao, que nele apresentar no prazo de 360 dias contados a partir da emisso da nota fiscal de venda. A Atos Automao Industrial LTDA. restringe sua responsabilidade substituio de peas defeituosas, desde que o critrio de seu Departamento de Assistncia Tcnica, se constate falha em condies normais de uso. A garantia no inclui a troca gratuita de peas ou acessrios que se des-gastem naturalmente com o uso, cabos, chaves, conectores externos e rels. A garantia tambm no in-clui fusveis, baterias e memrias regravveis tipo EPROM. A Atos Automao Industrial LTDA. declara a garantia nula e sem efeito se este pro-duto sofrer qualquer dano provocado por acidentes, agentes da natureza, uso em desacordo com o manu-al de instrues, ou por ter sido ligado rede eltrica imprpria, sujeita a flutuaes excessivas, ou com interferncia eletromagntica acima das especificaes deste produto. A garantia ser nula se o equipa-mento apresentar sinais de ter sido consertado por pessoa no habilitada e se houver remoo e/ou alte-rao do nmero de srie ou etiqueta de identificao. A Atos Automao Industrial LTDA. somente obriga-se a prestar os servios referidos neste termo de garantia em sua sede em So Paulo - SP, portanto, compradores estabelecidos em outras localidades sero os nicos responsveis pelas despesas e riscos de transportes (ida e volta). Servio de Suporte Atos A Atos conta com uma equipe de engenheiros e representantes treinados na prpria fbrica e oferece a seus clientes um sistema de trabalho em parceria para especificar, configurar e desenvolver software usurio e solues em automao e presta servios de aplicaes e start-up. A Atos mantm ainda o servio de assistncia tcnica em toda a sua linha de produtos, que prestado em suas instalaes. Com o objetivo de criar um canal de comunicao entre a Atos e seus usurios, criamos um servio denominado CALL CENTER. Este servio centraliza as eventuais dvidas e sugestes, visando a exce-lncia dos produtos e servios comercializados pela Atos. Para contato com a Atos utilize o endereo e telefones mostrados na primeira pgina deste Manual.

    Sistema de Certificado ISO 9001 desde 1996, com foco na Satisfao do Cliente

    CALL CENTERDe Segunda a Sexta-feira Das 7:30 s 12:00 h e das 13:00 s 17:30 h Telefone: 55 11 5547 7411 E-mail: [email protected]

  • 4

    IMPORTANTE "

    C O N V E N E S U T I L I Z A D A S Ttulos de captulos esto destacados no ndice e aparecem no cabealho das pginas; Um captulo pode ter vrias sees. Os ttulos dessas sees esto marcados pelo sinal como mos-trado no exemplo abaixo

    Ttulo de uma Seo Uma seo pode ter vrias subsees. Os ttulos dessas subsees esto marcados pelo sinal como mostrado no exemplo abaixo:

    Ttulo de uma subseo Uma subseo pode ter vrios itens. Esses itens iniciam por um marcador ou um nmero seqencial. Palavras em outras lnguas so apresentadas entre aspas ( ), porm algumas palavras so emprega-das livremente por causa de sua generalidade e freqncia de uso. Como por exemplo, s pala-vras software e hardware. Nmeros seguidos da letra h subscrita (ex: 1024h) indicam numerao hexadecimal. Qualquer outra nu-merao presente deve ser interpretada em decimal. O destaque de algumas informaes dado atravs de cones localizados sempre esquerda da pgi-na. Cada um destes cones caracteriza um tipo de informao diferente, sendo alguns considerados so-mente com carter informativo e outros de extrema importncia e cuidado. Eles esto identificados mais abaixo:

    OBSERVAO

    NOTA NOTA: De carter informativo, mostra dicas de utilizao e/ou configurao poss-veis, ou ressalta alguma informao relevante no equipamento. OBSERVAO: De carter informativo, mostra alguns pontos importantes no comportamento / utilizao ou configurao do equipamento. Ressalta tpicosnecessrios para a correta abrangncia do contedo deste manual.

    IMPORTANTE: De carter informativo, mostrando pontos e trechos importantesdo manual. Sempre observe e analise bem o contedo das informaes que soidentificadas por este cone.

    ATENO: Este cone identifica tpicos que devem ser lidos com extrema aten-o, pois afetam no correto funcionamento do equipamento em questo, podendo at causar danos mquina / processo, ou mesmo ao operador, se no foremobservados e obedecidos.

  • 5

    N D I C E

    CAPTULO 1 INTRODUO AO WEBSERVER .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Descrio Geral ................................................ ............................................................... .. 11 Dimenses ...................................................... ............................................................... ... 11 Cdigos dos produtos ........................................... ............................................................. 11 Caractersticas Gerais......................................... ............................................................... 12 Configuraes mnimas para rodar o WEB Studio ................................................................ 12 Configuraes recomendadas ..................................... ........................................................ 12 Esquema de ligao............................................. .............................................................. 13

    CAPTULO 2 CONFIGURAO DO WEBSERVER .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Configurao de Hardware ....................................... .......................................................... 17 Configurando o Webserver ....................................... .......................................................... 17

    Acessando o software de configurao........................................................................................................................ 17 Telnet via Windows 95, 98, 2000, ME ou XP ............................................................................................................... 18 Telnet via Windows NT................................................................................................................................................. 20 Cadastro de usurios.................................................................................................................................................... 22 Configurar parmetros de rede..................................................................................................................................... 23 Configurar parmetros das seriais................................................................................................................................ 24 Configurao atual........................................................................................................................................................ 25 Encerrando as configuraes....................................................................................................................................... 25

    CAPTULO 3 COMUNICAO .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 Meio de transmisso ETHERNET ................................... ..................................................... 29

    Cabo direto ................................................................................................................................................................... 29 Cabo cruzado ............................................................................................................................................................... 29

    Cabo de ligao em RS232 (Webserver PLC) .......................................................... ....... 30 Cabo de ligao em RS485 (rede de PLCs) ....................... ................................................. 31

    Caractersticas eltricas do cabo para padro RS485 ................................................................................................. 31 Ligando o Webserver a uma rede .................................................... ................................... 32 Topologias ..................................................... ............................................................... .... 33

    Intranet.......................................................................................................................................................................... 33 Internet.......................................................................................................................................................................... 33

    CAPTULO 4 WEB STUDIO .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 Sobre o WEB Studio ............................................. ............................................................. 37 Descrio da interface com o usurio ........................... ....................................................... 37 Iniciando um novo projeto ...................................... ............................................................ 39 Criando / formatando sua pgina inicial ........................ ....................................................... 42

    Propriedades da pgina................................................................................................................................................ 43 Inserindo uma imagem background ............................................................................................................................. 43 Definindo a rea de trabalho da imagem ..................................................................................................................... 44

  • 6

    Definio das variveis utilizadas no projeto ........................................................................44 Declarando um PLC...................................................................................................................................................... 44

    Definio de parmetros do novo PLC........................................................................................................................ 44 Criando um grupo de variveis ..................................................................................................................................... 45

    Definio de parmetros do novo grupo ..................................................................................................................... 45 Declarando as variveis do projeto............................................................................................................................... 46

    Definio de parmetros da nova varivel .................................................................................................................. 46 Componentes do WEB Studio...................................... ........................................................47 Propriedades comuns dos objetos ................................ .......................................................47

    Position........................................................................................................................................................................ 47 Name........................................................................................................................................................................... 47 Variable ....................................................................................................................................................................... 48 Format ......................................................................................................................................................................... 49 Style............................................................................................................................................................................. 50 Link .............................................................................................................................................................................. 51

    Propriedades exclusivas dos objetos ............................ .......................................................52 Objeto Display............................................................................................................................................................... 52

    Text.............................................................................................................................................................................. 53 Declarando variveis em um Display .......................................................................................................................... 53

    Objeto Dynamic............................................................................................................................................................. 54 Mode............................................................................................................................................................................ 55 Zones........................................................................................................................................................................... 56

    Objeto Edit .................................................................................................................................................................... 57 ReadOnly..................................................................................................................................................................... 58

    Objeto Button ................................................................................................................................................................ 59 Mode............................................................................................................................................................................ 60 States .......................................................................................................................................................................... 60 ReadOnly..................................................................................................................................................................... 61

    Objeto Bar ..................................................................................................................................................................... 62 MaxValue..................................................................................................................................................................... 63 Orientation ................................................................................................................................................................... 64

    Objeto Static Image....................................................................................................................................................... 65 Image........................................................................................................................................................................... 66

    Formatao das folhas de estilo ................................ ..........................................................67 Formatao de texto nos objetos.................................................................................................................................. 67

    Tamanho da fonte (font-size) ...................................................................................................................................... 67 Tipo de fonte (font-family)............................................................................................................................................ 68 Cor da fonte (color)...................................................................................................................................................... 68

    Formatao da aparncia dos objetos.......................................................................................................................... 69 Cor de fundo (background-color)................................................................................................................................. 69 Tamanho da borda (border-width)............................................................................................................................... 69 Estilo de borda (border-style) ...................................................................................................................................... 70 Cor da borda (border-color)......................................................................................................................................... 71

    Trabalhando com Layers .............................................................................................................................................. 72 Programao dos alarmes........................................ ...........................................................74 Programao de envio automtico de e-mails ..................... ..................................................75 Enviando o projeto para o Webserver ............................ ......................................................76

  • 7

    APNDICE A ATALHOS DE TECLADO DO WEB STUDIO .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 Comandos Gerais do WEB Studio .................................. ..................................................... 81

    APNDICE B SOLUCIONANDO PROBLEMAS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 APNDICE C INDICADORES DE DIAGNSTICO .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

  • 8

  • 9

    CAPTULO 1 INTRODUO AO WEBSERVER

    CAPTULO 1 INTRODUO AO WEBSERVER

  • INTRODUO AO WEBSERVER

    10

    1

  • INTRODUO AO WEBSERVER

    11

    1 Descrio Geral

    O produto 2345.00 ATOS WEBSERVER tem a capacidade de armazenar pginas XML em sua mem-ria flash. Estas pginas podem ser visualizadas a partir de um browser conectado a Intranet ou Internet. O ATOS WEBSERVER capaz de gerar pginas XML dinamicamente onde operaes de escrita e leitura das variveis do PLC via http possuem respostas em formato XML. Sua programao feita pelo aplicati-vo WEB Studio, o editor de pgina XML da ATOS. Alm de servidor de pginas, o ATOS WEBSERVER pode operar tambm como conversor Ethernet / Se-rial transparente o que permite que qualquer equipamento que possua canal RS232 ou RS485 se conecte rede Ethernet. Desta maneira possvel interligar mquinas / processos com sistemas supervisrios via rede Ethernet.

    Dimenses

    Cdigos dos produtos

    Observao: A alimentao da unidade 4004.78W feita atravs de barramento interno

    Cdigo Caractersticas

    2345.00 Montado em bastidor do MPC4004 de 1 passo 4004.78W Usado como unidade avulsa do MPC4004

    Viso Geral

  • INTRODUO AO WEBSERVER

    12

    1 Caractersticas Gerais

    DESCRIO DA ALIMENTAO / OPERAO

    Tenso de alimentao CC 9 a 36Vcc Temperatura de Armazenagem -20 a +70 C Temperatura de Operao 0 a +55 C Umidade 0 a 95% (sem condensao) Vibrao 5 a 50Hz / 0,625G (0,1mm pico a pico) Imunidade a rudo Conforme Nema Standard ICS2-230 Imunidade descarga eletrosttica Conforme IEC 801-2 Capacidade de armazenamento 200 Kbytes

    INTERFACES DE COMUNICAO

    Indicadores LED ON (vermelho)

    STS (vermelho) Link (verde) Active (vermelho)

    Software de configurao HyperTerminal / TelNet Software de programao ATOS WEB Studio

    Interface de Comunicao Canal Ethernet 10 baseT 2 canais seriais: RS232 e RS485 independentes

    Configuraes mnimas para rodar o WEB Studio

    Processador: Pentium II com 64 Mb de RAM.

    Vdeo: 800x600 pixels (fontes pequenas)

    Espao disponvel no HD: 25 Mb

    Sistema Operacional: Windows 98, 2000, ME e XP

    Internet Explorer 5.5 (SP2)

    O WEB Studio no compatvel com a plataforma Windows NT. Durante o desenvolvimento, necessrio que o computador possua o Internet Explorer 5.5 ou uma verso superior instalada, pois o WEB Studio utiliza este browser durante a edio das pginas XML. Qualquer browser compatvel com o IE 5.5 pode acessar as pginas criadas pelo WEB Stu-dio.

    Configuraes recomendadas

    Processador: Pentium III com 128 Mb de RAM.

    Vdeo: 1024x768 pixels

    Sistema Operacional: Windows 2000 ou XP

    Internet Explorer 6

    NOTA

  • INTRODUO AO WEBSERVER

    13

    1 Esquema de ligao

    LIN

    STATU

    ACTIV

    ON

    2345.00

    +24Vcc0Vcc

    DO/ RI+5VccGND

    DO/ RI

    RS485

    RS232

    Ethernet

    10 a ATERRAMENTO

    RJ11

    4 6 5 3 2 1

    NC

    CTSGND

    TXRXRTS

    CABO CRS232415 ou

    GND4 C4004AXXX

    CABO

    CN11 2 3

    DO\ RI\DO RI+5Vcc

    NCNC7

    8

    RJ45

    4 6 5 3 2 1

    NC

    RD-NC

    RD+TD-TD+

    ETHERNET REDE

    +-36Vcc

    C4004EXXX

    Para a unidade 4004.78W no necessrio alimentao externa de 24Vcc OBSERVAO

  • INTRODUO AO WEBSERVER

    14

    1

  • 15

    CONFIGURAO DO WEBSERVER

    CAPTULO 2

    CAPTULO 2 CONFIGURAO DO WEBSERVER

  • CONFIGURAO DO WEBSERVER

    16

    2

  • CONFIGURAO DO WEBSERVER

    17

    2

    Configurao de Hardware

    JUMPER POSIO DESCRIO

    A Trabalha com os parmetros default do webserver ST1 B* Trabalha com os parmetros personalizados no equipamento ST2 B* RESERVADO ST3 B* RESERVADO

    * - Posio Default

    Configurando o Webserver O Webserver possui uma regio de configurao simples e fcil de utilizar. Os prximos tpicos descre-vem o software de configurao e seu modo de utilizao:

    Acessando o software de configurao A configurao do Webserver feita por via rede Ethernet. O software de configurao que utilizaremos para configur-lo chama-se Telnet ou HyperTerminal. Ambos pertencem ao prprio sistema operacional Windows.

    Dependendo da verso do Windows utilizada, o Telnet acessado de maneira diferente, mas com o mesmo resultado. Acompanhe a seguir o procedimento utilizado pelos usurios do Windows 95, 98, 2000, ME ou XP. Para o sistema operacional Windows NT, ver pgina 20 deste manual.

    OBSERVAO

  • CONFIGURAO DO WEBSERVER

    18

    2

    Telnet via Windows 95, 98, 2000, ME ou XP. Os sistemas operacionais Windows 95, 98, 2000, ME e XP possuem o Telnet agregado ao HyperTerminal, portanto, a descrio a seguir mostra como acessar as configuraes do Webserver atravs do Hyper-Terminal: O software HyperTerminal encontra-se no seguinte local: INICIAR/PROGRAMAS/ACESSRIOS/COMUNICAES/HYPERTERMINAL.EXE Ao entrar no programa, a janela de descrio da conexo ser apresentada, como mostra a figura a se-guir.

    Esta janela pede um nome para a nova conexo a ser realizada, e um cone para identific-la. No exemplo utilizado, o nome da conexo ser Telnet. Clique em OK para confirmar. A prxima janela apresentada chama-se Conectar-se. Ela define o tipo de conexo a ser realizada.

  • CONFIGURAO DO WEBSERVER

    19

    2

    IMPORTANTE "

    Defina na caixa de seleo Conectar-se usando a opo TCP/IP (Winsock), como mostra a figura ao lado. Ao fazer isso, os campos atuais da janela sero substitudos, deixando a janela com a aparncia mostrada mais abaixo:

    No campo Endereo do Host, digite o nmero IP que o Webserver foi programado. Caso seja a primeira vez que o Webserver acessado, o nmero IP padro ao sair de fbrica : 192.168.0.238. Clique em OK para confirmar. O HyperTerminal iniciar uma conexo com o Webserver. Uma vez conectado, a primeira tela apresentada a tela de login do equipamento (ver figura abaixo):

    Caso seja a primeira conexo com o equipamento, o nico login cadastrado administrador. Pressione ENTER para confirmar e no campo Password digite a senha do administrador: 1234567890 (sem as-pas).

    Este login e senha vm com a configurao padro do equipamento ao sair de fbrica. recomendvel trocar essa senha durante a primeira configurao do Webserver (ver pgina 22) a fim de garantir a segurana das informaes / configuraes contidas no mesmo.

  • CONFIGURAO DO WEBSERVER

    20

    2

    Aps digitar a senha, pressione ENTER, neste momento o HyperTerminal mostrar a tela de configura-o do equipamento (ver figura abaixo).

    As descries de cada um dos itens da configurao encontram-se a partir da pgina 22 deste manual.

    Telnet via Windows NT O acesso ao programa Telnet no Windows NT feito atravs do menu INICIAR / EXECUTAR. No campo Abrir digite Telnet e pressione ENTER para confirmar. O Windows iniciar o programa Telnet, apresentando a seguinte janela:

  • CONFIGURAO DO WEBSERVER

    21

    2

    IMPORTANTE "

    Para iniciar uma conexo, no menu Conectar, clique em Sistema Remoto. A janela ao lado ser apresentada: No campo Endereo do Host, digite o nmero IP que o Webserver foi programado. Caso seja a primeira vez que o Webserver acessado, o nmero IP padro ao sair de fbrica : 192.168.0.238. Pressione ENTER para confirmar. O Telnet iniciar uma conexo com o Webserver. Uma vez conectado, a primeira tela apresentada a tela de login do equipamento (ver figura abaixo): Caso seja a primeira conexo com o equipamento, o nico login cadastrado administrador. Pressione ENTER para confirmar e no campo Password digite a senha de administrador: 1234567890 (sem aspas), como mostra a figura ao lado. Este login e senha vm com a configurao padro do equipamento ao sair de fbrica.

    recomendvel trocar essa senha durante a primeira configurao do Webserver (ver pgina 22) a fim de garantir a segurana das informaes / configuraes contidas no mesmo. Aps digitar a senha, pressione ENTER, neste momento o TelNet mostrar a tela de configurao do equipamento (ver figura abaixo).

    As descries de cada um dos itens da configurao encontram-se a partir da pgina 22 deste manual.

  • CONFIGURAO DO WEBSERVER

    22

    2

    Cadastro de usurios O cadastro de usurios libera os acessos configurao do Webserver. Ele permite a criao de usurios de diversos nveis de acesso, definindo ainda, senhas personalizadas para cada usurio. Para acessar o menu de cadastro de usurios, pressione a tecla 1. A seguinte tela ser apresentada:

    A parte inferior da tela mostra as instrues para alterao dos dados apresentados. O cursor encontra-se inicialmente na primeira linha onde est escrito Administrador, login padro do Webserver ao sair de fbrica. Para manter este login e senha, pressione ENTER at a segunda linha. Para criar um novo usurio, digite o login desejado na coluna Nome, como no exemplo abaixo:

    O Webserver no diferencia maisculas de minsculas.

    OBSERVAO

  • CONFIGURAO DO WEBSERVER

    23

    2

    Pressionando ENTER, uma senha dever ser digitada para este novo login. Para criar um login sem se-nha, basta pressionar ENTER sem digitar nada; Confirme sua senha no prximo campo e pressione ENTER; No campo permisso, mude de opo utilizando a barra de espao. As opes disponveis so: LEITURA: Permite somente visualizar as configuraes do equipamento; ESCRITA: Controle total sobre as configuraes. No permite alterar o cadastro de usurios; TOTAL: Controle total sobre as configuraes e o cadastro de usurios. Para sair desta tela pressione ESC.

    Configurar parmetros de rede Para acessar a configurao dos parmetros de rede, pressione a tecla 2. A seguinte tela ser apresen-tada:

    Nos campos a seguir definem-se respectivamente a habilitao do DHCP, o endereo IP, mscara de sub-rede, gateway padro e os endereos (portas de comunicao) dos canais seriais do Webserver. DHCP: As configuraes do protocolo TCP/IP podem ser definidas manualmente, isto , configurando cada um dos equipamentos necessrios. Esta uma soluo razovel para pequenas redes, porm pode ser um problema para redes maiores, com um grande nmero de equipamentos conectados. Para redes maiores recomendado o uso do servio DHCP Dynamic Host Configuration Protocol. O servio DHCP pode ser instalado em um servidor Windows. Uma vez disponvel e configurado, o servio DHCP fornece todos os parmetros de configurao do protocolo TCP/IP para equipamentos conectados rede. Os parmetros so fornecidos quando o equipamento inicializado e podem ser renovados em perodos definidos pelo administrador.

  • CONFIGURAO DO WEBSERVER

    24

    2

    Com o uso do DHCP uma srie de procedimentos de configurao podem ser automatizados, o que facili-ta a vida do administrador e elimina uma srie de erros. Pressione ENTER para avanar entre as opes disponveis. A opo DHCP alterada pressionando-se a barra de espao. Para todos os outros itens, deve-se digitar um valor numrico vlido por inteiro. Para sair desta tela pressione ESC.

    Configurar parmetros das seriais Para acessar a configurao dos parmetros dos canais seriais, pressione a tecla 3. A seguinte tela ser apresentada:

    Pressione ENTER para avanar entre as opes disponveis. Para alterar qualquer uma das opes dis-ponveis pressione a barra de espao. Para todos os outros itens, deve-se digitar um valor numrico vlido por inteiro. Para sair desta tela pressione ESC.

  • CONFIGURAO DO WEBSERVER

    25

    2

    Configurao atual No menu principal, pressionando-se a tecla 4 pode-se visualizar toda a configurao realizada no equi-pamento, sem precisar entrar nos menus de edio de configurao acima citados. A figura abaixo mostra as informaes contidas neste menu:

    Para sair desta tela pressione ESC.

    Encerrando as configuraes Aps realizar as alteraes desejadas na configurao do Webserver, escolha a opo mais apropriada para encerrar a configurao:

    Salvar as configuraes e encerrar Descartar as configuraes e encerrar

    Utilizando a opo Salvar as configuraes e encerrar, o Webserver salvar as alteraes em FLASH e ser reiniciado para assumir as novas configuraes. Utilizando a opo Descartar as configuraes e encerrar o Webserver descarta qualquer alterao reali-zada e sai da configurao sem reiniciar o mdulo.

  • CONFIGURAO DO WEBSERVER

    26

    2

  • 27

    COMUNICAO

    CAPTULO 3

    CAPTULO 3 COMUNICAO

  • COMUNICAO

    28

    3

  • COMUNICAO

    29

    3

    Meio de transmisso ETHERNET O mdulo Webserver possui o padro 10BaseT que consiste na tecnologia de transmisso de sinais digi-tais atravs de cabos tranados a uma banda base de 10 Mbps. A conexo entre os componentes de uma rede Ethernet feita atravs de conectores RJ45 e por dois tipos de montagem de cabo:

    Cabo direto Utilizado para conectar o mdulo a dispositivos como: hubs, switches, roteadores, etc. LADO 1 LADO 2

    Pino Cor Nome Pino Cor Nome 1 Branco/laranja TD+ 1 Branco/laranja TD+ 2 Laranja TD- 2 Laranja TD- 3 Branco/verde RD+ 3 Branco/verde RD+ 4 Azul S/F 4 Azul S/F 5 Branco/azul S/F 5 Branco/azul S/F 6 Verde RD- 6 Verde RD- 7 Branco/marrom S/F 7 Branco/marrom S/F 8 Marrom S/F 8 Marrom S/F

    Cabo cruzado Utilizado para conectar o mdulo diretamente a um PC (desktop, laptop, notebook). LADO 1 LADO 2

    Pino Cor Nome Pino Cor Nome 1 Branco/laranja TD+ 1 Branco/verde RD+ 2 Laranja TD- 2 Verde RD- 3 Branco/verde RD+ 3 Branco/laranja TD+ 4 Azul S/F 4 Azul S/F 5 Branco/azul S/F 5 Branco/azul S/F 6 Verde RD- 6 Laranja TD- 7 Branco/marrom S/F 7 Branco/marrom S/F 8 Marrom S/F 8 Marrom S/F

    O tipo de cabo recomendado o denominado Categoria 5, que pode ser encontrado com ou sem blindagem, e que permite taxas de transmisso de at 100 Mbps. O comprimento mximo de um cabo para conectar dois dispositivos, utilizando-se o CAT5 depende do tipo de dispositivo e no deve ser superior a 100 metros. OBSERVAO

  • COMUNICAO

    30

    3

    Cabo de ligao em RS232 (Webserver PLC)

    NC

    NC

    NC

    16RJ11 - MACHO

    1

    123456

    6

    NCRX

    GNDNC

    NCTX

    RJ11 - MACHO

    RX

    GND

    TX

    12

    6543

    RJ11 - MACHO

    XX,Xm

    RJ11 - MACHO

    Fig. 1. - Cabo de Ligao C2RJ11402

    Os trs ltimos dgitos expressam o comprimento do cabo:

    CABO COMPRIMENTO [m]

    C4004E095 9,5 C4004E195 95,0 C4004E295 950,0

    IMPORTANTE "

  • COMUNICAO

    31

    3

    IMPORTANTE "

    Cabo de ligao em RS485 (rede de PLCs)

    Fig. 2. - Cabo com cdigo Atos C4004DXXX.

    O comprimento mximo do cabo para rede RS485 de 1000m a 9600bps.

    Caracterst icas eltr icas do cabo para padro RS485 Bitola mnima dos condutores: 24 AWG 1 par tranado de condutores mais 1 condutor dreno em contato com fita de polister metalizada apli-

    cada helicoidalmente sobre os pares tranados. Capacitncia mtua do par tranado mx. 65pF/m Resistncia de cada condutor mx. 98 Ohms/km Impedncia caracterstica (Z0) 120Ohms

    Os resistores de terminao (RT) so recomendados e devem ser instalados nas extremi-dades da rede. O valor dos resistores de terminao dever estar prximo da impedncia caracterstica da linha de transmisso, variando entre 120 a 150 ohms (valores prticos e dependendo do nmero de receptores acoplados na linha). As dimenses fsicas do cabo so irrelevantes para o clculo dos resistores de terminao.

    OBSERVAO

  • COMUNICAO

    32

    3

    Ligando o Webserver a uma rede

    Fig. 3. - Ligando o Webserver a uma rede RS485.

  • COMUNICAO

    33

    3

    Topologias Abaixo seguem dois exemplos de topologias que exemplificam as vantagens de ter um Webserver ligado a uma rede ethernet.

    Intranet Em uma fbrica, atravs da rede Ethernet, PCs podem supervisionar / alterar os programas de CLPs ligados intranet da empresa. Para isto basta possuir o endereo IP do mdulo Webserver em que o CLP esteja conectado e configurar a comunicao do WinSUP 2 para uma conexo TCP/IP.

    Internet Atravs da rede mundial de computadores, se o Webserver estiver conectado a um servidor que disponibi-lize um endereo de IP fixo na Internet, de qualquer parte do mundo possvel comunicar com a mquina / processo, como exemplificado abaixo:

  • COMUNICAO

    34

    3

  • 35

    CAPTULO 4 WEB STUDIO

    CAPTULO 4 WEB STUDIO

  • WEB STUDIO

    36

    4

  • WEB STUDIO

    37

    4

    Sobre o WEB Studio O WEB Studio uma poderosa ferramenta de desenvolvimento XML para programao do ATOS WEB-SERVER. Sua interface, baseada na plataforma Windows, foi criada para ser simples e intuitiva, possibi-litando a criao de Web Pages para monitorao de variveis de mquinas / processos. Seu editor XML possui uma interface orientada a objetos, ou seja, componentes como bargraphs, botes, campos de edio / visualizao, so inseridos e posicionados no browser com o mouse. A associao destes campos com as variveis do sistema feita pelas propriedades de cada objeto, organizados atra-vs de uma rvore hierrquica de componentes.

    Descrio da interface com o usurio A interface do WEB Studio proporciona diversos atalhos e opes para que o usurio possa criar sua apli-cao. Sugerimos que voc invista alguns minutos de seu tempo para se familiarizar com a rea de traba-lho do WEB Studio.

    A. Barra de ttulo

    A barra de ttulo mostra o nome do projeto que est sendo editado / selecionado no momento. O WEB Studio pode abrir diversos projetos simultaneamente, listando-os na rvore de projetos;

    B. Controles do Windows

    So os controles padro do Windows para toda aplicao (Minimizar, Maximizar, Fechar);

    A. B.

    C. D.

    E.

    F.

    G.

    I.

    H.

  • WEB STUDIO

    38

    4

    C. Barra de menu

    Concentra todos os comandos do WEB Studio. A maioria destes comandos est disponvel na bar-ra de ferramentas do aplicativo.

    D. Barra de ferramentas

    Possui atalhos para os comandos mais utilizados do WEB Studio.

    E. rvore de projetos Lista os projetos abertos pelo usurio, mostrando o contedo de cada pgina. Usado tambm para configurar os objetos inseridos nas pginas da aplicao.

    F. Guia da rvore de projetos

    Nesta guia define-se o modo de visualizao da rvore de projetos, podendo alterar entre a guia Projects que mostra os projetos abertos no momento, e a guia Properties que mostra as proprie-dades do objeto selecionado no momento.

    G. Barra de status

    Informa o percentual de espao que o WebServer utilizar com o projeto atual. Mostra tambm men-sagens de status do Upload do projeto para o Webserver;

    H. Guia de pginas

    Alterna entre as pginas XML e de configurao abertas no WEB Studio.

    I. Browser Cria uma pr-visualizao esttica da pgina XML, da maneira como ela ser exibida quando requi-sitada pelo browser ao WebServer.

  • WEB STUDIO

    39

    4

    IMPORTANTE "

    Iniciando um novo projeto Aps inicializar o WEB Studio, necessrio criar um novo projeto. Para fazer isto existem diversas op-es, mostradas logo abaixo:

    No menu File, na opo New, escolha o item New project; Na barra de ferramentas, pressione o boto e selecione a opo New project; Pressione Ctrl+N; Pressione o boto direito na rvore de projetos e na opo New, selecione New project;

    Ao criar um novo projeto, a rvore de projetos ficar com a aparncia mostrada ao lado.

    ATOSWebApp1: Nome do novo projeto, quando criado. Index: Pgina inicial de sua aplicao, gerada automatica-

    mente ao criar um novo projeto. DataDesc: Diretrio onde se concentram todas as informa-

    es do PLC associado ao projeto. Aqui so definidas todas as variveis utilizadas na aplicao.

    Todos estes nomes so gerados automaticamente pelo WEB Studio. Para alter-los, de um clique simples com o mouse sobre o nome que deseje alterar (o foco j deve estar no objeto) e digite o novo nome.

    No utilize espaos ou acentuao ao trocar o nome do projeto ou de uma pgina. Estes caracteres no so vlidos. Sua utilizao implicar no mau funcionamento dos links entre pginas do WebServer.

    No necessrio adicionar a extenso .xml ao nome do projeto. O WEB Studio faz isso automaticamente ao salvar o mesmo. Este procedimento tambm vlido para os nomes de pginas da aplicao. Todas so salvas automaticamente com a extenso .xml.

    Antes de comear a formatar a pgina inicial do WebServer, salve seu projeto. Recomendamos que voc faa-o dentro de uma pasta exclusiva onde deve-se concentrar todos os componentes que compem sua aplicao como imagens por exemplo. O principal motivo desta recomendao o transporte de sua aplicao para outro computador ou mesmo a mudana do diretrio de trabalho. Com as imagens alocadas no mesmo diretrio do projeto, o WEB Stu-dio far a referncia das imagens com as pginas sem precisar saber onde a pasta est alocada no com-putador. Desta maneira, ao copiar a pasta para outro diretrio ou computador, o WEB Studio poder abrir o projeto sem erros de leitura.

    NOTA

  • WEB STUDIO

    40

    4

    Ao ser instalado, o WEB Studio sugere uma pasta para o armazenamento de seus projetos. Esta pasta est nomeada como WEB Studio e pode ser encontrada dentro do diretrio Meus Documentos de seu computador.

    Para salvar o projeto atual, utilize uma das seguintes opes:

    No menu File, escolha a opo Save; Na barra de ferramentas, pressione o boto ;

    Pressione Ctrl+S;

    Caso seja a primeira vez que o projeto salvo, a janela Salvar como... ser mostrada (ver figura abaixo).

    Na janela Salvar como... clique sobre o boto Nova pasta. Nomeie a pasta como projeto1, por exem-plo, e salve o projeto nesta pasta, tambm com o nome de projeto1. (ver as figuras a seguir).

    Boto Nova pasta

    Nomear a pasta de projeto1

    NOTA

  • WEB STUDIO

    41

    4

    Salvar o projeto como projeto1.

  • WEB STUDIO

    42

    4

    Criando / formatando sua pgina inicial Ao criar um novo projeto a pgina index j automaticamente inserida na rvore de projetos (mostrado ao lado) e carregada no browser do WEB Studio. O nome index utilizado somente na pgina inicial de sua aplicao, ou seja, ser a primeira pgina que o usurio que estiver acessando o Web-Server ir visualizar. Para iniciar a edio de qualquer pgina criada, d um duplo-clique sobre seu cone na rvore de projetos e aguarde o carregamento do browser. A pgina index inicialmente apresentada como mostrado abaixo:

    Ao acessar o Webserver, digitando via browser seu endereo IP, a primeira pgina a ser mostrada a de nome index. Esta pgina a porta de entrada de toda sua aplicao. Ao renomear esta pgina, se faz necessrio digitar o endereo da mesma para que ela seja acessada pelo webserver, por exemplo:

    Utilizando o webserver com seu endereo IP padro com a pgina index renomeada para principal, o acesso a esta pgina ser feito como mostrado ao lado.

  • WEB STUDIO

    43

    4

    Propriedades da pgina Observe que ao abrir a pgina index, a guia Properties habilitada na rvore de projetos. Toda a formatao da pgina feita atravs desta guia. Clicando sobre ela possvel observar os campos de formatao dispon-veis. Eles esto descritos abaixo: Name: Nome da pgina; BGColor: Cor do fundo da pgina. A cor padro ao criar uma nova pgina azul, como mostrado na pgina anterior; Background: Define uma imagem de fundo que ser mostrada nesta pgi-na. Preferencialmente utilize arquivos com extenso .gif ou .jpg , pois estes no ocupam muito espao no Webserver e so carregados mais fa-cilmente pelo browser; CanvasColor: Cor da rea de trabalho, ponto de referncia de posiciona-mento dos objetos da pgina.

    Height: Define a altura da rea de trabalho (rea branca da tela) que a imagem background ir ocupar; Width: Define a largura da rea de trabalho (rea branca da tela) que a imagem background ir ocupar.

    Inserindo uma imagem background Necessariamente no obrigatrio utilizar uma imagem background. Para inserir uma imagem, siga as instrues abaixo:

    Pressione este boto para procurar uma imagem

    Ao abrir a janela abaixo, procure pela imagem background deseja-da. Ela no precisa necessariamente estar alocada na pasta do projeto.

  • WEB STUDIO

    44

    4

    Definindo a rea de trabalho da imagem Ao inserir uma imagem background, ela ser posicionada utilizando o canto superior esquerdo da rea de trabalho (retngulo branco) como ponto de referncia. Caso a rea de trabalho seja maior que a imagem background, a mesma ser repetida inmeras vezes at preencher toda a rea de trabalho. Caso a rea de trabalho seja menor que a imagem back-ground, a mesma ser cortada. Para correto dimensionamento da rea de trabalho com a imagem back-ground, na guia properties da pgina index defina nas propriedades Height (largura) e Width (altura) as dimenses da imagem background escolhida.

    Definio das variveis utilizadas no projeto A definio do meio de comunicao do Webserver com o PLC feita atra-vs do item DataDesc (Data Description) na rvore de projetos. Dentro do DataDesc concentram-se todas as declaraes de variveis que sero utilizadas no PLC. Esta declarao se faz necessria para reali-zar uma referncia-cruzada das variveis do PLC com os campos mostra-dos no browser ao usurio. O procedimento utilizado para a declarao de variveis est descrito abaixo: Ao criar um projeto, o DataDesc vem sem configurao, devendo o usu-rio inserir sua parametrizao.

    Declarando um PLC O WEB Studio permite que um projeto comunique com vrios PLCs simul-taneamente, utilizando uma rede de comunicao via canal B (RS485) ou mesmo utilizando os dois canais serias do webserver ao mesmo tempo. Para declarar um PLC, com o foco do cursor sobre o DataDesc, siga um dos procedimentos mostrados abaixo:

    No menu File, opo New, escolha o item PLC; Clique com o boto direito do mouse sobre DataDesc. Na opo New escolha o item PLC;

    Definio de parmetros do novo PLC

    Automaticamente a janela de propriedades do novo PLC ser aberta. Esta janela possui os seguintes campos: Name: Nome de identificao do grupo; NetID: Endereo de rede do PLC (de 1 a 31); Port: Porta de comunicao que o PLC est conectado. Utilize (a) para especificar a porta RS232 e (b) para a porta RS485;

  • WEB STUDIO

    45

    4

    Criando um grupo de variveis As variveis utilizadas no projeto podem ser organizadas atravs de gru-pos. Cada PLC possui seus grupos separadamente, contendo variveis pertencentes prpria mquina, conforme mostrado na figura ao lado. Para criar um novo grupo, com o foco do cursor sobre o PLC que deseja inseri-lo , siga um dos procedimentos mostrados abaixo:

    No menu File, opo New, escolha o item Group; Clique com o boto direito do mouse sobre um PLC j inseri-

    do. Na opo New escolha o item Group; Com um PLC previamente selecionado, pressione Ctrl+G.

    Definio de parmetros do novo grupo A janela apresentada (ver imagem ao lado) define os parmetros que o grupo de variveis ter quando utilizado pelo Webserver. Name: Nome de identificao para o grupo; Refresh: Taxa de atualizao. Este nmero define (em ms) com que velocidade as variveis declaradas dentro deste grupo sero atualizadas pelo browser.

    Para uma melhor otimizao da comunicao do Webserver com o PLC, recomendamos que os grupos sejam organizados / divididos da seguinte maneira: Um grupo deve conter somente registros ou somente EIs. No misture os dois tipos de

    variveis no mesmo grupo, pois isso leva certo tempo de processamento do Webserver para pedir dados de composies diferentes ao interpretar as informaes do grupo.

    D preferncia por agrupar EIs ou registros consecutivos em um mesmo grupo, pois

    desta maneira a atualizao destas variveis pode ser feita com mais rapidez pelo Web-server.

    NOTA

  • WEB STUDIO

    46

    4

    IMPORTANTE "

    Declarando as variveis do projeto As variveis chamadas tambm de Tags so a conexo do PLC com seu sistema supervisrio. Toda sua aplicao est envolvida com as variveis declaradas no DataDesc, portanto deve-se saber configurar estes Tags corretamente. As variveis so armazenadas dentro dos grupos j previamente definidos. A criao e configurao des-tas variveis so feitas como mostrado a seguir: Para criar uma nova varivel, com o foco do cursor sobre o grupo que deseja inseri-la , siga um dos pro-cedimentos mostrados abaixo:

    No menu File, opo New, escolha o item Variable; Clique com o boto direito do mouse sobre um Grupo existente. Na opo New escolha o i-

    tem Variable; Com o foco no grupo que deseja inserir a nova varivel, pressione Ctrl+T.

    Definio de parmetros da nova varivel A janela apresentada (ver imagem ao lado) define os parmetros que a varivel ter quando utilizada pelo Webserver. Name: Nome de identificao para a varivel; Address: Neste campo declare qual o endereo do PLC associado a esta varivel. Qualquer endereo do mapeamento de memria do CLP utilizado valido para este campo. Type: Definio do tipo de varivel. Este campo deve ser configura-do com base na informao contida no campo Address. Existem 4 tipos diferentes de variveis que o WEB Studio interpreta:

    Boolean: Estado interno do PLC. uma varivel binria, is-to , pode assumir somente dois valores lgicos, 0 ou 1.

    Byte: Regio de memria do PLC que armazena um dado numrico de 8 bits. Word: Um registro do PLC, composto por 2 bytes. Se o endereo declarado for 400, por exem-

    plo, o WEB Studio estar realizando a leitura dos endereos 400 e 401 respectivamente. DoubleWord: Dois registros do PLC, a Double Word composta por 4 bytes. Se o endereo de-

    clarado for 400, por exemplo, o WEB Studio estar realizando a leitura dos endereos 400 a 403.

    Direction: Definio da direo da varivel no controlador. As opes disponveis so:

    Input: Utilize esta opo quando a varivel for uma entrada do PLC, como uma entrada digital ou efetivo de entrada analgica/temperatura por exemplo.

    Output: Utilize esta opo quando a varivel for uma sada do PLC, como uma sada digital ou e-fetivo de analgica/temperatura por exemplo.

    Memory: Utilize esta opo quando a varivel for de uma regio do PLC que no utilizada como entrada ou sada do controlador, como registros e EIs livres por exemplo.

    No utilize espaos ou acentuao ao nomear qualquer um dos componentes do Data-Desc. Estes caracteres no so vlidos.

  • WEB STUDIO

    47

    4

    Componentes do WEB Studio O WEB Studio trabalha com componentes, ou objetos, que so montados em uma pgina XML de modo que o usurio possa interagir com o processo supervisionado. Cada objeto inserido e configurado de uma maneira especfica, de modo que as prximas pginas mostram todas as parametrizaes necess-rias para compor uma boa aplicao.

    Propriedades comuns dos objetos

    Position A propriedade Position define a localizao do objeto dentro da pgina. Deve-se considerar co-mo coordenada [0,0] ou ponto de referncia de posio, o canto superior esquerdo da rea branca do browser, chamada de rea de trabalho, identificada no software como canvas. Ao expandir esta propriedade (ver figura ao lado), observe os compo-nentes que definem a posio do objeto. Left e Top. Estes valores podem ser editveis manualmente atravs destes cam-pos, refletindo diretamente na posio do componente no browser. Experimente mudar os valores destas propriedades para Left = 0 e Top = 0. Observe que o objeto ser deslocado para o canto superior esquerdo da rea de trabalho, como mostrado abaixo:

    Name A propriedade Name identifica o objeto criado na pgina. Ao alterar o nome do objeto, automaticamente seu respectivo cone na rvore de projetos (guia Pro-jects) alterado, como mostrado ao la-do.

  • WEB STUDIO

    48

    4

    Variable

    A propriedade Variable faz a associao do objeto com a varivel de memria do PLC. Esta pro-priedade possui uma caixa de seleo que lista todas as variveis declaradas no datadesc do projeto. Sua configurao, apesar de ter a mesma funo para todos os componentes do WEB Studio, va-ria para cada objeto. Nos casos em que a utilizao da propriedade Variable diferente da mostrada no exemplo a se-guir, o manual far uma referncia especfica para sua configurao, individualmente para cada objeto do WEB Studio, nas definies das propriedades exclusivas dos objetos descritas a partir da pgina 52 deste manual. O exemplo a seguir mostra a configurao da propriedade Variable nos objetos Edit e Button. Estes objetos foram escolhidos pela sua simplicidade de configurao e por trabalharem com dois tipos diferentes de variveis: variveis booleanas (estados internos), no caso do objeto button e variveis numricas (registros), no caso do objeto Edit.

    Este exemplo mostra apenas a configurao da propriedade Variable dos objetos citados. Para mais informaes sobre suas configuraes, consulte as pginas 59 e 57 referentes aos objetos Button e Edit respectivamente.

    Inicialmente devem-se declarar todas as variveis utilizadas no projeto no datadesc, como mostrado ao lado. As variveis mostradas ao lado possuem a seguinte configurao:

    A varivel reg_400 est configurada como uma Word, ou seja, um registro do PLC correspondente ao endereo 400. Esta varivel ser utilizada pelo objeto Edit, que trabalho somente com registros do PLC.

    A varivel EI_300 est configurada como boolean, ou seja, um es-tado interno do PLC correspondente ao endereo 300. Esta varivel ser utilizada pelo objeto Button, que trabalho somen-te com estados internos do PLC.

    NOTA

  • WEB STUDIO

    49

    4

    Com as variveis j declaradas, insira os objetos Edit e Button na pgina (para inserir um Button e um Edit, consulte as pginas 59 e 57 respectivamente) e acesse suas propriedades.

    Configurando o objeto Button: Abra a caixa de seleo da propriedade Variable e den-tro da lista de variveis existentes, escolha a opo EI_300, como mostrado ao lado.

    Configurando o objeto Edit: Abra a caixa de seleo da propriedade Variable e dentro da lista de variveis existentes, escolha a opo reg_400, como mostrado ao lado.

    O objeto Static Image no possui a propriedade Variable, pois no faz referncia a nenhuma varivel do PLC. Os objetos Display e Graph possuem mtodos diferentes de configurao da propriedade Variable. A explicao da configurao destes objetos est descrita nas propriedades exclusivas do mesmo (ver pgina 52).

    Format Todos os objetos que trabalham com registros possuem a propriedade Format. Esta propriedade define a aparncia que a varivel ter ao ser mostrada no browser. Nada mais do que uma ms-cara colocada no contedo do registro. A propriedade Format possui as seguintes opes: Decimals: Define onde o separador de ponto decimal ser co-

    locado. O valor padro desta opo 2, definido a varivel como mostrado ao lado.

    decSeparator: Define o caractere utilizado para mostrar a se-parao decimal do nmero. O caractere padro ,. Qualquer smbolo pode ser utilizado nesta opo, como mostrado no exemplo ao lado onde o separador decimal foi

    modificado para \.

    NumberBase: Indica se o contedo do registro no controlador um valor decimal ou hexade-cimal. Esta opo informa o browser como ele deve tratar a informao que chega deste re-gistro, mostrando corretamente no objeto. O valor padro desta opo Hexadecimal. Quando configurado para Decimal, o browser ir converter o valor que chega do PLC para decimal antes de mostr-lo no objeto. A apresen-tao do objeto configurado para base decimal est mos-trada ao lado.

    OBSERVAO

  • WEB STUDIO

    50

    4

    sUnit: Define uma unidade a ser mostrada ao lado da varivel. Trabalha em conjunto com a

    propriedade unitPosition que define a posio desta unidade de medida.

    thSeparator: Caractere utilizado para mostrar a separao de milhar do nmero. O caractere padro .. Qualquer sm-bolo pode ser utilizado nesta opo, como mostrado no e-xemplo ao lado onde o separador de milhar foi modificado

    para .

    unitPosition: Define a posio que o texto inserido na propriedade sUnit ser mostrada

    Style A propriedade Style concentra todas as informaes de formatao do objeto, por exemplo, cor de fundo, tamanho do texto, cor do texto, tipo de fonte, etc. Um objeto recm-criado no possui ne-nhuma formatao definida. Esta definio feita utilizando-se folhas de estilo, ou CSS. As folhas de estilo so comandos interpretados pelo browser para formatar o objeto em questo. Os componentes desta folha de estilo esto concentrados na caixa de seleo acima das proprie-dades do objeto, como mostrado ao lado.

    Este manual contm alguns exemplos e dicas bsicas de formatao dos objetos. Voc pode ob-serv-las mais abaixo. Para informaes mais detalhadas, procure o Help de CSS do WEB Studio, ou em apostilas na Internet.

    Aqui se escolhe o componente da folha de estilo que ser utilizado.

  • WEB STUDIO

    51

    4

    Link

    Esta propriedade permite que qualquer objeto torne-se um hyperlink, ou seja, possvel criar objetos que faam referncia a um endereo (URL) qualquer do Webserver ou da Internet/Intranet, permitindo o usu-rio acessar essas referncias, no importando se elas esto em outro servidor, no seu PC ou no prprio Webserver. O uso de links tambm facilita a criao de documentos extensos, cujas sees ou tpicos podem ser rapidamente acessados por meio dos links. Ao inserir um objeto, por definio, esta propriedade vem sem preenchimento. Quando configurada o obje-to torna-se um link para a URL declarada. A propriedade Link pode ser utilizada para acessar outra pgina do webserver ou um outro endereo qual-quer. Veja logo abaixo como configurar cada uma destas possibilidades:

    Link entre pgina do Webserver O mtodo de criao de um link entre pginas do Webserver bastante simples e serve para qualquer objeto do WEB Studio. Supondo que sua aplicao possua 2 pginas (index e pagina1) como mostrado ao lado. Para inserir um link, crie/escolha um dos objetos de sua pgina index e na propriedade Link, abra a caixa de seleo e escolha uma das pginas listadas, como mostrado abaixo: Link para uma pgina em outro servidor A propriedade Link pode ser configurada tambm para acessar qualquer URL vlida no ambien-te Web. Para isto, na propriedade Link do objeto declare a URL desejada como mostrado abai-xo: Desta maneira, quando o objeto for selecionado com o mouse o usurio ser redirecionado para a URL declarada em suas propriedades. Para testar o correto funcionamento dos links de sua aplicao necessrio realizar o Upload do projeto para o Webserver, testando seu funcionamento on-line. Para instrues de como fazer o upload, ver pgina 76.

    Durante o teste dos links, observe que ao passar o mouse sobre o objeto escolhido, seu ponteiro muda de formato, indicando que esta regio um link.

    NOTA

  • WEB STUDIO

    52

    4

    Propriedades exclusivas dos objetos

    Objeto Display O objeto Display utilizado como um campo de visualizao de texto / variveis. Estas variveis podem ser somente valores numricos (registros do controlador). Para inserir um objeto Display, inicialmente se-lecione o componente utilizando um dos mtodos descritos abaixo:

    No menu Insert, escolha a opo Display; Na barra de ferramentas, pressione o boto ;

    Pressione F3;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo.

    Para acessar as propriedades do objeto Display, d um duplo-clique sobre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Display possui a propriedade Text a ser configurada.

    A rvore de projetos mostra o componente, com nome padro de Display1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    53

    4

    Text

    O contedo do objeto Display definido na propriedade Text. Para edit-lo

    pressione o boto mostrado ao lado. A janela de edio do objeto Display ser apresentada. Digite o texto desejado e pressione OK para con-firmar.

    Declarando variveis em um Display O objeto Display pode mostrar o contedo de registros dos PLCs declarados no projeto. Para isto basta declarar estas variveis dentro da janela de edio mostrada acima. Para declarar uma varivel, digite o nome dado a ela no datadesc da aplicao entre colchetes [ e ] como mostrado no exemplo ao lado. A varivel reg_400 deve estar declarada no datadesc do projeto. Ao inseri-la na caixa de texto o WEB Studio interpreta os colchetes e procu-ra pelo nome declarado dentro do datadesc. Caso a varivel no seja encontrada, o nome dentro dos colchetes ser substitudo por UnknownVariable e declarado na guia Variable como uma varivel indefinida, devendo o usurio associ-la a manualmente a uma varivel vlida do datadesc.

    Declare manualmente uma das variveis existentes no datadesc do projeto. Ao fazer isto, a varivel ser atualizada automaticamente na caixa de edio da propriedade Text. Se a varivel no for declarada corretamente o objeto Display no funcionar corretamente.

  • WEB STUDIO

    54

    4

    Objeto Dynamic O objeto Dynamic realiza uma comparao automtica do registro ao qual est associado e muda seu estado, trocando o texto / imagem dinamicamente. Cada estado chamado de zona. Estas zonas possuem um valor de mximo e mnimo definido pelo usu-rio e podem ser inseridas sem limite de programao. Para inserir um objeto Dynamic, inicialmente selecione o componente utilizando um dos mtodos descritos abaixo:

    No menu Insert, escolha a opo Dynamic; Na barra de ferramentas, pressione o boto ;

    Pressione F4;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo. Para acessar as propriedades do objeto Dynamic, d um duplo-clique sobre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Dynamic possui as proprieda-des Mode e Zones a serem configuradas.

    A rvore de projetos mostra o componente, com nome padro de Dynamic1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    55

    4

    Mode A transio de zonas do objeto Dynamic pode ser feita utilizando somente imagens, somente texto ou am-bos os componentes (texto e imagem). Esta definio feita nesta propriedade que vem com o valor default Both que significa que ambos os componentes (texto e imagem) so mostrados no browser. Para modificar estas opes, clique sobre o campo de propriedade Mode e escolha uma das opes disponveis, como mostrado ao lado. Both: Define que as zonas sero mostradas com texto e imagem; Image: Define que somente as imagens definidas na propriedade Zones sero mostradas; Text: Define que somente os textos definidos na propriedade Zones sero mostrados.

  • WEB STUDIO

    56

    4

    Zones A propriedade Zones define/configura a quantidade de zonas existentes para o objeto Dynamic. Inicial-mente o objeto vem com somente uma zona declarada. Para Inserir mais zonas, clique sobre o boto mos-trado abaixo: Na janela de edio das zonas, clique sobre o cone mostrado acima para criar novas zonas e feche a janela para confirmar. As novas zonas sero listadas na guia de propriedades do objeto, como mostrado ao lado. Cada zona possui as seguintes opes:

    Text: Definio do texto utilizado pela zona Image: Definio das imagens utilizada pela zona Max e Min: Definio do range em que esta zona ser mostrada

    pelo browser. O exemplo abaixo mostra a definio de 3 zonas cujos valores de mximo e mnimo esto mostrados a seguir: Desta forma, o browser mostrar o contedo das zonas conforme o valor do registro do PLC seguindo o grfico abaixo: Note que se o registro passar de 3000, a ltima zona continua a ser mostrada, mesmo que ela tenha sido definida como at 3000 somente.

    ZONA 1 ZONA 2 ZONA 3

    ZONA 1 ZONA 2 ZONA 3

    0000 1000 2000 3000 9999....................................................................

  • WEB STUDIO

    57

    4

    Objeto Edit O objeto Edit um campo de edio de variveis do controlador (registros). Para inserir um objeto Edit, inicialmente selecione o componente utilizando um dos mtodos descritos abaixo:

    No menu Insert, escolha a opo Edit; Na barra de ferramentas, pressione o boto ;

    Pressione F5;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo. Para acessar as propriedades do objeto Edit, d um duplo-clique sobre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Edit possui propriedades ex-clusivas a serem configuradas.

    A rvore de projetos mostra o componente, com nome padro de Edit1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    58

    4

    ReadOnly Esta propriedade existe somente em objetos que podem editar/controlar variveis no PLC. Quando um objeto Edit inserido em sua aplicao, pode-se observar que o usurio da pgina no s v o status do registro associado ao Edit, mas tambm pode alterar seu valor. Ao pressionar ENTER, o brow-ser manda um comando para o Webserver, indicando o novo valor que o registro do PLC deve assumir. A propriedade ReadOnly possui somente duas opes de configu-rao: True e False, como mostrado ao lado. True: Bloqueia o objeto deixando a varivel com o status de somente leitura; False: Permite a edio da varivel associada ao objeto. Ao criar o objeto, a propriedade vem originalmente como false, ou seja, o objeto button tem permisso para alterar a varivel do PLC declarada na propriedade Variable (ver pgina 48). Selecionando-se a opo True, o objeto Edit somente mostrar o valor do registro no PLC, desabilitando a permisso edio via browser. Desta maneira, o objeto ser considerado como somente leitura.

  • WEB STUDIO

    59

    4

    Objeto Button Para inserir um objeto Button, inicialmente selecione o componente utilizando um dos mtodos descritos abaixo:

    No menu Insert, escolha a opo Button; Na barra de ferramentas, pressione o boto ;

    Pressione F6;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo. Para acessar as propriedades do objeto Button, d um duplo-clique sobre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Button possui propriedades exclusivas a serem configuradas.

    A rvore de projetos mostra o componente, com nome padro de Button1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    60

    4

    Mode O objeto Button permite que a informao ON/OFF seja mostrada utilizando somente imagens, somente texto ou ambos os componentes (texto e imagem). Esta definio feita nesta propriedade cujo valor default Both que significa que ambos os componen-tes (texto e imagem) so mostrados no browser. Para modificar estas opes, clique sobre o campo da propriedade Mode e escolha uma das opes disponveis, como mostrado ao lado. Both: Define que as zonas sero mostradas com texto e imagem;

    Image: Define que somente as imagens definidas na propriedade Zones sero mostradas;

    Text: Define que somente os textos definidos na propriedade Zones sero mostrados.

    States Principal propriedade do objeto Button, em States declaram-se s informaes dos estados do objeto but-ton. Por trabalhar com variveis booleanas, o objeto button possui somente 2 estados: true e false (ligado / desligado). True: O estado true indica quando o estado interno do PLC est ligado. False: O estado false indica quando o estado interno do PLC est desligado. Estas indicaes podem ser feitas utilizando-se uma imagem, um texto ou ambos ao mesmo tempo. Den-tro das definies do estado configura-se o texto e a imagem utilizados para realizar a indicao, como mostrado abaixo:

    Texto dos estados True a False Definio das imagens utilizadas nos estado True a False

  • WEB STUDIO

    61

    4

    Para inserir uma imagem, digite o caminho onde a mesma est localizada ou procure clicando no boto mostrado abaixo:

    ReadOnly Esta propriedade existe somente em objetos que podem editar/controlar variveis no PLC. Quando um objeto button inserido em sua aplicao, pode-se observar que o usurio da pgina no s v o status do estado interno associado ao button, mas tambm pode alterar seu estado, clicando sobre o objeto no browser. Ao clicar sobre o objeto button, o browser manda um comando para o Webserver, indi-cando que o EI associado a este button deve ser ligado/desligado, dependendo do estado anterior. A propriedade ReadOnly possui somente duas opes de configura-o: True e False, como mostrado ao lado. Ao criar o objeto, a propriedade vem originalmente como false, ou seja, o objeto button tem permisso para alterar a varivel do PLC declarada na propriedade Variable (ver pgina 48). Selecionando-se a opo True, o objeto button somente mostrar o status do EI no PLC, desabilitando a permisso de mudana de estados via browser. Desta maneira, o objeto ser considerado como somente leitura.

    Pressione este boto para procurar uma imagem

    Procure pela figura desejada e confirme para inseri-la na pgina.

  • WEB STUDIO

    62

    4

    Objeto Bar Para inserir um objeto Bar, inicialmente selecione o componente utilizando um dos mtodos descritos a-baixo:

    No menu Insert, escolha a opo Bar; Na barra de ferramentas, pressione o boto ;

    Pressione F9;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo. Para acessar as propriedades do objeto Bar, d um duplo-clique sobre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Bar possui propriedades ex-clusivas a serem configuradas.

    A rvore de projetos mostra o componente, com nome padro de Bar1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    63

    4

    MaxValue Esta propriedade define o fundo de escala que o objeto deve considerar para trabalhar no browser. Quan-do o objeto definido com certo tamanho, o WEB Studio calcula atravs deste fundo de escala como de-ver ser sua movimentao pelo browser, considerando tambm a configurao da propriedade Orientati-on. Os exemplos abaixo mostram a utilizao de dois fundos de escala diferentes: Preenchendo a propriedade MaxValue com 2000 ou 4000, e dimensionando o objeto bar como mostrado abaixo, o componente ir trabalhar considerando o valor declarado como fundo de escala, como mostrado nos exemplo abaixo. Esta configurao foi feita utilizando o valor Up na propriedade Orientation.

    2000

    1000

    0000

    Fundo de escala = 2000

    4000

    1000

    0000

    Fundo de escala = 4000

  • WEB STUDIO

    64

    4

    Orientation

    O objeto Bar pode ter quatro orientaes possveis. Essas orientaes definem qual lado do browser deve-r ser considerado o fundo de escala. As opes so:

    Down: Padro do objeto quando inserido no WEB Studio, o fundo de escala do objeto definido em sua parte inferior, fazendo com que a movimentao do mesmo seja feita de cima para baixo, como mostrado ao lado.

    Left: Quando inserido no WEB Studio, o fundo de escala do objeto definido em sua parte esquerda, fazendo com que a movimenta-o do mesmo seja da direita para esquer-da, como mostrado ao lado.

    Right: Quando inserido no WEB Studio, o fundo de escala do objeto definido em sua parte direita, fazendo com que a movimen-tao do mesmo seja da esquerda para di-reita, como mostrado ao lado.

    Up: Quando inserido no WEB Studio, o fundo de escala do objeto definido em sua parte superior, fazendo com que a movimentao do mesmo seja de cima para baixo, como mostrado ao lado.

  • WEB STUDIO

    65

    4

    Objeto Static Image Para inserir um objeto Static Image, inicialmente selecione o componente utilizando um dos mtodos des-critos abaixo:

    No menu Insert, escolha a opo Image; Na barra de ferramentas, pressione o boto ;

    Pressione F10;

    Clique com o boto esquerdo do mouse sobre qualquer ponto da rea de trabalho. O objeto ser criado na posio escolhida, com um nome e contedo padro, como mostrado abaixo. Para acessar as propriedades do objeto Static Image, d um duplo-clique so-bre seu cone na rvore de projetos, ou selecione o objeto no browser e clique na guia Properties da rvore de projetos, como mostra a figura ao lado. Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Static Image possui a proprie-dade Image a ser configurada.

    A rvore de projetos mostra o componente, com nome padro de Image1.

    Ao ser criado, o objeto possui esta aparncia e contedo.

  • WEB STUDIO

    66

    4

    Image A nica propriedade exclusiva do objeto Static Image tem como funo inserir uma imagem pgina. Esta imagem pode ser posteriormente configurada como um hyperlink, utilizando-se da propriedade Link (ver pgina 51). Para inserir uma imagem, digite o caminho onde a mesma est localizada ou procure clicando no boto mostrado abaixo:

    Pressione este boto para procurar uma imagem

    Procure pela figura desejada e confirme para inseri-la na pgina.

  • WEB STUDIO

    67

    4

    Formatao das folhas de estilo O WEB Studio permite que voc personalize os estilos utilizados em seu projeto. Estes estilos definem a aparncia dos objetos e pginas de toda sua aplicao. O contedo deste tpico foi dividido em 3 partes:

    Formatao de texto nos objetos Formatao da aparncia dos objetos Trabalhando com Layers

    Formatao de texto nos objetos

    Quando criados, os objetos do WEB Studio assumem alguns valores padro em seus estilos de texto. o caso, por exemplo, do tipo, cor e tamanho da fonte utilizada. Os tpicos abaixo mostram como alterar cada um destes atributos: Os estilos de formatao de texto existem somente para objetos que trabalho com edio de texto.

    Tamanho da fonte (font-size) Para mudar o tamanho da fonte do objeto, na caixa de seleo de folhas de estilo, procure pe-lo atributo font-size, ou digite-o no prprio cam-po. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade St-yle apareceu o novo campo font-size. O foco ser direcionado para o atributo recm inserido, como mostrado ao lado. Para modificar o tamanho da fonte, insira um valor correspondente ao tamanho de fonte desejado (30 por exemplo) e pressione ENTER para atualizar o objeto. Os valores vlidos para este atributo esto compreendidos entre 1 e 2863311.

    A unidade padro utilizada pelo atributo font-size px (pixels), mas pode-se trabalhar com outros tipos de unidades. Para isto, basta colocar sua correta abreviao aps o nmero. A tabela abaixo mostra as unidades de medida suportadas pelo WEB Studio.

    ABREV. DESCRIO

    in Polegadas cm Centmetros mm Milmetros em Um em equivalente a um pixel ex Um ex, usualmente metade do tamanho da fonte em pixels pt Ponto ( um pt equivale a 1/72 polegadas) pc Pica (um pc equivale a 12 pt) px Pixel (um ponto da tela do computador) Padro utilizado pelo browser

    NOTA

  • WEB STUDIO

    68

    4

    Tipo de fonte (font-family)

    Para mudar o tipo da fonte do objeto, na caixa de seleo de folhas de estilo, procure pelo atributo font-family, ou digite-o no prprio campo. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade St-yle apareceu o novo campo font-family. O foco ser direcionado para o atributo recm inserido, como mostrado ao lado. Para modificar o tipo de fonte utilizada, digite o nome da nova fonte que deseje utilizar para o objeto (Verdana, por exemplo) e pressione ENTER para atualizar o objeto. A fonte padro utilizada pelo WEB Studio Times New Roman, que padro em todos os sis-temas operacionais Microsoft. possvel utilizar qualquer uma das fontes instaladas no Windows, mas deve-se observar que a fonte utilizada pode no estar instalada no computador que est a-cessando o Webserver, Caso ocorra, o browser utilizar a fonte Times New Roman para mostrar o texto do objeto. Certifique-se de estar utilizando uma fonte padro do Windows antes de inseri-la no projeto.

    Cor da fonte (color)

    Para mudar a cor da fonte do objeto, na caixa de seleo de folhas de estilo, procure pelo atri-buto color, ou digite-o no prprio campo. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade St-yle apareceu o novo campo color. O foco ser direcionado para o atributo recm inserido, como mostrado ao lado. Para modificar a cor da fonte do objeto, siga um dos procedimentos mostrados abaixo:

    Digite o nome da nova cor (em ingls) que o texto do objeto deve assumir (RED, por e-xemplo) e pressione ENTER para atualiz-lo com seu novo parmetro.

    Clique sobre o boto e escolha a nova cor atravs da palheta de cores do WEB Stu-dio, mostrada abaixo, e escolha a nova cor.

  • WEB STUDIO

    69

    4

    Formatao da aparncia dos objetos

    Da mesma maneira que a formatao de texto funciona, a aparncia dos objetos do WEB Studio, quando criados, assumem alguns valores padro em seus estilos de aparncia. o caso, por exemplo, da cor de fundo o objeto, tamanho da borda, cor da borda, etc. Os tpicos abaixo mos-tram como alterar cada um destes atributos:

    Cor de fundo (background-color)

    Para mudar a cor de fundo do objeto, na caixa de seleo de folhas de estilo, procure pelo atributo background-color, ou digite-o no prprio campo. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade Style apareceu o novo campo background-color. O foco ser direcionado para o atributo recm in-serido, como mostrado ao lado. Para modificar a cor de fundo do objeto, siga um dos procedimentos mostrados abaixo:

    Digite o nome da nova cor (em ingls) que o fundo do objeto deve assumir (ORANGE, por exemplo) e pressione ENTER para atualizar o objeto.

    Clique sobre o boto e escolha a nova cor atravs da palheta de cores do WEB Stu-dio, mostrada abaixo:

    Tamanho da borda (border-width) Para mudar o tamanho borda do objeto, na caixa de sele-o de folhas de estilo, procure pelo atributo border-width, ou digite-o no prprio campo. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade Style apareceu o novo campo border-width. O foco ser direcionado para o atributo recm inserido, co-mo mostrado ao lado.

  • WEB STUDIO

    70

    4

    Para modificar o tamanho da borda, insira um valor numrico entre a partir de 0 e pressione EN-TER para atualizar o objeto.

    Estilo de borda (border-style)

    O atributo border-style define a aparncia da borda na pgina. Ela pode assumir os seguintes va-lores: None: Nenhuma borda aplicada ao objeto; Solid: Contorno slido (padro); Dashed: Contorno tracejado;

    Para mudar a aparncia da borda do objeto, na caixa de seleo de folhas de estilo, procure pelo atributo border-style, ou digite-o no prprio campo. Aps encontr-lo, pressione ENTER. Ao fazer isto, observe que na propriedade Style apareceu o novo campo border-style. O foco ser direcionado para o atributo recm in-serido, como mostrado ao lado. Para modificar o estilo de borda utilizado, digite um dos valores citados e pressione ENTER para atualizar o objeto. Abaixo se exemplificam os trs tipos de estilo de borda existentes no WEB Studio:

    Objeto Display configurado como borda slida (padro)

    Objeto Display configurado como sem borda

    Objeto Display configurado como borda tracejada

  • WEB STUDIO

    71

    4

    Cor da borda (border-color)

    Para mudar a cor da borda do objeto, na caixa de seleo de folhas de estilo, procure pelo comando border-color, ou digite-o no prprio campo. Aps encontrar o comando, pressione ENTER. Ao fazer isto, observe que na propriedade Style apareceu o novo campo border-color. O foco ser direcionado para a propriedade re-cm-inserida, como mostrado ao lado. Para modificar a cor da borda do objeto, siga um dos procedimentos mostrados abaixo:

    Digite o nome da nova cor (em ingls) que a borda do objeto deve assumir (BLUE, por exemplo) e pressione ENTER para atualizar o objeto.

    Clique sobre o boto e escolha a nova cor atravs da palheta de cores do WEB Stu-dio, mostrada abaixo:

  • WEB STUDIO

    72

    4

    Trabalhando com Layers Durante o desenvolvimento de sua aplicao XML, pode-se controlar a ordem de sobreposio dos obje-tos criados, controlando assim a maneira com que o usurio poder visualizar a pgina. Estas divises de camadas onde se pode definir a disposio dos objetos chamam-se LAYERS. Quando criados, os objetos do WEB Studio esto todos em um nico layer chamado de layer-padro. Desta maneira, conforme novos objetos so inseridos, eles assumem uma posio superior aos antigos existentes na pgina, como pode-se observar no exemplo abaixo:

    No exemplo acima, foram criados 3 Displays, sendo o Display 3 o ltimo a ser inserido, tornando-o o objeto em primeiro plano mostrado no browser. Para alterar esta formatao utiliza-se o atributo z-index que faz essa ordenao de layers. Utilizando o mesmo exemplo mostrado acima, definiremos um layer para cada componente da pgina. Isto feito nas propriedades do objeto em questo, como mostrado abaixo: Propriedades do Display 1 Propriedades do Display 2 Propriedades do Display 3

  • WEB STUDIO

    73

    4

    Desta maneira o definiu-se que o Display 2 est em um layer acima dos outros dois, sendo que o Display 1 est no layer mais baixo, resultando na mudana de posicionamento mostrada abaixo:

    A qualquer momento possvel mudar o posicionamento destes layers, basta modificar o valor do atributo z-index. Quanto maior o valor, maior a prioridade que o browser dar para mostrar o objeto. Somente valores numricos so aceitos neste campo.

  • WEB STUDIO

    74

    4

    Programao dos alarmes Cada pgina criada pelo WEB Studio pode monitorar uma srie de alarmes definidos pelo usurio na guia Alarms da rvore de projetos. A programao destes alarmes feita da seguinte maneira: Abra a pgina de configurao de alarmes da pgina desejada na rvore de projetos, como mostrado a-baixo:

    Nesta janela, deve-se definir qual varivel ser supervisionada, seu valor mximo e mnimo que caracteri-zam um alarme e qual mensagem este alarme dever mostrar quando a varivel estiver dentro do range pr-definido. Veja o exemplo a seguir:

    Quando qualquer um dos registros estiver dentro do range pr-definido, a mensagem de alarme configura-da ser mostrada no campo Message Window da pgina, mostrado logo abaixo:

    Message Window utilizada para mostrar as mensagens de alarme.

  • WEB STUDIO

    75

    4

    Programao de envio automtico de e-mails O Webserver possui a funo de envio de alarmes por e-mail. Esta caracterstica consiste em monitorar o status de um conjunto de estados internos declarados no datadesc do projeto. Quando se identifica a mudana de status (OFF ON) de um destes EIs, o Webserver manda automati-camente um e-mail com assunto e mensagem pr-definidos pelo usurio para at 3 destinatrios diferen-tes. Esta configurao feita como mostrado abaixo: Na guia de configurao do projeto, habilite a opo Email Alarms. A figura abaixo descreve todos os componentes a serem configurados para utilizar a opo de envio de alarmes por e-mail.

    1. Enabled: Habilita / Desabilita a funo Email Alarms, ou envio de alarmes por e-mail; 2. Alarm: Esta caixa de seleo permite definir os parmetros de cada um dos alarmes. At 8

    estados internos podem ser monitorados simultaneamente. Escolha um dos alarmes e programe-o preenchendo os campos definidos abaixo.

    3. Variable: Definio do estado interno monitorado pelo alarme. Cada alarme possui seu pr-

    prio estado interno.

    4. Destination: Destinatrios da mensagem. Cada alarme pode ser configurado para enviar o mesmo e-mail para at 3 endereos diferentes. Estes endereos so definidos nestes trs campos.

    5. Subject: Assunto do email. Pode-se digitar at 32 caracteres.

    6. Message: Corpo do e-mail. A mensagem a ser digitada pode ter at 64 caracteres, ou seja,

    esta funo permite que breves descries do problema sejam enviadas via e-mail.

    7. Scan (sec.): A verificao das variveis da funo Email Alarms feita periodicamente a-travs do intervalo de tempo definido nesta opo. Este perodo definido em milesegun-dos. Durante o processo de leitura das variveis, o canal serial utilizado por esta funo fi-ca ocupado, impedindo que o WinSUP ou qualquer software supervisrio utilize-o.

    1

    2

    3

    5

    6

    9

    10

    7

    8

    4

  • WEB STUDIO

    76

    4

    8. Port e NetID: O campo Port define o canal serial que o Webserver utilizar para fazer a lei-

    tura das variveis e o campo NetID informa qual o endereo do PLC que contm estes a-larmes. O canal serial e o endereo do PLC so os mesmo para todos os alarmes criados.

    9. Sender: Destinatrio. Definio de um e-mail ou nome remetente desta mensagem. Podem-

    se definir nomes diferentes para cada e-mail configurado.

    10. SMTP Server: Servidor de e-mails onde o Webserver deve direcionar as mensagens. De-ve-se inserir o endereo IP do servidor.

    Enviando o projeto para o Webserver Durante o desenvolvimento da aplicao ou ao final do projeto, para realizar o Upload de seus arquivos para o WebServer siga um dos procedimentos mostrados abaixo:

    No menu File, escolha a opo Upload; Na barra de ferramentas, pressione o boto ;

    Pressione Ctrl+U;

    Clique com o boto direito do mouse sobre qualquer ponto da rvore de projetos e no

    menu que abrir escolha a opo Upload. Como se pode observar existem diversas maneira de realizar o Upload do projeto, a ltima opo mais utilizada quando se trabalha com diversos projetos abertos no aplicativo, como mostrado na figura ao lado. Desta maneira, quando desejar enviar um dos projetos abertos, basta clicar com o boto direito do mouse sobre o nome do projeto na rvore de projetos e escolher a opo Upload. O WEB Studio identifica qual projeto deve ser enviado para o Webserver automaticamente. Para enviar o projeto, devem-se definir alguns parmetros iniciais, listados na janela abaixo:

    Webserver Address: Endereo do Webserver na rede. Esta informao j deve ter sido previamente configurada como mostrado na pgina 23 do manual.

    Username: Nome de usurio que permite a autorizao de acesso escrita no Webserver. Esta opo uma segurana que o equipamento possui garantindo as informaes contidas no mesmo. Somente usurio cadastrados na configurao do Webserver com permisso total ou de escrita no equipamento (ver pgina 22 para mais informaes) podem ter acesso via FTP aos arquivos existentes no mesmo.

    Password: Senha de acesso do nome de usurio declarado no campo acima.

    Delete Files no Webserver: Esta opo, quando marcada limpa a memria de dados do Webserver antes de enviar a a-plicao. Caso ela no esteja marcada, os arquivos de mesmo nome sero sobrepostos automaticamente.

    O andamento do Upload pode ser observado pela barra de status do WEB Studio, como mostrado ao lado.

  • WEB STUDIO

    77