CX-Supervisor: Tutorial 1 – Conceitos Básicos – Screencast / Vídeo
Curso Profissional de Electrónica, Automação e Comando
Disciplina de Automação e Comando – 11º/12º Anos
Módulo 6: Supervisão e Controlo de Processos
CX-Supervisor: Tutorial 1 – Conceitos Básicos
A versão/tradução deste tutorial, bem como o original em inglês, está aqui.
E há outra versão aqui.
Outubro 16, 2011 Não há comentários
CX-Supervisor: Tutorial 1 – Conceitos Básicos (Parte 2/5)
Curso Profissional de Electrónica, Automação e Comando
Disciplina de Automação e Comando – 11º/12º Anos
Módulo 6: Supervisão e Controlo de Processos
CX-Supervisor: Tutorial 1 – Conceitos Básicos (Parte 2/5)
(… continuação)
4. Páginas no CX-Supervisor
Um projecto no CX-Supervisor consiste habitualmente num conjunto de páginas separadas. Cada página apresenta normalmente informação relacionada com um tópico particular, um dado processo, ou determinada actividade. O projectista da aplicação usa as facilidades do editor gráfico para desenhar e animar objectos na página.
Este projecto/tutorial é formado apenas por uma página.
4.1. Menu File >> Save As… e dê um nome à página, por exemplo “tutor.pag”.
4.2. Quando lhe for pedido para acrescentar uma página ao projecto, clique no botão Yes. Ser-lhe-á apresentada uma nova página vazia.
5. Utilização do Editor Gráfico
Agora que o projecto existe com a sua página própria, podemos construir os objectos gráficos e adicioná-los à página.
O Editor Gráfico utiliza uma barra Objecto Gráfico/Graphic Object e uma janela flutuante conhecida como Palette, para construir e controlar os objectos da página. São ambos muito fáceis de usar.
Editor Gráfico
Vários pequenos ícones são visíveis na barra de ferramentas Graphic Object – cada qual representando um dos objectos gráficos com os quais uma aplicação pode ser construída. Alguns dos objectos são figuras básicas – linhas rectas, elipses, rectângulos; outros são mais avançados – tal como o objecto gauge que tem uma funcionalidade embebida.
5.1. Na barra de ferramentas Graphic Object, clique no botão 
. Repare que quando o cursor está sobre um ícone uma palete de informação sobre ele aparece na barra de estado. Similarmente, se o cursor é deixado parado sobre um botão então uma mensagem tipo dica aparece depois de pouco tempo.
5.2. Assegure-se que a cor seleccionada da palete é preta, clicando na cor preta.
5.3. Da barra de ferramentas Graphic Object, clique no botão 
.
5.4. Clique com o rato e arraste-o para perto do cimo da página, largando o botão do rato. À medida que isto acontece as fronteiras de um rectângulo de cantos arredondados aparece no ecrã para formar a caixa de um semáforo, como mostramos a seguir. Repare que a posição, altura e largura do objecto a ser editado são mostrados para seu conhecimento na barra de estado.
5.5. Da barra de ferramentas Graphic Object, clique no botão 
e desenhe a perna de suporte do semáforo.
Agora que a estrutura principal do semáforo está completa (apesar de ainda básica), podemos começar o trabalho com as luzes de cor. Apenas precisamos de duas cores, uma vermelha e outra verde.
5.6. Da barra de ferramentas Graphic Object, clique no botão 
e desenhe um círculo do tamanho apropriado para representar a lâmpada.
Premindo a tecla CTRL enquanto desenha uma elipse assegura-lhe que é desenhado um verdadeiro círculo.
5.7. Seleccione a cor vermelha e depois posicione a lâmpada vermelha no topo do semáforo.
5.8. Repita o processo para a lâmpada verde e posicione-a na parte de baixo do semáforo.
(continua…)
Outubro 10, 2011 Não há comentários
CX-Supervisor: Tutorial 1 – Conceitos Básicos (Parte 4/5)
Curso Profissional de Electrónica, Automação e Comando
Disciplina de Automação e Comando – 11º/12º Anos
Módulo 6: Supervisão e Controlo de Processos
CX-Supervisor: Tutorial 1 – Conceitos Básicos (Parte 4/5)
(… continuação)
8. Animação
Este semáforo simples tem apenas dois estados, ‘STOP’ e ‘GO’. Se o sinal está ‘STOP’, então a luz vermelha deverá acender. Se o sinal está ‘GO’, então a luz verde deverá acender. O Animation Editor (Editor de Animação) é a peça chave para definir como um objecto é animado dependendo dos valores dos pontos. Para configurar as animações:
8.1. Por simplicidade, seleccione o objecto que representa a Luz Verde.
8.2. Na barra de ferramentas, clique no botão 
Existem várias acções disponíveis para cada objecto particular. Com uma configuração adequada, cada uma dessas acções pode ser aplicada a cada objecto: por exemplo, podem ser dadas à luz verde as seguintes acções:
. Piscar;
. Fechar Página;
. Mudar de Cor, etc.
8.3. Dê um duplo clique e seleccione Colour Change (Mudar a Cor) Digital.
Seleccionando esta animação, a cor da luz verde (uma elipse) será alterada de acordo com o valor de uma determinada variável, ou expressão, Booleana (Digital).
Abrir-se-á então a caixa de diálogo Colour Change:
8.4. Para animar o Ponto, clique no botão Browse na caixa de diálogo Colour Change.
Aparecerá então a caixa de diálogo Select Required Item.
8.5. Escolha o novo ponto ‘GO’ e clique no botão OK.
8.6. Na caixa de diálogo Colour Change (Digital), assegure-se que ‘GO’ foi digitada como a expressão digital solicitada.
8.7. A caixa de diálogo Colour Change mostra as duas cores entre as quais a luz alternará. É preciso seleccionar as cores, de modo a que quando o semáforo estiver ‘GO’, a luz verde acenderá (é o valor por defeito), mas quando estiver ‘STOP’, isto é, no estado ‘0’, a cor verde (verde-escuro ou cinzento) indicará que a luz não está acesa. As cores podem ser mudadas clicando na caixa préver cores (colour preview) , e utilizando a caixa de diálogo palete de cores (Colour Palette) que aparecerá subsequentemente, para seleccionar os tons de cor adequados.
A caixa de diálogo deverá agora estar como esta:
8.8. Clique no botão OK
A animação da lâmpada verde está agora definida.
Teste a aplicação para garantir que a luz está a funcionar correctamente. Apesar de a lâmpada Vermelha poder ser animada também nesta fase, é melhor executar antes um teste para ver como ela opera.
(continua…)
Outubro 3, 2011 Não há comentários
