Smartphone et Web Présenté par Didier Girard, Patrice de Saint Steban, Christophe Phu
Plan <ul><li>Vous avez dit SFEIR ? </li></ul><ul><li>Application Web ou application native </li></ul><ul><li>API intéressa...
Vous avez dit SFEIR ?
La société <ul><li>250 collaborateurs </li></ul><ul><li>1985 </li></ul>
<ul><li>Rich Internet Application, Informatique mobile (Android, iPhone), </li></ul><ul><li>Cloud Computing, Internet dans...
Partager <ul><li>Conférences </li></ul><ul><li>Articles </li></ul><ul><li>Blogs </li></ul><ul><li>Projets OpenSource </li>...
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 ema...
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 un...
API intéressantes
API Intéressantes <ul><li>Geolocation API (iPhone/Android) </li></ul><ul><li>Database API (iPhone/Android) </li></ul><ul><...
Pattern graphiques
Patterns graphiques <ul><li>Pas de scroll </li></ul>
Patterns graphiques <ul><li>Gérer le back : </li></ul><ul><ul><li>Android via le bouton physique </li></ul></ul><ul><ul><l...
Patterns graphiques <ul><li>100% en horizontal </li></ul>
Patterns graphiques <ul><li>Minimiser les ouvertures de connexions </li></ul>http://www.flickr.com/photos/neldiogo/3248564...
Patterns graphiques <ul><li>Penser à remplacer les images de mise en forme par des CSS </li></ul>http://www.westciv.com/to...
Patterns graphiques <ul><li>Penser plus application que site </li></ul><ul><li>D’un point de vue architecture un site pour...
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>...
Développons un site web Séquence Live Coding
Conclusion <ul><li>Il est tout à fait possible de développer des applications web cross smartphone </li></ul><ul><li>MODDI...
Pour mieux nous connaitre <ul><li>Classique : http:/www.sfeir.com </li></ul><ul><li>Smartphone : http://m.sfeir.com </li><...
Prochain SlideShare
Chargement dans…5
×

Smartphone et Web : pourquoi, comment ?

2 876 vues

Publié le

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

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 876
Sur SlideShare
0
Issues des intégrations
0
Intégrations
28
Actions
Partages
0
Téléchargements
38
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • 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>

    ×