SlideShare una empresa de Scribd logo
1 de 16
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

Más contenido relacionado

La actualidad más candente

Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybridesekino
 
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...Raphaël Kueny
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapBenjamin LUPU
 
Comment créer des Chrome Apps ou Packaged Chrome Apps
Comment créer des Chrome Apps ou Packaged Chrome AppsComment créer des Chrome Apps ou Packaged Chrome Apps
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
 
Kinect pour les développeurs Web
Kinect pour les développeurs WebKinect pour les développeurs Web
Kinect pour les développeurs Webekino
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?ekino
 
Booster votre application Windows Phone 8
Booster votre application Windows Phone 8Booster votre application Windows Phone 8
Booster votre application Windows Phone 8Microsoft
 
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Loïc Knuchel
 
Devoxx 2015, ionic chat
Devoxx 2015, ionic chatDevoxx 2015, ionic chat
Devoxx 2015, ionic chatLoïc Knuchel
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - AlloyMeetup Mobile Montpellier
 
MobileDay - Parcours 1 Hybride (Cordova)
MobileDay - Parcours 1 Hybride  (Cordova)MobileDay - Parcours 1 Hybride  (Cordova)
MobileDay - Parcours 1 Hybride (Cordova)Cellenza
 
Actionscript: du web au mobile
Actionscript: du web au mobileActionscript: du web au mobile
Actionscript: du web au mobileMartin Arvisais
 
Outils Indispensables pour vs navigateurs web
Outils Indispensables pour vs navigateurs webOutils Indispensables pour vs navigateurs web
Outils Indispensables pour vs navigateurs webYannick Pavard
 
Devoxx France 2015 - Introduction à Ionic framework
Devoxx France 2015 - Introduction à Ionic frameworkDevoxx France 2015 - Introduction à Ionic framework
Devoxx France 2015 - Introduction à Ionic frameworkStéphanie Moallic
 
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLabCocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLabCocoaHeads France
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileXavier Lacot
 

La actualidad más candente (20)

Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybrides
 
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...
Introduction au développement mobile avec Titanium Appcelerator @ Human Talks...
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 
Cours cordova & REST
Cours cordova & RESTCours cordova & REST
Cours cordova & REST
 
Comment créer des Chrome Apps ou Packaged Chrome Apps
Comment créer des Chrome Apps ou Packaged Chrome AppsComment créer des Chrome Apps ou Packaged Chrome Apps
Comment créer des Chrome Apps ou Packaged Chrome Apps
 
Native script
Native scriptNative script
Native script
 
Kinect pour les développeurs Web
Kinect pour les développeurs WebKinect pour les développeurs Web
Kinect pour les développeurs Web
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
 
Java Fx
Java FxJava Fx
Java Fx
 
Paug aosp ice-creamsandwich_20120119
Paug aosp ice-creamsandwich_20120119Paug aosp ice-creamsandwich_20120119
Paug aosp ice-creamsandwich_20120119
 
Booster votre application Windows Phone 8
Booster votre application Windows Phone 8Booster votre application Windows Phone 8
Booster votre application Windows Phone 8
 
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
 
Devoxx 2015, ionic chat
Devoxx 2015, ionic chatDevoxx 2015, ionic chat
Devoxx 2015, ionic chat
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
MobileDay - Parcours 1 Hybride (Cordova)
MobileDay - Parcours 1 Hybride  (Cordova)MobileDay - Parcours 1 Hybride  (Cordova)
MobileDay - Parcours 1 Hybride (Cordova)
 
Actionscript: du web au mobile
Actionscript: du web au mobileActionscript: du web au mobile
Actionscript: du web au mobile
 
Outils Indispensables pour vs navigateurs web
Outils Indispensables pour vs navigateurs webOutils Indispensables pour vs navigateurs web
Outils Indispensables pour vs navigateurs web
 
Devoxx France 2015 - Introduction à Ionic framework
Devoxx France 2015 - Introduction à Ionic frameworkDevoxx France 2015 - Introduction à Ionic framework
Devoxx France 2015 - Introduction à Ionic framework
 
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLabCocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium Mobile
 

Similar a Tuto Phonegap

Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobilesneuros
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobileHaifa Chorfi
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.DocDoku
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageLaFrenchMobile
 
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Microsoft
 
Windows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksWindows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksJean-Sébastien Dupuy
 
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de MozillaUbuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de MozillaJérôme aka "Genma" Kun
 
Niji x mobile mots flash
Niji x mobile   mots flashNiji x mobile   mots flash
Niji x mobile mots flashGabriel DUPONT
 
Compte rendu oscon 2013
Compte rendu oscon 2013Compte rendu oscon 2013
Compte rendu oscon 2013Jean Desbiens
 
Choisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileChoisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileSQLI DIGITAL EXPERIENCE
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileMohamed BOURAOUI
 
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...Microsoft
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
 

Similar a Tuto Phonegap (20)

Hello PhoneGap
Hello PhoneGapHello PhoneGap
Hello PhoneGap
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobile
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Meetup sencha
Meetup senchaMeetup sencha
Meetup sencha
 
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
 
Windows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksWindows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer Talks
 
Fxos
FxosFxos
Fxos
 
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de MozillaUbuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
Ubuntu Party Mai 2015 - FirefoxOS, l'OS pour Smarpthone de Mozilla
 
Niji x mobile mots flash
Niji x mobile   mots flashNiji x mobile   mots flash
Niji x mobile mots flash
 
Compte rendu oscon 2013
Compte rendu oscon 2013Compte rendu oscon 2013
Compte rendu oscon 2013
 
Choisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobileChoisir sa plateforme de développement mobile
Choisir sa plateforme de développement mobile
 
Programmation sous Android
Programmation sous AndroidProgrammation sous Android
Programmation sous Android
 
Net iki android 2012
Net iki android 2012Net iki android 2012
Net iki android 2012
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...
Géolocalisation, Speech, Intégration : Tirez parti des nouveautés de Windows ...
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 

Tuto Phonegap

  • 1. Créer son appli avec 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
  • 4. Native vs Hybrid vs WebApp ?
  • 5. 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
  • 7.
  • 8. 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
  • 9.
  • 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 packages avec PhoneGap Build Image empruntée http://blog.sodifrance.fr
  • 12. 5.Déploiement sur les plateformes iOS : 99$/an Google Play : 25$ Windows : 19$
  • 13. 6. Présentation de la V3 de MySUN
  • 14. 7. Infos pratiques Pour le 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 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