Upload
adrien-leygues
View
3.715
Download
0
Embed Size (px)
DESCRIPTION
Support de conférence pour les ateliers Paris-Web 2011 sur les coûts de production liés à l'utilisation des tehcnos HTML5
Citation preview
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
AgendaFLASH ou HTML5
Quelles technos choisir et pour quel prix ?
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 : Les technos
Ce n’est pas :
CSSJAVASCRIPTSVGPNG
http://www.w3.org/TR/html5/
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 : Les technos
C’est :
Un ensemble de balises Des API
http://www.w3.org/TR/html5/
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 : Un buzzword pour les réunir tous
ClientsDécideursMarketingCréatifsDéveloppeursErgonomes …
HTML + CSS+ JAVASCRIPT+ AJAX+ SVG
HTML5Applications
richesCreative commons - LeJoe
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 == FLASH ? NON.
NISSAN JUKE : goo.gl/JKiCi
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 == FLASH ? NON.
NUMANTHIA : http://goo.gl/HeOYx
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
DEMONSTRATIONS
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
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
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 et ses limites : Cross-Compatibilité
Fallback : Ici du Flash pour afficher de la vidéo sur IE 6/7/8 > 2 développements
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 et ses limites : Performances
VISIONS OF BEAUTIES :http://goo.gl/dV5K0
IE6/IE7/IE8 :40% de dév. en plusImpossibilités de dév.Moteur JS à genouxImplémentation CSS trop faible
iPad : Moteur JS à genoux mais accélération 3D via CSS
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
HTML5 et ses limites : Solutions
Google Chrome FrameIE Frame ?
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
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/
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
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
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
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 !
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
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
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
Des questions ?
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
Agenda
MERCI !
Flash ou HTML5 : Quelles technos choisir pour quel prix ? Paris Web 2011 | Adrien Leygues
Adrien Leygueshttp://www.bootleygues.net/http://twitter.com/[email protected]
Icônes : http://www.wefunction.com/