html5 pour l’écriture d’applications cross-devices

36

Upload: davrous

Post on 24-May-2015

3.334 views

Category:

Documents


1 download

DESCRIPTION

HTML5 et ses amis CSS3 et SVG sont particulièrement intéressants à l’heure de la multiplication des périphériques (PC, tablettes et téléphones). En effet, 2 choix s’offrent aux développeurs pour viser ces différentes plateformes. Le 1er est de coder avec l’environnement natif de chacune (Objective-C, Java, Silverlight, etc.) et cela peut vite coûter très cher. Le 2ème choix consiste à envisager une technologie commune à toutes les plateformes : HTML5. Oui mais HTML5 est-t-il capable d’offrir une richesse et une ergonomie similaire à une application native ? Comment s’adapter aux différentes résolutions et ergonomie disponibles ? Quiz des performances ? Quelles sont les limitations face à une application dite native ?Tout au long de cette session, nous essaierons de répondre à ces questions en construisant une même application qui fonctionnera sur la majorité des plateformes actuelles. Nous verrons ainsi que grâce aux dernières évolutions des technologies du W3C et à l’augmentation des performances des derniers navigateurs, HTML5 et ses amis n’ont pas à rougir face à aux applications natives pour de nombreux cas d’utilisation. Nous y découvrirons malgré tout les nouveaux challenges que cela peut lever.

TRANSCRIPT

Page 1: HTML5 pour l’écriture d’applications cross-devices
Page 2: HTML5 pour l’écriture d’applications cross-devices

David Rousset - @davrous http://blogs.msdn.com/davrousMicrosoft France

Page 3: HTML5 pour l’écriture d’applications cross-devices

La pagaille des développements natifs

Page 4: HTML5 pour l’écriture d’applications cross-devices
Page 5: HTML5 pour l’écriture d’applications cross-devices
Page 6: HTML5 pour l’écriture d’applications cross-devices
Page 7: HTML5 pour l’écriture d’applications cross-devices
Page 8: HTML5 pour l’écriture d’applications cross-devices

un environnement pour les gouverner tous?

Page 9: HTML5 pour l’écriture d’applications cross-devices
Page 11: HTML5 pour l’écriture d’applications cross-devices
Page 12: HTML5 pour l’écriture d’applications cross-devices
Page 13: HTML5 pour l’écriture d’applications cross-devices
Page 14: HTML5 pour l’écriture d’applications cross-devices

{

{

Page 15: HTML5 pour l’écriture d’applications cross-devices
Page 16: HTML5 pour l’écriture d’applications cross-devices
Page 17: HTML5 pour l’écriture d’applications cross-devices
Page 18: HTML5 pour l’écriture d’applications cross-devices
Page 19: HTML5 pour l’écriture d’applications cross-devices
Page 20: HTML5 pour l’écriture d’applications cross-devices
Page 21: HTML5 pour l’écriture d’applications cross-devices
Page 22: HTML5 pour l’écriture d’applications cross-devices
Page 23: HTML5 pour l’écriture d’applications cross-devices
Page 24: HTML5 pour l’écriture d’applications cross-devices

0

500

1000

1500

2000

2500

Chrome 14 sur

Vaio Z13

iPad 2

Page 25: HTML5 pour l’écriture d’applications cross-devices
Page 26: HTML5 pour l’écriture d’applications cross-devices
Page 27: HTML5 pour l’écriture d’applications cross-devices
Page 29: HTML5 pour l’écriture d’applications cross-devices
Page 30: HTML5 pour l’écriture d’applications cross-devices
Page 31: HTML5 pour l’écriture d’applications cross-devices
Page 32: HTML5 pour l’écriture d’applications cross-devices
Page 33: HTML5 pour l’écriture d’applications cross-devices
Page 35: HTML5 pour l’écriture d’applications cross-devices
Page 36: HTML5 pour l’écriture d’applications cross-devices