Sumário

Sumário

Capítulo 1 – Conhecendo a oferta de IHM’s ............................... 5

Capítulo 2 – Vijeo Designer ........................................................ 7 | 4
Mudando Idioma – Português......................................... 7
Inicializando o Vijeo Designer ......................................... 8
Adicionando dispositivos em rede ................................ 10
Criando Variáveis........................................................... 13
Conhecendo os menus de recursos e funções .............. 21
Ferramentas Gráficas .................................................... 23
Produtos e soluções aplicadas em mais Criando Telas ................................................................. 60
de 190 países, a Schneider Electric
coloca à disposição sua gama de Criando um Painel Mestre............................................. 65
soluções, meios e competências de um
fabricante mundial. Criando um Popup......................................................... 75
Em todas as fases de um projeto, desde Criando Receitas ............................................................ 82
a especificação até a energização,
incluindo a manutenção e o treinamento, Alarmes.......................................................................... 89
você pode contar com um especialista da
Schneider Electric. Criando Ações.............................................................. 100
Registro de Dados ....................................................... 109
Visite nosso site:
Adicionando dispositivos via USB ............................... 121
www.schneider-electric.com.br
Simulação e Download de uma aplicação ................... 137
Objetivo: Capacitar os leitores a Capítulo 3 – Vijeo Designer & Controladores.......................... 148
programar IHM’s e PC’s Vijeo Designer do SoMachine ..................................... 148
industriais através dos Softwares
da Schneider Electric Vijeo Capítulo 4 – Vijeo Designer & Unity ....................................... 163
Designer e Vijeo Air.
Comunicação Modbus TCP/IP ..................................... 163
A quem se destina:
engenheiros, técnicos de Capítulo 5 – Vijeo Designer Air .............................................. 176
aplicação, manutenção e Vijeo Designer ............................................................. 176
operação de equipamentos
Schneider Electric. Configurações de rede no Vijeo Designer ................... 178
Exercícios .............................................................................. 181

Call Center: 0800 7289 110 ou (11) 3468-5791

[email protected]
www.schneider-electric.com.br
wap.schneider.com.br

Programação de IHM – Vijeo Designer

Capítulo 1 – Conhecendo a oferta de IHM’s
Capítulo 1 – Conhecendo a oferta de IHMs

 Magelis GTO Interfaces gráficas otimizadas

|5
O terminal gráfico Magelis™ GTO é uma expansão da popular
série HMI Magelis para painéis avançados com adição de novos
recursos otimizados, alto desempenho e um incomparável nível de
qualidade de exibição de imagem para ambientes industriais.

✓ Nova geração do display gráfico

✓ Fácil integração e adaptação
✓ Fácil instalação/operação
✓ Ideal para ambientes severos

Disponível nos tamanhos de 3.5”, 5.7”, 7.0 (Wide), 7.5”, 10.4”, 12.1”,

 Magelis STO
IHMs compactas e coloridas
Com um display "wide" de 4.3 polegadas, a nova STO estabele
uma nova referência em IHMs de entrada, proporcionando uma
operação intuitiva bem como facilidade de instalação. Você só precisa
de um cabo USB para conectar ao PC!

3.4” versão monocromática.

Aplicações

✓ Máquinas Simples
✓ Pequenas Automações
✓ Infraestruturas
✓ Sub-display de sistemas avançados”

 Magelis STU
Formato Inovador – Plug & Play
Apresentando um sistema de montagem rápida e um
software de confi guração fácil de usar, a Magelis STU pode reduzir
significativamente o custo total de sua instalação, economizando seu
tempo e dinheiro!

Instalação livre de ferramentas, sem nenhuma furação

especial, graças ao sistema de montagem utilizando um furo de Ø
22mm, como um botão comum. Design modular com tela removível
de 3.5” ou 5.7”.

Conexão Ethernet incorporada para mais rápida, maior

flexibilidade para comunicações.
Programação de IHM – Vijeo Designer
  Magelis GTU IHM Modular que permite navegar como em um smartphone.
Transformamos o conceito de eficiência ao unir o melhor da
modularidade e da flexibilidade de forma nunca antes vista e o conforto
inigualável na utilização, sem que o desempenho e a comunicação
sejam comprometidos.
|6
Disponível no formato 4/3 e 16/9, e função multi display.

-Portas de USB no frontal com proteção IP66 e IP67 para acessar dados
da IHM sem abrir a porta do gabinete.

Aplicações: - Máquinas complexas (OEM/Processo)

- Alimentos e Bebidas
- Tratamento de água
- Mineração, cimento e metais
- Embalagem e Transportadoras

 Magelis XBT

XBTGH XBTGK XBTGT

 Dispositivos USB

Harmony XB5S Harmony HMIZ Harmony XVGU

Harmony Harmony Harmony

Botões biométricos com leitura Furo Ø22 Teclados e Botões Ø 60mm Torre iluminada
de impressão digital Ø22mm. Iluminados USB para IHM inteligente dedicada a IHMs
Magelis, com backlight de LED avançadas Magelis.
multicolorido.
Harmony
Programação de IHM – Vijeo Designer
Harmony Harmony
Capítulo
Capítulo 2 2 – Vijeo
– Vijeo Designer
Designer
Mudando Idioma – Português

|7
Passo Descrição
1
Acesse o menu “Iniciar” do Windows

2 Vá em Todos os Programas -> Schneider Electric -> Vijeo Designer 6.2 -> Ferramentas – Seleção
de Idiomas do Vijeo Designer

3 Selecione o idioma de sua preferência, lembrando que o Vijeo Designer deverá estar fechado.

4 Caso você esteja com o Vijeo Designer aberto, aparecerá a seguinte mensagem:

Feche o Vijeo Designer que está aberto e repita o procedimento.

Programação de IHM – Vijeo Designer

Inicializando o Vijeo Designer

Passo Descrição
1 Ao inicializar o Vijeo Designer v2.1, você terá as seguintes opções: |8

Criar novo Projeto: Inicializar um novo

projeto no Vijeo Designer v6.2

Abrir último Projeto: Abrir o último

projeto que foi salvo no Vijeo Designer
v6.2

Abrir Projeto existente: Abrir a lista

de projetos salvos anteriormente

Como primeiro projeto, clique em

“Criar novo Projeto” e depois em
“Next >”.

2 No próximo passo, você deverá configurar os seguintes passos do projeto:

Nome do Projeto: Dê um nome para o

seu projeto (Ex: Projeto)

Descrição ou Comentário: Dê uma

descriçao para o seu projeto que o
identifique posteriormente (Não é
obrigatório)

Tipo: Selecione a quantidade de IHMs

que serão utilizadas em sua aplicação
(Ex: Um terminal apenas)

Senha de Projeto: Colocar senha para

bloqueio de acesso do projeto (Não
será utilizado neste projeto)

Configure as características do
projeto e clique em “Next >”.
3 A seguir, você deverá configurar os seguintes itens do terminal:

Programação de IHM – Vijeo Designer

 Nome do Terminal: Criar um nome
para a aplicação do Projeto que será
desenvolvido na IHM (Ex:
IHM_StarterKit)
|9
Tipo de Terminal: Escolher Qual Série
de IHMs será utilizada no projeto (Ex:
Séries HMIGTO)

Modelo: Selecionar qual IHM será

utilizada em seu projeto (Ex:
HMIGTO4310)

Configure a IHM conforme o seu

4 Configurações de rede do projeto: projeto e clique em “Next >”.

Atribua o seguinte endereço de IP:

Esta opção define o endereçamento
da IHM em rede (Poderá ser
configurada posteriormente)

Habilitar Rastreamento de
Operações:

Configure a IHM conforme o seu

projeto e clique em “Next >”.

5 Configuração de dispositivos e Drivers que serão utilizados no projeto:

Programação de IHM – Vijeo Designer

 Lista de Equipamentos: Poderão ser
adicionados mais configurações de
rede que serão utilizadas na
comunicação de dispostivos de campo
(Neste momento, estas configurações | 10
serão adicionadas posteriormente).

Configure a IHM conforme o seu

projeto e clique em “Fim”.

Adicionando dispositivos em rede

Rede Modbus TCP/IP

Passo Descrição
1 Na janela do Navegador, clique com o botão direito em cima de “Gerenciador de E/S” e depois
clique em “Novo Driver...”.

2 Em “Novo Driver”, você poderá configurar:

Programação de IHM – Vijeo Designer

 Fabricante: Você poderá escolher
qual o fabricante do dispositivo que
será adicionado em rede com a IHM,
podendo ser da própria Schneider,
como de terceiros (Ex: Schneider | 11
Electric Industries SAS).

Driver: Exibe o tipo de conexão usado

para conectar o terminal para o
equipamento (EX: Modbus TCP/IP).

Equipamento: Definição do tipo de

equipamento em rede (Ex:
Equioamento Modbus).

Ao finalizar a configuração, vá em “OK”, caso tenha alguma dúvida, você poderá estar
consultando o guia de ajuda do Vijeo Designer no botão “Ajuda”, ou pressionando o botão “F1”
do teclado.
3 Na configuração do equipamento, você deverá configurar os seguintes passos:

Endereço de IP: Inserir o endereço de IP do equipamento. Esta propriedade é indisponível para

o Equipamento Modbus USB.
ID da Unidade: Usar o valor padrão de 255 para comunicar com outro equipamento de ethernet
Modbus TCP/IP. Se você usar o gateway para acessar um equipamento no link serial Modbus,
inserir o endereço secundário (1-247), e usar o endereço de IP de destino como o endereço de IP
do gateway. Um valor de (255) conecta para o próprio gateway.

Programação de IHM – Vijeo Designer

Conexão secundária: Assinale esta caixa de seleção para permitir uma conexão secundária e
informar o endereço IP secundário.
IP de backup: Insira o endereço de IP secundário do equipamento. Observação: Se for detectada
uma falha de comunicação no IP primário, o runtime não passará imediatamente para o IP de | 12
backup. O runtime tentará repetir a conexão com o IP primário. Se a nova tentativa falhar, o
runtime tentará se conectar ao IP de backup. Normalmente, esse processo leva cerca de 15
segundos.
Protocolo IP: Selecione TCP ou UDP. Esta seleção se aplica aos endereços IP primários e
secundários.
Sintaxe IEC61131: Se marcado, a sintaxe de endereço da variável IEC é usada (%M, %MW, %MD,
...).
Modo de endereçamento: Quando usar a Sintaxe IEC61131, para a maioria dos equipamentos,
incluindo Premium e Momentum PLC, selecionar endereçamento “Base 0 (Padrão)”, que permite
endereços de registro iniciando com 0 (ex. 0 até 65535). Quando usar o equipamento Quantum,
selecionar endereçamento “Base 1 (Unity Quantum)”, que permite endereços de registro
iniciando com 1 (ex. 1 até 65536).
Ordem de word de word duplo: Para definir a ordem de transmissão da word de 32 bits de
variáveis, usar esta opção:
Se a opção for: “Primeiro parte baixa” ->
• Menos significativo = word n
• Mais significativo = word n + 1
Verifique se o equipamento conectado utiliza o mesmo endereçamento.
Se a opção selecionada for: “Word alto primeiro” -> A word mais significativa e a menos
significativa são invertidas. Por exemplo, para ser consistente com formato do Premium PLC usar
o valor “Primeiro parte baixa”.
ASCII Exibir ordem de byte:
• Byte baixo primeiro: para ter o mesmo comportamento como o software
XBT L1000.
• Byte alto primeiro: para ter o mesmo comportamento como o software
do Vijeo Designer v6.2
Dentro do PLC uma STRING é geralmente um alinhamento de word para cada word contém dois
caracteres (um caracter por byte). Por exemplo, a representação da string HELLO! é a seguinte:

Programação de IHM – Vijeo Designer

 Ordem de Word Byte mais significativo Byte menos significativo
Primeira Word E H
Segunda Word L L
Terceira Word ! O | 13

Se a opção selecionada for:

• Byte baixo primeiro: O string exposto na tela do terminal é: HELLO!
• Byte alto primeiro: O string exposto na tela do terminal é: EHLL!O
Efetuar pré-carga do Dicionário de Dados para modificações on-line: Marque esta caixa de
seleção para habilitar uma consulta periódica e a recuperação de novos endereços não
localizados, se eles estiverem disponíveis. Quando o timeout de atualização do PLC expira e os
endereços não localizados ficarão ativos sem nenhum atraso. Se esta propriedade estiver
desabilitada, os novos endereços não localizados não serão recuperados. É preciso executar uma
atualização manual do arquivo de símbolo para atualizar e aplicar os novos endereços não
localizados.
4 A seguir, valide a opção de confirmação dos endereços para o formato IEC 61131.

Criando Variáveis

Passo Descrição
1 Para criar as variáveis no Vijeo Designer, dê um duplo clique em “Variáveis” na aba do navegador,
conforme mostrado a figura abaixo.

Programação de IHM – Vijeo Designer

 | 14

2 No editor de variáveis, você terá as seguintes opções:

2.1 Nova Varíavel Recurso que permite adicionar uma nova variável no projeto, para isto, clique no
símbolo mostrado ao lado.
Nome da variável: Exibe o nome da
variável que pode ser editada. Digite até
32 caracteres válidos. Os nomes das
variáveos devem ser exclusivos dentro
de um terminal.

Descrição: Digite uma descrição sobre a

variável. É possivel digitar até 255
caracteres válidos.

Dimensão do alinhamento: Ao utilizar

a variável como um alinhamento,
esta propriedade define o número
de elementos no alinhamento. Todos os elementos em um alinhamento têm o
mesmo tipo de dado. É possível editar os detalhes de dados de elementos
individuais nas Propriedades.
Tipos de Dado: Selecione o tipo de dados a ser armazenado na variável.
Compartilhamento: Este campo está disponível somente quando a propriedade
de Compartilhamento de Dados do Terminal estiver habilitada e o recurso de
Variável de referência não estiver selecionado. Utilize esta propriedade para
definir quais variáveis estão disponíveis para visualização e edição a partir de
outros terminais. Selecione Nenhuma, Somente leitura ou Ler/gravar.

Programação de IHM – Vijeo Designer

 • Nenhuma: A variável não pode ser visualizada ou editada por outros
terminais na rede. Se uma aplicação externa tentar acessar a variável,
receberá uma mensagem de Acesso Negado.
• Somente leitura: Outros terminais na rede podem visualizar o valor da
variável.
• Ler/gravar: Outros terminais na rede podem visualizar e editar o valor da | 15
variável.
Origem de Dados: Selecione uma das seguintes opções.
• Variáveis “internas” são utilizadas apenas dentro do projeto e não se
comunicam com o equipamento.
• Variáveis “externas” obtêm dados ao se comunicarem com o
equipamento conectado.

Referência: Este campo estará

disponível somente quando a
propriedade Origem estiver definida
como Interna. O recurso de variável
de referência permite a criação de
variáveis que referenciam outras
variáveis pelos seus valores. O
recurso de variável de referência
permite a criação de variáveis que
referenciam outras variáveis pelos
seus valores. É possível utilizar a
variável de referência para objetos, como exibições numéricas e botões. Em
runtime, os valores dos objetos que utilizam a variável de referência podem ser
alterados dinamicamente, alterando-se os valores das variáveis que eles
referenciam.
Texto de referência: Este campo estará disponível quando o recurso de variável
de referência estiver habilitado. O texto de referência estará onde o nome da
variável a ser referenciado em runtime foi construído. Insira um string Unicode
que segue as regras de sintaxe, onde %s, %d, %nd e %0nd são marcadores:
• %s insere o parâmetro como um texto
• %d insere o parâmetro como um número decimal
• %nd ou %0nd insere "n" (um número de 1 a 9) dígitos de um número
decimal.
• %nd, onde "n" é um número constante, por exemplo: Temp%3d seria
Temp31, Temp32, Temp33, e assim por diante.
• %0nd, onde "n" é um número inteiro indicando o número de zeros à
esquerda, por exemplo: Temp%03d seria Temp001, Temp002, Temp003,
e assim por diante.

Programação de IHM – Vijeo Designer

 | 16

As variáveis de parâmetro são definidas nas propriedades dos parâmetros

