Mwebserver 110 P

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: comercial@atos.com.br
Fbrica / Assistncia Tcnica / Engenharia:
Tel.: 55 11 5547 7400 - Fax: 55 11 5686 9194
e-mail: atos@atos.com.br
Call Center: 55 11 5547 7411
e-mail: suportec@atos.com.br
Atos na Internet: www.atos.com.br
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.
Termo de Garantia
Sistema de
Certificado ISO
9001 desde 1996,
com foco na
Satisfao do
Cliente
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 desgastem naturalmente com o uso, cabos, chaves, conectores externos e rels. A garantia tambm no inclui fusveis, baterias e memrias regravveis tipo EPROM.
A Atos Automao Industrial LTDA. declara a garantia nula e sem efeito se este produto sofrer qualquer dano provocado por acidentes, agentes da natureza, uso em desacordo com o manual 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 equipamento apresentar sinais de ter sido consertado por pessoa no habilitada e se houver remoo e/ou alterao 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 excelncia dos produtos e servios comercializados pela Atos.
CALL CENTER
De 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: suportec@atos.com.br
Para contato com a Atos utilize o endereo e telefones mostrados na primeira pgina deste Manual.
CONVENES UTILIZADAS
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
trado no exemplo abaixo
como mos-
Ttulo de uma Seo

Uma seo pode ter vrias subsees. Os ttulos dessas subsees esto marcados pelo sinal
mostrado no exemplo abaixo:
como
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 empregadas livremente por causa de sua generalidade e freqncia de uso. Como por exemplo, s palavras software e hardware.
Nmeros seguidos da letra h subscrita (ex: 1024h) indicam numerao hexadecimal. Qualquer outra numerao presente deve ser interpretada em decimal.
O destaque de algumas informaes dado atravs de cones localizados sempre esquerda da pgina. Cada um destes cones caracteriza um tipo de informao diferente, sendo alguns considerados somente com carter informativo e outros de extrema importncia e cuidado. Eles esto identificados mais
abaixo:
NOTA

OBSERVAO
"
NOTA: De carter informativo, mostra dicas de utilizao e/ou configurao possveis, ou ressalta alguma informao relevante no equipamento.
OBSERVAO: De carter informativo, mostra alguns pontos importantes no

comportamento / utilizao ou configurao do equipamento. Ressalta tpicos
necessrios para a correta abrangncia do contedo deste manual.
IMPORTANTE: De carter informativo, mostrando pontos e trechos importantes

do manual. Sempre observe e analise bem o contedo das informaes que so
identificadas por este cone.
IMPORTANTE
ATENO: Este cone identifica tpicos que devem ser lidos com extrema ateno, pois afetam no correto funcionamento do equipamento em questo, podendo
at causar danos mquina / processo, ou mesmo ao operador, se no forem
observados e obedecidos.
NDICE
C A P TULO 1 IN TR O D U O AO W E B S ER VE R . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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........................................................................................................... 1 3
C APTULO 2 CON F IGU RA O DO WEBSER VER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5

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
C APTULO 3 CO MUN IC A O . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7
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
C APTULO 4 W EB ST UD IO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 5
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
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
A P N D IC E A A T ALHO S D E TEC L AD O D O W EB STUD I O . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 9

Comandos Gerais do WEB Studio ....................................................................................... 81
A P N D IC E B SO LU C I O N AN D O PR O BL EM A S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 3
A P N D IC E C IN D IC A D OR E S D E D I AG N ST I C O . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 7
CAPTULO 1
INTRODUO AO WEBSERVER
CAPTULO 1 INTRODUO AO WEBSERVER
10
Descrio Geral
O produto 2345.00 ATOS WEBSERVER tem a capacidade de armazenar pginas XML em sua memria 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 aplicativo WEB Studio, o editor de pgina XML da ATOS.
Alm de servidor de pginas, o ATOS WEBSERVER pode operar tambm como conversor Ethernet / Serial 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
Viso Geral
Cdigos dos produtos

