Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Smartphone et Web : pourquoi, comment ?

3,034 views

Published on

Cette presentation fait le point sur l'interet de developper des applications web plutot que des applications natives lorsque l'on vise un smartphone. Elle a ete presentee pour la premiere fois a JumpCamp4IT

Published in: Technology, News & Politics
  • Be the first to comment

Smartphone et Web : pourquoi, comment ?

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

×