parisjs 9 phonegap feedbacks

PhoneGap feedbacksDon’t worry guys, the internet is here

Eric Plaquevent

July 27, 2011

Eric Plaquevent (Smile) PhoneGap feedbacks July 27, 2011 1 / 21

1 Introduction

2 Pourquoi PhoneGap ?

3 Les developpements

4 Build

5 Les difficultes

6 Conclusion

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

Vision de PhoneGapTout est une question de point de vue

DeveloppeurDes applications “natives-like”,

Des features avancees : accelerometre, camera...

SSIIUn outil de packaging de site web.

ClientUh ?

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

Interet pour l’entreprise (SSII)

DeveloppementsUn seul code,

6 plateformes cibles,

Plus simple a maintenir et faire evoluer.

Les technos WebPrise en main rapide.

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

Interet pour le client

La visibilite1 Developpement d’un site web mobile,

2 avec un framework JS pour l’UI,

3 le client voit l’avancee simplement,

4 satisfait ? packaging avec PhoneGap.

Les technos WebReprise du code facilite pour les equipes client.

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

Environnement de developpement

Outils pour developper avec PhoneGapPlugin Eclipse PhoneGap pour Android : Integration SenchaTouch & jQueryMobile,

Debug dans un navigateur WebKit,

Extension Ripple pour Chrome.

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.addEventListener (" 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 geolocalisation, les evenements tactiles, la connexion reseau,etc.

Les differents frameworks JS pour l’UISencha Touch : un framework MVC,

jQueryMobile : une tres belle librairie de composants,

iUi : a bien evolue,

Rien ?

Templatingmustache.js, jQuery-tmpl, EJS...

Rien ?

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

PhoneGap Buildwhere the magic happens

En version beta, build pour : iOS, Android, WebOS, Symbian,BlackBerry.

Build a la maindo it yourself

Dans la vraie vie, pour un client il est peu probable que vous mettiezles sources de son appli dans le cloud.

Generation des livrablesSDK des plateformes cibles,

OS qui vont bien,

simulateurs,

materiel pour tester en conditions reelles.

OS qui vont bien,

simulateurs,

OS qui vont bien,

simulateurs,

OS qui vont bien,

simulateurs,

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

Les difficultes

Lors des developpementsPresque un seul code, mais des branches a faire tout de meme,

mobile Safari != Safari desktop,

Android, Ajax & Authorization headers.

Autres

Rendu graphique - non natif,

Convaincre le client, souvent sceptique face a la magie.

Les difficultes

Autres

Les difficultes

Autres

Les difficultes

Autres

Les difficultes

AutresRendu graphique - non natif,

Les difficultes

AutresRendu graphique - non natif,

1 Introduction

4 Build

5 Les difficultes

6 Conclusion

Conclusion

Combo #1PhoneGap + Sencha

Combo #2PhoneGap + jQueryMobile + Whatever templating JS lib

Ressources

Building iPhone Apps with HTML, CSS, and JavaScriptby Jonathan Stark, O’Reilly

http://jonathanstark.com/iphone-book

Questions ?

[email protected]

parisjs 9 phonegap feedbacks

Documents