subsequentes. Do exemplo acima, duas variáveis de parâmetros seriam definidas
— NomedaFábrica e NúmerodaEstação. É possível definir até três variáveis de
parâmetro.

É possível inserir um número máximo de 200 caracteres no Texto de Referência.

Entretanto, no runtime não existe limite para o tamanho do texto de referência
que se torna o nome da variável. O campo Exemplo mostra um exemplo derivado
do formato inserid na propriedade Texto de Referência. Coloque o ponteiro de
seu mouse sobre o exemplo, como mostrado abaixo, para visualizar totalmente
o texto de referência.

Parâmetro 1, 2 e 3: Defina as variáveis de parâmetro cujos valores serão

utilizados como parte do texto de referência para a variável de referência. É
possível definir até três campos dinâmicos no texto de referência. As variáveis
deverão existir no projeto para serem utilizadas como variáveis de parâmetro.

Clique em para abrir a Lista de Variáveis e selecionar as variáveis internas ou

externas. Uma variável de parâmetro não pode ser uma expressão e nem uma
variável de referência. Somente é possível configurar uma variável de parâmetro
com os tipos de dados a seguir: Booleano, Inteiro e Texto. Uma variável de
parâmetro não pode ser de tipo de dado Float. Se a variável de referência apontar
para um conjunto de variáveis na partida do terminal, será preciso utilizar
variáveis internas para as variáveis de parâmetro e configurar o valor inicial
dessas variáveis internas

Programação de IHM – Vijeo Designer

 | 17

Grupo de varredura: O campo Grupode Varredura só está disponível quando a

Origem de dados é definida como Externo. Selecione um grupo de varredura para
a variável de quem receber dados. Para atribuir a variável a um Grupo de
varredura, é necessário configurar o equipamento conectado no Navegador de
projeto.

Endereço do dispositivo: O campo Endereço do dispositivo só está disponível

quando a Origem da variável é definida como Equipamento externo. Para
configurar o endereço do dispositivo, o dispositivo conectado já deve estar
configurado. Depois de clicar no campo Endereço do dispositivo, a caixa de
diálogo Seletor de endereço de dispositivo é aberta. Utilize a caixa de diálogo
para definir o endereço de dispositivo do equipamento conectado associado à
variável.

Endereço indireto: Disponível para variáveis de E/S externas, alguns tipos de

variável suportam o uso de endereços de dispositivo indiretos. Ao selecionar
Endereço indireto e definir uma variável para o offset, o endereço de dispositivo
para a variável pode ser definido no Runtime.

Por exemplo, se 40001 for definido

como endereço de dispositivo em
uma variável INT (Inteiro de 16 bits),
o valor da variável Endereço indireto
(também conhecido como offset)
controla qual endereço de
dispositivo é utilizado pela variável.
Se o offset for 5, o valor da variável
é 31. Se o offset for 0, o valor da
variável é 16.
Tipo de Variável Configuração Modbus TCP
O %I e %Q áreas de memória são somente mapeados para dispositivos físicos E/S
conectados para o PLC. Para determinar o que o PLC suporta, veja a configuração

Programação de IHM – Vijeo Designer

 do PLC e software de programação e transcreva o endereço usado.
Normalmente, existem três níveis de endereço.

%Ii
| 18

Bastidor: 1 – Este campo é necessário e está sempre ativado. Faixa: 0-255. O

número especifíca o elemento de dado físico que o PLC procura, tais como:
Bastidor 3. Para inserir os valores de compensação, usar a seta para cima ou para
baixo para movimentar, ou clicar em [...] para usar o teclado [Seletor de
endereço].
Módulo: 2 – Este campo é necessário e está sempre ativado. Faixa: 0-255. O
número especifica o elemento de dado físico que o PLC procura, tais como:
Módulo: 2. Para inserir os valores de compensação, usar a seta para cima ou para
baixo para movimentar, ou clicar [...] para usar o teclado [Seletor de endereço].
Canal: 3 – Usar a caixa de seleção para habilitar o campo. Faixa: 0 -255. O número
especifica o elemento de dado físico que o PLC procura, tais como: Canal 3. Para
inserir os valores de compensação, usar a seta para cima ou para baixo para
movimentar, ou clicar [...] para usar o teclado [Seletor de endereço].
Visualizar – Visualizar o endereço como você digita nos campos. Entradas criadas
no teclado do Seletor de Endereço atualiza na Visualização depois que você clica
OK.

Descrição: Somente leitura, representa entrada. Faixa: 0 para 255. Para

endereços de entrada, tais como %Ii.i.i, %IWi.i.i ou %IWi.i.i:Xj, com um mínimo
de dois e um máximo de seis segmentos. Cada segmento identifica um bastidor,
módulo, canal e qualquer outro dispositivo quando necessário, para o associado
E/S.

Programação de IHM – Vijeo Designer

 Endereço de bit i: Depende da quantidade do CLP.
Endereço de bit i: Depende do CLP
J: 0 até 15
Offset (i): Compensação do
equipamento discreto e tipos de | 19
equipamento de word.

Bit (j): 0 para o bit menos

significativo e 15 para o bit mais
significativo.

%Mi Memória

Descrição: Acesso para ler e gravar.

Endereço de bit i: 0 até 65535

Offset (i): Compensação do

equipamento discreto e tipos de
equipamento de word.

%MWi:Xj
Descrição: Acesso para ler e gravar.

Endereço de bit i: 0 até 65535

J: 0 até 15
Offset (i): Compensação do
equipamento discreto e tipos de
equipamento de word.

Bit (j): 0 para o bit menos

significativo e 15 para o bit mais
significativo
Exemplo de Aplicação:
Vamos carregar um valor de 5 no endereço %MW10:
%MW10 = 5
Em binário, %MW10 = 0000 0000 0000 0101 (16 bits) – LSB (é o direito mais
distante e este é o j = 0)
Então
j = 0 o bit é 1

Programação de IHM – Vijeo Designer

 j = 1 o bit é 0
j = 2 o bit é 1
j = 3 o bit é 0
j = 4 o bit é 0 | 20
e assim por diante.
%KWi:Xj
Constante

Descrição: Somente leitura,

representa constantes.

Endereço de bit i: 0 até 65535

J: 0 até 15
Offset (i): Compensação do
equipamento discreto e tipos de
equipamento de word.
Bit (j): 0 para o bit menos significativo e 15 para o bit mais significativo.

%Si Sistema

Descrição: Leitura e escrita,

dependendo do número de
bit/word

Endereço de bit i: 0 até 999

%SWi:Xj Descrição: Leitura e escrita,

dependendo do número de
bit/word

Endereço de bit i: 0 até 999

J: 0 até 15
Offset (i): Compensação do
equipamento discreto e tipos de
equipamento de word.

2.2 Excluir Função para excluir uma variável no Vijeo Designer.

Programação de IHM – Vijeo Designer

 Procedimentos: Selecione a variável que deseja excluir e aperte o símbolo de
excluir.

| 21
2.3 Interno A função interna irá habilitar as variáveis internas do vijeo Designer que você
criou nos procedimentos anteriores.

2.4 Externo A função externa irá habilitar as variáveis externas do vijeo Designer que você
criou nos procedimentos anteriores. Variáveis que irão se comunicar com os
dispositivos externos.

2.5 Incluir Esta função irá mostrar as variáveis internas do sistema do Vijeo Designer. São
variáveis do exemplos de variáveis:
sistema

Conhecendo os menus de recursos e funções

Passo Descrição
1 A tela principal do Vijeo Designer possui os seguintes recursos:

Programação de IHM – Vijeo Designer

 1

| 22

2 A tela principal do Vijeo Designer possui as seguintes funções:

Expandindo a visão das ferramentas
5 6 4 7 3 8

3
8 7

4 5

Passo Recurso Descrição

1 Barra de Configuração Opções de configuração e validação da programação do Vijeo Designer.
2 Tela inicial Tela inicial onde será criado o programa na IHM.
Nesta tela, é possível copiar, colar e recortar partes de outra tela,
posicionar objetos desenhados. Como recurso visual, é possível retirar
ou inserir grades ou pontos para auxiliar no alinhamento dos objetos,

Programação de IHM – Vijeo Designer

 para isto, clique com o botão direito em cima da tela e selecione a
configuração desejada.
3 Navegador Utilizado para criar aplicações. As informações sobre cada projetos estão
listados de forma hierárquica em um explorador de documentos.

| 23
4 Propriedades Exibe os parâmetros dos objetos selecionados. Quando mais de um
objeto é selecionado, apenas os parâmetros comuns a todos os objetos
são exibidos.

5 Lista de objetos Lista todos os objetos que aparecem no desenho, dando seus:
• Ordem
• Nome do objeto
• Posição
• Animações
• Variáveis
6 Zona de feedback Exibe o progresso e os resultados da verificação de erros e compilação.
Quando ocorre um erro, o sistema exibe uma mensagem de erro ou uma
mensagem de aviso. Para exibir o locl do erro, clique duas vezes na
mensagem de erro.
7 Caixa de Ferramentas Uma biblioteca de componentes (gráfico de barras, temporizadores,
etc.) fornecidos pelo fabricante e / ou criados por você. Para colocar um
componente no desenho, selecione o componente no Toolchest e
arraste-o para o desenho. Seus próprios componentes podem ser
exportados e/ou importados.
8 Visualizador de Info. Exibe o conteúdo de um relatório ou da web.

Ferramentas Gráficas

Passo Descrição
1 Os recursos a seguir, estão habilitados ao iniciar o programa no Vijeo Designer.

Passo Recurso Descrição

1 Ponto Recurso que permite a criação de um ponto na tela de seu projeto. É
possível ajustar a cor e o posicionamento deste recurso. Para isso,
selecione o ponto e no canto inferior esquerdo em “Propriedades”,
configure conforme a sua necessidade.
2 Linha Recurso que permite o desenho na tela de linhas:
• Linha Normal
• Linha de direção inicial (Seta simples)
• Linha de direção final (Seta simples)
Programação de IHM – Vijeo Designer
 • Linha bidirecional (Seta composta)
Este recurso pode ser editado no recurso de “Propriedades” no canto
inferior esquerdo ou dando um duplo clique. É possível ajustar: cor,
tamanho, posicionamento e visibilidade da linha desenhada.
3 Várias linhas normais Recurso que permite o desenho na tela de linhas poligonais:
• Várias linhas normais | 24
• Várias linhas de direção inicial
• Várias linhas de direção final
• Várias linhas de Bidireccionais
Para desenhar esse recuro, seleciona a linha poligonal desejada, clique
com o botão esquerdo no percurso da linha e para finalizar, pressione o
botão direito. Este recurso pode ser editado no recurso de “Propriedades”
no canto inferior esquerdo ou dando um duplo clique. É possível ajustar:
cor, tamanho, posicionamento e visibilidade da linha desenhada.
4 Polígono Recurso que permite o desenho de polígonos. O procedimento de
desenho é semelhante ao da Linha Poligonal. Seleciona o pilígono, clique
com o botão esquerdo no percurso do desenho e para finalizar, pressione
o botão direito.
Neste recurso, é possível configurar a cor, o preenchimento, o tamanho,
a posição, rotação, habilitar uma função ao ser pressionado e a
visibilidade.

5 Bezier Recurso que permite o desenho de uma linha curva. É possível editar a
cor, o posicionamento e a visibilidade.

6 Retângulo Recurso que permite o desenho de retângulos.

• Retângulo
• Retângulo de canto arredondado
• Retângulo de canto recortado

Clique e arraste até o tamanho desejado. É possível ajustar a cor,

preenchimento, tamanho, posicionamento, rotação, habilitar uma função
ao ser pressionado e a visibilidade. Para ajustar este recurso, dê um duplo
clique no retângulo ou no canto inferior esquerdo em “Propriedades”.
7 Elípse Recurso que permite o desenho de elipses (ou círculos). Clique e arraste
até o tamanho desejado. É possível ajustar a cor, preenchimento,
tamanho, posicionamento, habilitar uma função ao ser pressionado e a
visibilidade. Para ajustar este recurso, dê um duplo clique no retângulo ou
no canto inferior esquerdo em “Propriedades”.
8 Arco Para criar o arco, selecione o ícone da figura ao lado, desenha a elipse do
tamanho desejado e selecione a região que irá compor o arco pretendido.
É possível editar a cor, tamanho, posicionamento e visibilidade do recurso.
9 Elipse Cortada O procedimento para o desenho da Elipse cortada é semelhante ao do
arco. Clique no ícone da figura ao lado, desenhe a elipse de tamanho
desejado e selecione a região de corte. Neste recurso, é possível editar a
cor, preenchimento, tamanho, posicionamento, habilitar uma função ao
ser pressionado e visibilidade. Para isto, de um duplo clique no desenho
ou no canto inferior esquerdo em “Propriedades”.

Programação de IHM – Vijeo Designer

10 Polígono Simétrico Recurso que permite o desenho na tela de polígonos com as formas:
• Polígono Simétrico
• Polígono Simétrico Estrela
Selecionando e desenhado este recurso, é possível ajustar a quantidade
de nós (pontas) que o polígono terá, além de ajustar a cor,
preenchimento, tamanho, posicionamento, rotação, habilitar uma função | 25
ao ser pressionado e a visibilidade.
11 Escala Vertical Recurso que possibilita o desenho de escalas do tipo:
• Escala Vertical
• Escala Horizontal
• Escala Circular
Pode-se editar os recursos de cor, tamanho, posicionamento e
visibilidade.
12 Texto Recurso que permite criar textos na tela da IHM.
Clique e arraste o a caixa de texto criada e dê um duplo clique na seleção
realizada.

Neste item, é possível editar:

Fonte: Tipo da fonte que será utilizado na mensagem.

Estilo da Fonte: Fonte normal, negrito ou 3D.
Largura e Altura da Fonte: Caracteristicas de tamanho da fonte.
O texto deverá ser inserido no campo em vazio. Pressione “OK” para
finalizar.

13 Imagem O ícone de imagem possibilitará a inserção de imagens na tela da IHM,

para isto, clique e arraste para o tamanho desejado da imagem. Após isto
uma janela será aberta para inserir a imagem desejada. Se você der um

Programação de IHM – Vijeo Designer

 duplo clique na imagem, a janela de propriedades de animação será
aberta.

| 26

Habilitar Animação de Posição Vertical e Horizontal: Selecione a variável

que determina a posição horizontal e vertical. A variável neste campo
corresponde a “Faixa de valores”.

Faixa de Valores: Digite na Faixa de Valores os valores mínimo (De) e

máximo (Até) para a variável. Tais valores devem ser inteiros entre -
2147483648 e 2147483647.

Exemplo: A Faixa de valores é de

0 (De) a 50 (Para) para Animação
de posição vertical.

Faixa de Posições: Nos campos Inicial e Final, digite um inteiro entre -

32768 e 32767 para especificar a faixa de posições do objeto (em pixels).

Passo Descrição
1 Os recursos a seguir, estão habilitados ao iniciar o programa no Vijeo Designer.

Passo Recurso Descrição

Programação de IHM – Vijeo Designer

1 Chave Opções de criar chave ou botao seletor. Clique no símbolo da chave e na
tela de projeto, clique e arraste para definir o tamanho do botão.

- GERAL

| 27

Modo: Mudar – Nenhum controle para mudar a cor do botão. Esta é a

seleção-padrão.
Botão com Indicador – O botão muda de cor ou texto com base no
valor da variável de lâmpada.

Nome: Um nome padrão é gerado sempre que um botão é criado. Ao

renomear um botão, seu nome deve ser único dentro do terminal, não
deve conter mais de 32 caracteres válidos, e deve seguir as convenções
de nomenclatura.

Estado: Ícone que alterna entre os dois estados de toque. É possível

visualizar como o botão muda entre os estados de toque na guia Cor.

- Condição do toque para Cima

- Condição do toque para Baixo (Exibe cores invertidas)

- Variável da lâmpada ligada

- Variável da lâmpada desligada

Lâmpada: Configure a variável para controlar a cor e o rótulo do botão.

Utilize a variável de lâmpada para fornecer feedback quando o estado
Programação de IHM – Vijeo Designer
realmente mudar. Esta propriedade está habilitada apenas quando o
modo Botão com Indicador é selecionado.

