Smartphone et Web : pourquoi, comment ?

2,703 views
2,658 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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,703
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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>

    ×