Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de...

41
1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte Infrastructure Microsoft France http://blogs.msdn.com/iefrance

Transcript of Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de...

Page 1: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

1

Quoi de 9 avec ?

David Rousset Stanislas Quastana, CISSP

Architecte développeur Architecte Infrastructure

Microsoft France

http://blogs.msdn.com/iefrance

Page 2: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

2

Aucun navigateur ne sera épargné durant ces démos

Mais aucun ne sera maltraité ;-)

Page 3: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

3

Agenda

Introduction

Internet Explorer dans l’entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Page 4: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

4

Agenda

Introduction

Internet Explorer dans l’entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Page 5: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

5

1995-2000

2001

2006

2009 2010

Un peu d’histoire

Page 6: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

6

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

IE 6

Firefox 1.5

IE 6 SP2 IE 7

Firefox 2.x

Firefox 3.0.x

Chrome 2.0

IE 8

Firefox 3.6.x

Firefox 3.5.x

Chrome 3.0

Chrome 4.0

Firefox 1.0

Chrome 5.0

Chrome 6.0

Chrome 7.0

Page 7: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

7

Agenda

Introduction

Internet Explorer dans l’entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Page 8: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

8

Page 9: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

9

2 types d’incompatibilités

mauvais rendu des sites Web

ActiveX, User-Agent, appl./ composant tiers ne fonctionnant pas

Page 10: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

10

Gestion du mode de compatibilité

5 EmulateIE7 7 EmulateIE8 8 Edge

DOCTYPE?

DOCTYPE?

<meta http-equiv=“X-UA-Compatible” content=“IE=X” />

Mode Quirks Mode IE7 Standard

Mode IE8 Standard

Mode IE Next

Non

Oui

Non

Oui

Page 11: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

11

ActiveX

Composant additionnel

Application / Site Web

Nécessite la version X d’

Uti

lise

/ n

éce

ssit

e

Uti

lise

/ n

éces

site

Page 12: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

12

Ressources pour les problèmes de compatibilité

http://tinyurl.com/32kauja

Page 13: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

13

Agenda

Introduction

Internet Explorer dans l’entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Ressources utiles

Page 14: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

14

Ergonomie et usages

87% des utilisateurs lancent une application depuis la barre de tâches de Windows

33% d’utilisateurs de Windows 7 ont déjà épinglé une application

4% d’utilisateurs utilisent les favoris des navigateurs

Moins de 10% des utilisateurs utilisent plus de 8 onglets à la fois

1% des utilisateurs utilisent un raccourci clavier pour ouvrir un onglet (Ctrl+T)

Page 15: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

15

Nouvelle interface Intégration avec Windows 7

Page 16: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

16

68 pixels

122 pixels

118 pixels

96 pixels

89 pixels

Page 17: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

17

Agenda

Introduction

Internet Explorer dans l’entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Ressources utiles

Page 18: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

18

Etude Forester Consulting "The Evolution Of Web Development - An Inflection Point In Web Design And Evolving Standards Sets The Stage For HTML 5 Adoption“ Septembre 2010 Base : 210 développeurs Web (USA & Royaume Uni)

Page 19: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

19

Source : Etude Forester Consulting "The Evolution Of Web Development - An Inflection Point In Web Design And Evolving Standards Sets The Stage For HTML 5 Adoption“ Septembre 2010 Base : 210 développeurs Web (USA & Royaume Uni)

Page 20: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

20

HTML5 en résumé très simplifié

HTML5 : Le markup de la future génération d’applications Web

<video> : la balise pour afficher une vidéo sans plug-in

<canvas> : pour dessiner directement dans une Bitmap

Et bien d’autres !

CSS3 : permet d’appliquer des styles au document Nouveautés : animations, opacité, coins arrondis, etc.

SVG 1.1 (Scalable Vector Graphics) : moteur de dessin vectoriel

Page 21: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

21

Source : Etude Forester Consulting "The Evolution Of Web Development - An Inflection Point In Web Design And Evolving Standards Sets The Stage For HTML 5 Adoption“ Septembre 2010 Base : 210 développeurs Web (USA & Royaume Uni)

