SlideShare une entreprise Scribd logo
Les nouveaux standards du
web et leur implémentation
        dans les navigateurs
                  modernes
                       Tristan Nitot
           President and Founder, Mozilla Europe
                  nitot@mozilla-europe.org

                      Paul Rouget
            Technology Evangelist Europe, Mozilla
                    paul@mozilla.com
Des nouveaux standards ?
 Pour quoi faire ? (1/2)
• Pour assurer l’avenir de l’Open Web face
  aux plates-formes propriétaires (Adobe Air
  & Flash, Microsoft Silverlight)
• Pour que le Web mobile soit un choix
  pertinent face aux applications natives sur
  Mobile
Des nouveaux standards ?
 Pour quoi faire ? (2/2)

•   Pour que les
    développeurs Web
    puissent s’éclater ;-)
Quelles armes pour
    l’Open Web ?
• Multimédia
• Accès aux périphériques
• APIs pour applications
• Performance
Multimedia

• Canvas 2D
• Canvas 3D / WebGL
• Audio
• Vidéo
• SVG
Accès aux
         périphériques
• Accéléromètre
• Webcam
• GPS
• Multitouch
• Pression de la souris
APIs riches
• Off-line
• Drag & drop
• Nouvelle API pour les fichiers
• Cross-XHR
• Geolocalisation
• ...
Performance

• JIT (TraceMonkey et équivalents)
 • Des applis Web trop lentes jusqu’à présent
    deviennent possibles
• Web Worker Threads
 • Tirer parti des processeurs multi-coeurs
Combiner ces
technologies
Exemples de
          combinaison
• Utiliser le JavaScript accéléré pour
  manipuler de la vidéo en temps réel
  et faire des effets spéciaux
• Styler une vidéo avec du CSS, appliquer
  des filtres SVG
• La vidéo n’est plus isolée dans un rectangle
  intouchable !
Démos sous Firefox 3.7 pre-Alpha
&
Questions
Réponses
Merci !
 nitot@mozilla-europe.org

    paul@mozilla.com

Contenu connexe

En vedette

Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
Sanae BEKKAR
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
Ilef Ben Slima
 
Rapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilelRapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilel
Belwafi Bilel
 
Diapo PFE
Diapo PFEDiapo PFE
Diapo PFE
bhar amenallah
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Riadh K.
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Sofien Benrhouma
 

En vedette (6)

Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
Module CRM(Customer Relationship Management ) sous OpenERP7 (Partie .2.))
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Rapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilelRapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilel
 
Diapo PFE
Diapo PFEDiapo PFE
Diapo PFE
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
 

Similaire à Les Nouveaux Standards et leur implémentation dans les navigateurs modernes

HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
wyggio
 
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Microsoft
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
DocDoku
 
Challenge Exakis - Applications universelles - Introduction
Challenge Exakis - Applications universelles - IntroductionChallenge Exakis - Applications universelles - Introduction
Challenge Exakis - Applications universelles - Introduction
Jonathan Le Guellec
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
FullSIX Group
 
Le Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery MobileLe Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery Mobile
Microsoft
 
Wygday Session PléNièRe (2)
Wygday Session PléNièRe (2)Wygday Session PléNièRe (2)
Wygday Session PléNièRe (2)Gregory Renard
 
Innover Avec Les Applications De Demain
Innover Avec Les Applications De DemainInnover Avec Les Applications De Demain
Innover Avec Les Applications De DemainGregory Renard
 
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
Microsoft Technet France
 
Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07
Jean-François Ruiz
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogySacha Leprêtre
 
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Nicolas Boonaert
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Microsoft
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Microsoft
 
HTML5 & SilverLight 5
HTML5 & SilverLight 5HTML5 & SilverLight 5
HTML5 & SilverLight 5
Frédéric Harper
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
neuros
 
Introduction à web assembly
Introduction à web assemblyIntroduction à web assembly
Introduction à web assembly
Jérémy Buget
 
La diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud AzureLa diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud Azure
Microsoft
 

Similaire à Les Nouveaux Standards et leur implémentation dans les navigateurs modernes (20)

HTML5 W3C Conference Euratechnologie
HTML5 W3C Conference EuratechnologieHTML5 W3C Conference Euratechnologie
HTML5 W3C Conference Euratechnologie
 
Exakis Day
Exakis DayExakis Day
Exakis Day
 
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Challenge Exakis - Applications universelles - Introduction
Challenge Exakis - Applications universelles - IntroductionChallenge Exakis - Applications universelles - Introduction
Challenge Exakis - Applications universelles - Introduction
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 
Le Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery MobileLe Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery Mobile
 
Wygday Session PléNièRe (2)
Wygday Session PléNièRe (2)Wygday Session PléNièRe (2)
Wygday Session PléNièRe (2)
 