Categoria: Selecione primitiva, bitmap ou definida pelo usuário.

Dependendo da categoria selecionada aqui, os formatos na lista Estilo | 28
mudam.
Primitivo: Define os formatos disponíveis na lista Estilo. Ao
utilizar Primitiva, é possível definir cores para os diversos estados
de um botão.
Bitmap: Define os formatos de bitmap disponíveis na lista Estilo.
Não é possível editar cores utilizando esta opção.
Definido pelo Usuário: Permite definir suas próprias imagens
para os diversos estados do botão. Para selecionar suas próprias
imagens, no campo Categoria, ajuste para Definida pelo Usuário
e defina a imagem para o estado de botão correspondente na
guia Cor.

Estilo: Define o formato do botão. Os formatos disponíveis são diferentes

dependendo da categoria (Primitiva, Bitmap ou Definida pelo Usuário).
Quando a categoria selecionada é Primitiva ou Bitmap:
• Selecione uma miniatura da imagem do botão na lista.
• Clique em Navegar... para abrir o Navegador de Estilo e selecione
uma imagem de botão pré-definida.
• Especifique as cores para o botão Primitivo. As cores de botão pré-
definido ou de bitmap não podem ser alteradas.

Quando a categoria é definida pelo usuário:

• Selecione as imagens de bitmap criadas para seu projeto.
• Na guia Cor, clique no botão Navegar e defina as imagens para os
estados Para cima/baixo e Liga/Desliga de um botão.
• As cores de imagens definidas pelo usuário não podem ser
alteradas no Vijeo-Designer. Utilize o programa que criou as
imagens para modificar suas cores

Reverso em toque: Selecione para inverter as cores do botão quando

tocado.

Guia: Quando tocar, Enquanto tocar, Quando liberar:

Programação de IHM – Vijeo Designer

 | 29

Operação: Selecione qual tipo de você pretende trabalhar no vijeo

designer. Sendo disponível:
Bit, Word, String, Tela, Popup, Alarme e Evento, Som, Idioma, Script,
Sistema, Atraso, Vídeo, Informações, Navegador, Copiar Dados,
Visualizador JPEG, Imprimir formulário, Controlador, Email, Cor de luz de
fundo, Mensagem de evento, Decisão, Inicialização da variavel,
Configuração de endereço de IP, Autodownload.

___________________________________________________________
Exemplo de botão com operação Bit.

• Selecione a Operação como Bit.

• Dentre as opções de ação, temos especificamente para este caso:

Ajustar: Ativa a variável BOOLEANA especificada no campo Destino.

Reinicialização: Desativa a variável BOOLEANA especificada no campo
Destino.
Alternar: Alterna a ativação/desativação da variável BOOLEANA
especificada no campo Destino.

Programação de IHM – Vijeo Designer

On Temporário: Ativa a variável BOOLEANA especificada no campo
Destino enquanto a parte é tocada. Quando a parte é liberada, a variável
é desativada.
Off Temporário: Desativa a variável BOOLEANA especificada no campo
Destino enquanto a parte é tocada. Quando a parte é liberada, a variável
é ativada. | 30

• Em destino, selecione a variável que receberá a ação do

acionamento/desacionamento do botão. Clique no ícone da
lâmpada

• Selecione a variável e clique no botão Ok. *Certifique-se a variável

que você criou no passo de variáveis corresponde ao tipo de
operação que o botão irá executar (Ex: bit para o botão, variável
do tipo Booleana).

Programação de IHM – Vijeo Designer

 | 31

Quando a variável aparecer no campo de Destino, clique em “Adicionar >”

e ela aparecerá nas ações do botão. Você poderá excluir esta ação, ou
selecionar a ordem de prioridade nas setas para cima e para baixo.

- COR

Caso a opção de Botão com Indicador esteja selecionada, você poderá

definir cores para os estados do botão (Habilitado (On) e Desabilitado
(Off)).

Programação de IHM – Vijeo Designer

Será necessário definir uma variável para a lâmpada ou uma expressão
condicional para representar esta ação. Para isto clique no ícone das
lâmpadas na seção Lâmpada.

| 32

Caso você opte por inserir uma expressão matemática, clique na

calculadora.

Neste caso, a lâmpada será acesa quando a variável “Botao_1” for igual a
1. Clique em “Ok” para validar a opção.

- RÓTULO

Programação de IHM – Vijeo Designer

 | 33

Você poderá definir um texto que ficará interno no botão.

Tipo de Rótulo: Desativado - Selecione para desabilitar os rótulos do

Botão.
Estático - Selecione se deseja definir a mesma string para
todos os estados no botão. O rótulo definido na configuração Rótulo é
aplicado para todos os estados.
On/Of - Selecione se deseja configurar rótulos diferentes
para os estados Ligado e Desligado da variável da lâmpada.

Recurso de Texto: Disponível quando tipo de rótulo estiver definido como

On/Off.

Idioma: Selecione o idioma para o qual deseja configurar o rótulo.

Recurso de fonte: Selecione o recurso de fonte criado em Recursos da

biblioteca para usar para os rótulos do botão.

Rótulo: Poderá ser definido o tipo de fonte que será utilizada no texto do
botão (Fonte), o estilo da fonte, se será negrito, 3D ou normal (Estilo da
Fonte) e definir o tamanho da fonte (Largura da Fonte e Altura da Fonte).

- VISIBILIDADE

Programação de IHM – Vijeo Designer

 | 34

Habilitar Visibilidade: Selecione Habilitar Visibilidade e uma variável que

determina se o botão fica visível (LIGADO) ou não (DESLIGADO). É possível
configurar uma variável BOOL, uma variável inteira ou uma expressão
booleana.
• Quando a variável for verdadeira, o botão será exibido
• Quando falsa, o botão não será exibido

Invisivel quando em estado inválido: Esta caixa de seleção não está

disponível para botões.

Habilitar intermitência: Selecione Habilitar Intermitência para fazer o

botão piscar. É possível configurar uma variável BOOL ou inteira, ou uma
expressão booleana.
• Quando a variável for verdadeira, o botão piscará
• Quando falsa, o botão não piscará

Velocidade: Define a velocidade de intermitência como rápida ou lenta.

Uma taxa de intermitência rápida é de 350 ms e uma taxa de intermitência
lenta é de 700 ms.

- AVANÇADO

Programação de IHM – Vijeo Designer

 | 35

Habilitar trava: Selecione Habilitar Trava para configurar uma condição

que deve ser verdadeira para permitir a utilização do botão. A condição
pode ser uma variável BOOL ou inteira ou uma expressão.

Buzz ao toque: Se esta caixa de seleção estiver assinalada, o terminal

emitirá um bipe quando o botão for tocado.

Atraso de retenção: Se esta caixa de seleção estiver assinalada, o recurso

de atraso pode ser definido para o botão.

Habilitar monitor: Este recurso, semelhante à lâmpada de um botão,

muda o estado de exibição do botão de acordo com o valor de uma
variável. Quando a variável do monitor muda para ON (ativada), o botão
é exibido em seu estado ativo. Quando a variável do monitor muda para
OFF, o botão é exibido em seu estado inativo. O monitor controla apenas
a exibição do botão. Ele não controla nenhuma condição de toque do
botão.

Nível de Segurança: Define o nível de segurança para o botão. Quando

um nível de segurança é definido, apenas usuários com o nível de
segurança correto poderão acessar as funções do botão.
2 Sinalizador Clique no simbolo do Sinalizador, clique e arraste na tela do projeto para
definir o tamanho do sinalizador.

Programação de IHM – Vijeo Designer

 | 36

Nome: Um nome padrão é gerado sempre que um objeto é criado. Ao

renomear um objeto, seu nome deve ser exclusivo dentro do terminal,
conter no máximo 32 caracteres e seguir as convenções de nomes.

Variável: Selecione uma variável tipo integer ou BOOL que controlará os

estados da lâmpada.

Estado: O ícone que alterna entre os estados de lâmpada controlados pela

variável de lâmpada. É possível visualizar a mudança da lâmpada entre os
estados LIGADO e DESLIGADO na guia Cor.

Categoria: Selecione Primitiva, Bitmap ou Definida pelo Usuário.

Dependendo da categoria selecionada aqui, os formatos na lista Estilo
mudam.

Estilo: Define o formato da lâmpada. Os formatos disponíveis mudam de

acordo com a categoria (Primitiva, Bitmap ou Definida pelo Usuário).
Nas listas de estilo Bitmap e Primitiva, é possível:
• Selecionar uma miniatura da imagem da lâmpada na lista
(conforme mostrado acima).
• Clicar no ícone Definida pelo Usuário para selecionar uma imagem
criada por usuário.
• Clicar no ícone Navegar... para abrir o Navegador de Estilo e, em
seguida, selecionar uma imagem de lâmpada pré-definida.
3 Display Numérico Para criar um display numérico, clique e arraste na tela inicial o display
numérico que deseja utilizar em sua aplicação.

Programação de IHM – Vijeo Designer

 | 37

Nome: Um nome-padrão é gerado sempre que um objeto é criado. Ao

renomear um objeto, seu nome deve ser exclusivo dentro do terminal,
conter no máximo 32 caracteres e seguir as convenções de nomes.

Tipo de dados: Este campo está disponível para campos numéricos.

Selecione um tipo de dados entre os seguintes:
Integer: 123
Float: 123.45

Variável: Este campo está disponível para campos numéricos e de texto.

Especifique um endereço, variável ou expressão utilizada para exibir um
valor numérico, string, data ou hora. Insira uma variável da lista ou digite
um novo nome de variável para criar uma nova variável. Caso for inserir,
clique no ícone das lâmpadas.

*Certifique-se de utilizar uma variável compátivel com o caso do display

(Float ou integer).
Programação de IHM – Vijeo Designer
Estilo: Utilize esta caixa de listagem para selecionar o estilo de exibição de
dados desejado.

Supressão de zeros: Este campo está disponível para campos numéricos.

Selecione para suprimir ou exibir zeros à esquerda (por exemplo, exibir 30
em vez de 00030 quando o dígito de exibição está definido para 5.0). | 38

Exibir dígitos: Este campo está disponível para campos numéricos.

Especifica o número de dígitos exibidos à esquerda e à direita do ponto
decimal. O número de dígitos que pode ser digitado no campo numérico
não está limitado por esses parâmetros mas pelo limite das variáveis.

Formato: A propriedade Formato fornece diversas opções de exibição

dependendo do tipo de dados ser integer ou Float.

----------------------------------------Dados Integer------------------------------------

• Dec (Decimal): A faixa de dígitos integer vai de 1 a 10. A

faixa de dígitos decimais vai de 0 a 9.
• Hex (Hexadecimal): A faixa de dígitos integer vai de 1 a 8.
• Bin (Binário): A faixa de dígitos integer vai de 1 a 32.
• Oct (Octal): A faixa de dígitos integer vai de 1 a 11.

 Caso de data

Seleção Exemplo – 04 de Julho de 2017

aaaa/mm/dd 2017/07/04
aaaa/dd/mm 2017/04/07
mm/dd/aaaa 07/04/2017
dd/mm/aaaa 04/07/2017
aa/mm/dd 17/07/04
aa/dd/mm 17/04/07
mm/dd/aa 07/04/17
dd/mm/aa 04/07/17
mm/dd 07/04

 Caso de hora

Seleção Exemplo – (14 h 13 m 12 s)

hh:mm:ss (24 horas) 14:13:12
hh:mm (24 horas) 14:13
hh:mm:ss (12 horas) 2:13:12
hh:mm:ss AM/PM (12 horas) 2:13:12 PM
hh:mm (12 horas) 2:13
hh:mm AM/PM (12 horas) 2:13 PM

------------------------------------------Dados Float-------------------------------------
Programação de IHM – Vijeo Designer
 Quando o tipo de dados é REAL para um campo numérico, selecione um
formato de exibição para valores na lista suspensa:
• Fixo: Exibe o número de dígitos decimais conforme especificado
nas propriedades Exibir Dígitos. Se o valor REAL tem mais dígitos
decimais, o valor é arredondado para cima até o próximo dígito.
Tanto os campos de dígitos inteiros como os de dígitos decimais | 39
são habilitados.
• Auto: Exibe o número de dígitos decimais conforme determinado
pelo valor REAL.
• Científico: Exibe números em notação científica. Quando uma
propriedade científica é selecionada, a tecla de inserção da popup
do Campo Numérico só aceita valores científicos

Visualização: A janela de visualização mostra como será a aparência do

texto.

Alinhamento: Selecione o alinhamento horizontal (à esquerda,

centralizado, ou à direita) e vertical (superior, central, ou inferior) para o
texto da exibição.

Unidade: Define a unidade de medida que os dígitos da tela numérica

representa. Por exemplo, se os dígitos das telas numéricas mostram
quilogramas, coloque kg no campo de unidade.

Botões de idiomas: Os botões de idiomas estão disponíveis quando vários

idiomas são configurados no nó Idioma.

• Sobregravar o texto em todos os botões de idioma - Sobregrava o

texto em todos os idiomas com o texto do campo de unidade.
• Copiar o texto para todos os botões de idiomas vazios - Copia o
texto definido no rótulo e o cola nos idiomas com rótulos vazios.
4 Exibição de Clique no simbolo de Exibição de Mensagem/Imagem, clique e arraste na
Mensagem/Imagem tela do projeto para definir o tamanho do display.

Programação de IHM – Vijeo Designer

 | 40

Nome: Nome da exibição de mensagens ou imagens. Um nome padrão é

gerado sempre que uma exibição é criada. Ao renomear a exibição, seu
nome deve ser único dentro da máquina terminal, não deve conter mais
de 32 caracteres válidos, e deve seguir as convenções de nomes.

Variável: O valor da variável ou expressão define qual mensagem ou

imagem será exibida. Quando o valor é igual ao valor associado definido
no recurso, ele exibe o texto ou imagem correspondente. O tipo de dados
desse campo depende do recurso selecionado. Quando o recurso é
configurado com Tipo de Dados = Integer, insira uma variável integer ou
uma expressão. Quando o recurso é configurado com Tipo de Dados =
String, insira uma variável de string ou uma expressão.

Estados: Defina o número de mensagens ou imagens diferentes a serem

exibidas (de 1 a 255). Esse número deve ser inferior ou igual ao número
de estados no recurso de texto ou imagem correspondente.

Estilo: Para exibições de mensagem, selecione o quadro ao redor da

exibição. Utilize o recurso de cor para definir as cores do quadro.

Recurso de Cor: Para utilizar com exibições de mensagem, defina a cor da

mensagem e do quadro nos recursos de cor. É possível definir um
conjunto de cores diferente para cada estado.

Clique no ícone para definir um novo conjunto de recursos.

Clique no ícone para visualizar e editar o recurso selecionado.

Programação de IHM – Vijeo Designer

Recurso de Texto: Para utilizar com exibições de mensagem, defina as
strings de texto a serem exibidas em Recursos de Texto. É possível definir
uma string diferente para cada estado e para cada idioma de usuário.

Recurso de Imagem: Para utilizar com as exibições de imagem, defina a | 41

imagem para cada estado em Recursos de Imagem.

Alinhamento: Selecione o alinhamento horizontal (à esquerda,

centralizado, ou à direita) e vertical (superior, central, ou inferior) para o
texto da exibição.

___________________________________________________________
Exemplo:

Apresentar níveis de tanque de acordo com o valor de uma variável

inteira.

Clique no ícone das lâmpadas para selecionar qual variável será analisada
para exibir as mensagens pré-definidas.

Programação de IHM – Vijeo Designer

 | 42

Escolha a variável compátivel com as opções do bloco. A seguir, clique em

“Novo Recurso”.

Em novo recurso, insira um nome para Cor e para o Texto. Verifique se o

Número de Estados é compátivel com o escolhido nas configurações de
exibição (passo anterior) e selecione os objetos que serão alterados nesta
configuração (p.e. Exibição de Mensagem).
Defina qual tipo de Índice será utilizado String ou Inteiro (p.e. Tipos
Integer) e clique em “Ok”.

Programação de IHM – Vijeo Designer

 | 43

Confirme as alterações na janela de seleção, clicando em “Sim”.