Page 22: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

22

Source : Etude Forester Consulting "The Evolution Of Web Development - An Inflection Point In Web Design And Evolving Standards Sets The Stage For HTML 5 Adoption“ Septembre 2010 Base : 210 développeurs Web (USA & Royaume Uni)

Page 23: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

23

Conformité aux standards (W3C)

IE 8 a marqué le coup: Excellente implémentation de CSS 2.1

Début d’implémentation de HTML 5 comme précisé ici

Microsoft souhaite s’engager avec la même qualité avec IE 9

HTML 5

Et CSS 3 pas simplement uniquement sur ACID 3

SVG 1.1

Page 24: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

24

Participation au W3C

Microsoft est co-chairman du Working Group HTML (Paul Cotton)

Membre du groupe de travail SVG

Microsoft responsable de la Task Force sur la création de jeux de tests unitaires

7200 fournis pour IE8 (HTML4/CSS 2.1)

On pense qu’il faudra jusqu’à 60000 tests unitaires pour valider les spécifications HTML5/CSS3

Rappel : ACID3 = 100 tests répartis sur 6 groupes

Page 25: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

25

Jeux de tests HTML5 soumis au W3C

Standards du Web

Nombre de tests soumis

Internet Explorer 9 Platform Preview

Mozilla Firefox 3.6.11

Opera 10.63

Apple Safari 5.0.2

Google Chrome 7.0.517.41

Internet Explorer 8

HTML5 122 98% 50% 57% 55% 70% 0%

SVG 1.1 2nd edition

70 100% 77% 87% 86% 89% 0%

CSS3 135 98% 59% 75% 69% 70% 10%

DOM 187 99% 76% 64% 68% 71% 4%

JavaScript 2339 100% 68% 68% 91% 96% 8%

Mise à jour : 29 octobre 2010

Page 26: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

26

Page 27: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

27

Page 28: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

28

Page 29: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

29

Page 30: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

30

Moteur de rendu d’IE 9

HTML5/CSS3/SVG entièrement accélérés par le processeur de la carte graphique (GPU)

Graphiques et textes accélérés dans Windows 7 ou Windows Vista grâce à Direct2D/DirectWrite

Page 31: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

31

HTML5 accéléré Barre de développement (F12)

Page 32: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

32

Performance des sous-systèmes

Analysons comment sont stressées les différentes parties du navigateur

Page 33: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

34

Nouveau moteur Javascript

Nouveau moteur JavaScript (Chakra) tirant partie des CPUs multi-cœurs

Nouvelle architecte pour intégration au cœur d’Internet Explorer

Objectif : réduction du Marshalling

Page 34: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

Moteur Javascript traditionnel

Source

Code Parser AST Interpreter ByteCode

Foreground

Page 35: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

Source Code

Parser AST Interpreter ByteCode

Foreground

Nouveau moteur Javascript “Chakra”

Background Background

Compiler

Native

Code

Compiled JavaScript In The Background Using Multiple Cores

Page 36: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

37

Performances Javascript accrues 1

se

con

de

Page 37: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

38

1 s

ec

Page 38: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

39

Agenda

Introduction

Internet Explorer dans entreprise

Une nouvelle carrosserie

Des nouveaux moteurs

Synthèse

Page 39: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

40

Synthèse

IE 9 se focalise sur les aspects support des nouveaux standards (HTML5/CSS3/SVG) et les performances

Se préparer à Internet Explorer 8 c’est se préparer à Internet Explorer 9

Téléchargez et évaluez la beta d’Internet Explorer 9 sur http://ie.microsoft.com/testdrive

Page 40: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

41

Ressource utiles

Blog français sur Internet Explorer http://blogs.msdn.com/iefrance

Page 41: Quoi de 9 avec Internet Explorerdownload.microsoft.com/documents/France/MSDAYS/2011/Quoi...1 Quoi de 9 avec ? David Rousset Stanislas Quastana, CISSP Architecte développeur Architecte

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 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.

Votre potentiel, notre passion TM