prof. roberto cabral de mello borges instituto de informática ufrgs 2007 inf 043 - comunicacão...
TRANSCRIPT
![Page 1: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/1.jpg)
Prof. Roberto Cabral de Mello Borges
Instituto de InformáticaUFRGS
2007
INF 043 - Comunicacão
Homem-ComputadorParte 10
![Page 2: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/2.jpg)
Interface por Menus
• São atrativas, pois eliminam treinamento e necessidade de memorização de seqüências de comandos.
• Permitem rapidez no uso, se usada terminologia familiar (do usuário)
• Diminui a incidência de erros, devido à estruturação das tarefas.
• Adequada a usuários novatos ou ocasionais, bem como aos especialistas.
![Page 3: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/3.jpg)
Menus são indicados quando:
• usuários possuem pouco ou nenhum treinamento;
• forem usuários ocasionais;
• usuários estranhos à terminologia
• usuários necessitam de auxílio para estruturar seus processos de tomada de decisão;
• o número e a variedade de opções, permite facilmente que o usuário esqueça ou confunda algumas opções;
![Page 4: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/4.jpg)
Objetivos do “projetista de menus” é criar menus:
• compreensíveis;
• memorizáveis;
• de conveniente organização semântica (relevante à tarefa do usuário);
• tão curtos e simples quanto a clareza permitir;
• tão completos e poderosos quanto a simplicidade permitir.
![Page 5: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/5.jpg)
Classificação dos menus
• Binários (S/N, 1/2/3, A/B/C/D ...)
• Múltiplos (escolha de respostas, listas, ...)
• Estendidos (menus maiores que a tela)
• “POP-UP/PULL-DOWN”
• Permanentes
• Múltiplas escolhas
• Cíclicos e Acíclicos
• Hierárquicos e Sequenciais
![Page 6: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/6.jpg)
Tipos de Menus• Botão (Push-Button)
• Botão de Rádio (Radio-Button)
• Caixa de Seleção Múltipla (Check Box ou Check List)
• Pull Down
• Pop-up / Drop-Down
• Opções
• Toggle
• Cascata (Cascading)
• Pie
• Tool Palette
• Embedded
• Dinâmico (Dynamic)
• Pictorial
![Page 7: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/7.jpg)
Push-Button, Radio-Button, Check List, Pop-Up
Push-ButtonRadio-Button
Check-List
Pop-Up/Drop-Down
![Page 8: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/8.jpg)
Pull-Down
![Page 9: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/9.jpg)
Pop-Up / Drop Down
![Page 10: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/10.jpg)
Option
![Page 11: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/11.jpg)
Toggle
1 2
![Page 12: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/12.jpg)
Cascading
![Page 13: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/13.jpg)
Pie
![Page 14: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/14.jpg)
Tool Palette
![Page 15: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/15.jpg)
Embedded
![Page 16: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/16.jpg)
Dynamic
![Page 17: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/17.jpg)
Pictorial
![Page 18: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/18.jpg)
![Page 19: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/19.jpg)
Menus em árvores
• agrupamento de itens afins;
• largura x profundidade (número de itens por nível x número de níveis);
• agrupamento semântico x agrupamento ordenado (alfabético ou numérico);
• mapas de menus auxiliam na localização e navegação.;
![Page 20: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/20.jpg)
"Menu" com muitas alternativas
• Apenas 504 opções
![Page 21: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/21.jpg)
Menus
• Contra-exemplo de largura x profundidade
Tela 1
![Page 22: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/22.jpg)
Tela 2
![Page 23: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/23.jpg)
Tela 3
![Page 24: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/24.jpg)
Tela 4
![Page 25: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/25.jpg)
Tela 5
![Page 26: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/26.jpg)
Tela 6
![Page 27: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/27.jpg)
Tela 7
1.365.236,12
5.456.987,20
16.822.223,32
6.822.223,3210.000.000,00
![Page 28: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/28.jpg)
Sugestão
Agência:Conta:Senha:
OK Ajuda
![Page 29: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/29.jpg)
Extratos
Pagamentos
Teleserviços
Transferências
Empréstimos
Imprimir
Conta Corrrente
Imposto de Renda
do dia
do mês atual
do mês anterior
do período de
a /
/
do dia
do mês atual
do mês anterior
do período de
a /
/ do período
Enviar Cancelar
de
a 09/08
10/07
![Page 30: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/30.jpg)
Critérios para organização de itens de menus:
• ordem numérica (ascendente ou descendente);
• ordem alfabética;
• ordem cronológica (tempo)
• por propriedades físicas (tamanho, área, temperatura, peso, velocidade, volume, etc.);
• localização geográfica ou física;
• agrupamento de itens relacionados;
• itens mais usados primeiro;
• itens mais importantes primeiro (importância definida pelo usuário).
![Page 31: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/31.jpg)
Ordem Numérica
![Page 32: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/32.jpg)
Ordem Alfabética
![Page 33: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/33.jpg)
Ordem Cronológica
![Page 34: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/34.jpg)
Propriedades Físicas
Material da SuperfícieFerro
Alvenaria
Concreto
Madeira
Plástico
Aço
Fórmica
Vidro
![Page 35: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/35.jpg)
Localização Geográfica
![Page 36: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/36.jpg)
Agrupamento de itens relacionados
![Page 37: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/37.jpg)
Itens mais usados primeiro
![Page 38: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/38.jpg)
Itens mais importantes primeiro
![Page 39: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/39.jpg)
Exercício• Criar um sistema de menus para reorganizar o menu
Formatar do Excel.
• Como a formatação de células é uma operação muito freqüente (número, alinhamento, borda, padrão e fonte) deve-se ter acesso a estas operações no 1º nível do menu.
• Rever (reorganizar) também os menus internos (número, borda, etc) pois todos estão fora dos padrões.
• Estudar com cuidado o relacionamento entre itens, a profundidade e largura dos menus.
• Idem para o tipo de ferramenta a ser usado (botão de rádio, check box, tipo de menu, etc)
![Page 40: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/40.jpg)
![Page 41: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/41.jpg)
![Page 42: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/42.jpg)
![Page 43: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/43.jpg)
![Page 44: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/44.jpg)
![Page 45: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/45.jpg)
Inferior
Superior
<--Justificar-->
Centro
![Page 46: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/46.jpg)
![Page 47: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/47.jpg)
![Page 48: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/48.jpg)
![Page 49: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/49.jpg)
![Page 50: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/50.jpg)
Exercício Prático 2
• Projetar um novo sistema de especificação de ferramentas para o menu Formatar do Word, de forma a atender as combinações possíveis e com os recursos da ferramenta gráfica corretos.
![Page 51: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/51.jpg)
![Page 52: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/52.jpg)
![Page 53: Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007 INF 043 - Comunicacão Homem-Computador Parte 10](https://reader038.vdocuments.com.br/reader038/viewer/2022102923/552fc10b497959413d8c29a2/html5/thumbnails/53.jpg)
Exercício Prático 3
• Projetar uma tela , usando as ferramentas gráficas, para informar num cadastro qual o combustível do veículo.
• Os combustíveis usuais no Brasil são–Gasolina
–Álcool
–Diesel
–GNV
• Avaliar todas as combinações possíveis e projetar a interface