Após esta validação, vá em “Recursos de Biblioteca” na aba do Navegador.

Programação de IHM – Vijeo Designer

 Recursos de cor: É possível definir
cor do texto, cor do frame e outras
configurações de cores para objetos
no estado Inválido,, estado 1, estado
2, até completar todos os estados no | 44
objeto.

Recursos de texto: É possível definir

a mensagem e a fonte para cada
estado. Se a máquina terminal
estiver configurada com vários
idiomas, é possível definir
mensagens e fontes para cada
estado em cada idioma.

Recursos de Imagem: É possível

definir uma imagem para cada
estado

___________________________________________________________

A seguir, serão apresentadas as funções de cada recurso:

Novo recurso - Adiciona um novo recurso ao editor de recursos e

exibe a caixa de diálogo Novo Recurso.

Excluir recurso - Exclui o recurso selecionado do editor de recursos.

Importar recurso - Importa o recurso selecionado na Biblioteca de

Recursos.

Exportar recurso - Exporta o recurso selecionado para um arquivo. É

possível importar o arquivo de recursos exportado para outras máquinas
terminais ou outros projetos.

Mostrar todos - Exibe todos os recursos na biblioteca de recursos

atual e os estados e propriedades suportados pelo recurso.

Filtro de animação colorida - Este filtro exibe recursos que suportam

Animação colorida e os estados e propriedades suportados pela animação
colorida.

Programação de IHM – Vijeo Designer

 Filtro de botão - Este filtro exibe recursos que suportam
Botões/Botões seletores (botões de rádio) e os estados e propriedades
suportados por eles.

Filtro de lâmpada - Este filtro exibe recursos que suportam | 45

Lâmpadas/Lâmpadas de N estados e os estados e propriedades
suportados por elas.
Filtro de exibição de dados - Este filtro exibe recursos que suportam
exibições de campos numéricos, de texto (string), data e hora e os estados
e propriedades suportados pelas Exibições de Dados.

Filtro de exibição de mensagens/eventos - Este filtro exibe recursos

que suportam Exibições de Mensagens, Eventos e Imagens e os estados e
propriedades suportados por elas.

Filtro de medidor - Este filtro exibe recursos que suportam o Medidor

e os estados e propriedades suportados por ele.

Filtro de gráfico de barras - Este filtro exibe recursos que suportam o

Gráfico de Barras e os estados e propriedades suportados por ele.
Filtro de seletor - Este filtro exibe recursos que suportam o Seletor e
os estados e propriedades suportados por ele.

Novo estado - Adiciona um novo estado ao recurso.

Excluir estado - Remove o estado numerado atual do recurso.

Selecione o número da linha para remover o estado.

Selecione o estado que deseja customizar, e no campo de “Texto”,

selecione a cor do texto que irá aparecer no campo de mensagem.

Você poderá customizar a cor 3D do objeto. No campo Piscar, você poderá

optar por: Nenhum (não piscar), Lento (intermitente lento), Rápido
(intermitente rápido). Poderá customizar o Quadro e a Placa onde
aparecerão os textos das mensagens.
Programação de IHM – Vijeo Designer
 | 46

Valor Integer: Caso a variável inteira assuma este valor, o display assumirá
aquele estado. Por exemplo. Caso o valor da variável seja de 50, o sistema
assumirá estado 0, caso a variável assuma valor 20, o estado do sistema
será 1 e assim por diante até o ultimo estado definido.

Rótulo: Mensagem que será exibida quando for ativo o estado

correspondente a ela.

Nome da Fonte: Determina a fonte que será utilizada no texto, é possível

criar um fonte na seção de biblioteca e selecionar este padrão para os
textos subsequentes.
5 Medidor Clique no simbolo do Medidor, clique e arraste na tela do projeto para
definir o tamanho do display.

Nome: Nome do medidor. O nome do medidor deve ser único dentro do

terminal, conter no máximo 32 caracteres válidos.

Programação de IHM – Vijeo Designer

Estilo do Indicador: Selecione o estilo do indicador na lista suspensa Estilo
de indicador. Selecione Navegar para abrir um Navegador de estilo que
tenha uma lista maior de indicadores dos quais selecionar.

Tipo de dados: Este campo está disponível para campos numéricos. | 47

Selecione um tipo de dados entre os seguintes:
Integer: 123
Float: 123.45

Variável: Define a variável ou expressão que controla o medidor. O campo

Variável aceita variáveis tipo REAL ou integer e expressões.

Utilizar mín/max da variável: Quando habilitado, o medidor utiliza os

valores Mín/Máx especificados na Faixa de Entrada da variável
selecionada.

Valor mín: Define o valor mínimo que o medidor exibirá. É possível utilizar
uma constante, uma variável ou uma expressão como valor mín.

Valor máx: Define o valor máximo que o medidor exibirá. É possível

utilizar uma constante, uma variável ou uma expressão como valor máx.

Categoria: A lista suspensa de Categoria define o estilo de placa do

medidor. Selecione entre:
• Primitivo: Permite selecionar o Estilo de Placa do Medidor entre
estilos pré-definidos disponíveis na lista suspensa Estilos de Placa.
• Definido pelo usuário: Permite selecionar sua própria imagem
como Estilo de Plano do Medidor. Acrescente a imagem ao
medidor na guia Cor.

Estilo da placa: Disponível quando a Categoria estiver definida como

Primitivo. Selecione o Estilo de Placa do medidor na lista suspensa. Clique
em Navegar para abrir um Navegador de estilo que tenha uma lista maior
de Estilos de placa dos quais selecionar.

Ângulo inicial/ângulo final: A propriedade Ângulo Inicial define onde o

indicação inicia sua rotação. A propriedade Ângulo Final define o ângulo
no qual o indicador encerra sua rotação.

Programação de IHM – Vijeo Designer

 | 48

Direção: Define a direção em que o indicador gira:

Visualização do medidor: Esse recurso cria uma visualização do medidor

com base nas configurações que foram definidas nas propriedades Ângulo
Inicial, Ângulo Final e Direção.

Escala: Define as propriedades para a escala do medidor.

- Principal/Secundário:
Número de divisões: Especifica o número de divisões principais e
secundárias que segmentam o medidor.
• Principal: 1-32
• Secundário: 2-16
Largura: Especifica a largura das escalas Principal e Secundária do
medidor. Selecione uma largura entre 1 e 9 pixels.
Comprimento: Especifica o comprimento das escalas Principal e
Secundária do medidor. O comprimento da Escala Principal é definido
como uma porcentagem do raio do medidor, que é o comprimento do
centro do medidor até sua borda. O comprimento da Escala Secundária é
definido como uma porcentagem do tamanho da Escala Principal.

- Faixa de limiar: Habilita a utilização das faixas de limites.

Número de divisões: Propriedade somente para leitura. Exibe o número
de faixas de limites que foram configuradas na guia Cor.

Programação de IHM – Vijeo Designer

 Largura: Especifica a largura da faixa de limites. A largura é definida como
uma porcentagem do raio do medidor, que é o comprimento do centro
do medidor até sua borda. Por exemplo:

| 49

6 Gráfico de Barra Clique no simbolo do Gráfico de Barra (Vertical ou Horizontal), clique e

arraste na tela do projeto para definir o tamanho do display.

Nome: Nome do gráfico de barras. O nome do gráfico de barras deve ser

único dentro do terminal, conter no máximo 32 caracteres válidos.

Tipo de dados: Este campo está disponível para campos numéricos.

Selecione um tipo de dados entre os seguintes:
Integer: 123
Float: 123.45

Variável: Define a variável ou expressão que controla o gráfico de barras.

O campo Variável aceita variáveis reais ou integer e expressões.

Utilizar Min./Máx. Da Variável: Quando habilitado, o gráfico de barras

utiliza os valores mín/máx especificados na Faixa de inserção da variável
selecionada.

Programação de IHM – Vijeo Designer

Valor Mínimo: Define o valor mínimo que o gráfico barras exibirá. É
possível utilizar uma constante, uma variável ou uma expressão como
valor mín.
Valor Máximo: Define o valor máximo que o gráfico de barras exibirá. É
possível utilizar uma constante, uma variável ou uma expressão como | 50
valor máx.

Categoria: A lista suspensa de Categoria define o estilo da placa do gráfico

de barras. Selecione entre.
• Primitivo: Permite selecionar o Estilo da placa do gráfico de barras
entre estilos pré-definidos disponíveis na lista suspensa Estilos da
placa.
• Definido pelo usuário: Permite selecionar sua própria imagem
como Estilo da placa do gráfico de barras. Acrescente a imagem ao
gráfico de barras na guia Cor

Estilo da placa: Disponível quando a Categoria estiver definida como

Primitivo. Selecione o Estilo de ilustração do gráfico de barras na lista
suspensa. Clique em Navegar para abrir um Navegador de estilo que tenha
uma lista maior de Estilos de placa dos quais selecionar.

Posição do indicador: Especifica a posição tanto do indicador quanto das

escalas no gráfico de barras.

Gráfico de barras horizontais Gráfico de barras verticais

Parte Inferior Esquerda

Centro Centro

Parte Superior Direita

Tamanho do indicador: Especifique o tamanho do indicador. O tamanho

é definido como uma porcentagem da largura do gráfico de barras. A
porcentagem é medida de forma diferente dependendo se os textos
encontram-se desabilitados ou habilitados .
*O tamanho do indicador não pode ser inferior a 20%.
*O tamanho do indicador deve ser configurado em 100% para criar um
gráfico de barras finas.
Programação de IHM – Vijeo Designer
Ponto inicial: Especifique o ponto de início do indicador no gráfico de
barras.
Gráfico de barras horizontais Gráfico de barras verticais

| 51
Esquerda Parte inferior

Centro (ambos Centro (ambos

os lados) os lados)

Centro Centro
(unilateral) (unilateral)

Direita Parte superior

Ponto zero: Disponível quando o Ponto de início é configurado como

Centro (unilateral). Especifique o valor do Ponto de início do indicador
utilizando uma constante, uma variável ou uma expressão.

Marcadores de limite: Habilita a utilização dos marcadores de limites. O

marcadores de limites são configurados na guia Cor. Especifique a posição
dos marcadores de limites no gráfico de barras.

Gráfico de barras horizontais Gráfico de barras verticais

Parte Inferior Esquerda

Parte Superior Direita

Escalas: Define as propriedades para a escala do gráfico de barras.

*Não serão suportados textos se as escalas principais estiverem
desabilitadas.
*A escala do gráfico de barras deve estar desabilitada para criar um
gráfico de barras finas.

Programação de IHM – Vijeo Designer

 - Principal/Secundário:
Número de divisões: Especifica o número de divisões principais e
secundárias que segmentam o medidor.
• Principal: 1-32
• Secundário: 2-16 | 52
Largura: Especifica a largura das escalas Principal e Secundária do
medidor. Selecione uma largura entre 1 e 9 pixels.
Comprimento: Especifique o tamanho das escalas Principal e Secundária
do gráfico de barras. O tamanho da escala secundária é definido como
uma porcentagem do tamanho da escala principal. O tamanho da escala
principal é definido em porcentagem. A porcentagem é medida de forma
diferente de acordo com as duas situações apresentadas a seguir:

Gráfico sem texto Gráfico com texto

7 Seletor Circular Clique no simbolo do Seletor Circular, clique e arraste na tela do projeto
para definir o tamanho do display.

Nome: Nome do seletor. O nome do seletor deve ser exclusivo dentro do

terminal, deverá conter no máximo 32 caracteres e seguir as convenções
de nome.
Programação de IHM – Vijeo Designer
Estilo do Indicador: Selecione o estilo do indicador na lista suspensa Estilo
de indicador. Selecione Navegar para abrir um Navegador de estilo que
tenha uma lista maior de indicadores dos quais selecionar.
| 53
Tamanho do indicador: Especifique o tamanho do indicador. Um tamanho
de indicador é definido como uma porcentagem do raio do seletor,
medido de forma diferente nas seguintes duas situações:

- Seletor sem rótulos: Se os rótulos estiverem desabilitados, o Tamanho

de indicador é definido como porcentagem do raio do seletor, medido do
centro até a borda da placa do seletor.

- Seletor com rótulos: Se os rótulos estiverem habilitados, o Tamanho de

indicador é definido como porcentagem do raio do seletor, medido do
centro até a borda do rótulo mais longo.

Número de estados: Especifique o número de estados para o seletor. É

possível selecionar entre 2 e 32 estados quando Word por Valor é
selecionado, ou 2 a 33 estados quando Word por Bit é selecionado.

Tipo de controle: Selecione o método para controlar o seletor. Selecione

Word por Bit ou Word por Valor.

-Word por bit: Ao selecionar o método Word por Bit, o número de estados
especificado (2-33) determina o número máximo de posições de bit. O
número de estados inclui o estado 0 (quando todos os bits estão em
DESLIGADO) e cada posição de bit do bit 0 ao bit 31 para 33 estados. O
diagrama a seguir mostra o estado do seletor conforme determinado pela
posição de bit definida para LIGADO.

Programação de IHM – Vijeo Designer

 | 54

*Se uma variável externa com comprimento de bit de 16 bits for

especificada, o número máximo de estados é 17.
*Se um bit superior ao estado mais alto (conforme definido pelo Número
de estados) estiver em LIGADO, o seletor é exibido em seu Estado inválido.
No exemplo a seguir, há 22 estados (estado 0 a estado 20) e todos os bits
estão em Desligado. Se qualquer bit mais alto do que o bit 20 estiver em
LIGADO, o estado será inválido.

*Se mais de um bit estiver em LIGADO, o bit mais alto define o estado. No
exemplo a seguir, há 17 estados (todos em Desligado e Bit 0 a Bit 15). Se
Bit 1 e Bit 15 estiverem em LIGADO, o estado é 16.

* Quando uma variável Float é selecionada como variável de controle,

valores Floats são classificados em valores integer e, então, avaliados
como um número binário que controla o estado do seletor. Por exemplo,
o valor Float 5.6 é classificado no valor integer 5. O valor integer 5 é,
então, avaliado como o número binário mostrado abaixo.

-Word por Valor: Ao selecionar o método Word por Valor, é possível

configurar de 2 a 32 estados. O valor da variável (0-31) define o estado do
seletor.

Programação de IHM – Vijeo Designer

*Se o valor da variável for inferior a 0 ou superior ao estado mais alto
definido, o seletor será exibido no estado inválido.
*Quando uma variável REAL for selecionada para a variável de controle,
valores reais são classificados em um valor integer, que define o estado
do seletor. Por exemplo, o valor real 5.6 é classificado no valor integer 5, | 55
que define o estado do seletor para 5.

-Lista de valores: Ao selecionar o método Lista de valores, é possível

configurar valores para o estado de um seletor. Quando o valor da variável
de controle muda para um dos valores na lista de valores, o seletor muda
para o estado correspondente. Para abrir a caixa de diálogo Lista de
valores e digitar valores, clique no ícone ao lado da propriedade.

Variável: Define a variável que controla os estados do seletor. O campo

Variável aceita variáveis integer, variáveis REAL, expressões e variáveis
BOOL.
*Se uma expressão ou variável REAL for configurada na propriedade
Variável, o Modo de inserção fica indisponível.
Você pode configurar uma variável marcador de lugar para a exibição de
mensagem ou imagem. Selecione a variável de estrutura e o elemento da
Lista de variável. Para editar a variável marcador de lugar que você definiu
para o objeto, o Inspetor de Propriedades para o objeto, clique nas
reticências para abrir a caixa de diálogo Marcador de lugar. A caixa de
diálogo exibe apenas se você configurou o marcador de lugar para o
objeto.

Categoria: A lista suspensa Categoria define o Estilo de placa do seletor.

-Primitivo: Primitivo permite selecionar o Estilo de placa do seletor dos
estilos pré-definidos disponíveis na lista suspensa Estilo de placa.
-Definido pelo usuário: Definido pelo usuário permite selecionar sua
própria imagem como Estilo de placa do seletor Adicione a imagem ao
seletor na guia Cor.

Estilo da placa: Disponível quando a Categoria estiver definida como

Primitivo. Esta propriedade define com que a parte do seletor se parece.
Selecione o Estilo de placa do seletor na lista suspensa. Clique em Navegar
para abrir um Navegador de estilo que tenha uma lista maior de Estilos de
placa dos quais selecionar.

