ATPS de Interface Homem Máquina Etapas 1 e 2

Prévia do material em texto

CONCEITOS BÁSICOS DE INTERFACE HOMEM MÁQUINA
A Interface Homem Máquina é um canal de comunicação entre o homem e o computador, visando chegar num objetivo em comum através de suas interações, determinando como as pessoas operam e controlam este sistema operacional. Ela possui três aspectos que a tornam importante para os usuários:
1. Disseminação do uso de sistemas e equipamentos como celulares;
2. Aumento da complexidade dos sistemas;
3. Preocupação com a qualidade de um software de acordo com a característica da usabilidade.
Quando uma interface é bem projetada, os usuários se sentem realizados e seguros por realizar suas ações, pois ela é compreensível, agradável e controlável.
A tarefa da Interface Homem Máquina é desenvolver ou melhorar a segurança, utilidade, efetividade e usabilidade dos sistemas que envolvem os computadores. Através disso, o seu termo se refere a toda a tecnologia que é afetada pelo sistema computacional. 
O seu objetivo principal é fornecer explicações e previsões para os pesquisadores e desenvolvedores do sistema sobre os fenômenos da interação usuário-sistema e os resultados práticos para o design da interface de usuário. Ele é o conjunto de características de interação com as máquinas, dispositivos, programas de computador ou alguma outra ferramenta complexa.
COMPONENTES DA INTERFACE GRÁFICA
JLabel: Área em que podem ser exibidos os textos que não foram editados.
JTextField: Área em que o usuário insere os dados pelo teclado. Pode também inserir informações.
JButton: Área em que aciona um evento quando o mouse é pressionado.
JCheckBox: Componentes da Interface Gráfica que possui dois estados: selecionado e não-selecionado.
JList: Local em que uma lista de itens é exibida, a partir da qual o usuário pode fazer uma seleção clicando uma vez em qualquer elemento da lista. 
JPanel: Container em que os componentes podem ser adicionados.
JTextArea: Cria uma área de texto permitindo a visualização ou edição de um grande texto.
JPasswordField: É uma subclasse de JTextField que acrescenta vários métodos específicos para o processamento de senhas.
JSlider: É um marcador que desliza entre um intervalo de valores inteiros, podendo selecionar qualquer valor de marca de medida em que o marcador repouse.
JRadioButton: São os botões de opção dentro de um grupo em que apenas um deles pode ser selecionado, enquanto os outros ficam no estado de não-selecionado.
PROCESSO DE DESIGN: OS 5 PROCESSOS
Ciclo de Vida em Estrela: Ele é composto por seis atividades
- Análise de Tarefas, de Usuários e Funções;
- Especificação de Requisitos;
- Projeto Conceitual;
- Especificação do Design;
- Prototipação;
- Implementação e Avaliação.
Engenharia de Usabilidade da Nielsen: Conjunto de atividades que ocorre durante todo o ciclo de vida de um produto. Os conjuntos de atividade são reconhecer o Usuário, realizar a análise competitiva,definir metas de usabilidade, fazer designs paralelos, adotar o design participativo, fazer o design coordenado da interface como um todo, aplicar diretrizes e análise heurística, fazer protótipos, realizar testes empíricos e praticar o design interativo.
Design Contextual: O designer procura entender a necessidade dos usuários, fazendo uma investigação minuciosa do contexto de uso. Suas etapas são fazer a investigação contextual, modelar o trabalho, consolidação, re-projetar, projetar uma solução de interação e interface, construir protótipos e avaliá-los.
Design Baseado em Cenários: Usa diferentes tipos de cenário como representação básica e fundamental durante as atividades envolvidas na concepção de uma solução IHC. As suas etapas são os cenários de problemas, cenário de atividade, cenário de informação e cenário de interação. Esses cenários são analisados durante todo o processo e descrevem hipótese de uso, permitindo prever o comportamento dos usuários.
Design Centrado na Comunicação: Sua base teórica é a engenharia semiótica. Ele não possui passo a passo muito claro, tendo apenas um quadro com algumas descrições.
PROCESSO DE DESIGN
O processo de design começa com o intuito de atender todas as necessidades que os usuários possuem, ou seja, realizar todas as tarefas que eles precisam fazer em suas tarefas diárias.
Muitos processos de design podem ser realizados em todas as máquinas que estão relacionadas à tecnologia, como computador, notebook, tablet e smartphone. 
Portanto, quando o design está sendo criado, são utilizadas ferramentas de preenchimento de informações para que os usuários tenham a opção de preencher e selecionar ou nãoo que o sistema está pedindo, oferecendo para elas uma livre escolha de decisões ou quais são as melhores formas de realizar o processo, porém é necessário que o sistema tenha a mesma interação para que todos tenham um fácil acesso de utilizá-lo.
Nisso é envolvido o serviço de formas de pagamentos, pois cada pessoa possui uma conta bancaria e essa é uma situação em que o usuário precisa escolher qual é o banco ou agência em que ele possui uma conta para efetuar o pagamento. Desta forma, além de se tornar muito eficiente, todos os usuários se sentem realizados em concluírem com as suas tarefas.
O serviço de busca de carros também se aplica para essas ferramentas, pois pode ter pessoas que procuram um veiculo mais específico, como marcas, nome do veiculo, classe do veiculo, entre outras características.
 Cada ferramenta que é utilizada possui a sua própria função, porém não deixa de interagir da mesma fora com os outros usuários.
