interface homem máquina
DESCRIPTION
Professor Odilon Zappe Jr.TRANSCRIPT
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 1/19
Interface Homem-Máquina Conceitos Iniciais - 1
Interfaces HomemInterfaces Homem--MáquinaMáquina
Conceitos Iniciais
Prof.º Odilon Zappe Jr
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 2/19
Interface Homem-Máquina Conceitos Iniciais - 2
IntroduçãoIntroduçãoO que é IHC?
É o canal de comunicação entre o homem e o
computador, através do qual interagem, visandoatingir um objetivo comum.
É o conjunto de comandos de controle do
usuário + respostas do computador, constituídospor sinais (gráficos, acústicos e tácteis)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 3/19
Interface Homem-Máquina Conceitos Iniciais - 3
Introdução (cont.)Introdução (cont.)
É parte de um sistema computacional com a qual
uma pessoa entra em contato física, perceptual econceitualmente. [Moran, 1981]
Interface AplicaçãoUsuário
Sistema
ação
interpretação
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 4/19
Interface Homem-Máquina Conceitos Iniciais - 4
Por que estudar Interfaces?
Visão Geral
Visão Geral
Porque é necessário estabelecer um bom nível deconversação entre o usuário e o sistema computa-
cional
CONFORTO
(Confiabilidade)
DESEMPENHO
(Custo do trabalho)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 5/19
Interface Homem-Máquina Conceitos Iniciais - 5
Visão Geral
Visão Geral
A qualidade da interface determina se os usuáriosaceitam ou recusam um sistema (interesse comercial)
S ucesso ou fracasso de mercado
Custos de hardware e software barateados permitemque se gaste maior capacidade computacional em trocade conforto para o usuário
A qualidade da interface é crítica em certasatividades, como: tráfego aéreo ou usinas nucleares
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 6/19
Interface Homem-Máquina Conceitos Iniciais - 6
Primeiros programas: ³batch´, sem interface
Passado : Interfaces do tipo textual
� Linhas e telas de caracteresPresente: interfaces gráficas
� novos dispositivos são envolvidos, dia a dia� auxílio de som
Futuro: ambientes virtuais� uso da palavra e dos gestos� imagens animadas
HistóricoHistórico
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 7/19
Interface Homem-Máquina Conceitos Iniciais - 7
Simplifica a comunicação da idéia envolvidaCérebro humano
� processa grande quantidade de informação emcurto espaço de tempo� tem capacidade reduzida de receber e transmitir
informaçãoVisão:
� Capacidade humana mais desenvolvida, capaz dereceber e transmitir grande volume de informação,de reconhecer formas e associar características aelas
Forma (Representação VisualForma (Representação Visual
ou Pictórica)ou Pictórica)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 8/19
Interface Homem-Máquina Conceitos Iniciais - 8
DifícilNão há técnicas ou regras que garantam o sucesso ea facilidade de uso
Difícil de ser escrita� Muitos dispositivos diferentes� Funcionamento assíncrono dos dispositivos
Desempenho rigoroso, que força o software agarantir que entre a solicitação do usuário e aresposta do computador não haja ³gaps´
Criação da InterfaceCriação da Interface
P adrão
Tempo de resposta
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 9/19
Interface Homem-Máquina Conceitos Iniciais - 9
O que engloba ?
E sconder
� o sistema operacional� a manipulação dos dispositivos de entrada e saída
� o sistema de comunicações
Separar
� as várias aplicações tratadas simultaneamente P adronizar
� as formas de interação do usuário com o sistema
Criação da InterfaceCriação da Interface
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 10/19
Interface Homem-Máquina Conceitos Iniciais - 10
Auxiliam o projeto (³design´ ou desenho) da interface
Permitem a geração automática do software dainterface
As interfaces exigem, constantemente, extensões(requisitos de modificação)
Há inúmeras categorias de usuários:� aprendiz - menus� intermediário� especialista - comandos
FerramentasFerramentas
g rande, complexo e difícil de testar
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 11/19
Interface Homem-Máquina Conceitos Iniciais - 11
aumentam a produtividade
implementa a consistência
facilita a prototipação e o desenvolvimento interativo
incorporação do usuário ³não programador´
Ferramentas (cont.)Ferramentas (cont.)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 12/19
Interface Homem-Máquina Conceitos Iniciais - 12
Estilos de InteraçãoEstilos de InteraçãoTermo genérico que inclui todas as formas como os usuários se
comunicam ou interagem com sistemas computacionais
Gráficas Não-Gráficas
WYSIWYG Modelo de Automaçãode Escritórios (Menus)
Manipulação Direta Linguagens deComandos
WIMP Linguagens Naturais
Preenchimento deFormulários
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 13/19
Interface Homem-Máquina Conceitos Iniciais - 13
EstiloEstilo -- WYSIWYGWYSIWYGWhat You See Is What You Get (W YSIW YG)
A imagem de manipulação da interface é a mesmaque a aplicação cria . Ex: Editores de texto do tipoWord da Microsoft.
³ Aqui você tem negrito, sublinhado e itálico.´
Vantagens e Desvantagens:� Tela difere da impressão no estilo não WYSISWYG
� Existem aplicações que não conseguem ser implementadas neste estilo (estilo restrito)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 14/19
Interface Homem-Máquina Conceitos Iniciais - 14
EstiloEstilo ²² Manipulação DiretaManipulação DiretaSão aquelas que permitem ao usuário agir
diretamente sobre os objetos da aplicação.
O usuário interage com ícones, utilizando o mouseou outro dispositivo equivalente, através da ação dotipo clicar, arrastar (drag-and -drop), etc.
Exemplos de aplicativos que utilizam este estilo:
� Windows Explorer (mover arquivo/ diretório, ...)
� Jogos
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 15/19
Interface Homem-Máquina Conceitos Iniciais - 15
EstiloEstilo ²² WIMPWIMPWindows, Icons, Menus and Pointers
(WIMP)
Permite a interação através de componentes deinteração virtuais denominados w idgets.
Permite a implementação de vários estilos
Pode ser considerado um estilo ou um framework de
interface apoiado pela tecnologia de interfacesgráficas (GUI ± Graphical User Interfaces)
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 16/19
Interface Homem-Máquina Conceitos Iniciais - 16
EstiloEstilo ²² MenusMenusÉ um conjunto de opções apresentadas na tela,
no qual a seleção de uma ou mais opções resulta
em uma mudança no estado da interface.
Categorização hierárquica das opções.
Um menu hierárquico pode ocorrer nas formas: Pull -down: surge ao se clicar em seu título, e desaparece
quando selecionada uma das opções.
P op-u p: aparece ao se clicar em uma determinada área datela e pode permanecer visível até que o usuário selecioneum de seus itens ou decida fechá-lo.
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 17/19
Interface Homem-Máquina Conceitos Iniciais - 17
EstiloEstilo ²² Lggs de ComandoLggs de ComandoAs interfaces baseadas neste estilo proporcionamao usuário a possibilidade de enviar instruçõesdiretamente ao sistema através de comandos
específicos [P
reece, 1994]Vantagem:
� Poderosas por oferecerem acesso direto às funcionalidadesdo sistema
� Maior iniciativa do usuário
Desvantagem:
� Maior dificuldade dos iniciantes em aprender e utilizar osistema.
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 18/19
Interface Homem-Máquina Conceitos Iniciais - 18
Bastante atrativa para usuários com pouco ounenhum conhecimento em computação
Não se aplica a todos os tipos de sistemas
Para a interação do usuário com aplicações emlinguagem natural podem ser utilizados:
Interface textual: usuário digita frases
Interfaces orientadas por menus: usuário seleciona cadapalavra ou expressão até compor a frase desejada
EstiloEstilo ²² Linguagem NaturalLinguagem Natural
Sistemas de consultas a informações
Sistemas baseados em conhecimentos
5/7/2018 Interface Homem Máquina - slidepdf.com
http://slidepdf.com/reader/full/interface-homem-maquina-559aba8d9af7d 19/19
Interface Homem-Máquina Conceitos Iniciais - 19
Utilizadas principalmente para entrada de dados emsistemas de informação.
Útil principalmente quando os mesmos tipos dedados devem ser digitados repetidamente, como emcadastros, controle de vendas e estoque, etc.
Fáceis de aprender
Populares em aplicações de Internet
EstiloEstilo ²² FormuláriosFormulários