Cdigo
Caractersticas
Montado em bastidor do MPC4004 de 1 passo

2345.00
4004.78W Usado como unidade avulsa do MPC4004
Observao: A alimentao da unidade 4004.78W feita atravs de barramento interno
11
Caractersticas Gerais
DESCRIO DA ALIMENTAO / OPERAO
9 a 36Vcc
Tenso de alimentao CC
-20 a +70 C
Temperatura de Armazenagem
0 a +55 C
Temperatura de Operao
0 a 95% (sem condensao)
Umidade
5 a 50Hz / 0,625G (0,1mm pico a pico)
Vibrao
Conforme Nema Standard ICS2-230
Imunidade a rudo
Conforme IEC 801-2
Imunidade descarga eletrosttica
200 Kbytes
Capacidade de armazenamento
INTERFACES DE COMUNICAO
ON (vermelho)
STS (vermelho)
Indicadores LED
Link (verde)
Active (vermelho)
HyperTerminal / TelNet
Software de configurao
ATOS WEB Studio
Software de programao
Canal Ethernet 10 baseT
Interface de Comunicao
2 canais seriais: RS232 e RS485 independentes
Configuraes mnimas para rodar o WEB Studio
NOTA
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 Studio.
Configuraes recomendadas
Processador: Pentium III com 128 Mb de RAM.
Vdeo: 1024x768 pixels
Sistema Operacional: Windows 2000 ou XP
Internet Explorer 6
12
Esquema de ligao
1
ON
STATU
RJ45
1
2
3
4
5
6
7
8
REDE
ETHERNET
LIN
ACTIV
TD+
TDRD+
NC
NC
RDNC
NC
Ethernet
RJ11
CABO
CRS232415 ou
C4004EXXX
1
2
3
4
5
6
RS232
RTS
RX
TX
NC
GND
CTS
DO/ RI
DO/ RI RS485
+5Vcc
GND
CN1
CABO
C4004AXXX
1
2
3
4
10 a
36Vcc
DO\ RI\
DO RI
+5Vcc
GND
+24Vcc
0Vcc
ATERRAMENTO
2345.00
Para a unidade 4004.78W no necessrio alimentao externa de 24Vcc

OBSERVAO
13
14
CAPTULO 2 CONFIGURAO DO WEBSERVER
CAPTULO 2
CONFIGURAO DO WEBSERVER
15
16
Configurao de Hardware
JUMPER
POSIO
A
B*
B*
B*
ST1
ST2
ST3
DESCRIO
Trabalha com os parmetros default do webserver
Trabalha com os parmetros personalizados no equipamento
RESERVADO
RESERVADO
* - Posio Default
Configurando o Webserver
O Webserver possui uma regio de configurao simples e fcil de utilizar. Os prximos tpicos descrevem 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.
OBSERVAO
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.
17
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 HyperTerminal:
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 seguir.
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.
18
Defina na caixa de seleo Conectar-se usando a

opo TCP/IP (Winsock), como mostra a figura ao
lado.
2
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 aspas).
"
IMPORTANTE
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.
19
Aps digitar a senha, pressione ENTER, neste momento o HyperTerminal 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.
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:
20
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.
"
IMPORTANTE
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.
21
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
22
Pressionando ENTER, uma senha dever ser digitada para este novo login. Para criar um login sem senha, 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 apresentada:
Nos campos a seguir definem-se respectivamente a habilitao do DHCP, o endereo IP, mscara de subrede, 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.
23
Com o uso do DHCP uma srie de procedimentos de configurao podem ser automatizados, o que facilita 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.
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 disponveis pressione a barra de espao. Para todos os outros itens, deve-se digitar um valor numrico vlido
por inteiro.
24
Configurao atual
No menu principal, pressionando-se a tecla 4 pode-se visualizar toda a configurao realizada no equipamento, sem precisar entrar nos menus de edio de configurao acima citados.
A figura abaixo mostra as informaes contidas neste menu:
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 realizada e sai da configurao sem reiniciar o mdulo.
25
26
CAPTULO 3 COMUNICAO
CAPTULO 3
COMUNICAO
27
COMUNICAO
28
COMUNICAO
Meio de transmisso ETHERNET

