Você está na página 1de 86

INCIO

kb.elipse.com.br ou vbknowledge

Aplicao padro j vem pr-formatada com viewer e uma tela que abre diretamente
no viewer.
Para rodar a aplicao s devemos: abrir um quadro, ir em propriedades do viewer e
definir que para abrir o quadro inicial e no a tela, Com o boto direito na tela ajustar ao
divisor devemos definir para a tela abrir no quadro e marcar como tela inicial do divisor.
A aplicao em branco ser criada sem viewer, sem quadros e sem tela melhor
forma pois configuramos tudo do jeito que queremos desde o incio.

Resoluo da Tela
Se o sistema for rodar no mesmo computador que est sendo desenvolvido no precisa alterar,
caso contrrio deve ser ajustado para a resoluo do computador que vai rodar a aplicao, se
isto no for feito ter que ajustar todas as telas depois de forma que fique compatvel como
computador que vai rodar a aplicao.

Drive de Comunicao
Poderia escolher neste momento o drive de comunicao, ms aconselhvel inserir o drive
posteriormente, compatvel com o CLP que vai comunicar.

Banco de dados
Se for utilizar o Oracle ou SQL server, at poderia escolher sim, como utilizaremos o Access
ento criaremos o banco de dados depois.

Tanto o Oracle e o SQL server so aplicativos servidores ou seja os dados so gravados em um


servidor e estes aplicativos buscam estes dados via endereo IP.
J o Access apenas um arquivo que tem que ficar na prpria mquina e na pasta da aplicao
ou ento ficar em um servidor temos que indicar no supervisrio o caminho para encontrar este
arquivo.

Banco de dados

Aplicao em Branco

Inserindo um viewer

Inserindo um quadro

Inserindo uma tela

Configurando a abertura da tela

Configurando o viewer

Organizer

Galeria

Posicionar barra de ferramentas


Na aba visualizar clica em organizer segura e arrasta t aparecer a flechinha larga sobre ela, faz
o mesmo para a barra propriedade.

Configurao de cor da tela

TAGs INTERNOS
Servem para que possamos fazer a simulao de variveis como se fosse
Se iniciar com uma aplicao em branco teremos que inserir o servidor de dados, se iniciarmos
com uma aplicao padro j vem inserido

Configurao de cor e nome do boto

Configurao para operao do boto

Configurao de texto do boto

Animao de cores do boto


Backcolor = cor do boto
ForeColor = cor do texto

DISTRIBUIR E OU CENTRALIZAR BOTES


Deixar de mesma largura, mesma altura, mesmo tamanho, alinhados etc.

Ajustar o texto dentro de um boto

Animao de cores em Figuras


Podemos inserir um retngulo ou faze-los um quadrado inserindo o retngulo com shift acionado

OBJETO TIPO TEXTO


(utilizado para escrever algo que ficar fixo na tela, no possui a propriedade Caption, portanto
no faz animaes

OBJETO TIPO TEXTO LABEL


Possui a propriedade caption para ser associada ao tag e fazer animaes

INSERIR HORA NA TELA


Utilizar tag tipo Demo

Configurao do TAG

INSERIR HORA NA TELA

Associao do display ao TAG

Configurao de um boto para abrir a calculadora

Configurao de um boto para abrir o excel

Configurao de um boto para abrir o word

Configurao de um boto para abrir o pait

TAG DEMO
Serve para fazermos simulao de variveis analgicas

INSERO DE IMAGEM
Primeira forma: clica em figura, abre a caixa na tela e procura a imagem do tipo jpeg. Desta
forma temos que criar uma pasta com todas as imagens que sero utilizadas no supervisrio e
manter a pasta de imagens sempre na mesma pasta do supervisrio para no perder a
referencia.

Segunda forma: Insere as imagens em recurso

Figura abaixo:
Clica em figura, abre a caixa na tela, fecha caixa de localizao da imagem, clica na imagem
inserida em recurso e arrasta para a aba propriedade em File name (desta forma as imagens
permanecem no domnio da aplicao e no perdem a referencia)

DIVIDIR UM QUADROS EM VRIOS


Para evitar que o tamanho do quadros seja alterado com a aplicao rodando a propriedade Split
Border dos dois quadros deve ficar em false

Abrir Telas em Quadros Diferentes

Sempre que for abrir uma tela que est em outro quadro primeiro abre o quadro no viewer (top) e
depois repete a operao para abrir a tela no quadro desejado, para isso a tela deve estar como
tela inicial do divisor

Voltar a tela inicial

A tela inicial um conjunto de telas e quadros, ento para voltar a tela inicial devemos criar um
script para cada tela indicando que uma deve abrir de volta no seu divisor.

TELA MODAL
Tela modal uma tela geralmente menor que abre sobre outra tela com a finalidade de mostrar
algo especfico do processo, durante o tempo que ela permanecer aberta os botes da tela
principal ficam inoperantes.

Configuraes da tela modal


Para funcionar a opo fechar a opo barra de ttulo deve estar marcada (devem estar marcadas
seno teremos que reiniciar a aplicao para fechar a tela)

INSERIR E CONFIGURAR O DRIVE Mprot.dll (S7200)

INSERIR E CONFIGURAR TAGs

PROCESSO PARA ANIMAR A HELICE DE UM VENTILADOR


a) Abre uma aplicao padro
b) Insere um quadro no viewer e configura o viewer para abrir no quadro
c) Cria um tag demo e faz a configurao conforme abaixo

