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. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 2 / 21
3. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 3 / 21
4. Vision de PhoneGap
Tout est une question de point de vue
D´veloppeur
e
Des applications “natives-like”,
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
5. Vision de PhoneGap
Tout est une question de point de vue
D´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. Vision de PhoneGap
Tout est une question de point de vue
D´veloppeur
e
Des applications “natives-like”,
Des features avanc´es : acc´l´rom`tre, cam´ra...
e ee e e
SSII
Un outil de packaging de site web.
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
7. Vision de PhoneGap
Tout est une question de point de vue
D´veloppeur
e
Des applications “natives-like”,
Des features avanc´es : acc´l´rom`tre, cam´ra...
e ee e e
SSII
Un outil de packaging de site web.
Client
Uh ?
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 4 / 21
8. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 5 / 21
9. Int´rˆt pour l’entreprise (SSII)
ee
D´veloppements
e
Un seul code,
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
10. Int´rˆt pour l’entreprise (SSII)
ee
D´veloppements
e
Un seul code,
6 plateformes cibles,
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
11. Int´rˆt pour l’entreprise (SSII)
ee
D´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. Int´rˆt pour l’entreprise (SSII)
ee
D´veloppements
e
Un seul code,
6 plateformes cibles,
Plus simple ` maintenir et faire ´voluer.
a e
Les technos Web
Prise en main rapide.
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 6 / 21
13. Int´rˆt pour l’entreprise (SSII)
ee
D´veloppements
e
Un seul code,
6 plateformes cibles,
Plus simple ` maintenir et faire ´voluer.
a e
Les 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. Int´rˆt pour le client
ee
La visibilit´
e
1 D´veloppement d’un site web mobile,
e
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 7 / 21
15. Int´rˆt pour le client
ee
La 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. Int´rˆt pour le client
ee
La 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. Int´rˆt pour le client
ee
La 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. Int´rˆt pour le client
ee
La 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. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 8 / 21
20. Environnement de d´veloppement
e
Outils 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. Environnement de d´veloppement
e
Outils 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. Environnement de d´veloppement
e
Outils 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. 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 app
3 // 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. UI
Les diff´rents frameworks JS pour l’UI
e
Sencha Touch : un framework MVC,
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
25. UI
Les 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. UI
Les 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. UI
Les 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. UI
Les 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 ?
Templating
mustache.js, jQuery-tmpl, EJS...
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 11 / 21
29. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 12 / 21
30. PhoneGap Build
where the magic happens
En version bˆta, build pour : iOS, Android, WebOS, Symbian,
e
BlackBerry.
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 13 / 21
31. Build ` la main
a
do it yourself
Dans la vraie vie, pour un client il est peu probable que vous mettiez
les 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. Build ` la main
a
do it yourself
Dans la vraie vie, pour un client il est peu probable que vous mettiez
les 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. Build ` la main
a
do it yourself
Dans la vraie vie, pour un client il est peu probable que vous mettiez
les 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. Build ` la main
a
do it yourself
Dans la vraie vie, pour un client il est peu probable que vous mettiez
les 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. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 15 / 21
37. Les difficult´s
e
Lors 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. Les difficult´s
e
Lors 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. Les difficult´s
e
Lors 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. Les difficult´s
e
Lors 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. Les difficult´s
e
Lors 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. Les difficult´s
e
Lors 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. Plan
1 Introduction
2 Pourquoi PhoneGap ?
3 Les d´veloppements
e
4 Build
5 Les difficult´s
e
6 Conclusion
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 18 / 21
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. Questions ?
erpla@smile.fr
´
Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 21 / 21