KEYLA SILVAPALESTRANTE
COMO OFERECER
BOAS EXPERIÊNCIAS
ONLINE COM A
CRIAÇÃO DE SITES
DE QUALIDADE
3www.yourwebsite.com
• Estudante de Ciência da Computação no Centro Universitário de Belo Horizonte (UniBH);• Formada em cursos como Técnico em Informática e Publicidade e Propaganda;• Diversos treinamentos na área de Testes de Softwares;• Atua há 3 anos na área de Quality Assurance (QA), como Analista de Teste na Stefanini ITSolutions, onde atualmente também exerce papéis de Scrum Master e Analista Funcional.
KEYLA SILVA
facebook.com/keylasssilva [email protected]/
COMO OFERECER BOAS
EXPERIÊNCIAS
ONLINE?
Com a criação de sites de
qualidade, levando em
consideração os seguintes itens:
• Orientar e conduzir o usuário;
• Legibilidade, estética e quantidade de informação;
• O usuário deve sempre controlar suas ações;
• Capacidade do site em se adaptar ao contexto e necessidades do usuário;
• EVITAR AO MÁXIMO A OCORRÊNCIA DE ERROS;
• Padrão e usabilidade na escolha da interface (layout);
• Compatibilidade entre o site e o contexto de aplicação.
POR QUE OFERECER
BOAS EXPERIÊNCIAS
ONLINE?
• Garantir boa aceitação e utilização;
• Qualquer site tem como principal objetivo atender os usuários;
• Sem usuários, o site fica sem função e sem razão de existir;
• Quando um site não atende ao usuário, ele simplesmente é deixado de lado e não é mais acessado;
• A qualidade é hoje o grande motivador em todas as áreas de atividade humana, todos querem oferecer e receber produtos e serviços com qualidades.
6PALESTRANTE: KEYLA SILVA
• “Qualidade é a conformidade do produto às suas especificações”. (Philip Bayard CROSBY, 1986)
• “Um produto ou serviço de qualidade é aquele que atende perfeitamente, de forma confiável, de forma acessível, de forma segura e no tempo certo às necessidades do cliente”. (Vicente FALCONI,1992)
QUALIDADE: O
QUE É ?
7PALESTRANTE: KEYLA SILVA
Facilidade de uso, desempenho, confiabilidade dos resultados, etc.
USUÁRIO
QUALIDADE EM DIFERENTES VISÕES
Facilidade de manutenção e conformidade em relação aos requisitos de usuários, etc.
IMPLEMENTADOR
Cumprimento de prazo, boa previsão de custo, boa produtividade e rentabilidade.
CLIENTE
Produto com boa qualidade é aquele que cumpre com os requisitos negociais com o mínimo de falhas possível.
TESTADOR
8PALESTRANTE: KEYLA SILVA
• Somente o processo de desenvolvimento não garantirá que o produtoesteja livre de defeitos;
• Os testes indicam a presença de defeitos no produto;
• Quando um produto não é testado, há uma grande chance deste produtopossuir erros ou defeitos, assim este produto não vai satisfazer asnecessidades do cliente e dos usuários;
• O cliente quando não está satisfeito com o produto, dificilmente irácontratar novamente a empresa para criação de novos produtos;
• Se um produto não atende o usuário, ele simplesmente troca por outroonde suas necessidades e expectativas sejam melhores atendidas;
IMPORTÂNCIA DOS TESTES?
9PALESTRANTE: KEYLA SILVA
• Quando não há qualidade no produto, a empresa fica com imagemnegativa;
• Com os testes, é possível ter maior garantia de que o produto não possuierros críticos, os quais, quando existem, podem causar grandes prejuízospara o cliente e/ou usuários.
• Com os testes, novos clientes ficarão interessados em seus produtosdevido às recomendações.
IMPORTÂNCIA DOS TESTES?
10PALESTRANTE: KEYLA SILVA
Teste é o processo de demonstrar queos defeitos não estão presentes.
DEFINIÇÕES COMUNS
DE TESTE
Teste é o processo de demonstrar que algo funciona corretamente.
Teste é o processo de provar que determinadas coisas fazem o que deveriam fazer.
11PALESTRANTE: KEYLA SILVA
Testes para poder provar
que algo está correto
VISÃO DO
DESENVOLVEDOR
TESTES:
PERSPECTIVAS DIFERENTES
Cenários
Positivos
Comuns
Cenários
Positivos
Estendidos
Cenários
Negativos
Estendidos
Testes para poder provar
que algo não está correto
VISÃO DO
TESTER
12PALESTRANTE: KEYLA SILVA
Teste é um processo sistemático e planejado que
tem por finalidade única a identificação de erros.
A CORRETA DEFINIÇÃO
DOS TESTES
13www.yourwebsite.com
DESENVOLVIMENTO
ONDE DEVEMOS APLICAR OS TESTES?
TESTES
14PALESTRANTE: KEYLA SILVA
• Todos os sites devem passar pela fase de teste;
• Pois o teste será o processo de execução do site para determinar se eleatingiu suas especificações;
• E funcionou corretamente no ambiente para o qual foi projetado;
• O seu objetivo é revelar as falhas existentes no respectivo site;
• Para que as causas dessas falhas sejam identificadas;
• E possam ser corrigidas antes da disponibilização do site na internet.
TESTES DEVEM SER FEITOS EM
QUALQUER TIPO DE SITE?
15PALESTRANTE: KEYLA SILVA
TESTE DE USABILIDADE:
Os testes são divididos em diversos tipos, de acordo com seu objetivo particular. Alguns tipos são:
Teste focado na experiência do usuário, consistência da interface, layout, acesso às funcionalidades, etc.
TIPOS DE
TESTES
TESTE DE SEGURANÇA: Testa se o produto e os dados são acessados de maneira segura apenas pelo autor das ações.
TESTE FUNCIONAL:Verificação da consistência entre o produto implementado e os requisitos funcionais.
TESTE DE VOLUME:Testa o comportamento do produto operando com o volume “normal” de dados e transações envolvendo o banco de dados durante um longo período de tempo.
16PALESTRANTE: KEYLA SILVA
TESTE DE ACEITAÇÃO:
Os testes são divididos em diversos tipos, de acordo com seu objetivo particular. Alguns tipos são:
Verifica se o produto funciona de acordo com às necessidades do cliente. E normalmente é executado pela empresa contratante.
TIPOS DE
TESTES
TESTE DE INTEGRAÇÃO:Testa se um ou mais componentes combinados
funcionam de maneira satisfatória.
TESTE DE PERFORMANCE:Verifica se o tempo de resposta é o desejado para o momento de utilização.
TESTE DE REGRESSÃO:Reteste do site ou componente para verificar se alguma modificação recente causou algum efeito indesejado, além de certificar se o site ainda atende os requisitos.
17PALESTRANTE: KEYLA SILVA
(Testes de Cross-
Browser)
• Isso pode impactar diretamente nos resultados que você deseja alcançar;
• Testar seu site em vários navegadores deve se tornar um hábito;
• Verifique a sua aparência nos diferentes browsers disponíveis no mercado, teste a navegação, preencha e envie formulários.
• A tecnologia não para de evoluir e a internet está a todo vapor;
• Cross-browser é o suporte a múltiplos navegadores de internet (Google Chrome, Internet Explorer, Firefox, Microsoft Edge, entre outros);
• Realizar testes de cross-browser é importante, pois você pode visualizar o comportamento do seu site em diferentes navegadores;
• O fato da página não funcionar corretamente para esse visitante pode resultar na perda de um cliente, que nunca mais vai querer voltar ao seu site;
TESTAR SEU SITE EM
DIFERENTES NAVEGADORES
18PALESTRANTE: KEYLA SILVA
ALGUMAS FERRAMENTAS
GRATUITAS SÃO:
• Browsershots• Viewlike.us
Formas de realizar
testes de Cross-Browser
• Baixar as últimas versões dos principais navegadores do mercado para o seu computador e testar um por um;
• Algumas ferramentas voltadas a esse tipo de teste estão aí para ajudar.
ALGUMAS FERRAMENTAS
PAGAS SÃO:
• BrowserStack• Ghostlab
19PALESTRANTE: KEYLA SILVA
Motivação para realização de
testes
20PALESTRANTE: KEYLA SILVA
IMPACTOS CAUSADOS
POR BUGS
BUG DO MILÊNIO
Quando se percebeu que muitos computadores ainda registravam anos por seus dois últimos dígitos.
HOUVE FALHAS:• Terminais de ônibus na Austrália;• Equipamentos de detecção de radiação no Japão entraram em pane;• E vários sites exibiram a data "1º de janeiro de 19100".
PREJUÍZO:Cerca de US$ 300 bilhões foram gastos em todo o mundo em medidas preventivas.
21PALESTRANTE: KEYLA SILVA
IMPACTOS CAUSADOS
POR BUGS
ERRO DA AMERICAN AIRLINES PERMITE COMPRADE PASSAGENS DE GRAÇA AO BRASIL
Um erro na página na internet da companhia American Airlines no Chile permitiu a compra de passagens com destinos a Brasil, Estados Unidos e Europa de graça, segundo clientes.
22PALESTRANTE: KEYLA SILVA
IMPACTOS CAUSADOS
POR BUGS
ORBITADOR CLIMÁTICO DE MARTE
OBJETIVO:• Enviar sinais a partir de marte, após seu pouso no planeta.
DESASTRE: • Chocou-se com o planeta.
MOTIVO:• Bug no software responsável pela conversão de medidas.
PREJUÍZO:• 165 milhões de dólares.
23PALESTRANTE: KEYLA SILVA
COMO CRIAR O HÁBITO DE
REALIZAR TESTES NOS
PRODUTOS QUE
DESENVOLVE?
• Para isso, é necessário visualizar a qualidadenão como um item a mais no processo dedesenvolvimento do produto, mas como um fatorfundamental que garantirá a satisfação dosclientes e usuários;
• Profissionais que construírem hábitos dequalidade irão produzir produtos com maisqualidade;
• E consequentemente gerarão produtos com boaaceitação e utilização.
24PALESTRANTE: KEYLA SILVA
AGRADECIMENTOS
• Organizadores do WordCamppela oportunidade e apoio;
• Todos vocês pelo apoio e presença.
25www.yourwebsite.com
REFERÊNCIAS
• BASTOS, Anderson; et. al. Base de conhecimento em teste de software.São Paulo: Martins Fontes, 2007.• BROWSER SHOTS. Disponível em: http://browsershots.org/. Acesso em:12 Jul 2016.•BROWSER STACK. Disponível em: https://www.browserstack.com/. Acessoem: 12 Jul 2016.• BBC. Erro da American Airlines permite compra de passagens de graçaao Brasil. Disponível em:http://www.bbc.com/portuguese/noticias/2015/09/150929_americanairlines_problema_hb. Acesso em: 07 Jul 2016.• CANALTECH. 5 Ferramentas gratuitas para testar seu site em diferentesnavegadores. Disponível em:http://canaltech.com.br/dica/programacao/5-ferramentas-gratuitas-para-testar-seu-site-em-diferentes-navegadores/. Acesso em 12 Jul 2016.• GTSW. Alguns motivos para implantar testes na sua empresa. Disponívelem: http://gtsw.blogspot.com.br/2011/01/alguns-motivos-para-implantar-testes-na.html. Acesso em: 07 Jul 2016.•GHOSTLAB. Disponível em:https://responsivedesign.is/resources/testing/ghostlab. Acesso em: 12 Jul2016.• OLHAR DIGITAL. Bug faz usuários descobrirem se são populares noFacebook. Disponível em: http://olhardigital.uol.com.br/noticia/bug-faz-usuarios-descobrirem-se-sao-populares-no-facebook/52172. Acesso em:07 Jul 2016.• WEBINSIDER. Boas práticas no desenvolvimento de websites. Disponívelem: https://webinsider.com.br/2007/11/19/boas-praticas-no-desenvolvimento-de-websites/. Acesso em: 07 Jul 2016.• VIEWLIKEUS. Disponível em: http://www.viewlike.us/. Acesso em: 12 Jul2016.
26PALESTRANTE: KEYLA SILVA
Vamos entrar em contatokeylasilva.esy.es/
facebook.com/keylasssilva instagram.com/keylasss