Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Agenda FLASH ou HTML5 Quelles technos choisir et pour quel prix ?
HTML5 : Les technos Ce n’est pas :  CSS JAVASCRIPT SVG PNG http://www.w3.org/TR/html5/
HTML5 : Les technos C’est : Un ensemble de balises  Des API http://www.w3.org/TR/html5/
HTML5 : Un buzzword pour les réunir tous Clients Décideurs Marketing Créatifs Développeurs Ergonomes  … HTML  + CSS + JAVA...
HTML5 == FLASH ? NON. NISSAN JUKE :  goo.gl/JKiCi
HTML5 == FLASH ? NON. NUMANTHIA :  http://goo.gl/HeOYx
DEMONSTRATIONS
HTML5 et ses limites Pas toujours possible de faire à l’identique Nécessite des adaptations graphiques De 2 à 3 fois plus ...
HTML5 et ses limites : Cross-Compatibilité Fallback : Ici du Flash pour afficher de la vidéo sur IE 6/7/8 > 2 développements
HTML5 et ses limites : Performances VISIONS OF BEAUTIES : http://goo.gl/dV5K0 IE6/IE7/IE8 : 40% de dév. en plus Impossibil...
HTML5 et ses limites : Solutions Google Chrome Frame IE Frame ?
HTML5 et ses limites : IE6 (et IE7 voire IE8) LA CHINE : Un problème pour les sites internationaux 34% d’utilisateurs dans...
HTML5 : Des outils d’animation Enfin des IDE HTML/CSS/JS pour animer du contenu :  - 12 ans de retard sur Flash - Optimisé...
HTML5 : Les avantages Interopérabilité  Cross-Device :  Mobile, Browser Web Tv, Browser Console Javascript un langage puis...
Conclusion Réfléchir en amont des projets avec les différents profils pour définir les technos utilisées en fonction des c...
Des questions ?
Agenda MERCI !
Icônes :  http://www.wefunction.com/ Adrien Leygues http://www.bootleygues.net/ http://twitter.com/Voulf [email_address]
Upcoming SlideShare
Loading in …5
×

Flash vs-html5-adrien-leygues-pw-2011

4,694 views

Published on

Support de conférence pour les ateliers Paris-Web 2011 sur les coûts de production liés à l'utilisation des tehcnos HTML5

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Flash vs-html5-adrien-leygues-pw-2011

  1. 1. Agenda FLASH ou HTML5 Quelles technos choisir et pour quel prix ?
  2. 2. HTML5 : Les technos Ce n’est pas : CSS JAVASCRIPT SVG PNG http://www.w3.org/TR/html5/
  3. 3. HTML5 : Les technos C’est : Un ensemble de balises Des API http://www.w3.org/TR/html5/
  4. 4. HTML5 : Un buzzword pour les réunir tous Clients Décideurs Marketing Créatifs Développeurs Ergonomes … HTML + CSS + JAVASCRIPT + AJAX + SVG HTML5 Applications riches Creative commons - LeJoe
  5. 5. HTML5 == FLASH ? NON. NISSAN JUKE : goo.gl/JKiCi
  6. 6. HTML5 == FLASH ? NON. NUMANTHIA : http://goo.gl/HeOYx
  7. 7. DEMONSTRATIONS
  8. 8. HTML5 et ses limites Pas toujours possible de faire à l’identique Nécessite des adaptations graphiques De 2 à 3 fois plus cher qu’un équivalent Flash Les outils Flash sont maîtrisés et fiables
  9. 9. HTML5 et ses limites : Cross-Compatibilité Fallback : Ici du Flash pour afficher de la vidéo sur IE 6/7/8 > 2 développements
  10. 10. HTML5 et ses limites : Performances VISIONS OF BEAUTIES : http://goo.gl/dV5K0 IE6/IE7/IE8 : 40% de dév. en plus Impossibilités de dév. Moteur JS à genoux Implémentation CSS trop faible iPad : Moteur JS à genoux mais accélération 3D via CSS
  11. 11. HTML5 et ses limites : Solutions Google Chrome Frame IE Frame ?
  12. 12. HTML5 et ses limites : IE6 (et IE7 voire IE8) LA CHINE : Un problème pour les sites internationaux 34% d’utilisateurs dans un pays de 1 350 millions d’internautes ! http://www.ie6countdown.com/
  13. 13. HTML5 : Des outils d’animation Enfin des IDE HTML/CSS/JS pour animer du contenu : - 12 ans de retard sur Flash - Optimisé iTruc (Bouh!) - Un nouvel horizon
  14. 14. HTML5 : Les avantages Interopérabilité Cross-Device : Mobile, Browser Web Tv, Browser Console Javascript un langage puissant : NodeJS, jQuery, Javascript MVC, Unity3D, AVES-Engine, Backbone … SEO / Accessibilité / ARIA SANS PLUG-IN !
  15. 15. Conclusion Réfléchir en amont des projets avec les différents profils pour définir les technos utilisées en fonction des contraintes d’accessibilité, de référencement, de coûts et de cible Définir les apports de chaque technologie et ne pas être catégorique, HTML5 et Flash sont complémentaires
  16. 16. Des questions ?
  17. 17. Agenda MERCI !
  18. 18. Icônes : http://www.wefunction.com/ Adrien Leygues http://www.bootleygues.net/ http://twitter.com/Voulf [email_address]

×