Formation Développement d'applications mobiles multiplateformes (Iphone, Android, ...) Réf : MO00015

Par Eric Sarrion

Développer des applications natives pour mobiles iPhone et Android, avec HTML, CSS, JavaScript et Phonegap.

Durée :
5 jours
Lieux :
Paris

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

PhoneGap est un framework de développement mobile, qui permet de développer des applications multi-plateformes (Android, Bada, Blackberry, iOS, Mac OS X, et Windows Phone) en utilisant les standards du web HTML, CSS et JavaScript. Cette formation très complète, présente par la pratique, comment créer un site pour mobiles, en utilisant simplement le moteur Phonegap combiné avec les standards du web Html/CSS/JavaScript, ainsi que le framework iUI.

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de
  • Réaliser des applications ou des sites web pour mobile avec les technologies HTML, CSS, et Javascript,
  • Exploiter les frameworks du moment Sencha Touch, AngularJS et Ionic pour construire une application solide,
  • Maîtriser les possibilités offertes par le moteur de conversion Phonegap,
  • Porter ses applications multi-plateformes pour mobiles tels que iPhone, iPod, iPad, Android, Windows phone...


Public

Développeurs,
Chefs de projets.

Pré-requis

Connaissance de base de HTML/CSS/JavaScript ou avoir suivi notre formation de 5 jours : HTML5, CSS3 et nouveautés JavaScript, Réf: PE061

Type

Stage pratique

Méthode pédagogique

Alternance de cours magistral (40%) et travaux pratiques (60%). Un site web sera réalisé et porté sur différentes plateformes, notamment Android (Google) et IOS (Apple).

Plan de cours

Rappels syntaxiques et compléments HTML5, CSS3 et Javascript
Balises, Attributs
Le texte, Les images
Les liens, Les listes
Les blocs
L'arrière-plan, le texte
La police de caractères
Les bordures, les espacements
Le positionnement des éléments
La taille des éléments
Le mode d'affichage
Les listes, sélecteurs CSS
Pseudo-classes, combinateurs
Syntaxe de base
Variables, Tests, Boucles
Fonctions, création d'objets
Tableaux de données
Accès au DOM
Listeners, transformations CSS

Sencha Touch 2 : Structure d’une application MVC
Présentation du framework Sencha Touch
Concepts fondamentaux (Système de classes & Instanciation des objets)
Architecture MVC :
- structure d’une application Sencha MVC
- déclaration de l’application
- définition des Controller, View & Model dans l’application
Gestion des évènements (Scope, Single, Buffer)
Composants Graphiques :
- positionnement des objets avec les Layout & Conteneur
- formulaires : définition, chargement, submit et validation
- listes : DataView, List, Nested List…
Gestion des données : le Package Data :
- les models & Proxy
- les Stores (Reader et Writer, Filtre & Trie des données, Source de données JSON & RSS)
Interface de ligne de commande Sencha Cmd

Travaux Pratiques
Liste des offres d’emploi d’un flux RSS
Visualisation du détail, recherche par critère

Ionic : Quand AngularJS rencontre Cordova
Présentation de Ionic, de ses outils (Ionic Lab, Ionic Creator, Ionic View & Ionic Backend…)
Installer, configurer et exécuter une application Ionic
Découverte d’AngularJS :
- routage & Single Page Application
- les Directives : Architecture MVC (Contrôleurs, Cycle de vie des vues, Services…)
Les composants Ionic (Composant graphique, Navigation, Gestion des données…)
Gestion des thèmes avec Sass
Automatisation des compilations avec Gulp
Ajout des plugins : Ng-Cordova pour les avec le terminal (batterie, GPS, Bluetooth, appareil photo)
Interface de ligne de commande Ionic CLI

Travaux Pratiques
Création d’une application mobile à l’aide du Framework AngularJS :
Un menu
Une liste, une visualisation du détail
Une webview (appel à une autre page internet)
Un formulaire avec un bouton pour appeler et un autre pour envoyer un email

Transformer son application web en application mobile avec Apache Cordova (PhoneGAP)
Présentation de PhoneGap/Cordova
Comment faire en sorte que son application ne soit plus « web dépendante » ?
Que gagne-t-on à utiliser une application native ?
L'exemple du SDK pour le développement Android
Cordova vs PhoneGap
Téléchargement, installation, et prérequis pour utiliser Cordova
Utilisation des simulateurs Android et iPhone 
Architecture PhoneGap/Cordova & Plugins :
- WebView
- interface Javascript
- API Natives (Camera, Accéléromètre…)
- plugins
- interface de ligne de commande Cordova
Ajouter du contenu HTML (TPs précédents) :
- identifications des limites
- point sur les problèmes constatés
Tests de portage du code HTML/CSS/JavaScript pour différents types de téléphones (Android, iPhone...)
Comparaison entre une application native et sa version « distante » 
Les aspects administratifs (iPhone Developer Program, Certificats...)
Les classiques : gestion du GPS et de l'accéléromètre, gérer le vibreur, comment bien gérer le son, gestion des images de l'appareil photo….

Travaux Pratiques
Liste des offres d’emploi et visualisation du détail
Création de l’application multiplateforme à l’aide du framework Cordova
Déploiement de l’application vers Android, iOS et Windows Phone

Notre application mobile au quotidien
Administrer les données de l’application avec un backoffice
Exemple de mise en œuvre avec WordPress
Récupérer les données grâce aux Web Services (JSON)

Travaux Pratiques
Reprise des Travaux pratiques précédents (liste des offres d’emplois)
Interconnexion avec WordPress

Déployer votre application
Qu’est-ce qu’un store ?
Quels sont les stores existant sur Internet (Apple, Google, Windows) ?
Soumettre son application au grand public (AppStore & Google Store).
Qu’est-ce qu’un store d’entreprise ?
- particularité Apple sur le déploiement Inhouse
- qu’est-ce que le MDM, MAM ?
Créer un mini store d’entreprise pour mettre à disposition vos Apps
- autodétection de l’OS
- lien spécifique pour installer un IPA (Apple)
- gérer les interactions avec le téléphone (sources inconnues, gestion de la version)

Travaux Pratiques
Création d’un store privé.


 

Prochaines sessions

picto Du lundi 18/07 au vendredi 22/07 2016 Paris €2,490 fleche S’inscrire à la session du lundi 18/07 au mardi 22/07
picto Du lundi 29/08 au vendredi 02/09 2016 Paris €2,490 fleche S’inscrire à la session du lundi 29/08 au mardi 02/09
picto Du lundi 03/10 au vendredi 07/10 2016 Paris €2,490 fleche S’inscrire à la session du lundi 03/10 au mardi 07/10
picto Du lundi 14/11 au vendredi 18/11 2016 Paris €2,490 fleche S’inscrire à la session du lundi 14/11 au mardi 18/11
Proposer une session.

Témoignages

Très bonnes compétences techniques sur le sujet et sur les technologies. Bonne formation avec beaucoup de pratiques, et les bases pour démarrer un développement mobile !
Géraldine S.

Formation vraiment enrichissante. Le stage m'a permis d’appréhender le concept du développement mobile multiplate-forme et donc de réorienter et d'approfondir mes recherches et apprentissages vers les technologies de base.
Daniel Lawson

Groupe de suivi et d'échange pour suivre nos différentes mises en oeuvre des concepts entre les participants. Formation très utile en vue d'un gros projet.
Jordan C.

La configuration du groupe permets de passer du temps sur nos entreprises pour approfondir nos problématiques. Bonne formation!
Lucie Le Trequesser

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Développement mobile et tablette »  – Voir toutes les formations