O mdulo Webserver possui o padro 10BaseT que consiste na tecnologia de transmisso de sinais digitais 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
1 Branco/laranja
Nome
TD+
Pino Cor
1 Branco/laranja
Nome
Laranja
TD-
Laranja
TD-
Branco/verde
RD+
Branco/verde
RD+
Azul
S/F
Azul
S/F
Branco/azul
S/F
Branco/azul
S/F
Verde
RD-
Verde
RD-
Branco/marrom
S/F
Branco/marrom
S/F
Marrom
S/F
Marrom
S/F
TD+
Cabo cruzado
Utilizado para conectar o mdulo diretamente a um PC (desktop, laptop, notebook).
LADO 1
LADO 2
Pino Cor
1 Branco/laranja
TD+
Pino Cor
1 Branco/verde
Laranja
TD-
Verde
RD-
Branco/verde
RD+
Branco/laranja
TD+
Azul
S/F
Azul
S/F
Branco/azul
S/F
Branco/azul
S/F
Verde
RD-
Laranja
TD-
Branco/marrom
S/F
Branco/marrom
S/F
Marrom
S/F
Marrom
S/F
OBSERVAO
Nome
Nome
RD+
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.
29
COMUNICAO
Cabo de ligao em RS232 (Webserver PLC)

RJ11 - MACHO
6
RJ11 - MACHO
6
3
XX,Xm
RJ11 - MACHO
RJ11 - MACHO
1
2
3
4
5
6
NC
NC
RX
RX
TX
TX
NC
NC
GND
GND
NC
NC
Fig. 1. - Cabo de Ligao C2RJ11402
"
IMPORTANTE
Os trs ltimos dgitos expressam o comprimento do cabo:

CABO
COMPRIMENTO [m]
C4004E095
C4004E195
C4004E295
9,5
95,0
950,0
30
1
2
3
4
5
6
COMUNICAO
Cabo de ligao em RS485 (rede de PLCs)
3
Fig. 2. - Cabo com cdigo Atos C4004DXXX.
O comprimento mximo do cabo para rede RS485 de 1000m a 9600bps.

OBSERVAO
Caractersticas eltricas 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 aplicada 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
"
IMPORTANTE
Os resistores de terminao (RT) so recomendados e devem ser instalados nas extremidades 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.
31
COMUNICAO
Ligando o Webserver a uma rede
Fig. 3. - Ligando o Webserver a uma rede RS485.
32
COMUNICAO
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 disponibilize um endereo de IP fixo na Internet, de qualquer parte do mundo possvel comunicar com a mquina
/ processo, como exemplificado abaixo:
33
COMUNICAO
34
CAPTULO 4 WEB STUDIO
CAPTULO 4
WEB STUDIO
35
WEB STUDIO
36
WEB STUDIO
Sobre o WEB Studio

O WEB Studio uma poderosa ferramenta de desenvolvimento XML para programao do ATOS WEBSERVER. Sua interface, baseada na plataforma Windows, foi criada para ser simples e intuitiva, possibilitando 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 atravs 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 aplicao. Sugerimos que voc invista alguns minutos de seu tempo para se familiarizar com a rea de trabalho do WEB Studio.
B.
A.
C.
D.
H.
E.
I.
F.
G.
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);
37
WEB STUDIO
C. Barra de menu
Concentra todos os comandos do WEB Studio. A maioria destes comandos est disponvel na barra 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 propriedades do objeto selecionado no momento.
G. Barra de status
Informa o percentual de espao que o WebServer utilizar com o projeto atual. Mostra tambm mensagens 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 requisitada pelo browser ao WebServer.
38
WEB STUDIO
Iniciando um novo projeto