Ângulo:
-Ângulo inicial: Define o ângulo no qual o Indicador começa sua rotação.
-Ângulo final: Define o ângulo no qual o indicador termina sua rotação.

Programação de IHM – Vijeo Designer

 | 56

Direção: Define a direção em que o indicador gira:

Visualização do seletor: Este recurso cria uma visualização do seletor com

base nas configurações definidas nas propriedades Ângulo inicial, Ângulo
final e Direção.

Mostrar escala: Esta propriedade permite que cada estado do seletor

tenha uma escala.

-Largura: Especifica a largura das escalas do seletor. Selecione uma largura

entre 1 e 9 pixels.

-Comprimento: Especifica o comprimento das escalas do seletor. O

comprimento é definido como uma porcentagem, medida
diferentemente nas seguintes duas situações:
- Seletor sem rótulos: Se os rótulos estiverem desabilitados, o Tamanho
de indicador é definido como porcentagem do raio do seletor, medido do
centro até a borda da placa do seletor.

- Seletor com rótulos: Se os rótulos estiverem habilitados, o Tamanho de

indicador é definido como porcentagem do raio do seletor, medido do
centro até a borda do rótulo mais longo.

Programação de IHM – Vijeo Designer

8 Vídeo Para criar um campo de vídeo dentro de uma tela do projeto, clique no
simbolo do vídeo e clique e arraste na tela. Caso o tamanho da janela for
inferior a 160x120 pixels, aparecerá a seguinte mensagem:

| 57

Caso seja selecionado “Yes”, a tela de configuração será aberta.

Nome: Nome da Exibição de Vídeo.

Exibir Vídeo ao Vivo: Configura a Exibição de Vídeo para mostrar a

entrada procedente da câmera de vídeo conectada à porta RCA
Composite da máquina terminal.
*A entrada pode ser uma imagem ao vivo da câmera de vídeo ou uma
imagem gravada e reproduzida na câmera de vídeo.

Reproduzir arquivo: Configura a Exibição de Vídeo para reproduzir os

arquivos de vídeo
-Nenhum: Não exibe inicialmente um vídeo quando o usuário muda para
a tela na qual a exibição de vídeo está ativada. A exibição de vídeo ainda
poderá reproduzir vídeos, ela apenas não exibirá um vídeo inicialmente.
Se selecionada, configure um teclado de vídeo ao vivo / reprodução de
vídeo ou um teclado de vídeo ao vivo / gravação de vídeo / reprodução de
vídeo para uma exibição de vídeo.

Programação de IHM – Vijeo Designer

  Teclado de vídeo ao vivo/Reprodução de vídeo e Gravação de
vídeo

| 58

O Teclado de Vídeo ao vivo / Reprodução de vídeo oferece controles para

a exibição de vídeos gravados na seção de Exibição de Vídeo e para a
exibição de vídeo ao vivo procedente da câmera de vídeo.

-Arquivo de dados de vídeo: Reproduz o vídeo selecionado sempre que o

usuário mudar para a tela com a exibição de vídeo. A Exibição de Vídeo
ainda pode reproduzir outros vídeos, ela simplesmente exibirá
inicialmente o vídeo selecionado. Selecione o vídeo a exibir, utilizando a
lista suspensa Arquivo de dados de vídeo. Consulte o guia do produto para
saber se a IHM ao qual está trablhando permite tal operação

-Nome do arquivo: O vídeo definido pela expressão ou variável de string

será reproduzido sempre que o usuário mudar para a tela com a Exibição
de Vídeo. A expressão ou variável de string utiliza o nome alternativo
(alias) do arquivo de vídeo para definir o vídeo a ser reproduzido. Se uma
variável de string é selecionada para controlar a Exibição de Vídeo, é
possível reproduzir diferentes vídeos, utilizando uma Operação de String
para escrever um nome alternativo (alias) de vídeo na variável de string
de vídeo.

-Loop: Esta propriedade estará disponível ao selecionarmos Reproduzir

arquivo. Este recurso continuará os loops no arquivo de vídeo sendo
reproduzido na Exibição de Vídeo.

Exibir teclado de popup: Habilita a utilização de teclados de popup para a

Exibição de Vídeo.

-Vídeo ao vivo: Habilita o Teclado de vídeo a vivo.

-Vídeo ao vivo/Gravação de vídeo: Habilita o Teclado de vídeo a vivo /

gravação de vídeo.

Programação de IHM – Vijeo Designer

 -Video ao vivo/Reprodução de vídeo: Habilita o Teclado de vídeo a vivo /
reprodução de vídeo.

-Vídeo ao vivo/Gravação de vídeo/Reprodução de vídeo: Habilita o

Teclado de vídeo a vivo / gravação de vídeo / reprodução de vídeo. | 59
9 Índice de Alarmes Esta seção descreve como configurar um sumário de alarme, sumário de
evento ou banner de alarme.

10 Gráfico de Tendência Clique no ícone de Gráfico de tendência na barra de ferramentas Objetos

gráficos, ou no menu Desenho, selecione Gráfico de tendência.
Clique sobre a área da tela em que deseja iniciar a imagem do gráfico de
tendência. Mova o cursor diagonalmente para criar o tamanho adequado
para o Gráfico de tendência. Clique sobre a tela novamente quando atingir
o tamanho correto.

Clique com o botão direito sobre Gráfico de tendência e, então, selecione

Propriedades. As propriedades do Gráfico de tendência aparecerão na
janela Propriedades. Utilize as tabelas de propriedades abaixo para definir
as configurações desejadas para o gráfico de tendência e seus canais.

Programação de IHM – Vijeo Designer

Criando Telas

Passo Descrição
1 Na tela de propriedades, é possível editar as configurações da tela principal, uma vez que ela | 60
esteja selecionada na tela do navegador.

Nas opções da Tela inicial, você poderá editar:

Nome: Nome da tela
PanelID: Número de identificação da tela
Descrição: Descrição da função daquela tela no programa geral
Largura/Altura: Tamanho da tela de acordo com a IHM utilizada
Cor de Fundo: Coloração de fundo da Tela 1
Publicar em: - IHM Runtime: As telas, janelas de popup e ações somente serão publicadas na IHM
Runtime da máquina terminal e não estarão disponíveis no Web Gate.
- Web Gate: As telas, janelas de popup e ações somente serão publicadas no Web
Gate e não estarão disponíveis na IHM Runtime.
- Todos: As telas, janelas de popup e ações serão publicadas no Web Gate e não
estarão disponíveis na IHM Runtime.

Teclas de Função: Uma tecla de função é uma tecla de hardware em sua máquina terminal e as
teclas F1-F12 em seu teclado USB.

Programação de IHM – Vijeo Designer

 | 61

As teclas de função podem ser configuradas para executar operações. (Veja o modo de configurar
nos passos abaixo).

Nível de Segurança: Habilita acesso da tela a determinados níveis de segurança

Telas Mestre: Habilita Tela Mestre na tela selecionada

2 Para criar uma nova tela, clique com o botão direito em “Telas Base”, depois clique em “Nova
Tela”.

Programação de IHM – Vijeo Designer

3 Nesta nova tela criada, você poderá customizar da mesma forma que a tela inicial, assim como
alterar os IDs das telas criadas e definir qual tela será aberta assim que a IHM for iniciada (PanelID:
1). Ao clicar com o botão direito em cima da tela, você poderá editar:
Mostrar grade: Linha ou ponto (esses efeitos não aparecem na IHM nem no modo simulador).
Vincular a grade: Posicionamento de objetos em pontos da matriz (linha e coluna simultâneo). | 62
Vincular a matriz: Posicionamenro de objetos em pontos da matriz podendo alternar entre linha
e coluna.
Mostrar a régua: Mostrar a régua lateral e superior da tela da IHM.
Cursor de linha estreita: Mostra cursor horizontal e vertical para alinhamento de objetos.
Informações do objeto:
Vista Central: Posiciona a tela centralizada.
Vista Superior: Posiciona a tela no canto superior esquerdo.
Zoom: Esta opção possibilita dar um zoon in ou um zoon out na tela do projeto.
Ferramenta de Zoom: Possibilita dar zoom em uma parte da tela (opção de seleção).
Renumerar IDs de Campo: Renumerar as identificações das telas da IHM.
4 Para criar um botão para trocar de tela, clique no símbolo do botão e arraste na tela inicial,
definindo deu tamanho e posicionamento. A seguir configure as opções de funcionalidade da
seguinte forma:

1. Escolha um nome para este botão,

de forma a identificá-lo posteriormente.
2. Defina seu estado de operação.
3. Escolha entre as opções (Quando
Tocar/Enquanto Tocar/Quando Liberar).
4. Selecione a operação TELA.
5. Escolha entre a operação Mudar
de Tela (Troca a tela atual pela tela defina
pelo ID do campo inferior), neste caso
trocar da tela 1 para a tela 2 ou retornar
para a tela anterior.
6. Clique em “Adicionar >” e depois
em “OK”.

*A customização do botão será de acordo

com sua necessidade. Para saber mais
informações, veja os passos anteriores.

5 Para criar teclas de funções dentro das telas criadas, vá em Propriedades (Canto inferior
esquerdo). Clique nas reticências para definir as teclas de funções:

Programação de IHM – Vijeo Designer

 | 63

6 A seguir, clique em “Adicionar” para definir as teclas de funções para esta operação.

Defina qual tecla será utilizada para esta

operação e clique em “Adicionar”.

Verifique se a tecla selecionada aparece na

lista de teclas de funções.

7 Escolha o modo de uso desta tela, sendo:

- Utilize as configurações deste objeto

- Utilize estas configurações

Programação de IHM – Vijeo Designer

 | 64

8 Nos próximos passos, trabalharemos em nossa aplicação com as seguintes telas:

1: Principal (Tela inicial)

2: Cadastro (Cadastro de usuários)

3: Usuario (Controle de quem acessa a IHM)

4: Controle (Visualização do estado da aplicação)

5: Coluna (Controle da coluna de luz)

Programação de IHM – Vijeo Designer

 9 Clicando em “Telas Base”, você terá uma visão geral de todas as telas desenvolvidas no projeto.

| 65

Criando um Painel Mestre

Passo Descrição
1 Na aba do navegador (canto esquerdo do vijeo designer), clique com o botão direito em “Telas
Mestre”, depois em “Nova Tela”.

É possível criar mais de uma tela mestre dentro

de um projeto no Vijeo Designer. Renomeie
cada tela mestre conforme a necessidade da
aplicação.

É possível customizar as telas mestres criadas,

da mesma forma que as telas do programa
principal.

Programação de IHM – Vijeo Designer

2 Selecione a tela mestre criada, a seguir, crie um botão que retorne a cada tela criada no projeto.
Este botão terá troca de cor (Caso a tela seja correspondente ao botão, sua coloração será verde,
se não for a tela, sua coloração será vermelha).
Para isto, vá em “Variáveis” e habilite as variáveis internas do sistema. (Será necessário ler a | 66
variável que retorna o ID da tela atual).

Botão 1

Programação de IHM – Vijeo Designer

 | 67

3 Valide os dois botões criados e sua tela mestre terá este formato. (Você poderá customizar o
botão de acordo com sua necessidade).

4 Customizando o layout da tela mestre, crie um retângulo na tela mestre na parte superior,
selecione a cor e o tamanho mais adequado a sua aplicação.

Programação de IHM – Vijeo Designer

 | 68

5 Dentro do retângulo criado, iremos criar um mostrador de data e hora.

6 Crie duas caixas, uma para a hora e outra para a data. Você poderá estar customizando o
mostrador de acordo com sua necessidade.

Programação de IHM – Vijeo Designer

 | 69

7 A sua tela mestre terá o seguinte layout:

8 Para adicionar uma imagem (Logo) de sua empresa, clique no ícone de imagens, clique e arraste
na posição de sua tema mestre e selecione a imagem correspondente.

Programação de IHM – Vijeo Designer

 | 70

9 Neste passo, iremos criar o título central de cada tela, via recursos de biblioteca, ou seja,
aparecerá no centro superior o título da tela atual da IHM. Vá no navegador em “Recursos de
Biblioteca” e em “Texto”. Adicione um novo recurso.

10 Defina o número de estados para cada tela criada. (Número de estados será igual a 6).

Nome do Texto: TituloTexto

Número de Estados: 6 (0 até 5)

Objetos de seleção: Exibição de Mensagem

Tipo de Índice: Tipos Integer

Programação de IHM – Vijeo Designer

11 Renomeie cada rótulo com o estado correspondente da variável criada.

| 71

É possível alterar a fonte de cada rótulo. Para isso clique no nome da fonte referente ao estado
correspondente, e vá em novo recurso.

12 Vamos configurar uma biblioteca de cores para este caso. Vá no “Navegador”, depois em
“Recursos de Bibliotecas” e depois em “Cor”. Adicione um novo recurso.

Programação de IHM – Vijeo Designer

 | 72

13 Configure os estados das cores, semelhante ao de textos.

Nome da cor: TituloCores

Número de Estados: 6 (0 até 5)

Objetos de seleção: Exibição de Mensagem

Tipo de Índice: Tipos Integer

14 Neste campo, é possível definir uma cor para cada estado.

15 Retorne para a tela mestre. Crie um display de mensagem.

Programação de IHM – Vijeo Designer
 | 73

16 Configure o display criado com a seguinte configuração:

Selecione para o Recurso de Cor, a biblioteca

criada nos procedimentos anteriores
(TituloCores).

Selecione para o Recurso de Texto, a biblioteca

criada nos procedimentos anteriores
(TituloTexto).

Na variável, será lido a variável interna que

retorna o valor da tela atual (_CurPanelID).

O Estulo da Placa será utilizado o estilo

transparente.

Clique em OK para validar a seleção.

17 Para habilitar a tela mestre nas telas do projeto, vá na janela do navegador, selecione a tela
desejada. Na janela de Propriedades, clique na caixa de seleção, ao lado da opção Tela mestre.

Programação de IHM – Vijeo Designer

 | 74

Valide a escolha da tela mestre.

Repita este procedimento para as demais telas do projeto.

18 Vá em Telas Base e visualize as telas mestre sobrepondo todas as telas do projeto.

Programação de IHM – Vijeo Designer

Criando um Popup

Passo Descrição
1 Na aba do navegador (canto esquerdo do vijeo designer), clique com o botão direito em “Janelas | 75
de Popup”, depois em “Nova Janela de Popup”.

2 Nesta aplicação faremos o monitoramento de um inversor de processos (Altivar Process) que

comandará um sistema de bombeamento, neste caso, a popup representará está tela do inversor.
A Popup criada tem o nome de: Inversor

Programação de IHM – Vijeo Designer

 | 76

3 Clique no ícone de imagem, dentro da tela da popup, clique e arraste. Neste caso, a imagem será
da IHM do inversor.

Serão adicionados dois displays que mostrarão informações sobre a velocidade e a corrente do
motor na aplicação.
4 Iremos criar duas variáveis externas que são referenteas a velocidade e outra relacionada a
corrente do inversor. Vá até “Variáveis” dentro da tela do “Navegador”. Adicione uma variável,
uma vez que deverão estar habilitadas as variáveis internas.
Variáveis criadas:

Programação de IHM – Vijeo Designer

 - VelocidadeInv – Velocidade do inversor (%MW0)
- CorrenteInv – Corrente do inversor (%MW1)

| 77

5 Retorne para a tela do Popup criado. Crie duas caixas de display numérico dentro da tela da IHM.
Um display será relacionado a velocidade e outro relacionado a corrente.

Programação de IHM – Vijeo Designer

 | 78

6 Configure os displays da velocidade e corrente da seguinte forma:

7 A tela da Popup terá a seguinte configuração:

Programação de IHM – Vijeo Designer

 | 79

8 Você poderá criar caixas de texto para indicar o que representa cada display. Para isto, clique no
ícone “Texto” e clique e arraste na parte da tela desejada.

9 A tela final criada terá a seguinte configuração:

Programação de IHM – Vijeo Designer

 | 80

10 A seguir, criaremos um botão para fechar a Popup criada. Clique no simbolo do botão, clique e
arraste na região da tela. O botão criado será transparente, com as seguintes características.

