Computação e Programação

Transcrição

1 Computação e Programação MEMec, LEAN - 1º Semestre Análise da Simple GUI Exemplo Maquina de Somar Aula Teórica 26 D.E.M. Área Científica de Controlo Automação e Informática Industrial Wrap Up da última aula Interface Gráfica do Utilizador (GUI) permite a interacção com dispositivos digitais através de elementos gráficos(por oposição às interfaces de linha de comando) Os elementos gráficos podem ser meros componentes, ou então controlos que permitem ao utilizador executar determinadas acções Têm por objectivo não só a facilidade de utilização mas também a robustez na interacção com o utilizador Computação e Programação 2015 /

2 Wrap Up da última aula Programação event-driven Um evento é uma ocorrência passível de ser detectada e influenciar a execução do programa. Os eventos incluem acções do utilizador, acções devidas a outros elementos de código, ou acções externas (geradas pelo Sistema Operativo) A sequência de instruções executada depende da sequência de elementos de código(funções de callback) chamadas como reacção aos eventos Computação e Programação 2015 / Wrap Up da última aula Funções de callback São os elementos de código executados em resposta a um dado evento Uma função de callbackpode estar associada a um controlo, e contém o código que o MATLAB executa como resposta a um evento detectado nesse elemento de controlo. Handle Variável através da qual se pode modificar, ou ter acesso às propriedades (estado) do componente que lhe está associado As funções que permitem o acesso às propriedades de um componente através da sua handle são as funções gete set. Computação e Programação 2015 /

3 Wrap Up da última aula + Computação e Programação 2015 / Wrap Up da última aula Argumentos de entrada de uma função de callback gerada pelo GUIDE hobject: handledo próprio componente que disparou a função de callback eventdata: variável reservada para futuros desenvolvimentos handles: estrutura (struct) que agrupa nos seus campos as handlesde todas as componentes existentes na GUI. Em geral todos os restantes dados da aplicação poderão ser adicionados como novos campos desta estrutura. Computação e Programação 2015 /

4 Alinhamento da AT 26 Análise da Simple GUI Exemplo Maquina de Somar Computação e Programação 2015 / Simple GUI Computação e Programação 2015 /

5 Simple GUI Computação e Programação 2015 / Simple GUI Computação e Programação 2015 /

6 Simple GUI Computação e Programação 2015 / Simple GUI Computação e Programação 2015 /

7 Simple GUI Computação e Programação 2015 / Simple GUI Computação e Programação 2015 /

8 Simple GUI Computação e Programação 2015 / Simple GUI Editor de opções do popup Computação e Programação 2015 /

9 Simple GUI Computação e Programação 2015 / Alinhamento da AT 26 Análise da Simple GUI Exemplo Maquina de Somar Computação e Programação 2015 /

10 Pretende-se criar uma aplicação gráfica para calcular a soma de dois números reais. Se o utilizador introduzir caracteres não numéricos, o termo respectivo deverá ser corrigido para 0 (zero). O utilizador escreve o valor de cada termo, sendo o cálculo efectuado quando este clicar num botão Somar. Computação e Programação 2015 / Entradas: Saídas: termos da soma: Termo1, Termo2 evento: clicar no botão Somar resultado da soma: Resultado Computação e Programação 2015 /

11 Métodos de Processamento Soma dos termos: Resultado= Termo1+ Termo2 Computação e Programação 2015 / Abordagem Top-Down Máquina de somar Edição Termo1 Edição Termo2 Somar Verificar Corrigir Verificar Corrigir Computação e Programação 2015 /

12 Lista de tarefas para callback caixa de texto "Termo1" Verificar Termo1 Corrigir para 0 Lista de tarefas para callback caixa de texto "Termo2" Verificar Termo2 Corrigir para 0 Lista de tarefas para callback botão "Somar" Resultado = Termo1 + Termo2 Computação e Programação 2015 / Algoritmo da callback para a caixa de texto Termo1 1) SeTermo1 é inválido a.termo1 = 0 Algoritmo da callback para a caixa de texto Termo2 1) Se Termo2 é inválido a.termo2 = 0 Algoritmo da callback para a operação Somar 1) Resultado = Termo1 + Termo2 2) Apresentar Resultado Computação e Programação 2015 /

13 Esboço da GUI e lista de componentes Janela do GUI 3 Static textpara os termos da adição 1 Static text para o resultado 2Edit textpara os termos da adição 1Pushbuttonpara activar a adição Computação e Programação 2015 / Desenvolvimento da GUI Computação e Programação 2015 /

14 Desenvolvimento da GUI Computação e Programação 2015 / Desenvolvimento da GUI Computação e Programação 2015 /

15 Desenvolvimento da GUI Computação e Programação 2015 / Desenvolvimento da GUI Computação e Programação 2015 /

16 Desenvolvimento da GUI Computação e Programação 2015 / Desenvolvimento da GUI Computação e Programação 2015 /

17 Gravação da GUI Computação e Programação 2015 / Codificação automática em MATLAB Computação e Programação 2015 /

18 Inicialização da janela da interface Computação e Programação 2015 / Inicialização de parâmetros Computação e Programação 2015 /

19 Definição da saída da GUI Computação e Programação 2015 / Callback da caixa de texto para o Termo1 Computação e Programação 2015 /

20 Callback da caixa de texto para o Termo2 Computação e Programação 2015 / Callback da pushbutton Somar Computação e Programação 2015 /

21 Execução da GUI Computação e Programação 2015 / Testes Computação e Programação 2015 /

22 Testes Computação e Programação 2015 / Referências Mathworks: Creating Graphical User Interfaces (buildgui.pdf) Elementos de estilo: As aulas teóricas contêm contribuições de José Borges e Miguel Silva Computação e Programação 2015 /