ParisJS 9 PhoneGap Feedbacks

1,848 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,848
On SlideShare
0
From Embeds
0
Number of Embeds
102
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

ParisJS 9 PhoneGap Feedbacks

  1. 1. PhoneGap feedbacks Don’t worry guys, the internet is here ´ Eric Plaquevent Smile July 27, 2011´Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 1 / 21
  2. 2. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 2 / 21
  3. 3. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 3 / 21
  4. 4. Vision de PhoneGapTout est une question de point de vueD´veloppeur e Des applications “natives-like”, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
  5. 5. Vision de PhoneGapTout est une question de point de vueD´veloppeur e Des applications “natives-like”, Des features avanc´es : acc´l´rom`tre, cam´ra... e ee e e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
  6. 6. Vision de PhoneGapTout est une question de point de vueD´veloppeur e Des applications “natives-like”, Des features avanc´es : acc´l´rom`tre, cam´ra... e ee e eSSII Un outil de packaging de site web. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
  7. 7. Vision de PhoneGapTout est une question de point de vueD´veloppeur e Des applications “natives-like”, Des features avanc´es : acc´l´rom`tre, cam´ra... e ee e eSSII Un outil de packaging de site web.Client Uh ? ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
  8. 8. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 5 / 21
  9. 9. Int´rˆt pour l’entreprise (SSII) eeD´veloppements e Un seul code, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
  10. 10. Int´rˆt pour l’entreprise (SSII) eeD´veloppements e Un seul code, 6 plateformes cibles, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
  11. 11. Int´rˆt pour l’entreprise (SSII) eeD´veloppements e Un seul code, 6 plateformes cibles, Plus simple ` maintenir et faire ´voluer. a e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
  12. 12. Int´rˆt pour l’entreprise (SSII) eeD´veloppements e Un seul code, 6 plateformes cibles, Plus simple ` maintenir et faire ´voluer. a eLes technos Web Prise en main rapide. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
  13. 13. Int´rˆt pour l’entreprise (SSII) eeD´veloppements e Un seul code, 6 plateformes cibles, Plus simple ` maintenir et faire ´voluer. a eLes technos Web Prise en main rapide. “The PhoneGap project will always remain free and open source under an MIT license.” ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
  14. 14. Int´rˆt pour le client eeLa visibilit´ e 1 D´veloppement d’un site web mobile, e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
  15. 15. Int´rˆt pour le client eeLa visibilit´ e 1 D´veloppement d’un site web mobile, e 2 avec un framework JS pour l’UI, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
  16. 16. Int´rˆt pour le client eeLa visibilit´ e 1 D´veloppement d’un site web mobile, e 2 avec un framework JS pour l’UI, 3 le client voit l’avanc´e simplement, e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
  17. 17. Int´rˆt pour le client eeLa visibilit´ e 1 D´veloppement d’un site web mobile, e 2 avec un framework JS pour l’UI, 3 le client voit l’avanc´e simplement, e 4 satisfait ? packaging avec PhoneGap. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
  18. 18. Int´rˆt pour le client eeLa visibilit´ e 1 D´veloppement d’un site web mobile, e 2 avec un framework JS pour l’UI, 3 le client voit l’avanc´e simplement, e 4 satisfait ? packaging avec PhoneGap.Les technos Web Reprise du code facilit´ pour les ´quipes client. e e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
  19. 19. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 8 / 21
  20. 20. Environnement de d´veloppement eOutils pour d´velopper avec PhoneGap e Plugin Eclipse PhoneGap pour Android : Int´gration Sencha e Touch & jQueryMobile, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 9 / 21
  21. 21. Environnement de d´veloppement eOutils pour d´velopper avec PhoneGap e Plugin Eclipse PhoneGap pour Android : Int´gration Sencha e Touch & jQueryMobile, Debug dans un navigateur WebKit, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 9 / 21
  22. 22. Environnement de d´veloppement eOutils pour d´velopper avec PhoneGap e Plugin Eclipse PhoneGap pour Android : Int´gration Sencha e Touch & jQueryMobile, Debug dans un navigateur WebKit, Extension Ripple pour Chrome. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 9 / 21
  23. 23. Debug Avant le debug dans votre navigateur favori :1 < s c r i p t t y p e =” t e x t / j a v a s c r i p t ”>2 // Phonegap checks if the device is ready before launching the app3 // document . a d d E v e n t L i s t e n e r (" deviceready " , app . launch , false );4 app . l a u n c h ;5 </ s c r i p t > Ripple ´ Emulateur : Ripple (http://tinyhippos.com/) Mock la g´olocalisation, les ´v`nements tactiles, la connexion r´seau, e e e e etc. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 10 / 21
  24. 24. UILes diff´rents frameworks JS pour l’UI e Sencha Touch : un framework MVC, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
  25. 25. UILes diff´rents frameworks JS pour l’UI e Sencha Touch : un framework MVC, jQueryMobile : une tr`s belle librairie de composants, e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
  26. 26. UILes diff´rents frameworks JS pour l’UI e Sencha Touch : un framework MVC, jQueryMobile : une tr`s belle librairie de composants, e iUi : a bien ´volu´, e e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
  27. 27. UILes diff´rents frameworks JS pour l’UI e Sencha Touch : un framework MVC, jQueryMobile : une tr`s belle librairie de composants, e iUi : a bien ´volu´, e e Rien ? ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
  28. 28. UILes diff´rents frameworks JS pour l’UI e Sencha Touch : un framework MVC, jQueryMobile : une tr`s belle librairie de composants, e iUi : a bien ´volu´, e e Rien ?Templatingmustache.js, jQuery-tmpl, EJS... ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
  29. 29. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 12 / 21
  30. 30. PhoneGap Buildwhere the magic happensEn version bˆta, build pour : iOS, Android, WebOS, Symbian, eBlackBerry. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 13 / 21
  31. 31. Build ` la main ado it yourselfDans la vraie vie, pour un client il est peu probable que vous mettiezles sources de son appli dans le cloud.G´n´ration des livrables e e SDK des plateformes cibles, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 14 / 21
  32. 32. Build ` la main ado it yourselfDans la vraie vie, pour un client il est peu probable que vous mettiezles sources de son appli dans le cloud.G´n´ration des livrables e e SDK des plateformes cibles, OS qui vont bien, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 14 / 21
  33. 33. Build ` la main ado it yourselfDans la vraie vie, pour un client il est peu probable que vous mettiezles sources de son appli dans le cloud.G´n´ration des livrables e e SDK des plateformes cibles, OS qui vont bien, simulateurs, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 14 / 21
  34. 34. Build ` la main ado it yourselfDans la vraie vie, pour un client il est peu probable que vous mettiezles sources de son appli dans le cloud.G´n´ration des livrables e e SDK des plateformes cibles, OS qui vont bien, simulateurs, mat´riel pour tester en conditions r´elles. e e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 14 / 21
  35. 35. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 15 / 21
  36. 36. ´Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 16 / 21
  37. 37. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  38. 38. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e mobile Safari != Safari desktop, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  39. 39. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e mobile Safari != Safari desktop, Android, Ajax & Authorization headers. ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  40. 40. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e mobile Safari != Safari desktop, Android, Ajax & Authorization headers.Autres ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  41. 41. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e mobile Safari != Safari desktop, Android, Ajax & Authorization headers.Autres Rendu graphique - non natif, ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  42. 42. Les difficult´s eLors des d´veloppements e Presque un seul code, mais des branches ` faire tout de mˆme, a e mobile Safari != Safari desktop, Android, Ajax & Authorization headers.Autres Rendu graphique - non natif, Convaincre le client, souvent sceptique face ` la magie. a ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 17 / 21
  43. 43. Plan1 Introduction2 Pourquoi PhoneGap ?3 Les d´veloppements e4 Build5 Les difficult´s e6 Conclusion ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 18 / 21
  44. 44. ConclusionCombo #1PhoneGap + SenchaCombo #2PhoneGap + jQueryMobile + Whatever templating JS lib ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 19 / 21
  45. 45. Ressources Building iPhone Apps with HTML, CSS, and JavaScript by Jonathan Stark, O’Reilly http://jonathanstark.com/iphone-book ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 20 / 21
  46. 46. Questions ? erpla@smile.fr ´ Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 21 / 21

×