ParisJS 9 PhoneGap Feedbacks

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

Plan

1 Introduction

2 Pourquoi PhoneGap ?

3 Les d´veloppements
e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

Vision de PhoneGap
Tout est une question de point de vue

D´veloppeur
e
Des applications “natives-like”,

´

Vision de PhoneGap

D´veloppeur
e
Des features avanc´es : acc´l´rom`tre, cam´ra...
e ee e e

´

Vision de PhoneGap

D´veloppeur
e
e ee e e

SSII
Un outil de packaging de site web.

´

Vision de PhoneGap

D´veloppeur
e
e ee e e

SSII
Un outil de packaging de site web.

Client
Uh ?

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

Int´rˆt pour l’entreprise (SSII)
ee

D´veloppements
e
Un seul code,

´

ee

D´veloppements
e
Un seul code,
6 plateformes cibles,

´

ee

D´veloppements
e
Un seul code,
Plus simple ` maintenir et faire ´voluer.
a e

´

ee

D´veloppements
e
Un seul code,
a e

Les technos Web
Prise en main rapide.

´

ee

D´veloppements
e
Un seul code,
a e

Les technos Web
Prise en main rapide.

“The PhoneGap project will always remain free and open
source under an MIT license.”

´

Int´rˆt pour le client
ee

La visibilit´
e
1 D´veloppement d’un site web mobile,
e

´

ee

La visibilit´
e
e
2 avec un framework JS pour l’UI,

´

ee

La visibilit´
e
e
3 le client voit l’avanc´e simplement,
e

´

ee

La visibilit´
e
e
e
4 satisfait ? packaging avec PhoneGap.

´

ee

La visibilit´
e
e
e
4 satisfait ? packaging avec PhoneGap.

Les technos Web
Reprise du code facilit´ pour les ´quipes client.
e e

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

Environnement de d´veloppement
e

Outils pour d´velopper avec PhoneGap
e
Plugin Eclipse PhoneGap pour Android : Int´gration Sencha
e
Touch & jQueryMobile,

´

e

e
e
Debug dans un navigateur WebKit,

´

e

e
e
Debug dans un navigateur WebKit,
Extension Ripple pour Chrome.

´

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.

´

UI

Les diﬀ´rents frameworks JS pour l’UI
e
Sencha Touch : un framework MVC,

´

UI

e
jQueryMobile : une tr`s belle librairie de composants,
e

´

UI

e
e
iUi : a bien ´volu´,
e e

´

UI

e
e
e e
Rien ?

´

UI

e
e
e e
Rien ?

Templating
mustache.js, jQuery-tmpl, EJS...

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

PhoneGap Build
where the magic happens

En version bˆta, build pour : iOS, Android, WebOS, Symbian,
e
BlackBerry.

´

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,

´

Build ` la main
a
do it yourself

e e
OS qui vont bien,

´

Build ` la main
a
do it yourself

e e
OS qui vont bien,
simulateurs,

´

Build ` la main
a
do it yourself

e e
OS qui vont bien,
simulateurs,
mat´riel pour tester en conditions r´elles.
e e

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

´

Les diﬃcult´s
e

Lors des d´veloppements
e
Presque un seul code, mais des branches ` faire tout de mˆme,
a e

´

Les diﬃcult´s
e

e
a e
mobile Safari != Safari desktop,

´

Les diﬃcult´s
e

e
a e
Android, Ajax & Authorization headers.

´

Les diﬃcult´s
e

e
a e

Autres

´

Les diﬃcult´s
e

e
a e

Autres
Rendu graphique - non natif,

´

Les diﬃcult´s
e

e
a e

Autres
Rendu graphique - non natif,
Convaincre le client, souvent sceptique face ` la magie.
a

´

Plan

1 Introduction


e

4 Build

5 Les diﬃcult´s
e

6 Conclusion

´

Conclusion

Combo #1
PhoneGap + Sencha

Combo #2
PhoneGap + jQueryMobile + Whatever templating JS lib

´

Ressources

Building iPhone Apps with HTML, CSS, and JavaScript
by Jonathan Stark, O’Reilly
http://jonathanstark.com/iphone-book

´

Questions ?

erpla@smile.fr

´

ParisJS 9 PhoneGap Feedbacks

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a ParisJS 9 PhoneGap Feedbacks

Similar a ParisJS 9 PhoneGap Feedbacks (20)

ParisJS 9 PhoneGap Feedbacks