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

  • 332 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
332
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
13
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML5: o que muda? GTS – Gerência de Testes de Software
  • 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. HTML5: o que muda?Introdução
  • 4. HTML5: o que muda?Introdução
  • 5. HTML5: o que muda?Introdução
  • 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. 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. 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. 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. 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. HTML5: o que muda?Melhora na semântica web Não consegue fazer nada direito?
  • 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. 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. 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. HTML5: o que muda?O que pode mudar na maneira de testar
  • 16. HTML5: o que muda?O que pode mudar na maneira de testar
  • 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. HTML5: o que muda? O que pode mudar na maneira de testar <canvasid=“mycanvas” ... <input type=“button” ...
  • 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. HTML5: o que muda?O que pode mudar na maneira de testar
  • 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. 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. HTML5: o que muda?De RIA pra ARIA <input type="range" min="0" max="50" value="10" tabindex=“9”/>;
  • 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. 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. 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. HTML5: o que muda?De RIA pra ARIA <div id=“balaoinfo” role=“timer” aria- live=“assertive” atomic=“true”></div>;
  • 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. HTML5: o que muda?
  • 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. 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. 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. HTML5: o que muda?Referênciashttp://www.w3.org/html/logo/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  • 34. HTML5: o que muda?