O botão possui as seguintes características,

quanto a tamanho e posicionamento.

11 Na mesma região onde foi criado o botão, criaremos uma caixa de texto, com a letra “X”, para
simbolizar que a tela será fechada.

Programação de IHM – Vijeo Designer

 | 81

12 A tela final da Popup terá o seguinte layout:

13 Vá na tela criada “Controle” para criar um botão que representará o estado do inversor na
aplicação. O botão criado também será do tipo transparente.

Programação de IHM – Vijeo Designer

 A operação do botão será Popup.

Sua função será de abir a Popup, cujo nome da

tela será o nome que demos para a Popup
criada. | 82
Poderá definido o posicionamento desta Popup
quando ela for aberta. Neste caso foi definido
para “Centralizado”.

14 A visualização final da tela será:

Criando Receitas

Passo Descrição
1 Nesta aplicação, iremos utilizar os recursos de receitas para enviar variáveis para um CLP de
acordo com os valores definidos em seus ingredientes. Serão criadas variáveis de escrita que
representarão a identificação da bomba correspondente, velocidade/frequência e Lâmpadas de
identificação. Nesta aplicação, estaremos trabalhando com três bombas.

Programação de IHM – Vijeo Designer

2 Clique com o botão direito em cima de Receitas, dentro da janela do Navegador. Depois vá em
“Novo Grupo de Receitas”.

| 83

3 Você poderá alterar o nome do grupo da receita criada.

Nome: Nome do grupo de receitas criada

(Estados_Bombas).

IDdoGrupodeReceitas: Id que identificará este

grupo.

4 Será criado uma receita para cada bomba, dentro de um grupo. Inicialmente, quando criado o
grupo de receitas, de fábrica, já é definido uma receita. Será necessário criar mais outras duas.

Programação de IHM – Vijeo Designer

 | 84

Em “Rótulo”, é possível nomear a receita ao qual se destina na aplicação, neste caso, Receita1
corresponde ao rótulo da primeira Bomba ou bomba 1.
Para criar as novas receitas, clique em “Nova Receita”, e renomeie os rótulos.
5 As três receitas criadas são:

6 Neste momento, serão criadas as variáveis desta receita. Essas variáveis são compartilhadas nos
três casos. Você poderá criar a variável clicando na caixa abaixo do título Variável de Ingrediente.

Programação de IHM – Vijeo Designer

 Exemplo de uma variável criada: ID_Bomba (String, Interna).

| 85

7 A seguir, serão apresentados os comandos disponíveis no recurso de receitas.

8 Os ingredientes criados são:

ID_Bomba: Identificação da bomba
Ref_Freq: Referência de Frequência
Led_1: Sinalizador 1
Led_2: Sinalizador 2

Programação de IHM – Vijeo Designer

 Led_3: Sinalizador 3

| 86

9 A seguir, configure as variáveis dentro das receitas criadas. Clique em Receitas para adicionar as
variáveis criadas ao grupo.

10 Retorne para a Tela de Controle, abra a Caixa de Ferramentas, e clique em “Receita”.

Programação de IHM – Vijeo Designer

 | 87

11 Selecione e arraste para a tela o ícone “SmallRecipeMgrWithIcons”.

12 Para ilustrar a aplicação, crie 3 Leds para ilustrar qual bomba estará operando, conectando com
as variáveis (Led_1, Led_2 e Led_3).

Programação de IHM – Vijeo Designer

 | 88

13 A imagem final terá o seguinte formato:

14

Escolher a receita utilizada

Escolher o ingrediente
Enviar o dado (CLP por exemplo)
Salvar as alterações nos valores da receita
Receber o dado (CLP por exemplo)
Excluir o ingrediente da receita

Programação de IHM – Vijeo Designer

Alarmes

Passo Descrição
1 Inicialmente, vamos criar um grupo de alarmes. Na aba do navegador, clique com o botão direito | 89
em cima de “Alarmes e Eventos” e clique em “Novo Grupo de Alarmes”

2 Depois disso, clique em “Adicionar...”

3 Vamos criar um variável que corresponderá aos alarmes.

Programação de IHM – Vijeo Designer

 | 90

4 A seguir, selecione a variável criada.

5 A seguir, vamos criar dois botões. Um deles habilitará o Alarme e outro desligará o alarme. Para
isto, retorne a tela “Controle”.
Botão Habilitar Botão de Desligar

Programação de IHM – Vijeo Designer

6 A imagem final terá a seguinte configuração:

| 91

7 Para melhor disposição dos objetos no painel, crie uma nova Tela para apresentar o “Sumário de
Alarmes”.
*Lembre-se de criar um novo botão para acessar a tela de alarmes que será criada no próximo
passo.

Programação de IHM – Vijeo Designer

 | 92

8 Na nova tela, crie o Sumário de Alarmes.

9 Clique e arraste preenchendo toda a tela criada.

Programação de IHM – Vijeo Designer

 | 93

10 Crie um botão nesta tela para retornar a tela “Controle”.

11 A tela final terá a seguinte característica.

Programação de IHM – Vijeo Designer

 | 94

12 Dê um duplo clique no sumário criado para configurar a visualização da função.

Nome: Nome do sumário. Um nome padrão é gerado sempre que um sumário é criado. Ao
renomear o sumário, seu nome deve ser único dentro da máquina terminal, não deve conter mais
de 32 caracteres válidos, e deve seguir as convenções de nomes.

Descrição: Digite uma descrição do sumário com até 255 caracteres de comprimento.

Grupo de Alarmes e Eventos: Utilize a caixa de lista suspensa para atribuir um grupo de alarmes,
grupo de eventos ou uma categoria de alarmes ao sumário. Os alarmes e eventos associados com
o grupo de alarmes, grupo de eventos ou a categoria de alarmes selecionado(a) serão exibidos no
sumário no Runtime.

Programação de IHM – Vijeo Designer

Lista de Alarmes e Eventos: Para um grupo de eventos, é possível selecionar Histórico ou Log para
exibir registros históricos ou de log. Se Ativo for selecionado, nenhum registro será exibido para
o grupo de eventos no sumário.
• Ativo: Exibe os alarmes que estão nos estados ativo ou reconhecido (ACK). Após o alarme | 95
retornar ao normal (RTN), a mensagem de alarme é removida.

• Histórico: Exibe os alarmes que estão nos estados ativo, reconhecido (ACK), não
reconhecido (UNACK), ou retornado ao normal (RTN). O sumário de alarmes de histórico
exibe os estados de um único alarme em uma linha. Entretanto, quando um alarme passa
do estado RTN para ativo, a mensagem de alarme é exibida em uma nova linha no sumário
de alarmes. Cada vez que o estado de um alarme é alterado, a cor da mensagem de alarme
muda para a cor do estado correspondente e a data e a hora são alteradas para o
momento em que o alarme foi ativado, reconhecido, ou retornou ao normal.

• Registro: Exibe uma nova mensagem de alarme para cada alteração de estado: ativo,
reconhecido (ACK), não reconhecido (UNACK), e retornado ao normal (RTN). O sumário de
alarmes de log exibe mensagens de alarme na cor do estado correspondente.

Programação de IHM – Vijeo Designer

Classificado por: Pode-se selecionar entre os itens a seguir:
• Horário: Alarmes e eventos são classificados em ordem cronológica. Os alarmes e eventos
mais recentes são exibidos primeiro. | 96
• Prioridade: Alarmes e eventos são classificados conforme sua prioridade. Os alarmes e
eventos com o nível de prioridade mais alto são exibidos primeiro.
• Estado: Os alarmes são classificados por seu estado e exibidos na seguinte ordem:
ativos/UNACK primeiro, RTN em segundo, e ACK por último. Se esta opção for selecionada
para eventos, nenhuma classificação ocorrerá.

Direção de Rolagem: Selecione Para Cima ou Para Baixo como direção de rolagem.
• Para cima: Os alarmes e eventos são exibidos no sumário, de baixo para cima, na ordem
especificada pela propriedade Classificar Por. Os alarmes mais recentes ou mais graves
aparecem na parte de baixo do sumário.

• Para baixo: Os alarmes e eventos são exibidos no sumário, de cima para baixo, na ordem
especificada pela propriedade Classificar Por. Os alarmes mais recentes ou menos graves
aparecem na parte de cima do sumário.

Modo de Exibição: Configura o modo de exibição para o sumário. Selecione Uma linha, Duas
linhas, Três linhas ou Quatro linhas.
• Uma linha: O sumário exibe as mensagens em uma única linha.
• Duas linhas: O sumário exibe as mensagens em duas linhas. A primeira linha exibe a data,
a hora e o estado do alarme. A mensagem começa na segunda linha.

Programação de IHM – Vijeo Designer

 • Três linhas ou quatro linhas: O sumário exibe as mensagens em três ou quatro linhas, com
base na sua seleção. A primeira linha ainda exibe a data, a hora e o estado do alarme. A
mensagem começa na segunda linha. Se for mais longa que a largura da coluna, a
mensagem continuará automaticamente na próxima linha. | 97

Cor de fundo: Define a cor de fundo para todas as células do sumário.

Tipo de cursor: Seleciona o tipo de cursor. Esta propriedade não estará disponível para terminais
com tamanho de tela de 200x80.
• Nenhum: Quando Nenhum é selecionado, o sumário não terá um cursor nem uma barra
de rolagem vertical, e o cursor ativo estará desabilitado. Além disso, o sumário rolará
somente para baixo.
• Cor Reversa: Reverte a cor do plano de fundo para mostrar a posição do cursor.

• Seta: Exibe uma seta para marcar a posição do cursor.

• Intermitência: Permite que a mensagem pisque, indicando o alarme ou evento

selecionado. A taxa na qual a mensagem pisca é de 1 segundo.

Programação de IHM – Vijeo Designer

 Cursor ativo: Quando Ação de Toque é selecionada em uma lista suspensa e um alarme ou evento | 98
é destacado no sumário, sua Ação de Toque é executada. A seleção padrão é Nenhum. Esta
propriedade não estará disponível para terminais com tamanho de tela de 200x80.

Habilitar Ação de Toque: Se esse recurso estiver habilitado, podem ser executadas ações de
toque associadas ao alarme ou evento, quando selecionado.

Cursor Automárico: Quando Cursor Automático é selecionado para eventos, o cursor se move
para a mensagem ou evento mais atual no sumário. Em alarmes de estado ativo, o cursor se move
para as mensagens de alarme ativadas mais recentemente no sumário.

Seleção Direta: Quando habilitada, pode-se selecionar alarmes ou eventos no sumário apenas
tocando neles. Esta propriedade não estará disponível para terminais com tamanho de tela de
200x80.

Barra de Rolagem Grande: Selecione Habilitar para exibir uma barra de rolagem maior no
sumário. Esta propriedade não estará disponível para terminais com tamanho de tela de 200x80.

13 Neste exemplo, configure da seguinte forma:

Programação de IHM – Vijeo Designer

 | 99

14 Caso você precise customizar as colunas do alarme com mais informações, na Aba “Colunas” é
possível adicionar colunas extras no sumário de alarmes.

15 Assim como é possíve adicionar botões extras na tela inicial, para isto clique na aba “Botões”.

Programação de IHM – Vijeo Designer

 | 100

16 Desta forma esta configurado o sumário de alarmes.

Criando Ações

Passo Descrição
1 Ações podem ser utilizadas para a execução de operações no runtime. Por exemplo, uma ação
pode ser criada para aumentar um valor de variável após um período definido ou executar uma
ação após alguém tocar o terminal e desativar o protetor de tela.

É possível criar as seguintes ações:

 Ações são operações globais criadas no nó Ação.
 Ações de tela são operações de tela que podem ser criadas no nó da Tela

2 Inicialmente vamos aprender a configurar as Ações Globais.

3 Clique na aba do Navegador e vá em Ações.

Programação de IHM – Vijeo Designer

 | 101

4 Temos as seguintes funções.

5 Inicialmente vamos criar uma nova Ação.

Programação de IHM – Vijeo Designer

 | 102

6 Você poderá criar as seguintes configurações das ações.

Tipo de Trigger: Exibe o tipo de gatilho (Periódico, Programado, Condicional, Evento, Alarme
variável, Grupo/Categoria de alarme).

Publicar em: Esta coluna é exibida se o Web gate está habilitado nas propriedades do terminal.

Trava: Exibe a configuração de trava para a ação.

Ações: Exibe a Descrição a partir da segunda página do Assistente de ação.

Propriedades: Exibe uma descrição das propriedades definidas para o tipo de Trigger. Para ações
Periódicas, a freqüência é exibida. Para ações Programadas, os minutos, horas ou dias, mais a
recorrência, são exibidos. Ações condicionais exibem a condição de trigger e ações de Evento
exibem o evento de trigger.
7 Crie um variável do tipo booleana (Inicializar - Interna).

Programação de IHM – Vijeo Designer

 | 103

8 Inicialmente vamos criar um evento, ao inicializar a IHM um Led deverá ser acionado na tela
Usuário.

9 Insira a variável criada.

Programação de IHM – Vijeo Designer

 | 104

10 A ação será configurada da seguinte forma. A seguir clique em fim.

11 Na tela de ações, será apresentado a lista de eventos criados nas ações globais.

Programação de IHM – Vijeo Designer

 | 105

12 Na tela Usuário, crie um sinalizador que receberá esta variável.

13 Vamos criar agora as ações das telas.

Vamos criar uma ação periódica para incrementar uma variável do tipo inteiro e apresentar o seu
valor na tela usuário. A frequência será a cada 10 segundos.

Programação de IHM – Vijeo Designer

 | 106

14 Clique com o botão direito em cima da tela e selecione “Nova Ação”.

15 Configure as ações da tela de acordo com a imagem abaixo.

Programação de IHM – Vijeo Designer

16 Configure a origem (incremento de 1 unidade) e a variável que receberá a ação.

| 107

17 Clique em fim para finalizar a configuração de ação.

18 A resultante das ações de tela será:

Programação de IHM – Vijeo Designer

 | 108

19 Crie um display numérico para apresentar o valor da variável.

20 A tela resultante será:

Programação de IHM – Vijeo Designer

 | 109

Registro de Dados

Passo Descrição
1 Para esta aplicação, iremos criar quatro variáveis. Essas variáveis serão internas do tipo inteiro e
ao longo do tempo serão incrementadas por uma ação criada na tela inicial.
Para isto vamos criar uma nova tela.

Programação de IHM – Vijeo Designer

 Nomeie esta tela com a denominação “Monitoramento”.
*Lembre-se de adicionar a tela mestre a esta nova tela criada e de criar um botão na tela mestre
para acessar a tela “Monitoramento”.
2 A tela mestre final terá a seguinte visualização: | 110

3 Crie quatro variáveis internas do tipo inteiro.

Sugestão: (Var_1, Var_2, Var_3, Var_4).

4 Vá até a tela “Monitoramento” e construa quatro displays numéricos associando um a cada tipo
de variável criada.

Programação de IHM – Vijeo Designer

 | 111

5 A tela terá a seguinte característica:

6 Na aba “Navegador”, clique com o botão direito em “Registro de Dados”, e depois em “Novo
Grupo de Registro”.

Programação de IHM – Vijeo Designer

 | 112

7 No novo grupo criado, clique em “Adicionar”, para selecionar as variáveis criadas.

8 Selecione as variáveis criadas

Programação de IHM – Vijeo Designer

9 A tela de registros terá a seguinte visualização:

| 113

10 A seguir, clique em “Configuração de Grupo de Registro”.

Você terá as seguintes funções:

Nome: Nome do grupo de registro de dados. Um nome-padrão é gerado sempre que um grupo
de registro de dados é criado. Ao renomear um grupo de registro de dados, seu nome deve ser
exclusivo dentro da máquina terminal, não deve conter mais de 32 caracteres válidos, e deve
seguir as convenções de nomes.

Tipo: Especifique o método de amostragem de dados, selecionando Periodic ou Trigger.

• Periódica oferece uma imagem de tela dos dados a intervalos de tempo regulares. Quando
selecionado, são exibidas as propriedades Início do dia (HH:MM), Unidades e Dispositivo
de freqüência de amostragem.
• Trigger oferece uma imagem de tela dos dados quando um trigger é ativado. Ao ser
selecionado, são exibidas as propriedades Variável de trigger, Condição de trigger e
Variável de status.

