Em desenvolvimento - Gerência de Testes de Software - HTML5 v.7.1

581 views

Published on

22/03/13 - Em fase de finalização;

Published in: Technology
  • Be the first to comment

Em desenvolvimento - Gerência de Testes de Software - HTML5 v.7.1

  1. 1. HTML5: o que muda? GTS – Gerência de Testes de Software
  2. 2. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  3. 3. HTML5: o que muda?Introdução
  4. 4. HTML5: o que muda?Introdução
  5. 5. HTML5: o que muda?Introdução
  6. 6. HTML5: o que muda?Introdução • É uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc); • É considerada um dos 3 pilares da web; • Mantida e documentada pelo consórcio W3C;
  7. 7. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  8. 8. HTML5: o que muda?Sobre a versão 5 • Não fará que tecnologias como Flash, Flex e Silverlight desapareçam; • Praticamente nativo para os navegadores mobile; • Facilita a manipulação do elementos HTML;
  9. 9. HTML5: o que muda?Sobre a versão 5 • Mantida em conjunto com a WHATWG; • Dispensa a utilização de plugins para vídeos e etc; • Criação de código interoperável;
  10. 10. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  11. 11. HTML5: o que muda?Melhora na semântica web Não consegue fazer nada direito?
  12. 12. HTML5: o que muda?Melhora na semântica web • Informação mais organizada; • Permite maior compreensão por parte das máquinas; • Possibilidade de facilitar o encontro de informações na web; • Melhor utilização dos metadados;
  13. 13. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  14. 14. HTML5: o que muda?O que pode mudar na maneira de testar • Múltiplas tecnologias; • Poucas soluções para automação de testes que atendem aos padrões; • Comportamento inconsistente entre diferentes navegadores;
  15. 15. HTML5: o que muda?O que pode mudar na maneira de testar
  16. 16. HTML5: o que muda?O que pode mudar na maneira de testar
  17. 17. HTML5: o que muda?O que pode mudar na maneira de testar • Abordagem diferente, usabilidade como a de um aplicativo desktop; • Problemas com a possibilidade de armazenamento local, por exemplo XSS¹; • Canvas pode não ser reconhecido na automatização de testes; ¹ Cross-site Scripting
  18. 18. HTML5: o que muda? O que pode mudar na maneira de testar <canvasid=“mycanvas” ... <input type=“button” ...
  19. 19. HTML5: o que muda?O que pode mudar na maneira de testar • Ambiente altamente dinâmico; • Aplicativos desenvolvidos para navegadores e dispositivos móveis; • Possibilidade de conversão de jogos clássicos;
  20. 20. HTML5: o que muda?O que pode mudar na maneira de testar
  21. 21. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  22. 22. HTML5: o que muda?De RIA pra ARIA • Problemas de acessibilidade com RIA: Problemas operacionais, falta interatividade com teclado; • Correção com Accessible RIA (ARIA): Permitir selecionar todos os elementos e a definição de uma tecla para operá-lo;
  23. 23. HTML5: o que muda?De RIA pra ARIA <input type="range" min="0" max="50" value="10" tabindex=“9”/>;
  24. 24. HTML5: o que muda?De RIA pra ARIA • Problemas de acessibilidade com RIA: Falta de semântica para elementos específicos de interação; • Correção com Accessible RIA (ARIA): Fornece informações necessárias para reconhecimento de tecnologias assistivas;
  25. 25. HTML5: o que muda?De RIA pra ARIA <input type="range" min="0" max="50" value="10" tabindex=“9” role=“slider” aria-valuemin=“0” aria-valuemax=“10”/>;
  26. 26. HTML5: o que muda?De RIA pra ARIA • Problemas de acessibilidade com RIA: Informações eram atualizadas sem informar a tecnologia assistida; • Correção com Accessible RIA (ARIA): As regiões que são atualizadas dinâmicamente, devem ser devidamente identificadas, qual a sua prioridade e o que deve ser repassado do seu conteúdo;
  27. 27. HTML5: o que muda?De RIA pra ARIA <div id=“balaoinfo” role=“timer” aria- live=“assertive” atomic=“true”></div>;
  28. 28. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  29. 29. HTML5: o que muda?
  30. 30. HTML5: o que muda?Agenda• Introdução• Sobre a versão 5• Melhora na semântica web• O que pode mudar na maneira de testar• De RIA pra ARIA• Dúvidas?• Referências
  31. 31. HTML5: o que muda?ReferênciasEIS, Diego. A Web semântica. Disponível em:http://tableless.com.br/a-web-semantica/;MERAYO, Ramón. Rich Internet Applications (RIA) and WebAccessibility. Disponível em:http://www.upf.edu/hipertextnet/en/numero-9/ria-and-web-accessibility.html;FAULKNER, Steve et al; Using WAI-ARIA in HTML. Disponívelem: https://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html;
  32. 32. HTML5: o que muda?Referênciasfdffff: http://slides.html5rocks.com/#landing-slide. Acessado em17/03/2013;http://www.w3.org/WAI/PF/aria/states_and_properties#attrs_dragdrop;http://dev.w3.org/html5/markup/aria/aria.htmlhttp://www.glasbergen.com/?s=cant+you+do+anything+righthttp://www.whatwg.org/specs/web-apps/current-work/multipage/http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf
  33. 33. HTML5: o que muda?Referênciashttp://www.w3.org/html/logo/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  34. 34. HTML5: o que muda?

×