UNIVERSIDADE FEDERAL RURAL DO SEMI-ÁRIDO CURSO: CIÊNCIA DA COMPUTAÇÃO 9º PERÍODO. Profª Danielle Casillo

Transcrição

1 UNIVERSIDADE FEDERAL RURAL DO SEMI-ÁRIDO CURSO: CIÊNCIA DA COMPUTAÇÃO 9º PERÍODO Profª Danielle Casillo

2 1. Crie uma Tela na IHM que mostre: Hello World Interface Homem Máquina - Aula 2 2

3 Agora que já sabemos criar uma tela, vamos aprender a utilizar o Teclado. NAVEGAÇÃO VIA TECLADO DA IHM Vamos fazer um exemplo de navegação utilizando os recursos associados ao Teclado para navegar em diversas telas da aplicação. Não será necessário utilizar o CLP, neste exemplo utilizaremos apenas as funcionalidades da IHM Interface Homem Máquina - Aula 2 3

4 Utilizaremos as teclas da IHM para selecionar as telas disponíveis em uma aplicação, assim criaremos 4 telas: Interface Homem Máquina - Aula 2 4

5 Escolhemos aleatoriamente 4 teclas da IHM, exemplo 1, 2, 3 e 4, onde cada tecla será responsável por abrir uma das telas deste exemplo. Interface Homem Máquina - Aula 2 5

6 1. Criação das 4 telas; 2. Criação do comando OpenScreen, para abertura da tela Tela A ; 3. Criação do comando OpenScreen, para abertura da tela Tela B ; 4. Criação do comando OpenScreen, para abertura da tela Tela C ; 5. Criação do comando OpenScreen, para abertura da tela Tela D ; Interface Homem Máquina - Aula 2 6

7 6. Associação da ação de tecla pressionada para a tecla 1, ao comando de abertura da tela Tela A ; 7. Associação da ação de tecla pressionada para a tecla 2, ao comando de abertura da tela Tela B ; 8. Associação da ação de tecla pressionada para a tecla 3, ao comando de abertura da tela Tela C ; 9. Associação da ação de tecla pressionada para a tecla 4, ao comando de abertura da tela Tela D ; Interface Homem Máquina - Aula 2 7

8 Crie um novo projeto no OPPE; Na opção Modelo selecione o tipo de IHM; Na opção Projeto preencha os campos: Nome ; Empresa ; Responsável ; Na Opção Telas, crie 4 telas: Tela A : Tela Incial A <Teclas 1.. 4> Tela B : Voce selecionou a tela B... Tela C : Tela C selecionada... Tela D : Voce esta na Tela D... Interface Homem Máquina - Aula 2 8

9 Interface Homem Máquina - Aula 2 9

10 Na opção Ações/Comandos, crie 4 comandos: Cmd Abre Tela A : Comando OpenScreen para abrir a Tela A Repita o mesmo procedimento para a criação dos comandos das outras telas. Interface Homem Máquina - Aula 2 10

11 Na opção Modelo, selecione com Ação Inicial o comando Cmd Abre Tela A Interface Homem Máquina - Aula 2 11

12 Na opção Teclado Na Tecla 1, associe a ação Ação Tecla Pressionada o comando Cmd Abre Tela A Repita a mesma operação para as teclas 2 3 e 4. Interface Homem Máquina - Aula 2 12

13 Salve o projeto e compile. Sequência de navegação de Telas Interface Homem Máquina - Aula 2 13

14 Neste exemplo utilizaremos os recursos associados ao comando PopUpScreen para realizar as mudanças de telas. A IHM possui um mecanismo de pilha de telas, onde são armazenadas as últimas telas que foram apresentadas. Quando o usuário pressionar a tecla de cancela, vai automaticamente reapresentando as telas que estão armazenadas na pilha, até esvaziá-la por completo. Interface Homem Máquina - Aula 2 14

15 Criaremos 4 telas, sendo uma tela principal, e três telas de ajuda associadas a esta tela principal. Interface Homem Máquina - Aula 2 15

16 Crie um novo projeto no OPPE; Na opção Modelo, selecione o tipo de IHM; Na opção Projeto preencha os campos: Nome ; Empresa ; Responsável Na opção Telas, crie 4 telas: Tela Tela A : < Tela Demo A > Tecla 0 = HELP Tela Tela Help 2 : Tela de Help 2 tecla X navega Tela Tela Help 3 : Tela de Help 3 tecla X navega Tela Tela Help 4 : Tela de Help 4 tecla X navega Interface Homem Máquina - Aula 2 16

17 Interface Homem Máquina - Aula 2 17

18 Na opção Ações/Comandos, crie 1 comando para realizar a abertura da tela inicial. Interface Homem Máquina - Aula 2 18

19 Na opção Ações/Comandos, crie mais 4 comandos para inserir as telas na pilha de telas da IHM: Comando Empilha Tela A : função PopUpScreen, com o sub comando Salva Tela, para inserir o identificador da tela: Tela A na pilha de telas da IHM Interface Homem Máquina - Aula 2 19

20 Interface Homem Máquina - Aula 2 20

21 Interface Homem Máquina - Aula 2 21

22 Interface Homem Máquina - Aula 2 22

23 Comando Desempilha Tela Help 1 : função PopUpScreen, com o sub comando Recupera Tela, para retirar o último identificador disponível na tela na pilha de telas da IHM, e apresentar na IHM a respectiva tela desempilhada. Interface Homem Máquina - Aula 2 23

24 Comando Limpa Pilha de Telas : função PopUpScreen, com o sub comando Limpa Lista de Telas, para retirar todos os identificadores na tela na pilha de telas da IHM, deixando a pilha de tela vazia. Interface Homem Máquina - Aula 2 24

25 Na opção Ações/Macro, crie 1 macro denominada Apresenta Telas de Help : Macro para preparar a pilha de telas da IHM com a sequência de telas que o usuário deseja apresentar na IHM. Interface Homem Máquina - Aula 2 25

26 Na opção Teclado, associe a tecla 0 a macro Apresenta Telas de Help : macro para preparar a pilha de telas para a apresentação das telas de ajuda, bem como iniciar a apresentação da primeira tela de ajuda. Interface Homem Máquina - Aula 2 26

27 Na opção Modelo, selecione como Ação Inicial o comando Abre Tela A. Que será a tela inicial da aplicação. Interface Homem Máquina - Aula 2 27

28 Salve o projeto e compile. Sequência de navegação de Telas: Interface Homem Máquina - Aula 2 28