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

1. Agenda FLASH ou HTML5 Quelles technos choisir et pour quel prix ?

2. HTML5 : Les technos Ce n’est pas : CSS JAVASCRIPT SVG PNG http://www.w3.org/TR/html5/

3. HTML5 : Les technos C’est : Un ensemble de balises Des API http://www.w3.org/TR/html5/

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. HTML5 == FLASH ? NON. NISSAN JUKE : goo.gl/JKiCi

6. HTML5 == FLASH ? NON. NUMANTHIA : http://goo.gl/HeOYx

7. DEMONSTRATIONS

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. 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. 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. HTML5 et ses limites : Solutions Google Chrome Frame IE Frame ?

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. 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. 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. 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. Des questions ?

17. Agenda MERCI !

18. Icônes : http://www.wefunction.com/ Adrien Leygues http://www.bootleygues.net/ http://twitter.com/Voulf [email_address]