Développement d'applications pour mobiles multiplateformes (iOS, Android, Windows Phone...)

Les entreprises voulant gagner en visibilité sur le Mobile doivent adapter leurs contenus à la taille des terminaux (smartphones, tablettes...) et à leurs spécificités (caméra, GPS...). Le HTML5, le CSS 3, le JavaScript et le Framework Cordova (PhoneGAP) vont rendre accessibles les composants spécifiques des terminaux à partir du JavaScript. Avec Cordova, il sera donc possible de mutualiser les charges de développement des différentes plateformes en s'appuyant sur un code unique en HTML/CSS/JavaScript. L'utilisation de ces langages dans un contexte mobile et la prise en main des principaux frameworks JavaScript du moment (Sencha Touch ou AngularJS), vous permettront de développer de véritables applications professionnelles pour mobile en étant capable de choisir le bon framework pour vos besoins. Une attention particulière sera portée à Ionic qui s'appuie sur AngularJS et qui connaît un succès grandissant. Afin de couvrir tout le cycle projet des développements mobile, nous vous présenterons également les actions à mettre en oeuvre pour : - Déposer votre application sur l'AppStore (Apple Store) et/ou le Play Store (Google Store) - Créer un mini store d'entreprise pour mettre à disposition vos Apps - Faire vivre votre application au quotidien grâce à la mise en place d'un backoffice avec des webservices pour l'alimenter avec des données. Ainsi, vous disposerez d'une vue complète et opérationnelle du développement mobile multiplateformes et développerez avec de bonnes pratiques une interface utilisateur de grande qualité et de véritables applications professionnelles pour mobile en étant capable de choisir le bon Framework pour vos besoins. Ce cours est volontairement axé sur l'aspect pratique. De très nombreux travaux pratiques seront réalisés par les participants en lien avec la création d'application.

* Concepts et architecture d'une application pour mobile. Le rôle de chaque technologie « Application Ajax ». Différences avec un développement en Java ou Objective C. Les applications Web traditionnelles * Comment faire du cross-platform ?. Application non autonome : le Site Web Responsive, la WebApp, et le Site Mobile. Application autonome : native générée ou hybride * Rappel des fondamentaux. Glossaire du digital. État des lieux sur les navigateurs. Spécificités des Webrowser Engine. Les fondamentaux des langages du Web. * Configurer votre espace de travail. Outils de développement à utiliser pour développer des applications : native généré et hybride. Gestionnaire de dépendances (NodeJS, NPM, Bower, Gulp, etc.), L'intégration continue. * Zoom sur le HTML5 : les nouveautés qui vont nous être utiles. Sémantique, structures et sections du document. Améliorations apportées au contrôle des formulaires et aux iframes. Éléments graphiques. Les contenus multimédia. Les APIs : Géolocalisation, Drag and Drop, Local Storage, Application Cache, Web Workers et SSE. * Allons plus loin avec les feuilles CSS. Le CSS RWD (Responsive Web Design) Dynamisez votre CSS avec des variables paramétrables. Frameworks CSS Bootstrap, Web Starter Kit, Foundation... * Sencha Touch 2 : Structure d'une application MVC Framework Sencha Touch. Concepts fondamentaux. Architecture MVC Gestion des évènements. Composants Graphiques. Gestion des données, le Package Data : models & Proxy, Stores. Ligne de commande Sencha Cmd. * Ionic : Quand AngularJS rencontre Cordova. Ionic et ses outils. Installer, configurer et exécuter une application Ionic. Découverte d'AngularJS Les composants Ionic. Gestion des thèmes avec Sass. Les compilations avec Gulp. Ajout des plugins : Ng-Cordova. Ligne de commande Ionic CLI. * Transformer son application web en application mobile avec Apache Cordova (PhoneGAP). PhoneGap/Cordova. Ne plus être « web dépendant ». Avantage d'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/iPhone. Architecture PhoneGap/Cordova & Plugins. Ajouter du contenu HTML. Tests de portage du code HTML/CSS/JavaScript. Application native vs sa version « distante ». Aspects administratifs. Les classiques : gestion du GPS et de l'accéléromètre, gérer le vibreur... * Notre application mobile au quotidien. Administrer les données de l'application avec un backoffice. Mise en oeuvre avec WordPress. Récupérer les données grâce aux Web Services (JSON). * Déployer votre application. Le store. Les stores sur Internet (Apple, Google, Windows). Soumettre son application au grand public. Définition d'un store d'entreprise. Créer un mini store d'entreprise pour mettre à disposition vos Apps.

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Connaitre au moins un langage de programmation et avoir de bonnes notions sur HTML5, CSS3, JavaScript et XML.