Innover Avec Les Applications De Demain
Innover Avec Les Applications De DemainInnover Avec Les Applications De Demain
Innover Avec Les Applications De Demain
 
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
[AzureCamp 24 Juin 2014] Interactions en "temps réel" pour les applications W...
 
Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07Conférence de Presse Back From Mix 07
Conférence de Presse Back From Mix 07
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
 
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
 
HTML5 & SilverLight 5
HTML5 & SilverLight 5HTML5 & SilverLight 5
HTML5 & SilverLight 5
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Introduction à web assembly
Introduction à web assemblyIntroduction à web assembly
Introduction à web assembly
 
La diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud AzureLa diffusion vidéo avec le Cloud Azure
La diffusion vidéo avec le Cloud Azure
 

Plus de Tristan Nitot

Keynote de Tristan Nitot sur le numérique face au changement climatique
Keynote de Tristan Nitot sur le numérique face au changement climatiqueKeynote de Tristan Nitot sur le numérique face au changement climatique
Keynote de Tristan Nitot sur le numérique face au changement climatique
Tristan Nitot
 
Quel rapport entre les réseaux sociaux et Matrix ?
Quel rapport entre les réseaux sociaux et Matrix ?Quel rapport entre les réseaux sociaux et Matrix ?
Quel rapport entre les réseaux sociaux et Matrix ?
Tristan Nitot
 
Données, Concurrence et Consommateurs
Données, Concurrence et ConsommateursDonnées, Concurrence et Consommateurs
Données, Concurrence et Consommateurs
Tristan Nitot
 
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
Tristan Nitot
 
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
Tristan Nitot
 
Making GAFAs obsolete
Making GAFAs obsoleteMaking GAFAs obsolete
Making GAFAs obsolete
Tristan Nitot
 
Making GAFAs obsolete
Making GAFAs obsoleteMaking GAFAs obsolete
Making GAFAs obsolete
Tristan Nitot
 
The Web is the (mobile) platform
The Web is the (mobile) platformThe Web is the (mobile) platform
The Web is the (mobile) platform
Tristan Nitot
 
The web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS mattersThe web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS matters
Tristan Nitot
 
Digital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile futureDigital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile future
Tristan Nitot
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobileTristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot
 
Intro Keynote - MozCamp EU, Warsaw, 2012
Intro Keynote - MozCamp EU, Warsaw, 2012Intro Keynote - MozCamp EU, Warsaw, 2012
Intro Keynote - MozCamp EU, Warsaw, 2012
Tristan Nitot
 
Firefox OS: bringing the Open Web to mobile devices
Firefox OS: bringing the Open Web to mobile devicesFirefox OS: bringing the Open Web to mobile devices
Firefox OS: bringing the Open Web to mobile devices
Tristan Nitot
 
Demoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavorDemoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavor
Tristan Nitot
 
L’enjeu du mobile pour le développeur Web, et comment Mozilla va vous aider
L’enjeu du mobile pour le développeur Web,  et comment Mozilla va vous aiderL’enjeu du mobile pour le développeur Web,  et comment Mozilla va vous aider
L’enjeu du mobile pour le développeur Web, et comment Mozilla va vous aider
Tristan Nitot
 
User freedom and control on the Web: from desktop to mobile
User freedom and control on the Web:  from desktop to mobileUser freedom and control on the Web:  from desktop to mobile
User freedom and control on the Web: from desktop to mobile
Tristan Nitot
 
Hack your phone! / User freedom in a mobile-centric world
Hack your phone!  / User freedom in a mobile-centric worldHack your phone!  / User freedom in a mobile-centric world
Hack your phone! / User freedom in a mobile-centric world
Tristan Nitot
 
Mozilla mission and the future: BrowserID, Appstore and WebFWD
Mozilla mission and the future: BrowserID, Appstore and WebFWDMozilla mission and the future: BrowserID, Appstore and WebFWD
Mozilla mission and the future: BrowserID, Appstore and WebFWD
Tristan Nitot
 
The Open Web approach
The Open Web approachThe Open Web approach
The Open Web approach
Tristan Nitot
 
Hackability - What it means, why it’s important
Hackability - What it means, why it’s importantHackability - What it means, why it’s important
Hackability - What it means, why it’s important
Tristan Nitot
 

Plus de Tristan Nitot (20)

Keynote de Tristan Nitot sur le numérique face au changement climatique
Keynote de Tristan Nitot sur le numérique face au changement climatiqueKeynote de Tristan Nitot sur le numérique face au changement climatique
Keynote de Tristan Nitot sur le numérique face au changement climatique
 
