Smartphone et Web Présenté par Didier Girard, Patrice de Saint Steban, Christophe Phu
Plan Vous avez dit SFEIR ? Application Web ou application native API intéressantes Pattern graphiques Développons un site web
Vous avez dit SFEIR ?
La société 250 collaborateurs 1985
Rich Internet Application, Informatique mobile (Android, iPhone), Cloud Computing, Internet dans des conditions extrêmes, Réseaux Sociaux Innovation :10% du CA
Partager Conférences Articles Blogs Projets OpenSource Livre
Un livre
Application Web ou application native
Web ou natif Par défaut, faites du web. Le smartphone va devenir le moyen privilégié d’accès à internet : web, chat et emails. Envoyer un pointeur sur une application native n’est pas très portable. Dès que l’application a une dimension sociale, il faut du web.
Web ou natif Quand ne pas faire de web ? Lorsque le service que vous voulez créer utilise une API qui n’est pas exposée dans les navigateurs Si vous voulez un service dormant Si vous voulez vendre via une market
API intéressantes
API Intéressantes Geolocation API (iPhone/Android) Database API (iPhone/Android) Storage API (iPhone/Android) Application Cache API (iPhone/Gears)
Pattern graphiques
Patterns graphiques Pas de scroll
Patterns graphiques Gérer le back : Android via le bouton physique iPhone il faut l’inclure dans l’IHM afin supporter le raccourci des applications
Patterns graphiques 100% en horizontal
Patterns graphiques Minimiser les ouvertures de connexions http://www.flickr.com/photos/neldiogo/3248564777/
Patterns graphiques Penser à remplacer les images de mise en forme par des CSS http://www.westciv.com/tools/gradients/
Patterns graphiques Penser plus application que site D’un point de vue architecture un site pour Smartphone ressemble plus à GMail qu’à Wikipedia Image : http://msdn.microsoft.com/en-us/magazine/cc507641.aspx
Pouce Le pouce est plus gros que le pointeur souris Pas de « Over » : pas de Drag and Drop
Développons un site web Séquence Live Coding
Conclusion Il est tout à fait possible de développer des applications web cross smartphone MODDING est un mini portage des patterns Activity et Intent d’Android Pour la viralité : toute application native doit avoir son pendant web
Pour mieux nous connaitre Classique : http:/www.sfeir.com Smartphone : http://m.sfeir.com

Smartphone et Web : pourquoi, comment ?

  • 1.
    Smartphone et WebPrésenté par Didier Girard, Patrice de Saint Steban, Christophe Phu
  • 2.
    Plan Vous avezdit SFEIR ? Application Web ou application native API intéressantes Pattern graphiques Développons un site web
  • 3.
  • 4.
    La société 250collaborateurs 1985
  • 5.
    Rich Internet Application,Informatique mobile (Android, iPhone), Cloud Computing, Internet dans des conditions extrêmes, Réseaux Sociaux Innovation :10% du CA
  • 6.
    Partager Conférences ArticlesBlogs Projets OpenSource Livre
  • 7.
  • 8.
    Application Web ouapplication native
  • 9.
    Web ou natifPar défaut, faites du web. Le smartphone va devenir le moyen privilégié d’accès à internet : web, chat et emails. Envoyer un pointeur sur une application native n’est pas très portable. Dès que l’application a une dimension sociale, il faut du web.
  • 10.
    Web ou natifQuand ne pas faire de web ? Lorsque le service que vous voulez créer utilise une API qui n’est pas exposée dans les navigateurs Si vous voulez un service dormant Si vous voulez vendre via une market
  • 11.
  • 12.
    API Intéressantes GeolocationAPI (iPhone/Android) Database API (iPhone/Android) Storage API (iPhone/Android) Application Cache API (iPhone/Gears)
  • 13.
  • 14.
  • 15.
    Patterns graphiques Gérerle back : Android via le bouton physique iPhone il faut l’inclure dans l’IHM afin supporter le raccourci des applications
  • 16.
  • 17.
    Patterns graphiques Minimiserles ouvertures de connexions http://www.flickr.com/photos/neldiogo/3248564777/
  • 18.
    Patterns graphiques Penserà remplacer les images de mise en forme par des CSS http://www.westciv.com/tools/gradients/
  • 19.
    Patterns graphiques Penserplus application que site D’un point de vue architecture un site pour Smartphone ressemble plus à GMail qu’à Wikipedia Image : http://msdn.microsoft.com/en-us/magazine/cc507641.aspx
  • 20.
    Pouce Le pouceest plus gros que le pointeur souris Pas de « Over » : pas de Drag and Drop
  • 21.
    Développons un siteweb Séquence Live Coding
  • 22.
    Conclusion Il esttout à fait possible de développer des applications web cross smartphone MODDING est un mini portage des patterns Activity et Intent d’Android Pour la viralité : toute application native doit avoir son pendant web
  • 23.
    Pour mieux nousconnaitre Classique : http:/www.sfeir.com Smartphone : http://m.sfeir.com

Notes de l'éditeur

  • #10 Le smartphone va devenir le moyen privilégier d’accès au web et au email. Envoyer un pointeur sur une application native n’est pas tres portable. Des que l’application a une dimension sociale, il faut du web. Quand ne pas faire de web : Lorsque le service que vous voulez rendre utilise une API qui n’est pas expose dans le navigateur Si vous voulez un service dormant.