Banda morta: O recurso da banda morta permite registros de log somente quando o valor da
variável for inferior ou superior ao valor do desvio do valor da variável do último registro.
A banda morta reduz o tamanho do arquivo de log e a quantidade de registros do arquivo de log.

Programação de IHM – Vijeo Designer

Unidades: Especifique a unidade (horas, minutos, ou segundos) para utilizar a taxa de
amostragem. A seleção feita determina a faixa de freqüência de amostragem que será exibida na
propriedade seguinte.

| 114
Dispositivo de frequência de amostragem: Especifique quantas horas, minutos ou segundos
(dependendo da seleção na propriedade Unidades) devem se passar antes de ser coletada uma
amostra.
• Quando é selecionada a opção Horas, a coleta de dados pode ocorrer a cada 1, 2, 3, 4, 6,
8, 12, 16 ou 24 horas.

• Quando é selecionada a opção Minutos, a coleta de dados pode ocorrer a cada 1, 2, 3, 4,

5, 6, 10, 12, 15, 20 ou 30 minutos.

• Quando é selecionada a opção Segundos, a coleta de dados pode ocorrer a cada 1, 2, 3, 4,

5, 6, 10, 12, 15, 20 ou 30 segundos.

Condição de trigger: A Variável de Trigger é avaliada utilizando a condição selecionada aqui.

Quando a condição é atendida, ocorre a coleta de dados. Selecione Quando True, Quando False,
e Em Mudança de dados.
• Quando True. Sempre que a Variável de Trigger mudar de 0 para um valor qualquer, uma
imagem de tela dos dados é capturada.
• Quando False. Sempre que a Variável de Trigger mudar para 0 a partir de um valor
qualquer, uma imagem de tela dos dados é capturada.

Programação de IHM – Vijeo Designer

 • Em Mudança de dados. Sempre que a Variável de Trigger apresentar uma alteração de
valor, uma imagem de tela dos dados é capturada.

Variável de Trigger: Insira uma variável integer ou BOOL para controlar quando a coleta de dados | 115
ocorre. É possível inserir uma variável do tipo string se a Condição de Trigger estiver configurada
para Em Mudança de dados. Utilize a Condição de Trigger para definir como essa variável aciona
a coleta de dados.

Variável de Status: Insira uma variável integer ou BOOL para informá-lo quando a coleta de dados
está ocorrendo e quando ela é concluída.

11 Em “Armazenamento de Variável”, temos:

Tipo: Selecione DRAM, SRAM, ou SRAM e Arquivo para especificar a opção de armazenamento
para os dados que coletou.
• DRAM: Preserva somente os dados mais recentes.
• SRAM: Preserve um número específico de registros de dados para um grupo de registro
de dados.
• SRAM e Arquivo: Preserva dados na SRAM até atingir sua capacidade, e então os dados na
SRAM são salvos em um arquivo. O formato do arquivo é DYYMMDDX.dat, onde: D é o

Programação de IHM – Vijeo Designer

 prefixo indicando que este é um arquivo de registro de dados. YYMMDD é a data na qual
o arquivo é criado. X é o contador de seqüência do arquivo de 0-Z (utilizando os inteiros
de 0 a 9 e os caracteres de A a Z). O contador de seqüência do arquivo permite efetuar o
registro de 36 arquivos. Os arquivos que são registrado além desse número sobrescrevem | 116
o arquivo Z.

N° de registros na RAM: Especifique quantos registros de dados devem ser armazenados em

DRAM ou SRAM. Para armazenar em DRAM, é possível especificar de 10 a 1000 registros de dados.
Para armazenar em SRAM, é possível especificar de 10 a 300 registros de dados.

Limite de Arquivos: Especifique se deseja limitar o tamanho dos arquivos de registro de dados
por Dias ou Tamanho.

N° de arquivos a manter: Especifique o número de arquivos a ser mantido para cada variável.
Insira um valor de 1 a 999.

Utilização de RAM em Grupo: Essa propriedade é somente leitura. Ela exibe a utilização de RAM
pelas variáveis em um grupo de registro de dados.

Número de dias: Essa propriedade é somente leitura e está disponível quando tipo de
armazenamento SRAM e Arquivo é selecionado. Ela é útil quando o Limite de arquivos é
configurado para Tamanho e o tamanho máximo dos dados é especificado. Então, a propriedade
exibe o número estimado de dias necessários para atingir o tamanho de arquivo de dados
especificado.

Tamanho de arquivos em grupo: Essa propriedade é somente leitura e está disponível quando
tipo de armazenamento SRAM e Arquivo é selecionado. Ela exibe o tamanho estimado dos
arquivos de registro de dados (em KB) para o grupo de registro de dados.

Unidades: Para o Tipo de Trigger, normalmente define-se as Unidades na guia Armazenamento

de variáveis, uma vez que essa propriedade não é exibida na guia Amostragem para Tipo de
Trigger.

Programação de IHM – Vijeo Designer

 Dispositivo de frequência de amostragem: Para o Tipo de Trigger, normalmente define-se a
freqüência de amostragem na guia Armazenamento de variáveis, uma vez que essa propriedade
não é exibida na guia Amostragem para Tipo de Trigger.

| 117

12 Retorne até a tela de monitoramento. Clique com o botão direito em cima do nome da tela e
clique em “Nova Ação”.

Programação de IHM – Vijeo Designer

13 Selecione o tipo para Periódico e depois clique em “Avançar”.

| 118

14 Neste passo, a variável 1 será incrementada de uma unidade a cada ciclo. A variável 2 será
incrementada em duas unidades, a variável 3 em três unidades e a variável 4 em quatro unidades
a cada ciclo.

15 Para visualizarmos estes valores, vamos habilitar o Web Server. Para isto, clique na aba do
navegador em “Terminal1”.

Programação de IHM – Vijeo Designer

 | 119

16 Na aba de propriedades (canto inferior esquerdo) habilite o servidor web.

17 Habilite tambem o Web Gate para acessarmos a página da IHM.

Programação de IHM – Vijeo Designer

18 Inicie o Simulador (Visualize esse procedimento nos passos posteriores). Acesse o Web Gate do
Vijeo Designer digitando no navegador padrão (127.0.0.1).

| 120

19 Na lateral esquerda, selecione o idioma do Web Gate.

20 Na aba superior, clique em “Manutenção” e em visualizador de arquivos “Dado-Principal” e

deposi em “logs”.

Programação de IHM – Vijeo Designer

 | 121

21 A seguir, selecione a variável que deseja analisar.

Adicionando dispositivos via USB

Passo Descrição
1 Na aba Navegador, clique com o botão direito em cima de “Gerenciador de E/S” e depois em “Novo
Driver”.

Programação de IHM – Vijeo Designer

 | 122

2 Selecione no campo fabricante “Schneider Electric USB Accessories”.

3 Vamos inicialmente adicionar a torre de luz XVGU.

4 A seguir, podemos definir alguns padrões de iluminação, como cor por nível, estilo de iluminação
(piscar, contínuo) e a parte sonora. Por exemplo, foi definido essas configurações para o Padrão 0.

Programação de IHM – Vijeo Designer

 | 123

Quando o usuário selecionar a opção de Padrão 0 nas configurações da torre de luz, ela apresentara
estas características.
5 A torre de luz poderá ser configurada internamente também, utilizando as variáveis internas da IHM.
Depois de adicionar a torre de luz a seu projeto, as variáveis de configuração da torre de luz são
criadas automaticamente.

As variáveis de estrutura da torre de luz são:

Programação de IHM – Vijeo Designer

 • _TowerLightDirectAccess - variável de estrutura para alterar as propriedades da camada e