Aps inicializar o WEB Studio, necessrio criar um novo projeto. Para fazer isto existem diversas opes, 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 automaticamente ao criar um novo projeto.
DataDesc: Diretrio onde se concentram todas as informaes 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.
"
IMPORTANTE
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.
NOTA
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 Studio far a referncia das imagens com as pginas sem precisar saber onde a pasta est alocada no computador. Desta maneira, ao copiar a pasta para outro diretrio ou computador, o WEB Studio poder abrir
o projeto sem erros de leitura.
39
WEB STUDIO
NOTA
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;
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 exemplo, 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
40
WEB STUDIO
4
Salvar o projeto como projeto1.
41
WEB STUDIO
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 WebServer 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.
42
WEB STUDIO
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 disponveis. 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 pgina. Preferencialmente utilize arquivos com extenso .gif ou .jpg , pois
estes no ocupam muito espao no Webserver e so carregados mais facilmente pelo browser;
CanvasColor: Cor da rea de trabalho, ponto de referncia de posicionamento 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 desejada. Ela no precisa necessariamente estar alocada na pasta do
projeto.
43
WEB STUDIO
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 background, a mesma ser cortada.
Para correto dimensionamento da rea de trabalho com a imagem background, 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 atravs 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 realizar uma referncia-cruzada das variveis do PLC com os campos mostrados 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 usurio inserir sua parametrizao.
Declarando um PLC
O WEB Studio permite que um projeto comunique com vrios PLCs simultaneamente, 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;
44
WEB STUDIO
Criando um grupo de variveis

As variveis utilizadas no projeto podem ser organizadas atravs de grupos. 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 inserido. 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.
NOTA
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 Webserver.
45
WEB STUDIO
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 destas 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 procedimentos 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 item 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 configurado 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, isto , 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 exemplo, 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 declarado 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 efetivo 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 DataDesc. Estes caracteres no so vlidos.
IMPORTANTE
46
WEB STUDIO
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 necessrias para compor uma boa aplicao.
Propriedades comuns dos objetos

Position
A propriedade Position define a localizao do objeto dentro da pgina. Deve-se considerar como 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 componentes que definem a posio do objeto. Left e Top.
Estes valores podem ser editveis manualmente atravs destes campos, 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 Projects) alterado, como mostrado ao lado.
47
WEB STUDIO
Variable
A propriedade Variable faz a associao do objeto com a varivel de memria do PLC. Esta propriedade 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, varia para cada objeto.
Nos casos em que a utilizao da propriedade Variable diferente da mostrada no exemplo a seguir, 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.
NOTA
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 estado interno do PLC correspondente ao endereo 300.
Esta varivel ser utilizada pelo objeto Button, que trabalho somente com estados internos do PLC.
48
WEB STUDIO
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.
OBSERVAO
Configurando o objeto Button: Abra a caixa

de seleo da propriedade Variable e dentro 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 mscara colocada no contedo do registro.
A propriedade Format possui as seguintes opes:
Decimals: Define onde o separador de ponto decimal ser colocado. 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 hexadecimal. Esta opo informa o browser como ele deve tratar a informao que chega deste registro, 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 apresentao do objeto configurado para base decimal est mostrada ao lado.
49
WEB STUDIO
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 smbolo pode ser utilizado nesta opo, como mostrado no exemplo 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 nenhuma 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 propriedades do objeto, como mostrado ao lado.
Aqui se escolhe o componente da

