Développer des applications mobiles avec Phonegap 
Éric Bréhault
PhoneGap ou Cordova ? 
à l'origine: 
PhoneGap développé par Adobe, 
cédé à l'Apache Foundation en 2011, 
s'appelle Cordova...
Le principe 
on construit une app en HTML/JS, 
Cordova utilise le navigateur du mobile pour l'afficher, 
le même code marc...
Le principe 
en plus des fonctionnalités de base, on a accès à des plugins, 
les plugins sont développés en natif pour cha...
Les plugins 
accès au système de fichiers, 
status réseau, 
GPS, 
caméra, 
contacts, 
etc.
Les plugins 
Attention à la liste des OS proposés par chaque plugin! 
Vous pouvez développer vos propres plugins.
Générer une app 
$ npm install cordova 
$ cordova create monApp 
com.makinacorpus.maSuperApp MaSuperApp
Coder l'app 
Faire un développement web frontend classique. Mettre le code dans le dossier monApp/www.
Compiler 
$ cordova platform add android 
$ cordova build
DÉMO
Outillage 
inspection du DOM avec Chrome/Safari, 
adb pour Android, 
XCode pour iOS.
Bonnes pratiques 
adopter les méthodes front-end, 
utiliser un framework JS, 
utiliser une grid responsive, 
faire un maxi...
Frameworks et "distributions" 
ngCordova pour Angular, 
ionic, 
Steroids.
DÉMO IONIC 
$ npm install ionic 
$ ionic monApp sidemenu
Cas réels
Merci !
Prochain SlideShare
Chargement dans…5
×

Développer des applications mobiles avec phonegap

1 445 vues

Publié le

Présentation de PhoneGap / Cordova

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Développer des applications mobiles avec phonegap

  1. 1. Développer des applications mobiles avec Phonegap Éric Bréhault
  2. 2. PhoneGap ou Cordova ? à l'origine: PhoneGap développé par Adobe, cédé à l'Apache Foundation en 2011, s'appelle Cordova. aujourd'hui: le projet principal est Cordova, PhoneGap existe toujours en tant que distribution Cordova
  3. 3. Le principe on construit une app en HTML/JS, Cordova utilise le navigateur du mobile pour l'afficher, le même code marchera sur tous les OS.
  4. 4. Le principe en plus des fonctionnalités de base, on a accès à des plugins, les plugins sont développés en natif pour chaque OS, on y accède en Javascript.
  5. 5. Les plugins accès au système de fichiers, status réseau, GPS, caméra, contacts, etc.
  6. 6. Les plugins Attention à la liste des OS proposés par chaque plugin! Vous pouvez développer vos propres plugins.
  7. 7. Générer une app $ npm install cordova $ cordova create monApp com.makinacorpus.maSuperApp MaSuperApp
  8. 8. Coder l'app Faire un développement web frontend classique. Mettre le code dans le dossier monApp/www.
  9. 9. Compiler $ cordova platform add android $ cordova build
  10. 10. DÉMO
  11. 11. Outillage inspection du DOM avec Chrome/Safari, adb pour Android, XCode pour iOS.
  12. 12. Bonnes pratiques adopter les méthodes front-end, utiliser un framework JS, utiliser une grid responsive, faire un maximum dans son navigateur.
  13. 13. Frameworks et "distributions" ngCordova pour Angular, ionic, Steroids.
  14. 14. DÉMO IONIC $ npm install ionic $ ionic monApp sidemenu
  15. 15. Cas réels
  16. 16. Merci !

×