d) Cria um tag interno e insere um boto na tela para ligar a hlice

e) Associa o boto por scrpt ao TAG interno

f) Insere 04 imagem da hlice em recursos

g) Move uma das imagens para a propriedade File Name e altera a propriedade
OverrrideFillMode

h) Faz uma cpia da imagem da hlice e configura a figura numero 02 (cpia) primeiro,
associa por tabela e arrasta uma a uma das imagens de recursos para a coluna Fonte
da tabela, devido ao fato de no poder eliminar o ponto por fazer parte da extenso do
arquivo coloca entre colchetes, caso contrrio perder o link com a imagem

i) Associa de forma digital com o valor da propriedade OverrrideColor do TAG demo

j) Associa de forma simples o valor = verdadeiro da propriedade visible do tag interno


LIga

L) Associao da imagem nmero 01


Associa de forma simples o valor = falso da propriedade visible do tag interno Liga

m) Associa de forma digital o valor da propriedade Overrride FillColor

Configurao das Imagens 02 e 02

Seleciona as duas imagens e fs o alinhamento Vertical e Horizontal com isso uma ficar
escondida atrs da outra.

Criao de usurios
Cria um programa com 4 telas
Configura a tela inicial como mostrar como tela inicial do divisor

Cria um boto para ir para cada uma das telas

Configurao do boto para abrir a tela

Ema cada uma das telas cria um boto para voltar a tela inicial

Criar usurios

Criar os grupos de usurios administrador e operador


Administrador: os usurios que fizerem parte do grupo administrador tero acesso livre as
funcionalidades
Operador: os usurios que fizerem parte do grupo operador tero acesso limitado

Criando o grupo administrador

Criando o grupo operador

Criando o usurio administrador (as senhas sero os prprios nomes).

Criando os usurios operadores Pedro e Joo

Definir as permisses de cada grupo de usurios


O grupo administrador poder atuar em todas as funcionalidades do domnio
(um clique as permisses ficam verdes 2 cliques ficam vermelhas negadas)

O grupo administrador poder abrir todas as telas

Definir o que o grupo operador pode fazer


O grupo operador s poder executar e parar o domnio

O grupo operador pode abrir todas as telas


Se quiser permitir ao grupo operador abrir todas as telas pode marcar desta forma sabendo que
existem vrias telas

Se desejamos restringir algumas telas ao grupo marca uma a uma

Neste caso no permitiremos ao grupo operadores o acesso a tela 03 (clicamos 2 vezes para marcar
em vermelho)

Permisso para os usurios


Definir a que grupo o usurio pertence

Neste caso vamos adicionar o usurio nelson ao grupo administrador

J adicionado

Os demais usurios vamos adicionar ao grupo operador

Associar os grupos e usurios as funcionalidades


Na aba wiewer inserimos 02 Tag internas uma para verificar o grupo Administrador e outra para
verificar o grupo operador

Tags inseridas

