ihaula10,

Prévia do material em texto

3.4 - CONSTRUÇÃO DE MENUS E CAIXAS DE DIÁLOGOS
Os principais estilos de interface são:
What you see is what you get - wysiwyg;
Manipulação direta;
Icônica;
Seleção por menu;
Diálogo em linguagem natural;
Linguagem por comando (comand language);
Diálogo guiado por pergunta e resposta;
INTERFACES WYSIWYG
O Wysiwyg são as iniciais das palavras "what you see is what you get" (que significa: "o que você vê é o que você obtém”). Essas interfaces pertencem a aplicativos cujas cuja aparência são exibidas para o usuário final no dispositivo que ele vê a interface (uma impressora ou em um browser) é a mesma exibida no monitor onde o aplicativo está sendo trabalhado. 
�
Um exemplo de interfaces wysiwyg são os editores de texto, como o Word no modo de “visualizar impressão” ou “layout de impressão”; nesse modo, as letras a serem impressas com um determinado estilo, como: negrito ou itálico, aparecem na tela com o mesmo estilo.
Da mesma forma, eventuais fórmulas matemáticas ou imagens que existentes no texto são exibidas na tela. 
Em sistemas não wysiwyg é preciso imaginar o resultado final a partir dos códigos de controle (por exemplo, versões antigas do wordstar ou códigos html). 
Nem sempre é possível ter-se uma aplicação totalmente wysiwyg; como o caso de propriedades de objetos que precisam ser representadas visualmente, mas não aparecem na cópia impressa (headers que definem capítulos, seções ou subseções em processadores de texto).
 FIGURA 2.1: EXEMPLO DE UMA INTERFACE WYSIWYG
�
INTERFACE COM MANIPULAÇÃO DIRETA
As interfaces com manipulação direta (figura 3.2) representam os objetos, atributos e relacionamentos que possam ser manipulados diretamente de forma visual. 
As operações são invocadas por ações executadas sobre representações visuais, normalmente com o uso do mouse. 
Um bom exemplo é a interface do	Mac OS, o sistema operacional do	Macintosh da Apple. 
Uma interface com manipulação direta apresenta as tarefas de forma visual, sendo assim, fácil de ser aprendida e memorizada. Ela permite que muitos erros sejam evitados e encoraja que a pessoa explore seus recursos. 
Além de ser difícil construir uma interface na qual todos os comandos são executados através da manipulação direta, esse estilo pode ser um pouco lento para os que já conhecem bem.
Para atender também aos mais experientes, as interfaces com manipulação direta costumam incorporar também outros estilos, como por exemplo, comandos via teclado. 
FIGURA 2.2: INTERFACE COM MANIPULAÇÃO DIRETA
�
INTERFACE ICÔNICA
Um ícone é um pictograma que indica visualmente a existência de uma aplicação ou representa uma função, um objeto, uma ação, uma propriedade ou qualquer outro conceito. 
Os ícones que representam objetos (figura 2.3) ou as propriedades dos objetos (figura 2.4) são fáceis de projetar; basta exibir os objetos com os diversos valores de atributos (um menu de linhas com vários estilos ou larguras). 
As ações sobre os objetos (comandos) também podem ser representadas por ícones (figura 2.5), nesse caso, ele pode ser definido através do objeto do mundo real utilizado para executar a ação (tesoura para recortar; um pincel para pintar; uma borracha para apagar etc.). 
Uma outra estratégia possível é mostrar o efeito antes e após o comando. 
Por fim, uma representação mais abstrata para o comando depende de fatores culturais. 
FIGURA 2.3: ÍCONE QUE REPRESENTA UM OBJETO
FIGURA 2.4: ÍCONES QUE REPRESENTAM PROPRIEDADES (ATRIBUTOS) 
FIGURA 2.5: ÍCONES QUE REPRESENTAM AÇÕES 
Quando se projeta uma interface, deve-se escolher entre utilizar palavras, ícones ou ambos.
As interfaces com manipulação direta não precisam necessariamente utilizar ícones; em muitos casos, textos podem representar conceitos melhor do que ícones. A melhor opção depende de diversos fatores. 
INTERFACES COM SELEÇÃO POR MENU
Nesse estilo de interface (figura 2.6), um conjunto de opções, representando tarefas a serem executadas, são organizadas de forma hierárquica. 
Em termos de estrutura e formato, os menus possuem parâmetros, tais como: título, ajuda (help) on-line, lista de opções e outros. 
O uso do menu apresenta algumas vantagens como: rápido aprendizado, facilita a tomada de decisões, permite o uso de ferramentas de gerência-diálogo.
 Entre algumas de suas desvantagens temos que a necessidade eventual de vários níveis de menu (submenus ou menus hierárquicos) muitas vezes se torna cansativo para usuários, ocupa muito espaço da tela, é dependente do idioma no qual foi escrito. 
FIGURA 2.6: INTERFACE COM SELEÇÃO POR MENU
INTERFACES COM DIÁLOGO EM LINGUAGEM NATURAL
É o tipo de interação na qual o computador responde aos comandos do usuário, expressos por escrito (digitados na tela) ou pela voz. 
Com o uso da linguagem Natural o usuário não precisa passar por um processo de aprendizado de vocábulos, sintaxes e semântica da linguagem, mas é fundamental que os diálogos sejam claros, além do que, ela pode ser imprevisível. 
INTERFACES WEB
As interfaces Web são as interfaces dos sites, considerando um site, uma coleção de páginas, no formato HTML, contendo arquivos de textos, gráficos e sons. 
A informação nos sites não é organizada linearmente, e sim na forma de hipertexto, onde as informações são organizadas não de forma linear, como em um livro e sim através da interconexão de textos (links). 
Para se visualizar uma página web no computador, usa-se os navegadores, que é um software que lê e interpreta o código HTML das páginas web e as mostra para o usuário, neste caso, ao se construir sites, devemos tomar cuidado porque navegadores diferentes podem interpretar o conteúdo visual de uma página web de diferentes formas.
Como exemplo de navegadores temos: Netscape Navigator, Microsoft Internet Explorer, Lynx, Opera etc. 
A linguagem usada para se escrever páginas de site é a HTML - Hipertext Markup Language, que é uma linguagem de marcação, para colocar alguma formatação nas páginas webs, usa-se as marcas da linguagem HTML (tags) e como HTML não é uma linguagem de programação, para que as páginas web se tornassem mais interessantes, elas deveriam conter programas dentro delas, assim, surgiram várias soluções. 
Umas das soluções são scripts, pequenos programas incorporados às páginas web, com a capacidade de gerarem efeitos especiais de animação, formatação e formulários.
Com o tempo, tecnologias mais poderosas, como Java, passaram a serem usadas, sendo que essas tecnologias transformaram os sites, antes estáticos, em sistemas dinâmicos de informação, ligados a banco de dados em tempo real. 
INTERFACES EM LINGUAGEM POR COMANDO
(COMAND LANGUAGE)
Nessa interface, a interação é feita através de um conjunto de vocábulos, com regras de sintaxes rígidas; os vocábulos constituem as sentenças que corretamente usadas formam os comandos (figura 2.7). 
Trata-se de uma interação do tipo lembre e digite, o que exige um bom treinamento e um esforço para ser memorizada, além de oferecer poucos recursos para o tratamento de erros. 
Em geral essa interface agrada as pessoas mais experientes, pois é mais flexível e poderosa, sendo muito conveniente para criação de macros. 
FIGURA 2.7: INTERFACE COM LINGUAGEM POR COMANDO 
INTERFACES COM DIÁLOGO GUIADO POR
PERGUNTA E RESPOSTA
Consiste de um conjunto de campos (formulários) para entrada de dados, que em termos de estrutura e formato, possuem parâmetros como: título, ajuda (help) on-line, seqüência de campos para entrada de dados (que por sua vez, possuem seus próprios parâmetros). 
Esse estilo além de simplificar a entrada de dados sendo de grande ajuda ao usuário, requer pouco treinamento e permite a utilização de ferramentas de gerência de formulários. 
É um estilo apropriado para iniciantes, mas tambémmuito usado em ambientes onde pessoas experiências com computadores acessam como é o caso de caixas eletrônicos.
 Esse estilo apresenta, porém o inconveniente de ocupar muito espaço de tela.