Formation PhoneGap, créer une application mobile multiplateforme

Adobe PhoneGap est un framework open-source permettant de réaliser des applications mobiles hybrides déployables sur les plateformes iOS (Apple Store), Windows Phone (Windows Store), Android (Google Play), BlackBerry OS (Blackberry App World) et autres en JavaScript et HTML/CSS. Son utilisation est couplée à celle du framework JQuery Mobile que vous étudirez dès la première journée de formation. Vous serez également capable de développer en langage natif vos propres briques puis de les intégrer au framework Phonegap.


Objectifs
  • Visualiser les caractéristiques et les enjeux du framework PhoneGap Cordova
  • Comprendre les apports et enjeux du framework mobile JavaScript jQuery Mobile
  • Etre capable d'utiliser le moteur de conversion natif de PhoneGap Cordova
Participants
  • Chef de projet
  • Développeur
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 3 jours
  • Réf. : WEB76

Dates de Formations

15 au 17 Mai 2019

24 au 26 Juil. 2019

11 au 13 Sept. 2019

13 au 15 Nov. 2019

Programme
  • 1/ Débuter avec le développement mobile
    • • Présentation de l'historique et des évolutions
    • • Visualiser les différents réseaux et infrastructures
    • • Connaître les nouveaux usages
    • • Visualiser différents scénarios de déploiement
    • • Réaliser des applications mobiles Web avec jQuery Mobile
  • 2/ Connaître les principes fondamentaux de jQuery
    • • Visualiser les différents concepts
    • • Connaître les méthodes utilitaires
    • • Connaître les sélecteurs
    • • Document Object Model : appréhender les DOM
    • • Savoir gérer les événements
  • 3/ Etre capable d'installer jQuery Mobile
    • • Procéder à l'installation de jQuery Mobile
    • • Connaître les différents attributs HTML employés par jQuery Mobile
  • 4/ Savoir gérer les fenêtres avec jQuery Mobile
    • • Gérer une seule fenêtre
    • • Savoir passer d'une fenêtre à une autre
    • • Mettre en place des transitions entre les fenêtres
    • • Gestion de fenêtres superposées
    • • Savoir manipuler les thèmes CSS
  • 5/ Etre capable de gérer des listes sous JQuery
    • • Gérer une liste simple
    • • Savoir gérer une liste non numérotée contenant des liens
    • • Gérer une liste numérotée contenant des liens
    • • Comprendre l'insertion de séparateurs dans des listes
    • • Savoir effectuer une recherche dans une liste
    • • Savoir afficher un compteur au sein d'un élément de liste
    • • Insérer des images dans les éléments d'une liste
    • • Se servir des thèmes CSS
  • 6/ Savoir gérer les boutons sous jQuery Mobile
    • • Etre capable de définir un bouton
    • • Savoir attribuer une icône à un bouton
    • • Paramétrer la largeur d'un bouton
    • • Savoir Juxtaposer des boutons verticalement
    • • Savoir Juxtaposer des boutons horizontalement
    • • Maîtriser la personnalisation des boutons
    • • Savoir se servir des thèmes CSS
  • 7/ Etre capable de gérer des données sous forme de tables
    • • Gérer un tableau sur plusieurs colonnes
    • • Introduire plusieurs lignes dans un tableau
    • • Intégrer des boutons dans des tableaux
    • • Maîtriser la personnalisation des tableaux
    • • Appliquer les thèmes CSS
  • 8/ Connaître les différents éléments d'un formulaires
    • • Manipuler les champs de saisie
    • • Utiliser les listes de sélection
    • • Mettre en place des cases à cocher
    • • Insérer des boutons radio
    • • Introduire des interrupteurs
    • • Appréhender les sliders
    • • Intégrer les thèmes CSS
  • 9/ Appliquer les thèmes CSS
    • • Utiliser les barres d'outils header et footer
    • • Se servir des barres d'outils de type fixe
    • • La gestion de fenêtres en mode fullscreen
    • • Se servir des barres de navigation
  • 10/ Appréhender l'ensemble des conventions de jQuery Mobile
    • • Démarrer jQuery Mobile et établir les paramètres de base
    • • Connaître et utiliser les différentes options de configuration
    • • Savoir utiliser les namespaces
    • • Appréhender le concept des évènements virtuels
  • 11/ Débuter avec les projets PhoneGap
    • • Introduction au concept et principes de mise en place
    • • Connaître les caractéristiques des différentes plateformes (Android, BlackBerry, IOS)
    • • Visualiser l'architecture des applications selon la plateforme
    • • Savoir installer PhoneGap avec IOS et Android
    • • Mise en pratique : réalisation d?un projet PhoneGap
  • 12/ Déploiement de PhoneGap
    • • Connaître les grands principes de la mise en place
    • • Accéder aux dispositifs hardware natifs (photo, vidéo, accéléromètre, GPS, magnéto...)
    • • Savoir se servir des services natifs (mail, photo, carnet d'adresse, SMS...)
    • • Réalisation d'un plugin PhoneGap
    • • Savoir développer avec les SDK IOS et Android
    • • Etre capable d'optimiser la gestion des tests
    • • Maîtriser les aspects administratifs
    • • Mise en pratique
  • 13/ Faire migrer un site web vers le mobile
    • • Connaître les limites imposées par les navigateurs sur plateformes mobiles
    • • Connaître les clés et étapes de la réalisation d?une application Web Mobile
    • • Déployer son application dans le Market place et l'App Store
    • • Mise en pratique
  • 14/ Réalisation de travaux pratiques
    • • Conception d'une application complète pour mobile à l'aide de jQuery Mobile et PhoneGap en utilisant les environnements de IOS Apple et de Google Android