Quel rapport entre les réseaux sociaux et Matrix ?
Quel rapport entre les réseaux sociaux et Matrix ?Quel rapport entre les réseaux sociaux et Matrix ?
Quel rapport entre les réseaux sociaux et Matrix ?
 
Données, Concurrence et Consommateurs
Données, Concurrence et ConsommateursDonnées, Concurrence et Consommateurs
Données, Concurrence et Consommateurs
 
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
Cloud Europe - Pourquoi et comment les individus et les entreprises doivent p...
 
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
Souveraineté numérique de l'inidividu : du logiciel libre à la maitrise de la...
 
Making GAFAs obsolete
Making GAFAs obsoleteMaking GAFAs obsolete
Making GAFAs obsolete
 
Making GAFAs obsolete
Making GAFAs obsoleteMaking GAFAs obsolete
Making GAFAs obsolete
 
The Web is the (mobile) platform
The Web is the (mobile) platformThe Web is the (mobile) platform
The Web is the (mobile) platform
 
The web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS mattersThe web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS matters
 
Digital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile futureDigital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile future
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobileTristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
 
Intro Keynote - MozCamp EU, Warsaw, 2012
Intro Keynote - MozCamp EU, Warsaw, 2012Intro Keynote - MozCamp EU, Warsaw, 2012
Intro Keynote - MozCamp EU, Warsaw, 2012
 
Firefox OS: bringing the Open Web to mobile devices
Firefox OS: bringing the Open Web to mobile devicesFirefox OS: bringing the Open Web to mobile devices
Firefox OS: bringing the Open Web to mobile devices
 
Demoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavorDemoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavor
 
L’enjeu du mobile pour le développeur Web, et comment Mozilla va vous aider
L’enjeu du mobile pour le développeur Web,  et comment Mozilla va vous aiderL’enjeu du mobile pour le développeur Web,  et comment Mozilla va vous aider
L’enjeu du mobile pour le développeur Web, et comment Mozilla va vous aider
 
User freedom and control on the Web: from desktop to mobile
User freedom and control on the Web:  from desktop to mobileUser freedom and control on the Web:  from desktop to mobile
User freedom and control on the Web: from desktop to mobile
 
Hack your phone! / User freedom in a mobile-centric world
Hack your phone!  / User freedom in a mobile-centric worldHack your phone!  / User freedom in a mobile-centric world
Hack your phone! / User freedom in a mobile-centric world
 
Mozilla mission and the future: BrowserID, Appstore and WebFWD
Mozilla mission and the future: BrowserID, Appstore and WebFWDMozilla mission and the future: BrowserID, Appstore and WebFWD
Mozilla mission and the future: BrowserID, Appstore and WebFWD
 
The Open Web approach
The Open Web approachThe Open Web approach
The Open Web approach
 
Hackability - What it means, why it’s important
Hackability - What it means, why it’s importantHackability - What it means, why it’s important
Hackability - What it means, why it’s important
 

Les Nouveaux Standards et leur implémentation dans les navigateurs modernes

  • 1. Les nouveaux standards du web et leur implémentation dans les navigateurs modernes Tristan Nitot President and Founder, Mozilla Europe nitot@mozilla-europe.org Paul Rouget Technology Evangelist Europe, Mozilla paul@mozilla.com
  • 2. Des nouveaux standards ? Pour quoi faire ? (1/2) • Pour assurer l’avenir de l’Open Web face aux plates-formes propriétaires (Adobe Air & Flash, Microsoft Silverlight) • Pour que le Web mobile soit un choix pertinent face aux applications natives sur Mobile
  • 3. Des nouveaux standards ? Pour quoi faire ? (2/2) • Pour que les développeurs Web puissent s’éclater ;-)
  • 4. Quelles armes pour l’Open Web ? • Multimédia • Accès aux périphériques • APIs pour applications • Performance
  • 5. Multimedia • Canvas 2D • Canvas 3D / WebGL • Audio • Vidéo • SVG
  • 6. Accès aux périphériques • Accéléromètre • Webcam • GPS • Multitouch • Pression de la souris
  • 7. APIs riches • Off-line • Drag & drop • Nouvelle API pour les fichiers • Cross-XHR • Geolocalisation • ...
  • 8. Performance • JIT (TraceMonkey et équivalents) • Des applis Web trop lentes jusqu’à présent deviennent possibles • Web Worker Threads • Tirer parti des processeurs multi-coeurs
  • 10. Exemples de combinaison • Utiliser le JavaScript accéléré pour manipuler de la vidéo en temps réel et faire des effets spéciaux • Styler une vidéo avec du CSS, appliquer des filtres SVG • La vidéo n’est plus isolée dans un rectangle intouchable !
  • 11. Démos sous Firefox 3.7 pre-Alpha