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

4,569 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,569
On SlideShare
0
From Embeds
0
Number of Embeds
2,330
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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]

×