Formation Phonegap Cordova, développer des applications pour mobiles multi-plateformes

Les applications WEB sur mobile et tablette

Exemple de Web AppsLes spécificités du développement mobileComparaisons application native / application hybrideAvantages inconvénients d’une application hybrideAvantages inconvénient d’une application nativeLes différentes approches natives

Utilisation de HTML 5

HTML5 : une nouvelle vision du langageCréer et structurer un documentGestion des formulairesGestion de l’affichage des images multi-résolutionLe dessin avec HTML5 et la balise canvasLes nouvelles API JavaScriptGestion des données côté client en HTML5Intégrer une carte Google Maps dans l’application

Le projet PhoneGAP Cordova

Les versions jusqu’ à la version 3.3.0Visibilité sur les prochaines évolutionsLicences d’utilisation et de distributionDifférences entre PhoneGap et CordovaArchitecture détaillée d’une application PhoneGap/Cordova hybridePlates-formes mobiles supportées et caractéristiques

Mise en œuvre de PhoneGAP

Installer PhoneGapPremière application hybride Hello WorldInstallation du SDK spécifique pour iOS (Paramétrage du Mac, Xcode, etc.)Installation du SDK spécifique pour Androïd (JDK, environnement, SDK Androïd, Apache Ant, etc.)

Utilisation de Cordova en ligne de commande (interface CLI)

Créer sa première application (cordova create, cordova platforms)Compiler son application (cordova build)Tester son application (cordova run, cordova emulate)

Utilisation de PhoneGap Cordova au quotidien

Conseils sur le debuggageUtilisation de web InspectorSpécificité des OS Limites des tests depuis un émulateur Maîtriser l’utilisation de PhoneGAP pour de meilleurs performances

Utilisation des capteurs

Vue d’ensemble des objets concernés (domaine d’utilisation, propriétés remarquables, conseils d’utilisation)PhoneGap versus HTML5Récupérer les mouvements de l’appareil selon les 3 axes (accéléromètre)Singularités de l’iPhone pour l’accéléromètre (intervalle d’écoute)Accéder à la position GPS du mobile (objets Geolocation et Position)Quelle garantie de l’API de géolocalisation ?Lire et enregistrer des fichiers audio avec l’objet MediaDétecter l’orientation du deviceGérer l’orientation avec media queries

Utilisation de ressources matérielles (appareil photo, système de fichiers, ...)

Appareil photos et fichiersProblème d'accès aux fichiers suivant les plateformes (espace public/privée)Traiter les données reçues (type de l'image source)Que faire de l'image ?Obtenir le chemin du fichier à afficherEnregistrer une imageModifier la qualité d'une imageFormat des images et performances
Base locale des contactsNavigator.service.contacts.findLire les données (ContactFields)Modifier un contact

Les événements

Comprendre le chargement du code de PhoneGap (native, Javascript)De la bonne utilisation du chargement de PhoneGap (device ready)Passage de l’application à l’arrière plan (pause)Reprise de l’application (resume)Connexion et déconnexion d’Internet (online, offline)Gestion du bouton retour (backbutton)Comment redéfinir le comportement du bouton raccrocher sous Android (menubutton) ?Comment redéfinir le comportement de la recherche sous Android (searchbutton) ?

Développer un plugin PhoneGap/Cordova

Ajouter un plugin phonegap Deux façons différentes de faire la même choseWeb Project Dev (depuis cordova 3.0 et la création de Cordova Command-line Interface (CLI))Native Platform DevLe fichier config.xmlcordova add/remove pluginUtilisation de plugmanCréer un pluginDifférence entre les plateformesGain en performanceLes nouveaux servicesQuelques exemples concrets :- Plugin de cryptage natif- Plugin de traitement des QR Code- Plugin d’affichage de documents