Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company.

Apresentação em tema: "Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company."— Transcrição da apresentação:

1

2 Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company

3 Agenda O Internet Explorer e Padrões Web Posicionamento atual do IE O que causa problema? O que mudou e boas práticas Mecanismo de Compatibilidade do IE9 Como o IE9 garante a compatibilidade Ferramentas Além do bloco de notas... Compatibilidade além do IE8 Perspectiva de compatibilidade futura

4 Mas e o IE6?

5 IE e Padrões Web

6 Antes do IE9 Página Construída para o IE6 6 1. Identificar o navegador 2. Atender à página correta Sou o IE6 Ajustar as páginas para diferentes navegadores Sou o Firefox / Safari / Chrome Página outros brosers Página Construída para o IE7 Sou o IE7 7 Página Construída para os padrões IE e Padrões Web

7 Depois do IE9 IE e Padrões Web Sou o IE8 Sou o Firefox Sou o Chrome Sou o Safari Página Construída para os padrões 9 Suporte HTML 5 CSS 3 JavaScript APIs

8 A compatibilidade e os sites: Página Construída para o IE6 6 1. Identificar o navegador 2. Atender à página correta Sou o IE6 Os desenvolvedores ajustam suas páginas para diferentes navegadores Sou o Firefox / Safari / Chrome Página Construída para o IE6 Página Construída para o IE7 Sou o IE7 7 Página Construída para os padrões Como é hoje:

9 A compatibilidade e os sites: Padrão permite que uma única página funcione em todos os navegadores que estejam de acordo. Sou o Firefox Sou o IE8 Sou o Safari Sou o Chrome Página Construída para os padrões Conteúdos criados para versões anteriores do Internet Explorer (6, 7) podem ser incompatíveis com o modo padrão do Internet Explorer 8 – mas o modo de compatibilidade ajuda a resolver o problema. 9 A tendência:

10 demo Compatibilizando uma página Name Title Group

11 Mecanismo de Compatibilidade do IE9

12 Enfoque na compatibilidade Código para os Padrões do IE9 Site na Lista Compatibilidade Implantação da X-UA- Compatible Tag Botão de Compatibilidade Boa Experiência de Usuário Melhor Experiência de Usuário Necessário um Menor Esforço do Site Necessário um Maior Esforço do Site O enfoque na compatibilidade da Microsoft equilibra o desejo de promover a adoção de padrões da web com a oferta da melhor experiência de usuário com os sites atuais OIE 9 atende aos padrões mais amplos do W3C

13 Mecanismo de compatibilidade Para o usuário:

14 Mecanismo de compatibilidade Tag META:

15 Mecanismo de compatibilidade Como o Document Mode é definido Document Mode DoctypeTag MetaDocumentMode NenhumNenhumIE5 Doctype Antigo NenhumIE5 Doctype Recente/Desconhecido NenhumIE8 Qualquer Doctype IE=5IE5 IE=7IE7 IE=EmulateIE7 Depende do Doctype Qualquer Doctype IE=8IE8 IE=EmulateIE8IE8 IE=EdgeIE8 // Qual Engine meu documento usa? document.write("Meu documento usa o Engine do IE" + document.documentMode);

16 Ferramentas Para teste, desenvolvimento e compatibilidade Internet Explorer Developer Tools Desenvolvimento Teste Compatibilidade IE Compatibility and Test Tool Parte do ACT (Application Compatiblity Toolkit) Compatibilidade Expression Web Super Preview for IE Teste e Compatibilidade

17 demo IE Developer Tools e Expression Web 4 Super Preview Name Title Group

18 Compatibilidade além do IE9 IE 10, IE 11.... Suporte aos padrões web Como migrar para IE9 é o melhor caminho Suporte total ao mecanismo de compatibilidade

19 demo Compatibilidade com IE 10 Name Title Group

20 PowerPoint Guidelines Font, size, and color for text have been formatted for you in the Slide Master This template uses Arial a standard font included in Office 2007, Office 2010, Windows Vista and Windows 7 Use the color palette shown below Sample Fill

21 Chart Example

22 Slide for Showing Developer’s Software Code

23 demo Demo Title Name Title Group

24 Video Title video

25 partner Partner Title Name Title Company

26 customer Customer Title Name Title Company

27 announcement Announcement Title

28 Title

29 Conteúdo Relacionado Slide Obrigatorio Palestrantes, Por favor listar conteudos existentes dentro das paginas dos produtos (www.microsoft.co mbrasil) e paginas do TechNet e MSDN (technet.microsoft. com/brasil – msdn.microsoft./co m/brasil)www.microsoft.co mbrasil Breakout Sessions (session codes and titles) Interactive Sessions (session codes and titles) Hands-on Labs (session codes and titles) Product Demo Stations (demo station title and location) Related Certification Exam Find Me Later At…

30 Conteúdo Relacionado Slide Obrigatorio Palestrantes, Por favor listar conteudos existentes dentro das paginas dos produtos (www.microsoft.co mbrasil) e paginas do TechNet e MSDN (technet.microsoft. com/brasil – msdn.microsoft./co m/brasil)www.microsoft.co mbrasil http://msdn.microsoft.com/en-us/ie/cc405106 http://technet.microsoft.com/pt-br/library/gg699432.aspx http://ie.microsoft.com/testdrive/ http://www.internetexplorer9.com.br/ Related Certification Exam Find Me Later At…

31 Palestras Relacionadas Resource 1 Resource 2 Resource 3 Resource 4

32 Recursos Recursos para IT Pros Recursos para Desenvolvedores http://technet.microsoft.com/pt-br http://msdn.microsoft.com/pt-br

33 Não esqueça de preencher sua avaliação online www.teched.com.br/avaliacao

34 © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.