folha de estilo que ser utilizado.
Este manual contm alguns exemplos e dicas bsicas de formatao dos objetos. Voc pode observ-las mais abaixo. Para informaes mais detalhadas, procure o Help de CSS do WEB Studio,
ou em apostilas na Internet.
50
WEB STUDIO
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 usurio 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 objeto torna-se um link para a URL declarada.
A propriedade Link pode ser utilizada para acessar outra pgina do webserver ou um outro endereo qualquer. 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 ambiente Web. Para isto, na propriedade Link do objeto declare a URL desejada como mostrado abaixo:
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.
NOTA
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.
51
WEB STUDIO
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 selecione o componente utilizando um dos mtodos descritos abaixo:
No menu Insert, escolha a opo Display;
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.
A rvore de projetos
mostra o componente,
com nome padro de
Display1.
Ao ser criado, o objeto possui

esta aparncia e contedo.
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.
52
WEB STUDIO
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 confirmar.
4
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 procura 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.
53
WEB STUDIO
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 usurio 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;
Pressione F4;
A rvore de projetos
com nome padro de
Dynamic1.

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 propriedades Mode e Zones a serem configuradas.
54
WEB STUDIO
Mode
A transio de zonas do objeto Dynamic pode ser feita utilizando somente imagens, somente texto ou ambos 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;
4
Image: Define que somente as imagens definidas na propriedade Zones sero mostradas;
Text: Define que somente os textos definidos na propriedade Zones sero mostrados.
55
WEB STUDIO
Zones
A propriedade Zones define/configura a quantidade de zonas existentes para o objeto Dynamic. Inicialmente o objeto vem com somente uma zona declarada. Para Inserir mais zonas, clique sobre o boto mostrado 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:
ZONA 1
ZONA 2
ZONA 3
Desta forma, o browser mostrar o contedo das zonas conforme o valor do registro do PLC seguindo o
grfico abaixo:
ZONA 1
0000
ZONA 2
1000
ZONA 3
2000
3000
....................................................................
9999
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.
56
WEB STUDIO
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;
Pressione F5;
4
A rvore de projetos
com nome padro de
Edit1.

Para acessar as propriedades do objeto Edit, d um duplo-clique sobre seu

Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Edit possui propriedades exclusivas a serem configuradas.
57
WEB STUDIO
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 browser 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 configurao: 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.
58
WEB STUDIO
Objeto Button
Para inserir um objeto Button, inicialmente selecione o componente utilizando um dos mtodos descritos
abaixo:
No menu Insert, escolha a opo Button;
Pressione F6;
4
A rvore de projetos
com nome padro de
Button1.