Não apenas as ferramentas de preenchimento de informações são utilizadas, como também deve ser notado que há links e botões que permitem um usuário visitar outra página de uma interface que esteja relacionada com a página anterior em que estava. Esses links são muito utilizados para concluir e confirmar todas as informações que foram preenchidas para finalizar a interação de uma máquina tecnológica com uma pessoa. Além disso, ele confirma também a escolha de como uma pessoa pode fazer o pagamento ou qual foi o veiculo que foi escolhido por ele.
Para isto são criados os links ou botões de acesso como serviços, veículos e trabalhe conosco. Estes permitem uma interação onde possam ser exploradas outras opções e escolhas para que possam alcançar os seus objetivos finais.
Além do design de preenchimento de informações, écriado o design para o site, o qual atribui uma representação de um tema para os serviços que estão sendo oferecidos, além de descrever quais são os serviços ou a funcionalidade que esta interação pode oferecer para os usuários. Este design permite que sua interação seja mais agradável do que entediante e uma boa compreensão da maneira que as tarefas são executadas.
Diante destas observações, são muitos detalhes que não se podem deixar de lado no momento de desenvolver o design de interface. Mas estas são basicamente os métodos necessários para criar uma interface de fácil usabilidade, acesso e interação de um usuário com a máquina, e isso faz a interface gráfica ser um modo mais eficiente e rápido de executar o trabalho e finalizar o processo com a sensação de trabalho feito.
NECESSIDADES PARA O DESIGN DE INTERFACES
Quais São As Necessidades dos Vendedoresda Concessionária?
- Banco de Dados;
- Criar Páginas de Interesse;
- Páginas Auto Explicativas;
- Destaques de Conteúdos Uteis;
- Exibir Poucas Páginas;
- Sem Palavras Desnecessárias;
- Manter a Confusão no Menor Nível Possível;
- Exibir curtas instruções;
- Conteúdos Diretos;
- 
Quais São As Necessidades Do Cliente?
Para os clientes, o sistema de vendas deve conter:
- Cadastro;
- Login e Senha;
- Formas de Pagamento;
- Fácil Acesso ou Usabilidade;
- Busca de Automóveis;
- Serviço;
- Serviço de Contato;
- Categorias de Automóveis;
- Informações (Descrição da Concessionária);
- 
LAYOUT DA PÁGINA
RELATÓRIO: PROJETO DE INTERFACE
O Layout acima demonstra todas as funcionalidades que uma página de uma concessionáriadeve oferecer para todos os seus clientes, atendendo todas as necessidades de compras e de informações que os interessem. 
Nela, são apresentadas no topo os Automóveis, Serviços, Test drive e Localização. Caso o usuário clique em uma dessas opções de interação, este sistema abrirá uma nova página que lhe permitirá visualizar quais são os carros que estão sendo vendidos e os seus preços, quais serviços esta concessionária pode ofereces, marcar um dia para pode conhecer a sua loja e dar uma volta em um dos carros desta concessionária. 
Além destes serviços, o cliente que fazendo esta interação, caso tenha uma conta, tem a opção de fazer o seu login para saber sobre as novidades de vendas ou de promoções que ocorrerem. Como em todos os outros sistemas de interação com o usuário, ele possui também dá a opção de recuperar a senha caso o usuário tenha se esquecido, e este link também abrirá outra página que peça o seu e-mail cadastrado para enviar a senha que ele mesmo criou ou mudar a senha para uma nova. Esta interação dá a este usuário as opções de manter ou trocar de senha para obter mais facilidade e menos trabalho de ficar lembrando uma senha que não costuma utilizar tanto.
Para as pessoas que não possuem um cadastro, este sistema pede para preencher poucas, porém todas as informações que estão sendo mostradas para cadastrar estes usuários. Caso a informação não esteja escrita adequadamente, a interface irá pedir para que digite novamente até ser aprovada.
Quando os clientes terminam de fazer o seu cadastro, esta interface salva as suas informações no seu banco de dados, o qual também é responsável para que estes possam fazer o seu login para acompanhar as informações que este site contém.
Independente de um usuário ter ou não o cadastro, é possível fazer a compra de um carro clicando no link abaixo da imagem e do seu nome para fazer a compra. Através deste link, é aberta uma página que mostre para os usuários as formas de pagamento, o endereço onde os clientes moram para receber este carro e preencher mais algumas informações exigidas pela interface. Ao clicar em comprar, o seu pagamento será feito e todas as informações da compra do carro também estarão salvas no seu banco de dados.
Nos links inferiores da interface, são apresentados: Sobre Nós, Concessionária Worldwide, Financiamento, Sustentabilidade, Redes Sociais e Fale Conosco. Cada um destes links vai exibir uma informação sobre como é o trabalho em geral desta concessionária, apresentando um breve resumo sobre ela e mostrando por onde e como ela esta podendo ser conhecida por todos. Estas informações serão apresentadas em texto, abaixo dos carros que estão sendo vendidos.
BIBLIOGRAFIA
http://www.devmedia.com.br/interface-homem-maquina-revista-engenharia-de-software-magazine-47/24013
http://slideplayer.com.br/slide/6195747/
http://ihcfornoobs.blogspot.com.br/2013/04/fichamento-do-capitulo-4-processos-de.html
http://pt.slideshare.net/armandodaniel777/java-interface-grfica-swing
http://docplayer.com.br/844185-Componentes-da-interface-grafica-da-linguagem-java.html