Com um duplo click no wiewer escolhemos a funo ON LOGIN

Criamos um script

Clica no APP browser e encontra o valor do Tag verificaADM

Aps colar o valor do tag fica desta forma

Coloca manualmente o sinal de igual com espao antes e depois

Vai no AppBrowser novamente e associa o viewer com os usurios do grupo

Aps colar

Dentro do parnteses coloca manualmente o nome do grupo entre aspas

Copia e cola a linha do scrpt e altera o tag e nome grupo para o operador

Podemos testar executando aplicao e verificamos que a tela precisa da senha de algum do
grupo administrador no caso o usurio nelson

Como aps o usurio administrador logar para entrar na tela 03 no existe nada para ele fazer
logout para voltar para o nvel do operador temos que parar a Aplicao e iniciar novamente,
ento vamos criar na tela inicial 01 boto para o administrador fazer LOGOUT

Cria um script, vai no AppBrowser e associa o viewer a propriedade Logout

Se optarmos podemos criar um boto para o Administrador logar no inicio da operao e liberar
todas as telas

Configurando o boto Login administrador


Cria um script, vai em AppBrowser e associa o viewer a propriedade Login

Verificando qual usurio do grupo ADMINISTRADOR est logado

Tag interno com o nome do usurio logado

Insere um display na tela e associa ao Tag nome Logado

Vai no script do viewer d um espao, vai no App Browser e insere o valor do Tag nomelogado

Ficar assim

Insere manualmente o sinal de = com espao antes e depois, vai no AppBrowser e associa o
viewer com a propriedade getFullUserName

Scrpt finalizado

Aparecer no display o nome completo de quem est Logado

Copia os dados do on login para colar no script on logout

Tudo apo o = ser apagado e escrito false

Para no ficar ningum logado precisa criar no viewer um script On logout copia o scrpt On login
e altera deixando false aps todos os vlues

Aps feito logout

Para no ficar ningum logado, cria um scrpt OnStartRuning o mesmo scrpt do onlogout

Podemos ocultar da tela as funes que o os usurios do grupo operador no tero acesso neste
caso o boto de acesso a tela 03, ento o boto de acesso a ela somente ficar visvel com o
grupo administrador logoado.

Com o usurio administrador Logado

Isto possvel associando o boto com a propriedade visible do Tag verifica ADM

CRIAO DE HISTRICOS
Providencia o arquivo MDB do acces

Cria um programa Tag demo analgico para monitorar ex. nvel

Insere um banco de dados

Configura o banco de dados em propriedades, inserindo o arquivo MDB e testa a conexo, se for
bem sucedida aparecer a mensagem conforme abaixo.

Insere o histrico no banco de dados

Histrico j criado

Criar um histrico associado ao Tag a ser monitorado, deixando ticado a chave do E3 TimeStamp
(hora de referencia para o histrico)

Configura o histrico em propriedades

Aps colar gera a tabela

Insere na tela um objeto E3 browser

Configurar a tabela e3 browser

Aps dar Ok aparece a seleo de tabelas conforme abaixo

Seleciona o que quer mostrar nos campos e d um ttulo para E3 TimeStamp hora

Em propriedades da tabela E3 Browser em opes coloca para atualizar ( tempo mnimo 1000
ms)

Teste realizado

Criar boto para apagar dados registrados na tabela

Cria mais uma consulta no E3 Browser alm da consulta 01 que a dos dados

Renomeia a consulta criada

Configura a consulta
boto direito configurar e insere o banco de dados

Variveis o nome da tabela que est na propriedade do histrico

Criar script para o boto

Pelo app browser

Script Finalizado

Rodar a aplicao e apagar relatrio

Relatrio apagado

Criar e imprimir relatrio


Insere um boto para imprimir o relatrio

Insere um relatrio

Configura a consulta

Insere as caixas de texto do que vai aparecer escrito no relatrio em Page Header

Insere um objeto campo de dados e associa e na sua propriedade escreve hora igual foi
configurado na consulta do e3 browser

Faz o mesmo para nvel

Criar o script para o boto imprimir

Script pronto

Executando a aplicao e imprimindo o relatrio

Relatrio gerado em PDF

Você também pode gostar