Para acessar as propriedades do objeto Button, d um duplo-clique sobre seu

Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Button possui propriedades
exclusivas a serem configuradas.
59
WEB STUDIO
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 componentes (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;
4
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 button. 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. Dentro das definies do estado configura-se o texto e a imagem utilizados para realizar a indicao, como
mostrado abaixo:
Definio das imagens
utilizadas nos estado
True a False
Texto dos estados True a False
60
WEB STUDIO
Para inserir uma imagem, digite o caminho onde a mesma est localizada ou procure clicando no boto
mostrado abaixo:
Procure pela figura desejada e confirme para inseri-la na pgina.
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, indicando que o EI associado a este button deve ser ligado/desligado, dependendo do estado anterior.
A propriedade ReadOnly possui somente duas opes de configurao: 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.
61
WEB STUDIO
Objeto Bar
Para inserir um objeto Bar, inicialmente selecione o componente utilizando um dos mtodos descritos abaixo:
No menu Insert, escolha a opo Bar;
Pressione F9;
4
A rvore de projetos
com nome padro de
Bar1.

Para acessar as propriedades do objeto Bar, d um duplo-clique sobre seu

Alm das propriedades comuns a todos os objetos do WEB Studio, o objeto Bar possui propriedades exclusivas a serem configuradas.
62
WEB STUDIO
MaxValue
Esta propriedade define o fundo de escala que o objeto deve considerar para trabalhar no browser. Quando o objeto definido com certo tamanho, o WEB Studio calcula atravs deste fundo de escala como dever ser sua movimentao pelo browser, considerando tambm a configurao da propriedade Orientation.
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.
Fundo de escala = 4000
Fundo de escala = 2000

2000
4000
1000
1000
0000
0000
Esta configurao foi feita utilizando o valor Up na propriedade Orientation.
63
WEB STUDIO
Orientation
O objeto Bar pode ter quatro orientaes possveis. Essas orientaes definem qual lado do browser dever 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 movimentao do mesmo seja da direita para esquerda, 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 movimentao do mesmo seja da esquerda para direita, 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.
64
WEB STUDIO
Objeto Static Image

Para inserir um objeto Static Image, inicialmente selecione o componente utilizando um dos mtodos descritos abaixo:
No menu Insert, escolha a opo Image;
Pressione F10;
4
A rvore de projetos
com nome padro de
Image1.

Para acessar as propriedades do objeto Static Image, 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 Static Image possui a propriedade Image a ser configurada.
65
WEB STUDIO
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:
Procure pela figura desejada e confirme para inseri-la na pgina.
66
WEB STUDIO
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 pelo atributo font-size, ou digite-o no prprio campo.
Aps encontr-lo, pressione ENTER.
Ao fazer isto, observe que na propriedade Style 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.
NOTA
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.
in
cm
mm
em
ex
pt
pc
px
DESCRIO
Polegadas
Centmetros
Milmetros
Um em equivalente a um pixel
Um ex, usualmente metade do tamanho da fonte em pixels
Ponto ( um pt equivale a 1/72 polegadas)
Pica (um pc equivale a 12 pt)
Pixel (um ponto da tela do computador) Padro utilizado pelo browser
67
WEB STUDIO
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.
Ao fazer isto, observe que na propriedade Style apareceu o novo campo font-family.
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 sistemas 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 acessando 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 atributo color, ou digite-o no prprio campo.
Ao fazer isto, observe que na propriedade Style apareceu o novo campo color.
Para modificar a cor da fonte do objeto, siga um
Digite o nome da nova cor (em ingls) que o texto do objeto deve assumir (RED, por exemplo) 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 Studio, mostrada abaixo, e escolha a nova cor.
68
WEB STUDIO
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 mostram 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.
Ao fazer isto, observe que na propriedade Style
apareceu o novo campo background-color.
O foco ser direcionado para o atributo recm inserido, 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

dio, mostrada abaixo:
Tamanho da borda
e escolha a nova cor atravs da palheta de cores do WEB Stu-
(border-width)
Para mudar o tamanho borda do objeto, na caixa de seleo de folhas de estilo, procure pelo atributo border-width,
ou digite-o no prprio campo.
Ao fazer isto, observe que na propriedade Style apareceu
o novo campo border-width.
69
WEB STUDIO
Para modificar o tamanho da borda, insira um valor numrico entre a partir de 0 e pressione ENTER 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 valores:
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.

apareceu o novo campo border-style.
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
70
WEB STUDIO
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.
apareceu o novo campo border-color.
O foco ser direcionado para a propriedade recm-inserida, como mostrado ao lado.
Para modificar a cor da borda do objeto, siga um
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

dio, mostrada abaixo:
e escolha a nova cor atravs da palheta de cores do WEB Stu-
71
WEB STUDIO
Trabalhando com Layers

Durante o desenvolvimento de sua aplicao XML, pode-se controlar a ordem de sobreposio dos objetos 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
72
WEB STUDIO
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.
73
WEB STUDIO
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 abaixo:
4
Nesta janela, deve-se definir qual varivel ser supervisionada, seu valor mximo e mnimo que caracterizam 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 configurada ser mostrada no campo Message Window da pgina, mostrado logo abaixo:
Message Window utilizada para mostrar as mensagens de alarme.
74
WEB STUDIO
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 automaticamente um e-mail com assunto e mensagem pr-definidos pelo usurio para at 3 destinatrios diferentes. 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.
7
8
1
2
3
9
10
5
6
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 prprio 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 atravs do intervalo de tempo definido nesta opo. Este perodo definido em milesegundos. Durante o processo de leitura das variveis, o canal serial utilizado por esta funo fica ocupado, impedindo que o WinSUP ou qualquer software supervisrio utilize-o.
75
WEB STUDIO
8. Port e NetID: O campo Port define o canal serial que o Webserver utilizar para fazer a leitura das variveis e o campo NetID informa qual o endereo do PLC que contm estes alarmes. 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. Podemse definir nomes diferentes para cada e-mail configurado.
10. SMTP Server: Servidor de e-mails onde o Webserver deve direcionar as mensagens. Deve-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;
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 aplicao. 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.
76
WEB STUDIO
77
APNDICE A ATALHOS DE TECLADO DO WEB STUDIO
APNDICE A
ATALHOS DE TECLADO DO WEB STUDIO
79
80
Comandos Gerais do WEB Studio

TECLA
FUNO
DESCRIO
Ctrl+N
Ctrl+P
Ctrl+G
Ctrl+T
Ctrl+O
Ctrl+S
Ctrl+F4
y
y
y
y
y
y
y
New Project
New Page
New Group
New Variable
Open Project
Save Project
Close Page
y
y
y
y
y
y
y
Ctrl+E
Export
Ctrl+U
Ctrl+C
Ctrl+X
Del
Ctrl+V
Ctrl+R
F2
F3
F4
F5
F6
F9
F10
Alt+F4
y
y
y
y
y
y
y
y
y
y
y
y
y
y
Upload
Copy
Cut
Delete
Paste
Refresh Document
Select
Display Object
Dynamic Object
Edit Object
Button Object
Bar Object
Image
Exit
y
y
y
y
y
y
y
y
y
y
y
y
y
y
"
IMPORTANTE
Cria um novo projeto

Cria uma nova pgina XML
Cria um novo grupo de variveis no DataDesc
Cria uma nova varivel dentro de um grupo
Abre um projeto existente
Salva o projeto atual
Fecha a pgina XML vigente
Exporta os arquivos do projeto em uma pasta para carregamento manual via servio de FTP
Realiza o Upload do projeto para o Webserver
Copiar (somente texto)
Recortar (somente texto)
Excluir
Colar (somente texto)
Atualizar pgina
Desmarca o foco de qualquer objeto da pgina em edio
Inserir um objeto Display (ver pgina 52)
Inserir um objeto Dynamic (ver pgina 54)
Inserir um objeto Edit (ver pgina 57)
Inserir um objeto Button (ver pgina 59)
Inserir um objeto Bar (ver pgina 62)
Inserir uma imagem (ver pgina 65)
Sair do WEB Studio
Durante o trabalho de criao / edio da pgina XML, quando o foco estiver direcionado
na pgina em questo, no pressione a tecla F5. Isto ocasionar um erro de atualizao
na mesma. Para atualizar o contedo da pgina XML em edio no WEB Studio, utilize a
tecla de atalho Ctrl+R.
81
82
APNDICE B SOLUCIONANDO PROBLEMAS
APNDICE B
SOLUCIONANDO PROBLEMAS
83
84
A regio de configurao do Webserver acessada somente para usurios cadastrados no equipamento

(ver pgina 22 para mais informaes sobre cadastramento de usurios). Em casos de esquecimento da
senha, o Webserver possui um jumper interno de segurana (jumper ST1) que ao ser passado para posio A coloca o cadastro de usurios com a senha e login padro ao sair de fbrica.
Este procedimento deve ser iniciado com o controlador desligado.

OBSERVAO
Este procedimento s pode ser realizado via Hardware, impossibilitando o acesso remoto via rede s configuraes do Webserver, sem saber um login vlido para o equipamento.
Ao colocar o jumper ST1 de volta em sua posio padro (ST1=B), a lista de usurios original volta a ser
carregada no Webserver.
85
86
APNDICE C INDICADORES DE DIAGNSTICO
APNDICE C
INDICADORES DE DIAGNSTICO
87
88
Atravs dos LED's localizados no frontal possvel verificar o status e diagnstico do Webserver.
LED
SINALIZAO
DIAGNSTICO
ON
Aceso Vermelho
STATUS
Pisca vermelho
A placa est energizada

Indica que o mdulo est operando em estado normal.
Indica que o mdulo est conectado a uma
rede Ethernet. Caso o LED esteja apagado
verifique a conexo do cabo Ethernet, procurando mau contato na conexo do cabo
ou da placa.
LINK
ACTIVE
Aceso verde
Pisca vermelho
Pisca quando um pacote recebido ou

transmitido.
C
Fig. 4.- Indicadores
de diagnstico
89
10
90

Mwebserver 110 P

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Mwebserver 110 P

Enviado por

Direitos autorais:

Formatos disponíveis

ATOS WEBSERVER

Manual de Programao / Configurao

Atos Automao Industrial LTDA.

A Atos Automao Industrial LTDA. assegura ao comprador deste produto, garantia

Servio de Suporte Atos

Ttulo de uma Seo

Ttulo de uma subseo

OBSERVAO: De carter informativo, mostra alguns pontos importantes no

IMPORTANTE: De carter informativo, mostrando pontos e trechos importantes

C APTULO 2 CON F IGU RA O DO WEBSER VER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5

Cabo de ligao em RS232 (Webserver PLC) .......................................................... ....... 30

Ligando o Webserver a uma rede .................................................... ................................... 32

Definio das variveis utilizadas no projeto ........................................................................ 44

Componentes do WEB Studio...................................... ........................................................ 47

Propriedades exclusivas dos objetos ................................................................................... 52

Formatao das folhas de estilo .......................................................................................... 67

Programao dos alarmes................................................................................................... 74

A P N D IC E A A T ALHO S D E TEC L AD O D O W EB STUD I O . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 9

Cdigos dos produtos

Montado em bastidor do MPC4004 de 1 passo

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.

Processador: Pentium III com 128 Mb de RAM.

Vdeo: 1024x768 pixels

Sistema Operacional: Windows 2000 ou XP

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

CAPTULO 2 CONFIGURAO DO WEBSERVER

Acessando o software de configurao

Dependendo da verso do Windows utilizada, o Telnet acessado de maneira diferente,

Telnet via Windows 95, 98, 2000, ME ou XP.

O software HyperTerminal encontra-se no seguinte local:

Defina na caixa de seleo Conectar-se usando a

Clique em OK para confirmar.

Este login e senha vm com a configurao padro do equipamento ao sair de fbrica.

Telnet via Windows NT

Para iniciar uma conexo, no menu Conectar, clique em

Caso seja a primeira conexo com o equipamento,

recomendvel trocar essa senha durante a primeira configurao do Webserver (ver

O Webserver no diferencia maisculas de minsculas.

Configurar parmetros de rede

Para sair desta tela pressione ESC.

Configurar parmetros das seriais

Para sair desta tela pressione ESC.

Salvar as configuraes e encerrar

Utilizando a opo Salvar as configuraes e encerrar, o Webserver salvar as alteraes em FLASH e

Meio de transmisso ETHERNET

Cabo de ligao em RS232 (Webserver PLC)

Fig. 1. - Cabo de Ligao C2RJ11402

Os trs ltimos dgitos expressam o comprimento do cabo:

Cabo de ligao em RS485 (rede de PLCs)

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

Caractersticas eltricas do cabo para padro RS485

Bitola mnima dos condutores: 24 AWG

Ligando o Webserver a uma rede

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

CAPTULO 4 WEB STUDIO

Sobre o WEB Studio

Descrio da interface com o usurio