![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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/30.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/31.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/32.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/33.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/34.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/35.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/36.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/37.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/38.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/39.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/40.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022070900/5f42971dd2c258702d017010/html5/thumbnails/41.jpg)
© 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