Code : PHG
Objectif
Développer sur les mobiles des applications multiplateformes n’est pas chose facile. iOS, Android et les autres se sont rendus parfaitement incompatibles en terme de portage d’applications. PhoneGap / Cordova, supporté par le groupe Apache reste une des seules alternative permettant de développer des applications mobiles multiplateformes et ce avec : HTML5, JavaScript et CCS3.
Contenu
Concevoir des applications Web sur mobiles
Les technologies Web
Les langage HTML 5, JavaScript, JQuery Mobile
Utilisation des environnements de développement
Utilisation des APIs PhoneGap / Cordova
CSS
Pour quel public ?
Développeurs, chefs de projet
Pré-requis
Connaître HTML, le langage JavaScript.
Connaître les outils de développement Eclipse et XCode sont un plus.
Durée
3 jours
Pour découvrir la plateforme d’exercices, téléchargez l’application du Google play : LTMJQMCordova
L’application utilise PhoneGap / Cordova 3.0 ainsi que JQuery mobile pour l’interface utilisateur.
Programme de la formation
Concevoir des applications Web sur les mobiles
- Comparatif développement natif et les Web Apps
- La librairie WebKit : moteur de base
- iOS, Android et les autres
- Introduction aux technologies Web pour les applications mobiles
- Les feuilles de styles, animations et transformations avec CSS
- Atelier : Exemple d’applications
Les outils et langages pour développer Web
- JavaScript : le langage
- Les outils Chrome
- Les concepts Objet et JavaScript
- CSS version 3 : possibilités, différences avec les versions antérieurs
- Mise en oeuvre de CSS
HTML5
- JQuery Mobile, la librairie graphique
- Ajax et ses requêtes XmlHTTPRequest
- Travaux pratiques : Mise en oeuvre de ces technologies
HTML5 : le standard
- Les APIs importantes
- Gérer le stockage local
- La gestion Offline. La synchronisation des données
- Aspect de traitements concurrents.
- Le Canvas : moteur vectoriel
- La gestion son et vidéo d’HTML5
- Les nouveaux éléments de formulaire
- Autres possibilités
- Travaux pratiques : Développement d’une application avec HTML5
Portage sur une plateforme mobile
- Les limitations des Web Apps sur les navigateurs mobile : les bonnes pratiques
- Débogguer les web apps
- JQuery
- Gestion des gestures multi touch sur les mobiles avec Phonegap
- Javascript et la gestion des gestures
- Comment publier son application
- Travaux pratiques : Différents travaux relatifs à la gestion des gestures et des APIs
Le projet Phonegap – Cordova
- Historique et genèse
- Architecture Phonegap – cordova
- Présentation des outils
- Uitiliser Phonegap – cordova sur Android et sur iOS
- Travaux pratiques : Création d’un projet, utilisation
Programmation avec PhoneGap
- Les APIs des plateformes mobiles
- Phonegap et la gestion de : accéléromètre, GPS, magnétomètre, appareil photo/vidéo, Device, etc…
- Travail pratique : Création d’une application complète
Fonctions avancées
- Extension avec les plugins PhoneGap
- Comment étendre JavaScript
- Le développement natif pour les plateformes
- Tester ses applications Phonegap avec Android et IOS
- Autres fonctions
- Travaux pratiques
- Mise en oeuvre des APIs mobiles
- Création de plugins Javascript Phonegap
Conclusion
- Evolutions attendues
- Les projets connexes
- Les bonnes pratiques