O construtor de atvise é a ferramenta de engenharia para projetos de atvise.

Ele
permite que você gerencie variáveis de dados, objetos, usuários e grupos, telas e
muitas outras coisas essenciais para o seu projeto. Um dos principais recursos é o
poderoso editor gráfico atvise incluído.

2.1 Iniciando o construtor atvise

Clique com o botão direito no ícone atvise no canto direito da barra de tarefas.
Abra o "Console do projeto" e clique em "Construtor" para abrir o construtor
atvise.

Dica!
Você também pode escolher Programas ‣ atvise ‣ atvise builder no menu Iniciar
do Windows.
2.2 Conectando a um servidor

Depois de iniciar o construtor atvise a partir da barra de tarefas, o seguinte diálogo é aberto para
conectar ao módulo OPC UA do servidor atvise em sua máquina local. O endereço padrão é seu host
local e a porta OPC UA padrão ("opc.tcp: // localhost"). Para se conectar ao servidor atvise pela primeira
vez, você deve fazer o login com o usuário root e sem senha.

Dica

root é o usuário padrão para cada novo projeto. Use o gerenciamento de usuários para especificar uma
senha ou criar novos usuários com direitos suficientes.

../../_images/connect_server_root.png

Conectando ao servidor atvise

Se você iniciar o construtor atvise por meio do menu Iniciar do Windows ou se quiser se conectar a
outro servidor, siga estas etapas:

Escolha o construtor ‣ Conectar ao servidor na barra de menu.

A caixa de diálogo de conexão é aberta. Insira os respectivos dados do usuário e o endereço do servidor
ao qual deseja se conectar (opc.tcp: // [host]: [porta]).

Dica

Você também pode inserir o endereço de outra instância do servidor, por exemplo, o endereço IP de
uma máquina em sua rede local.

Aplique a caixa de diálogo pressionando o botão OK para conectar seu construtor atvise ao servidor.

../../_images/connect_server.png

Conecte-se ao servidor no localhost

Depois de conectar / adicionar um servidor, você será solicitado a escolher um layout padrão.

../../_images/choose_layout.png

Escolha um layout padrão

Dica

Se você deseja se conectar a outro servidor, primeiro deve desconectar a sessão atual, escolhendo
construtor ‣ Desconectar do servidor na barra de menus.

../../_images/disconnect_server.png

Depois disso, escolha o construtor ‣ Conectar ao servidor novamente e conecte-se ao novo servidor da
mesma forma descrita antes.

Dica

Você pode ver o usuário conectado no momento, bem como o endereço do servidor selecionado na
parte inferior da interface do construtor atvise.

3 A primeira tela

Depois de cobrir alguns fundamentos, prosseguiremos agora para uma interação com o construtor
atvise. Nesta seção, adicionaremos um display simples ao nosso projeto e depois o visualizaremos na
visualização.

3.1 Adicionando um novo display ao projeto

Abra a pasta "Servidores -> Meu servidor -> Exibir" e clique com o botão direito do mouse na entrada do
menu PRINCIPAL.

Escolha "Adicionar display" na lista que aparece.

Agora você pode digitar o nome de exibição desejado. Para nosso exemplo, vamos escolher
"TestDisplay1".

Após reconhecer o nome de exibição clicando em "OK", você verá uma entrada para a nova exibição se
abrir a estrutura do menu PRINCIPAL.
../../_images/add_display_scada.png

Adicione uma nova tela ao menu PRINCIPAL

3.2 Editando a exibição e desenhando elementos simples

Clique duas vezes na nova entrada "TestDisplay1" para abrir o editor gráfico incluído para esta exibição.

Dica

Este editor oferece muitas ferramentas poderosas para criar a exibição ideal para o seu projeto. Para
obter informações detalhadas, consulte Funções do editor.

Para nosso exemplo, vamos simplesmente adicionar um retângulo e um círculo à exibição.

Clique no símbolo retângulo para selecionar a ferramenta de desenho de retângulo.

Clique em algum lugar na área de desenho, pressione o botão esquerdo do mouse, mova o mouse até
que o retângulo atinja o tamanho desejado e, em seguida, solte o botão.

Clique no símbolo circle_button para selecionar a ferramenta de desenho de círculo.

Desenhe um círculo da mesma forma descrita na etapa 3.

Clique no símbolo do botão save_button após terminar as interações do desenho para salvar a exibição.
../../_images/draw_display_scada.png

Desenhe um retângulo e um círculo, salve a tela e ...

Dica

Tente também aumentar o zoom na área de desenho usando a roda do mouse.

3.3 Visualizando a exibição na visualização da web

Agora você pode acessar o novo display na visualização. Inicie um navegador de sua escolha.

Acesse a visualização inserindo a URL da máquina na qual o servidor atvise está sendo executado. Se
esta máquina for sua máquina local, digite "http://127.0.0.1/" para abrir a visualização.

Abra a tela escolhendo "TestDisplay1" no menu principal.

../../_images/view_display.png

… Visualize-o no navegador de sua escolha.

Atenção

Se você alterar uma exibição depois de já ter iniciado a visualização, recarregue a página atual para ter
certeza de ver a versão atualizada.

Atenção
Se você encontrar qualquer problema com a visualização da visualização, limpe o cache do navegador e
recarregue a página (especialmente se você tiver usado versões anteriores do atvise).

4 Dynamics
4.1 A primeira dinâmica

4.2 Usando controles predefinidos

4.3 Usando dinâmica rápida

4.4 Usando dinâmica simples

4.1 A primeira dinâmica

Nesta seção, mudaremos as propriedades de alguns elementos gráficos na dependência do valor das
variáveis de dados.

4.1.1 Adicionando variáveis de dados ao projeto

Primeiro, precisamos de algumas variáveis de dados que queremos exibir na visualização. Para isso,
clique na guia "Objetos" à esquerda da interface do construtor atvise. Você verá alguns objetos
(object_symbol) e variáveis de dados (dv_symbol) do demo na lista.

Para nosso exemplo, adicionaremos as seguintes variáveis de dados:

"testString" do tipo de dados "String"

"testBool" do tipo de dados "Boolean"

"testInt" do tipo de dados "Int16"

Clique com o botão direito na pasta "Servidores -> Meu servidor -> Objetos".

Escolha "Adicionar Nó -> Variável de Dados" no menu que aparece.

Escolha "String" na lista de tipos de dados.

Digite "testString" na caixa de diálogo que aparece e aplique o nome da variável clicando em "OK".

Adicione uma variável de dados "testBool" do tipo de dados "Boolean" da mesma maneira.

Adicione uma variável de dados "testInt" do tipo de dados "Int16" da mesma maneira.

../../../_images/adding_data_variable.png

Adicionar variáveis de dados

4.1.2 Leitura e alteração de valores de variáveis de dados

Depois de trabalhar na última seção, você verá uma entrada na lista de objetos para cada uma das três
variáveis de dados recém-adicionadas. Agora queremos alterar o valor de um deles.

Clique duas vezes na entrada de "testString" para abrir uma guia de detalhes para a variável.

Clique duas vezes na coluna "AttributeValue" na linha "Value" para editar o valor da variável de dados.
Para nosso exemplo, vamos digitar "meu texto de teste" como o valor da variável de dados testString.

../../../_images/change_value_data_variable.png
Alterar o valor de uma variável de dados