do buzz da torre de luz. Quando o operador escrever num elemento da estrutura
_TowerLightDirectAccess, por exemplo _TowerLightDirectAccess.Layer1.Color ou
_TowerLightDirectAccess.Buzzer.Pitch, a torre de luz é atualizada imediatamente. | 124
Entretanto, qualquer alteração feita nas propriedades neste local não afeta a configuração
do padrão.
• _TowerLightPatterns - Uma variável de alinhamento para alterar as várias configurações de
padrão da torre de luz. O tamanho do alinhamento é fixo em 10. Quando o operador escreve
num elemento da estrutura _TowerLightPatterns, por exemplo,
_TowerLightPatterns.2.Layer1.Blinking, a alteração é feita nas configurações padrão.
• _TowerLightSetCurrentPattern - Variável integer externa que especifica o padrão a ser
exibido pela torre de luz. Quando o operador escreve um valor (([0] - [9]) na variável
_TowerLightSetCurrentPattern, o padrão específico da torre é configurado e a torre de luz
exibe as novas cores e sons. Todos os valores da estrutura _TowerLightDirectAccess são
atualizados adequadamente.

6 Vá até a tela “Coluna” e na aba da caixa de ferramentas procure por “Torre de Luz”

Programação de IHM – Vijeo Designer

 | 125

7 Clique e arraste o configurador da torre de luz para dentro da tela “Coluna”.

8 Nesta função pré-definida, é possível criar padrões de cores para a coluna luminosa.
9 Para configurar o botão biométrico, vá na aba do navegador, clique com o botão direito do mouse
em cima de “Gerenciador de E/S”.

Programação de IHM – Vijeo Designer

 | 126

10 A seguir, em Fabricante escolha “Schneider Electric USB Accessories” e em Driver escolha

“BiometricSwitch” com o equipamento “XB5S5 Interruptor Biométrico” .

11 Confirme caso a seleção esteja correta

12 Na aba do Navegador, é possível verificar os dispostivos USB utilizados na aplicação.

Programação de IHM – Vijeo Designer

 Botão Biométrico XB5S5

| 127

Coluna de Luz XVGU01

13 Para criar os usuários iniciais, ligue o botão biométrico numa fonte de alimentação de 24Vdc
(Verifique a coloração dos fios acima) e plugue o cabo USB no computador.
14 Na aba do navegador, vá em Ambiente e depois em Segurança.

15 Você terá disponível as seguintes opções nesta janela:

Programação de IHM – Vijeo Designer

 | 128

16 Habilite a função de segurança para o terminal. Para isto vá até a aba de propriedades e vá em
“Segurança do Terminal” e escolha “Segurança de Uso”.

17 Inicialmente vamos criar os grupos de segurança. Para isto clique em “Novo Grupo”.

Programação de IHM – Vijeo Designer

 | 129

:
18 Nesta opção você poderá configurar:

Grupo: Você poderá criar um nome para o grupo de pessoas com aquela função (Por exemplo
Gerencia). Todos os usuários que estiverem dentro deste grupo, terão estas funções.

Nível de Segurança: Selecione o nível de acesso que este grupo terá. Isto poderá ser configurado
para acessar a determinada tela com este nível (Nível 1 é o nível máximo, acesso completo das
funções).

Senha/Impressão Digital: Esta função permite o usuário acessar determinados recursos através de
senha, impressão digital, nenhum deles ou os dois.

Segurança de Download: Define acesso para realizar o download do programa através do modo de
segurança.

Segurança de Gerenciamento de Dados: Define acesso para realizar o gerenciamento do programa

através do modo de segurança.

Web Gate/Servidor Web: Habilitar função apenas para leitura.

Programação de IHM – Vijeo Designer

 Vijeo Designer Air e Vijeo Designer Air Plus: Este recurso de segurança não esta habilitado nesta
função.
19 Crie 2 grupos de funções.
Grupo 1 – Gerencia (nível 1) com acesso tanto por senha como por impressão digital, com segurança | 130
para Download e gerenciamento.

Grupo 2 – Produção (nível 2) com acesso tanto por senha como por impressão digital, com segurança
para Download.

20 Para cadastrar os usuários, clique em “Novo Usuário”.

21 Você deverá preencher os campos solicitados e cadastrar a digital do usuário, assim como definir
uma senha, caso o grupo ao qual ela pertença exija.

Programação de IHM – Vijeo Designer

 Nome do usuário: Definir o nome do usuário
cadastrado com a digital, não é aceito nomes
com espaço (preencher com o _ ).

Senha: Definir senha para acesso das funções, | 131

assim como validar a senha definida.

Impressões Digitais: Deverão ser cadastradas as

impressões digitais do usuário, uma vez que
serão necessários dois dedos, salvando as
informações três vezes. Caso o seu dedo não
esteja posicionado corretamente, o próprio
sistema indicará o posicionamento correto.

Grupo de segurança: Definir qual grupo

pertence o usuário.

22 Quanto salvar as impressões digitais e as informações estiverem validadas corretamente, clique em

“OK” para prosseguir.

23 Cadastre mais uma pessoa com as mesmas caracteristicas porém com o grupo de segurança como
Produção.

Programação de IHM – Vijeo Designer

 | 132

24 Retorne até a tela Cadastro e abra a caixa de ferramentas. Procure pela opção Segurança.

25 Nesta tela, procure pela função “UserManager”. Clique e arraste para dentro da tela de Cadastro.

Programação de IHM – Vijeo Designer

 | 133

26 Vá até a tela “Principal” e selecione com a função “Logout”. Clique e arraste na tela.

27 Crie também uma função de “Login” como mostrado na imagem abaixo.

Programação de IHM – Vijeo Designer

 | 134

28 Para a tela de “Cadastro” vamos limitar o acesso apenas aos funcionários do grupo de gerencia. Para
isto vá até a tela Cadastro e vá em propriedades. Em nível de segurança, escolha 1: Gerencia.

29 Nesta configuração, apenas os usuários que logarem com o nível de acesso “Gerencia” poderão
acessar esta tela.
30 Para adicionar os usuários que logarem na IHM através do sumário de eventos, clique com o botão
direito em “Alarmes e Eventos” e depois em “Novo Grupo de Eventos” e por fim em “Grupo de
Eventos do Sistema”.

Programação de IHM – Vijeo Designer

 | 135

31 Configure as entradas de acordo com a imagem. A seguir, clique em “Configurar...”. Os arquivos

gerados serão salvos em uma mídia externa.

32 Crie duas variáveis que irão configurar o log de saída dos arquivos.
Controle_Var será uma variável do tipo Inteiro, interna.
File_no_Var será uma variável do tipo Inteiro, interna.
Escolha a opção de armazenar o dado com Data e formato padrão.

Programação de IHM – Vijeo Designer

 | 136

33 Clique em Terminal e depois em Opções. A seguir, clique nos três pontinhos ao lado de “Localizações
de dados”.

34 Configure para a opção Drive Opcional.

Drive Secundário -> Pendrive

Drive Opcional -> CF ou Cartão SD

Programação de IHM – Vijeo Designer

Simulação e Download de uma aplicação

Passo Descrição
1 Para iniciar o procedimento de simulação ou download de uma aplicação, vamos compilar o | 137
programa para verificar se não há nenhum erro. Na barra superior, clique em “Compilar”.

2 Nesta função, você terá as seguintes funções:

Limpar Todos: Antes de compilar o projeto limpe o programa. Este comando limpa a pasta do
projeto para cada alvo/projeto para que eles estejam livres de arquivos desnecessários.

Validar Todos: Para se certificar de que todos os parâmetros do projeto que deseja criar estejam
presentes e corretos.

Compilar Todos: Compila completamente o projeto e otimiza o arquivo de resultados.

Limpar Terminal: Realiza a limpeza apenas do terminal (em aplicações com mais de uma IHM,
deverá realizar o procedimento em cada terminal).

Validar Terminal: Validar os parâmetros presentes no terminal que esta trabalhando. (em
aplicações com mais de uma IHM, deverá realizar o procedimento em cada terminal).

Programação de IHM – Vijeo Designer

 Compilar Terminal: Para se certificar de que todos os parâmetros do terminal que deseja criar
estejam presentes e corretos.

Simular: A função de simulação pode ser usada para exibir seu projeto sem baixá-lo. É uma boa | 138
maneira de verificar e validar seu projeto e criar tudo como você desejar.

Fazer Download de Todos: Realiza o download de todo o projeto criado para a IHM.

Download do Terminal: Realiza o download do terminal para a IHM.

Opções: Parâmetro de configuração que permite escolher antes de simular, compilar ou não o
projeto. Também possibilita a escolha de reproduzir som quando compilar e exibir ou não
detalhes da compilação.

3 Inicialmente clique em “Limpar Todos”.

Programação de IHM – Vijeo Designer

 Verifique que na “Zona de feedback” aparece a mensagem “Limpeza de todos concluída”, em
coloração verde.
4 A seguir, clique em “Validar Todos”.

| 139

Verifique que na “Zona de feedback” aparece uma mensagem em amarelo validando a aplicação
com alguns avisos, porém sem erros.
5 A seguir, clique em “Compilar Todos”.

6 Caso seu projeto não possua nenhum erro, você estará pronto para fazer a simulação ou mesmo
o download para IHM. Inicialmente vamos fazer a Simulação. Clique em Simulação.

Programação de IHM – Vijeo Designer

 | 140

7 Aguarde por alguns instantes e a simulação estará pronta. A operação de simulação estará
concluída e poderá ser testada para verificação do projeto antes de realizar o donwnload para a
IHM.

Você poderá verificar também a versão de seu Runtime, neste caso a versão utilizada é a
6.2.2.2206.
8 Caso você tente acessar uma tela onde seu nível de segurança não permita, uma mensagem de
erro aparecerá.

Programação de IHM – Vijeo Designer

 | 141

9 Para fazer o download do projeto, selecione uma das opções disponíveis no Vijeo Designer. Vá
em: “Terminal1” e depois em “Geral”.

10 E em download, escolha o meio ao qual irá transferir o programa.

Você terá as seguintes opções:
- Ethernet (via cabo de rede – conector RJ45)
- USB (através de um cabo usb entre a IHM e o computador)
- Sistema de Arquivo (através de pendrive recomendável menor que 4GB já formatado)
- Self Download (download para um diretório que você irá determinar).

Programação de IHM – Vijeo Designer

 | 142

11 Caso a opção escolhida seja Ethernet. Insira o IP da IHM que realizará o Download. Por exemplo:

Você deverá configurar a IHM com o endereço de IP selecionado. Para isto acesse as
configurações da IHM (normalmente pressionando dois cantos).

Programação de IHM – Vijeo Designer

 Configure sua rede local do seu computador para estar de acordo com a IHM.

| 143

Transfira o programa para a IHM.

Aguarde até o fim da transferência.

12 Caso a opção escolhida seja via USB. Conecter o cabo usb (BMX XCAUSBH018) no computador e
na IHM utilizada em seu projeto.

Programação de IHM – Vijeo Designer

 | 144

Realize o download do programa.

13 Caso a opção selecionada seja via Arquivo de Sistema (Pendrive). Insira o pendrive no
computador. Realize a formatação. (Esta opção é a mais indicada caso a versão do programa que
esteja na sua IHM seja superior ao que você pretende transferir, desta forma, você realizará o
downgrade do firmware).

Selecione a opção “Sistema de Arquivo”.

Programação de IHM – Vijeo Designer

 | 145

Na aba de “Propriedades”, selecione Download -> Caminho. Clique nos três pontos. Selecione a
localização de seu pendrive. Clique em OK.

Faça o download do terminal.

Programação de IHM – Vijeo Designer

 | 146

Aguarde por alguns instantes até o fim da transferencia.

Em todos os tipos de transferência, verifique se foi realizado corretamente.

Programação de IHM – Vijeo Designer

 | 147

Insira o pendrive na IHM e reinicialize-a. Selecione a opção de abrir arquivo através do pendrive.

Programação de IHM – Vijeo Designer

Capítulo 3 – Vijeo Designer & Controladores
Capítulo 3 – Vijeo Designer & SoMachine
*Este capítulo será dedicado a dar uma base em como realizar a comunicação de um controlador da
Família SoMachine com uma IHM. Não sendo um treinamento de SoMachine.
| 148
Vijeo Designer do SoMachine
Passo Descrição
1 IHMs programadas através do Vijeo Designer incorporado no SoMachine, só poderão ser
utilizadas mediante o uso de um controlador M2XX, não operando de forma autônoma.
Crie um novo projeto no SoMachine utilizando o Assistente.

2 Dê um nome para o projeto, selecione qual linguagem de programação pretende utilizar em seu
projeto e selecione qual o controlador pretende trabalhar. Clique em Criar Projeto.

Programação de IHM – Vijeo Designer

3 Clique em “Configuration” para adicionar a IHM que pretende trabalhar em seu projeto.

| 149

4 Selecione a IHM do seu projeto e clique em Adicionar. Depois clique em OK.

5 Verifique que foi habilitado a função Vijeo-Designer no canto superior. Clique em Controller para
abrir a programação do controlador.

Programação de IHM – Vijeo Designer

 | 150

6 Criaremos um programa simples para controlarmos duas lâmpadas, uma lâmpada será acionada
por um interruptor com dois botões - liga e desliga (variávis booleanas) e outra caso a intensidade
luminosa medida por um sensor for menor/igual do que 30% (variável inteira). A lógica será:

7 As variáveis criadas são:

8 Vamos criar neste momento um Configurador de Símbolos ou “Symbol Configuration”. Vá na aba

Árvore de ferramentas ou “Tools tree”, clique com o botão direito em Aplicação ou “Application”,
Adicionar objeto ou “Add Object” e em Configurador de Símbolos (Symbol Configuration).

Programação de IHM – Vijeo Designer

 | 151

9 Clique em Adicionar ou “Add”.

10 Clique em Build para habilitar as variáveis do programa e atualizar o sistema.

As variáveis que serão transferidas deverão estar contidas na GVL.

Programação de IHM – Vijeo Designer

 | 152

11 Expanda o campo GVL e selecione as variáveis que serão transferidas.

12 Pressione novamente o botão Build para recompilar a as variáveis.

Programação de IHM – Vijeo Designer

 | 153

13 Vá na aba Árvore de Dispositivos ou “Devices tree” e dê um duplo clique em MyController.

14 Inicialmente faremos via simulador, apenas para entendermos as configurações de comunicação.

Caso estivessemos trabalhando com um controlador físico e não com o modo de simulação,
dariamos um duplo clique na opção do controlador, como estamos no modo de simulação,
cliquemos em PC:CODESYS...

Não esqueça de anotar o nodename do dispositivo: W7BR01021L

Programação de IHM – Vijeo Designer

 | 154

15 Selecione o modo de operação para Simulação ou “Simulation”.

16 Clique em “Login” para conectar o programa.

Programação de IHM – Vijeo Designer

 | 155

17 Verifique se o nodename e o endereço estão corretos e confirme a mensagem que aparecer.

18 Retorne até a tela principal do SoMachine e vá em HMI

Programação de IHM – Vijeo Designer

 | 156

19 Ao abrir o Vijeo Designer, verifique se o protocolo está via SoMachine.

20 Na tela Panel1 crie 2 sinalizadores para receber as variáveis do SoMachine.

Clique na lâmpada e clique e arraste para desenha-lá na tela do projeto. Defina o tamanho mais
adequado na aplicação e configure-a.
Clique na lâmpada das variáveis para adicionar a variável do SoMachine.

Programação de IHM – Vijeo Designer

 | 157

21 Clique na opção SoMachine e selecione a variável Lampada_1. Depois clique em “OK” para validar
a escolha. Repita este procedimento para a segunda lâmpada.

22 Crie agora dois botões, um de Liga e outro de Desliga.

Programação de IHM – Vijeo Designer

 | 158

23 Selecione Adicionar ou “Add” e depois clique em “OK”. Repita o procedimento para o botão
desliga.

24 Vamos simular o sensor. Clique no Campo Numerico, selecione e arraste na tela do programa.

Programação de IHM – Vijeo Designer

 | 159

25 Configure o Bar Graph com os seguintes dados.

26 O projeto final terá o seguinte formato:

Programação de IHM – Vijeo Designer

 | 160

27 Vá na aba do Navegador ou “Navigator”, vá em SoMachineRede01 e dê um duplo clique em

SOM_HMIGTO4310. Insira o nome do Terminal utilizado. Clique em OK para finalizar.

28 Em SOM_MyController, dê um duplo clique e insira o nodename do dispositivo.

29 Retorne ao Logic Builder e dê um play na simulação.

Programação de IHM – Vijeo Designer

 | 161

30 Retornando para o Vijeo Designer, compile o programa e caso esteja tudo certo, clique em
Simulação ou “Simulation”.

31 A simulação final do programa será:

Programação de IHM – Vijeo Designer

 | 162

Programação de IHM – Vijeo Designer

Capítulo 4 – Vijeo Designer & Unity
Capítulo 4 – Vijeo Designer & Unity

Comunicação Modbus TCP/IP

| 163

Passo Descrição
1 Abra o software Unity Pro. Clique em Arquivo (File) e depois em Novo (New).

2 Selecione a CPU e o Rack que será utilizado em seu projeto e clique em “OK”.

Programação de IHM – Vijeo Designer

3 Dê um duplo clique em PLC bus para abrir a visão geral dos dispositivos. Dê um duplo clique para
configurar as portas de rede do dispositivo.

| 164

4 Desbloqueie a segurança do sistema na aba Segurança ou “Security”.

5 Defina um endereço para as portas do M580 selecionado.

Caso a porta utilizada para comunicação com a IHM for a principal, no Vijeo Designer será
utilizado o endereço dela (192.168.10.1) na configuração da rede Modbus. Certifique-se de
configurar a IHM com a mesma mascara de subrede e um endereço de IP compátivel com a rede.

Programação de IHM – Vijeo Designer

 | 165

Porém para esta aplicação estaremos utilizando o modo de simulação. Este passo é indicado para
quem for trabalhar com o dispositivo físico.
6 Clique em Validate para validar as configurações realizadas.

7 Vamos criar a Section para a programação do projeto.

Clique em Program -> Mast -> (botão direito) Sections
Clique em New Section.

Programação de IHM – Vijeo Designer

 | 166

8 Dê um nome para este programa e selecione a linguagem de programação que será desenvolvido.

9 O programa que será desenvolvido será similar ao realizado no Capítulo 3. A lógica será a
seguinte:

10 A visão geral do programa será:

Programação de IHM – Vijeo Designer

 | 167

11 Dê um duplo clique em Variáveis Elementares ou “Elementary Variables” na aba Project Browser.

12 Enderece as variáveis criadas da seguinte forma:

Liga = %M0
Desliga = %M1
Lampada_1 = %M2
Lampada_2 = %M3

Programação de IHM – Vijeo Designer

 Sensor_Luz = %MW0

Preenche as colunas das variáveis (HMI variable) que serão compartilhadas com a IHM.

| 168

13 Iremos trabalhar nesta aplicação utilizando o modo de simulação. Vá em PLC e selecione a opção
Simulation Mode.

14 Valide a opção que aparecer.

Programação de IHM – Vijeo Designer

 | 169

15 Verifique o Endereço TCP/IP que aparece na parte inferior do software.

16 Clique em PLC e depois em Connect.

17 Clique em PLC e depois em Transfer Project to PLC.

Programação de IHM – Vijeo Designer

 | 170

18 O Unity Pro apresenta a seguinte tela.

19 Abra o Vijeo Designer e crie um novo projeto como visto nos capítulos anteriores.

Programação de IHM – Vijeo Designer

 | 171

20 Clique com o botão direito em Gerenciador de E/S e em novo Driver.

21 Selecione Modbus TCP/IP e Equipamento Modbus. Clique em OK.

Programação de IHM – Vijeo Designer

22 Insira o IP da porta que esta conectada a IHM (caso estiver trabalhando com os dispositivos
físicos) ou o endereço que esta no modo de simulação 127.0.0.1.

| 172

23 Confirme a mensagem que aparecer.

24 Vá em variáveis e adicione as variáveis que foram criadas no Unity. Siga o modelo.

Programação de IHM – Vijeo Designer

 | 173

25 Vá até a Tela1 e crie duas lâmpadas que serão utilizadas na simulação, enderece as com as
variáveis Lampada_1 e Lampada_2.

26 A imagem resultante será:

Programação de IHM – Vijeo Designer

 | 174

27 Crie os botões e o display numérico para acionar as E/S.

Botão 1 (Liga)

28 A visão final será:

Configuração similar ao do capítulo anterior, porém alterando a entrada das variáveis.

Programação de IHM – Vijeo Designer

 | 175

29 Compile o programa para verificar se não existe nenhum erro e Simule a operação.

Programação de IHM – Vijeo Designer

Capítulo 5 – Vijeo Designer Air
Capítulo 5 – Vijeo Designer Air

Vijeo Designer
| 176

Passo Descrição
1 Vá em Terminal1 (Programa Desenvolvdo no Capítulo 2) e depois em Acesso Remoto.

2 Habilite a caixa de seleção do Vijeo Designer’Air. Aceite os termos de aviso e clique em “OK”.

3 Transfira o programa para a IHM via USB.

Programação de IHM – Vijeo Designer
 | 177

4 Configure o IP da IHM como por exemplo (192.168.10.15), máscara de subrede (255.255.255.0).

Dê um duplo clique nos cantos da IHM para acessar as configurações de rede.

5 Clique em “Rede” e configure o IP.

Programação de IHM – Vijeo Designer

 | 178

6 Configure o roteador e conecte na IHM.

Configurações de rede no Vijeo Designer

Passo Descrição
1 Baixe o aplicativo do vijeo designer e instale no seu smarthphone.

Programação de IHM – Vijeo Designer

2 Configure o dispositivo com o:
Nome do terminal: HMIGTO4310
Host: Endereço de IP do dispositivo
Número de porta: Número da porta do dispositivo | 179

3 Conecte o seu smarthphone no roteador onde está a IHM. A seguir, valide a conexão com a IHM.

Programação de IHM – Vijeo Designer

4 Leia com atenção as configurações do vijeo designer air, valide a opção e utilize o recurso.

| 180

Programação de IHM – Vijeo Designer

 Exercicíos
Exercícios

1) Crie um programa no Vijeo Designer utilizando o recurso de biblioteca de imagens. Crie quatro telas,
com botões de acesso a cada uma delas criados na tela mestre (Similar ao desenvolvido no capítulo | 181
2). Porém a cada tela, o programa deverá alterar a imagem de fundo (uma imagem para cada tela)

2) Crie um programa para cadastrar 3 níveis de usuários (Gerencia, Manutenção e Produção), no

pograma deverá possuir 4 telas.

a. Tela Principal: Todos acessam

b. Tela Monitoramento: Apenas a gerencia acessa
c. Tela Erros: Gerencia e Manutenção
d. Tela Produtos: Todos acessam

3) Crie um programa onde deverá ser configurado via dispositivo USB uma teclado luminoso.

4) Crie um programa no Unity Pro e no Vijeo Designer para simular um sistema de monitoramento de
produção, caso a velocidade da esteira varie, execute as seguintes ações.

a. Velocidade (via entrada display númerico) fique abaixo de 10%, a torre de luz deverá acender
na coloração coloração vermelha nas três camadas e emitir um sinal sonoro intermitente.
b. Velocidade (via entrada display númerico) entre 10% e 20%, a torre de luz deverá acender na
coloração vermelha nas duas camadas inferiores e amarela na ultima camada.
c. Velocidade (via entrada display númerico) entre 20% e 30%, a torre de luz deverá acender na
coloração vermelha na ultima camada e amarela nas outras duas.
d. Velocidade (via entrada display númerico) entre 30% e 40%, a torre de luz deverá acender na
coloração coloração amarela nos três níveis.
e. Velocidade (via entrada display númerico) entre 40% e 50%, a torre de luz deverá acender na
coloração coloração amarela nas duas ultimas camadas e verde na primeira camada.
f. Velocidade (via entrada display númerico) entre 50% e 60%, a torre de luz deverá acender na
coloração amarela na ultima camada e verde nas outras duas.
g. Velocidade (via entrada display númerico) maior que 60%, acender verde nas três camadas.
5) Realize o exemplo do Somachine/Unity utilizando o Vijeo Designer.

Programação de IHM – Vijeo Designer

 | 182

Call Center: 0800 7289 110 ou (11) 3468-5791

[email protected]
www.schneider-electric.com.br
wap.schneider.com.br

Programação de IHM – Vijeo Designer