Créer son appli avec PhoneGap
Pierre Boucard
Sommaire du tuto
1. Contexte technologique
2. Mise en pratique avec l’application de SUN
3. Installation de Phonegap et des logiciels de dev
4. Compilation des packages avec PhoneGap Build
5. Déploiement sur les plateformes
6. Présentation de la nouvelle App de SUN (V3)
7. Infos Pratiques
1. Contexte technologique
Native vs Hybrid vs WebApp ?
2. Mise en pratique avec l’application de SUN
• Créer une application mobile multiplateformes (iOS, Android, Windows Phone…)
• Compatible et disponible sur tous les écrans (smartphone, tablette, téléviseur)
• Capable de s’interfacer avec certaines fonctions du téléphone et Drupal
• Simplifier l’accès à nos contenus audio/video
• Garder la maîtrise des coûts et du code
• Réduire le temps de développement
Hybrid ;-)
3. Installation de Phonegap et des logiciels de dev
1: Installation d’un logiciel d’édition Web Notepadd++ (Dreamweaver,...)
2: Installation de PhoneGap
3: Installation de Mobile App
Plugins
Plugins “officiels” : Pour accéder aux fonctions
basiques des appareils
Dans notre cas : Appareil photo, Device orientation, Network
information, SplashScreen, InappBrother
Plugins “communauté” : Pour accéder à des
fonctions spécifiques
Dans notre cas: DrupalGAP, Contact, partage sur FB et
Twitter, détection d’appel, notification push,
4.Compilation des packages avec PhoneGap Build
Image empruntée http://blog.sodifrance.fr
5.Déploiement sur les plateformes
iOS : 99$/an Google Play : 25$ Windows : 19$
6. Présentation de la V3 de MySUN
7. Infos pratiques
Pour le debug: Gap Debug, Firebug
Temps de publication moyen
- iOS: http://appreviewtimes.com/
- Androïd : 2 heures
- Windows : 2 heures
Les points forts :
Communauté importante (plugins, tuto, forum,...)
Solution basée sur des standards ouverts (Open Source)
Bonne intégration avec jQueryMobile (jQM)
Développement & Déploiement rapides des applications mobiles versus web.
Les plugins fournis en standard couvrent 80% du besoin pour des applications catalogues/consultation
Les points faibles :
Problème de compatibilité de certains plugins.
Le niveau de qualité des plugins spécifiques est très hétérogène
Même problématique qu’une WebApp sur les différences de rendu et comportement entre navigateurs
Développement plus complexe pour une application « offline »
Pierre Boucard
Directeur de SUN
Président du GRAM
Membre Collège médias Ouest Media Lab
Délégué National aux nouvelles technologies du SNRL
pierre.boucard@lesonunique.com
https://fr.linkedin.com/in/pierreboucard
@pierreboucard
Merci

Tuto Phonegap

  • 1.
    Créer son appliavec PhoneGap Pierre Boucard
  • 2.
    Sommaire du tuto 1.Contexte technologique 2. Mise en pratique avec l’application de SUN 3. Installation de Phonegap et des logiciels de dev 4. Compilation des packages avec PhoneGap Build 5. Déploiement sur les plateformes 6. Présentation de la nouvelle App de SUN (V3) 7. Infos Pratiques
  • 3.
  • 4.
    Native vs Hybridvs WebApp ?
  • 5.
    2. Mise enpratique avec l’application de SUN • Créer une application mobile multiplateformes (iOS, Android, Windows Phone…) • Compatible et disponible sur tous les écrans (smartphone, tablette, téléviseur) • Capable de s’interfacer avec certaines fonctions du téléphone et Drupal • Simplifier l’accès à nos contenus audio/video • Garder la maîtrise des coûts et du code • Réduire le temps de développement
  • 6.
  • 8.
    3. Installation dePhonegap et des logiciels de dev 1: Installation d’un logiciel d’édition Web Notepadd++ (Dreamweaver,...) 2: Installation de PhoneGap 3: Installation de Mobile App
  • 10.
    Plugins Plugins “officiels” :Pour accéder aux fonctions basiques des appareils Dans notre cas : Appareil photo, Device orientation, Network information, SplashScreen, InappBrother Plugins “communauté” : Pour accéder à des fonctions spécifiques Dans notre cas: DrupalGAP, Contact, partage sur FB et Twitter, détection d’appel, notification push,
  • 11.
    4.Compilation des packagesavec PhoneGap Build Image empruntée http://blog.sodifrance.fr
  • 12.
    5.Déploiement sur lesplateformes iOS : 99$/an Google Play : 25$ Windows : 19$
  • 13.
    6. Présentation dela V3 de MySUN
  • 14.
    7. Infos pratiques Pourle debug: Gap Debug, Firebug Temps de publication moyen - iOS: http://appreviewtimes.com/ - Androïd : 2 heures - Windows : 2 heures
  • 15.
    Les points forts: Communauté importante (plugins, tuto, forum,...) Solution basée sur des standards ouverts (Open Source) Bonne intégration avec jQueryMobile (jQM) Développement & Déploiement rapides des applications mobiles versus web. Les plugins fournis en standard couvrent 80% du besoin pour des applications catalogues/consultation Les points faibles : Problème de compatibilité de certains plugins. Le niveau de qualité des plugins spécifiques est très hétérogène Même problématique qu’une WebApp sur les différences de rendu et comportement entre navigateurs Développement plus complexe pour une application « offline »
  • 16.
    Pierre Boucard Directeur deSUN Président du GRAM Membre Collège médias Ouest Media Lab Délégué National aux nouvelles technologies du SNRL pierre.boucard@lesonunique.com https://fr.linkedin.com/in/pierreboucard @pierreboucard Merci