Sobre esta sessão
Nesta sessão do laboratório, você irá: Ler sobre as Telas gráficas
Usar o arquivo XML para editar as telas Usar Faceplates
Configurar e usar Dicas de ferramenta Configurar e usar Mensagens locais Configurar e usar Docked displays Usar o Object Explorer
Configurar e usar animações e expressões
Usar comandos
Para ajudar na navegação no FactoryTalk View Studio dos componentes usados nesta sessão, é possível consultar novamente a imagem “Application Explorer” da Sessão 2 – pag.41.
Informação sobre as Telas gráficas
Tipos de Telas gráficas
Telas Padrão - armazenadas na pasta Displays. São as telas que o operador vê em runtime. As
visualizações atuais da atividade ou processo da fábrica automatizada. Elas podem exibir os
dados de sistema ou de processo e permitir aos operadores gravar os valores em um banco de
dados em tempo real ou em dispositivos de rede como um controlador.
Telas de objeto global - armazenadas na pasta Global Objects. As telas de objeto global
tela de objeto gráfico para gerar várias cópias deste objeto em telas padrões. Ao fazer
alterações no objeto original, elas são automaticamente aplicadas às cópias.
Telas de biblioteca - armazenadas na pasta Displays. Uma tela de biblioteca contém objetos
gráficos prontos que podem ser usados em outras telas.
Uma tela gráfica representa a visualização do operador da atividade de fábrica. Ela pode exibir os dados de sistema ou de processo e permitir aos operadores gravar os valores em dispositivos externos como controladores programáveis. Os elementos que compõem uma tela gráfica são chamados de objetos gráficos. O menu Objects no editor Graphic Displays (Figura 1) fornece elementos de desenho simples, como linha, retângulo e elipse, assim como objetos prontos como botão pulsador, campos de entrada e de saída e resumos de alarme. Use estes elementos para criar representações visuais dos processos e atividades e depois anime a tela fazendo o link dos objetos aos tags, de forma que a aparência dos objetos mudarão a medida que os valores de tags mudam.
O editor gráfico permite facilmente duplicar objetos, reformatá-los ou redimensioná-los e distribuí-los de diversos modos como empilhá-los, alinhá-los, espaçá-los horizontal ou verticalmente, invertê-los horizontal ou verticalmente, girá-los e agrupá-los de forma que se comportem como um único objeto. Os objetos gráficos podem ser
Criados usando o editor de tela gráfica. Copiados e colados das Bibliotecas gráficas.
Copiados para a área de transferência de outro aplicativo Windows e, então, colados nas telas gráficas.
Criados por outro aplicativo Windows e inseridos na tela gráfica usando link e incorporação de objeto.
Arrastados e soltos de outra tela gráfica ou biblioteca ou outro aplicativo Windows.
Figura 1: Menu Objects
Bibliotecas
A Biblioteca gráfica vem com uma variedade de telas gráficas prontas contendo objetos que podem ser usados em outras telas
Há muitos objetos diferentes na biblioteca que podem ser usados em sua aplicação.
Observação: qualquer animação que foi atribuída a um objeto será incluída a ele quando for copiado em uma tela.
Modificação de um arquivo XML
No FactoryTalk View Studio, é possível também usar o Assistente de Importação e exportação de gráficos para exportar informações de telas gráficas para um arquivo XML ou para importar um arquivo XML de tela gráfica para uma aplicação. O XML possui formato e estrutura padronizados. É possível modificar os elementos e atributos de uma tela gráfica alterando-os ou adicionando novos no arquivo XML.
É possível editar os arquivos XML antes de importá-los de volta para uma aplicação, para modificar os objetos gráficos existentes ou para adicionar novos objetos à tela.
É possível criar ou editar telas gráficas independente do FactoryTalk View Studio, incluindo a configuração de telas, objetos, propriedades de objetos, conexões, animações, agrupamentos, atribuições chaves, etc.
Na sessão anterior, importamos algumas telas gráficas pré-configuradas. A seguir, modificaremos uma destas telas alterando o arquivo XML exportado.
2. Feche a tela “CIP – Process Steps” sem salvar.
3. Vá para C:\InstantFizz – Lab Files\ e clique duas vezes para abrir o arquivo XML exportado “CIP – Process Steps.xml”
O arquivo xml abrirá no Internet Explorer.
1. Modificaremos o texto “Step 1” desta tela no arquivo XML. Neste momento, o texto exibe “Step 1: Adding H2O”
4. Para modificar o arquivo, devemos abrí-lo no Bloco de notas. Feche o arquivo Internet Explorer .
5. Clique com o botão direito do mouse no arquivo exportado XML “CIP – Process Steps.xml” de C:\InstantFizz – Lab Files\, selecione Open With e selecione o Bloco de notas (Notepad).
O arquivo será aberto no Bloco de notas.
Examine o arquivo XML. O arquivo contém todos os objetos e atributos de objetos contidos na tela “CIP – Process Steps”.
6. Alteraremos o texto “Step 1: Adding H2O” para “Step 1: Adding Water”
7. Preencha a janela Replace como indicado a seguir e clique no botão Replace All. No arquivo Bloco de
notas, selecione o item menu Edit e clique em Replace.
8. Salve o arquivo a partir de File>Save e saia. 9. Vamos importar a tela modificada.
Clique com o botão direito em Displays e selecione “Import and Export….” Digite o texto como indicado, pressione o botão Replace All e clique em Cancel para sair. O texto no campo Find What é a letra H, o número 2 e a letra O.
10. Selecione “Import graphic information into displays” e selecione Next.
11. Selecione No e clique em Next.
13. Configure a janela como exibido abaixo. O arquivo XML a ser importado pode ser
encontrado em C:\InstantFizz – Lab Files\CIP – Process Steps.xml. Este é o arquivo que acabamos de modificar.
14. Clique em Finish para concluir a importação.
15. O Assistente de Importação e exportação de gráficos fornece um arquivo de status sobre o sucesso da importação/exportação.
16. Vamos revisar a tela modificada. Agora, abra a tela CIP – Process Steps clicando duas vezes sobre ela a partir do item Displays no FactoryTalk View Studio.
15. Feche o arquivo DisplaysImport.txt antes de continuar.
Observação: Neste exemplo, teria sido mais fácil simplesmente alterar o texto na tela do FactoryTalk View Studio. Há aplicações, no entanto, nas quais pode ser necessário criar automaticamente muitos objetos e/ou telas. Criá-las em um arquivo XML pode economizar muito tempo de engenharia.
Tooltips
Para fornecer informações sobre um objeto gráfico para um operador, é possível adicionar um Tooltip aos objetos:
- As Tooltips podem ser adicionadas a objetos gráficos - As Tooltips suportam variáveis embutidas
- A alteração de Idioma é compatível com o texto da Tooltip.
16. Examine a tela. O texto foi alterado de H2O para Water.
Aperfeiçoamento de parâmetro
O aperfeiçoamento de parâmetro fornece suporte às variáveis embutidas nas Tooltips e nas
barras de títulos; números e grupos literais na sintaxe da variável embutida; e à exibição de
caracteres mais à direita nas variáveis de grupo embutidas.
Neste laboratório adicionaremos um objeto de Entrada numérica para exibir um exemplo de Tooltip. 1. Abra a tela “CIP – Process Steps” (Ela já deve estar aberta.)
2. Adicionaremos um objeto Numeric Input à tela “CIP – Process Steps” .
3. Adicione o objeto Numeric Input ao local da tela exibido abaixo.
A partir do item de menu Objects , selecione Numeric and String e clique em Numeric Input.
4. Configure Numeric Input Properties como exibido abaixo seguindo as etapas a-d.
Melhorias na entrada numérica
O objeto Numeric input permite que os valores mínimo e máximo atribuídos pelo usuário sejam
validados antes do download.
a. Selecione a guia Connections
.
b. Clique no botão com reticências para navegar e adicionar Value tag: {[shortcut]SodaCIPTanks. RecoveredWater.Value
c. Clique no botão com reticências para navegar e adicionar Minimum tag: {[shortcut]SodaCIPTanks. RecoveredWater.Minimum d. Clique no botão com
reticências para navegar e adicionar Maximum tag: {[shortcut]SodaCIPTanks. RecoveredWater.Maximum
Utilize o Tag Browser para selecionar os tags Value, Minimum e Maximum:
5. Clique em OK para fechar. 6. Salve a tela.
7. Teste a tela.
8. Especificamos os valores Mínimo e Máximo do Objeto de entrada numérica. Vamos inserir um valor “22000” em nosso objeto. Este valor tem que ser maior do que Mínimo e menor do que o Máximo.
O fundo do objeto ficará vermelho indicando que o valor inserido está fora dos limites de número mínimo e máximo
Como o operador saberá quais são os limites válidos? Adicione uma Tooltip! 9. Clique no botão Edit Display para voltar ao modo de edição.
10. Clique duas vezes no objeto de Entrada numérica para abrir suas propriedades. Ou clique com o botão direito e selecione “Properties”.
11. Adicione uma Tooltip seguindo as etapas a-e.
Clique uma vez no
botão Test Display na barra de ferramentas.
Digite “22000” e pressione Enter.
12. Repitas as etapas a-e para adicionar a informação “Maximum” também. O tag Maximum para navegar é {[shortcut]SodaCIPTanks.RecoveredWater.Maximum}.
O texto final do assistente de configuração deverá estar parecido com o texto a seguir: b. Digite
“Minimum: ” na área “ToolTip Text” . a.Selecione a
guia Common.
c. Clique em Insert Variable e selecione Numeric para adicionar uma variável.
d. Navegue até o tag {[shortcut]SodaCIPTanks. RecoveredWater.Minimum}.
e. Clique em OK e Tecle ENTER
13. Salve a tela.
14. Teste a tela.
Clique em OK.
Clique uma vez no
botão Test Display na barra de ferramentas.
15. Vamos tentar mais uma vez. Vamos gravar o valor “22000” em nosso objeto.
Novamente, o fundo do objeto ficará vermelho indicando que o valor inserido está fora dos limites mínimo e máximo.
.
16. Passe o mouse sobre o objeto e você verá nosso texto de dica de tela indicando os limites corretos do valor
17. Clique no botão Edit Display para voltar ao modo de edição.
18. Feche a tela “CIP – Process Steps”
Docked Displays
Docked Displays
Em runtime, as telas gráficas podem ser fixadas na borda da janela FactoryTalk View SE
Client, permitindo que o operador tenha acesso a determinadas telas sempre. As Docked
displays não podem ser fechadas acidentalmente pelo operador e não permitem que outros
gráficos as sobreponham. Portanto, elas continuarão sempre visíveis para o operador.
Por exemplo, você pode fixar:
Os menus de navegação, que permitem ao operador mover-se pelas telas em uma
aplicação.
Digite “22000” e pressione Enter. Passe o mouse sobre o objeto Entrada numérica e observe o texto da tooltip!Cabeçalhos e notificações que fornecem informações específicas para o operador, como o
nome e área do usuário atual ou informações sobre alarmes.
Os painéis de controle com botões padrões para fins especiais, como alteração de usuário,
fechamento de janelas abertas ou envio de informações para a equipe de manutenção.
Neste laboratório usaremos Docked displays para os menus de navegação e como notificação de alarme. A tela fixada estará visível para o operador durante todo o tempo.
1. Abra a tela “Navigation”. Ela será a primeira Docked display.
Uma macro é uma lista de comandos ou símbolos de comandos armazenados em um
arquivo de texto. Para executar uma macro, você usa o nome dela, assim como faria
com um comando. Os comandos na macro serão executados na ordem na qual eles
foram listados.
Uma macro pode ser especificada na inicialização ou encerramento de um cliente ou tela. Ela pode ser chamada a partir de uma linha de comando no FactoryTalk View Studio, a partir de um botão ou do Factory Talk View Administration Console para administração de sistema. O FactoryTalk View possui recursos multitarefas que podem ser aproveitados ao criar macros. Alguns comandos (como Print) acabam rapidamente e o próximo comando pode ser iniciado. Outros, como Set, demoram mais. No caso do Set, ele não termina até que a mensagem seja enviada ao controlador. Nesses casos, é possível configurar a macro de forma que o próximo comando possa ser executado antes que o comando anterior termine. Use o caractere (&) para isto.
Você já adicionou a macro de inicialização na Sessão 2 deste laboratório. 4. Expanda o item de menu Macros e clique duas vezes em ‘startup’ parar abrir
5. Revise os comandos da tela no arquivo de macro de inicialização. Display Navigation /DB
Display Alarm Banner /DT
Clique duas vezes em startup para abrir.
Em geral, para fixar uma tela, use a instrução exibida abaixo:
Para ancorar uma tela nesta posição Use este parâmetro Canto superior da janela cliente Display /DT
Canto inferior da janela cliente Display /DB Canto esquerdo da janela cliente Display /DL Canto direito da janela cliente Display /DR
Estes comandos serão executados quando a macro for chamada na inicialização do FactoryTalk View SE Client.
6. Feche a macro de inicialização sem salvar.
Exploração de Docked displays em runtime
Vamos explorar a funcionalidade das Docked displays em runtime. Um arquivo de cliente SE já foi criado para você executar nesta aplicação. Nossa macro StartUp será executada quando o arquivo cliente SE for aberto.
2. Navegue até C:\InstantFizz – Lab Files\ClientFile_DockedDisplays.cli e clique em OK.
Observação: Aguarde alguns minutos para carregar totalmente. 1. Clique no ícone Launch SE Client.
5. Minimize a tela Plant Overview .
6. Arraste a barra de título minimizada até chegar nas bordas da tela:
Borda superior: Borda inferior:
7. Clique no botão restore na tela Plant Overview . 8. Observe que ela não sobreporá às áreas fixadas.
“Alarm Banner” está fixada no canto superior “Navigation” está fixada no canto inferior
9. Arraste a tela Plant Overview até a borda inferior ou o canto inferior direito do cliente.
10. Observe que ela não se sobreporá às áreas ancoradas e as barras de rolagem aparecerão de forma que a tela ainda fique visível.
11. Mova a tela Plant Overview de forma que o botão close esteja visível e feche a tela.
12. Selecione o botão Plant Overview na tela de rodapé para abrir a tela Plant Overview. Observe como ela é dimensionada para se encaixar na principal área visível das telas ancoradas.
Comandos
Os comandos do FactoryTalk View permitem interagir e controlar os componentes da aplicação. A maioria dos comandos aceita parâmetros para maior precisão e controle.
- É possível configurar teclas e objetos gráficos para executar comandos em runtime. Por exemplo: as ações pressionar, liberar ou repetir quando você atribui uma animação ao tocar em um objeto em uma tela gráfica ou uma ação para um botão.
- É possível executar comandos a partir da linha de comando do servidor IHM
- É possível criar uma lista de comandos em uma macro e executar a macro sempre que necessário.
- É possível executar comandos em um evento em particular, usando o arquivo Event Há cerca de 80 comandos diferentes. Use o Assistente de Comando para ajudá-lo a selecionar e construir comandos.
Criaremos um objeto Botão com um comando de tela.
1. No FactoryTalk View Studio, feche todas as telas abertas neste momento, sem salvá-las. 2. Abra a tela Rapid Mix - Overview
3. Arraste o objeto Button para a tela Rapid Mix – Overview como exibido abaixo
Arraste o objeto Button para esta área.
4. Configure as Propriedades do Botão seguindo as etapas a-b. a. Selecione a
guia Action.
b. Clique no botão com reticências para abrir o Assistente de Comandos.
5. Selecione o comando Display seguindo as etapas a-b. É possível selecionar All Commands and Macros e encontrar o comando Display alfabeticamente ou selecionar Graphics > Graphic Displays > Navigation > Display
6. Preencha as informações do comando como exibido nas etapas abaixo a-b. Se nossa aplicação tivesse mais do que uma área, poderíamos escolher abrir uma tela de uma área diferente.
a. Selecione o comando Display.
b. Clique em Next para continuar.
7. Adicione uma Legenda de botão seguindo as etapas a–b.
a. Preencha como exibido. O comando Display possui muitas propriedades adicionais, deixe-as desmarcadas para este exemplo.
b. Clique em Finish para concluir.
a. Selecione a guia Up Appearance. No campo Caption digite “Rapid Mix- Process Steps”
O novo botão adicionado deverá ter a aparência exibida aqui. Redimensione o botão, se necessário.
b. Clique em OK para concluir.
9. Retorne à janela client em execução e selecione o botão Rapid Mix na tela de navegação.
10. Abra a tela Rapid Mix – Process Steps. Clique no botão Rapid Mix.
No canto superior direito da tela Rapid Mix, clique no botão Rapid Mix – Process Steps que acabamos de adicionar.
Usando o Assistente de Comando criamos um botão que, quando pressionado, abre outra tela. O Assistente de comando contém muitos outros comandos relacionados ao fechamento/abertura de telas, alarmes, impressão, idiomas, aplicações externas e muitos outros.
Animações e expressões
A animação é a capacidade de adicionar lógica a um objeto gráfico de forma que algumas características do objeto mudem quando um valor de tag é alterado. Por exemplo, um objeto pode ser feito para ser preenchido (acima, abaixo, à esquerda, à direita) ou para mudar de cor dependendo do valor de tag.
Expressão: Uma expressão é uma equação matemática ou lógica que retorna um valor. Ela
pode conter nomes de tag, operadores constantes e matemáticos, relacionais, lógicos e/ou
bitwise. Um único nome de tag é geralmente usado para expressões simples.
Na Figura 1, a caixa de diálogo de animação mostra que expressões são usadas para animar objetos. Há uma guia para cada tipo de animação. Se houver um marcador de seleção em frente ao tipo de animação, isto significa que o objeto selecionado está usando tal animação. Se um tipo de animação não estiver disponível para um objeto selecionado, os campos naquela guia de animação ficarão cinza. No exemplo abaixo, as animações Fill e Color estão sendo usadas no objeto selecionado. A seleção de um
A tela Rapid Mix – Process Steps abrirá.
Figura 1: Caixa de diálogo Animation
O Object Explorer
O Object Explorer fornece uma lista de todos os objetos na tela gráfica atual, incluindo aqueles ocultos por outros objetos. Um grupo de objetos possui um sinal de mais em frente ao seu nome. Clique no sinal para expandir a lista de objetos que compõem o grupo. É possível expandir e recolher toda a lista usando os botões Expand e Collapse.
Ao clicar em um objeto na tela para selecioná-lo, sua entrada correspondente no Object Explorer é destacada em cinza.
Ao clicar em um item no Object Explorer, o objeto para o qual ele corresponde é selecionado. Se um objeto estiver oculto por outro ou se for parte de um grupo, quando você o seleciona no Object Explorer as alças que contornam o objeto selecionado ficam visíveis.
Vamos abrir uma das telas e dar uma olhada na animação.
Para abrir o Object Explorer
1. A partir do FTView Studio que já deve estar aberto, abra a tela Rapid Mix – Overview. Para abrir a tela Rapid Mix - Overview, expanda a pasta Displays, clique duas vezes na tela
Rapid Mix – Overview.
3. Selecione o item de menu View > Object Explorer Ou
Selecione o botão Show/Hide Object Explorer na barra de menu para exibir ou ocultá-lo.
Quando selecionado (indicado por um sinal de seleção próximo ao nome do item de menu), o Object Explorer é exibido. O Object Explorer pode ser redimensionado e movido. É possível clicar em qualquer um dos objetos listados e você observará que os objetos ficarão destacados na tela.
O Object Explorer é realmente útil para agrupar itens e fazer a referência de elementos individuais naquele grupo.
O Agrupamento é útil quando há objetos comuns que você deseja mover ou aplicar
comportamentos, por exemplo, como uma animação.
Vamos observar grupos e animação usando o Object explorer
1. Expanda e Selecione o grupo TankMixture no Object Explorer.2. Clique com o botão direito no elemento Water no grupo TankMixture e selecione o item de menu de contexto Animation > Fill
Grupo TankMixture destacado
.
A expressão de animação Fill já foi previamente inserida. É possível revisar e familiarizar-se com as propriedades Fill e outras, como Color.
4. Feche a janela Animation
5. Retorne ao client que está executando e pressione o botão START na parte inferior da tela Rapid Mix – Process Steps para visualizar as animações em ação