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

4 430 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
4 430
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 257
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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]

×