Nos solutions de formation à distance et en présentiel éligibles au dispositif FNE-Formation 100% financées En savoir plus
ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE CLIENT     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais

Nos formations :

Toutes nos formations Applications mobiles

Formation Créer des applications multiplateformes pour mobiles

4 / 5
Stage pratique
Durée : 4 jours
Réf : MOB
Prix  2020 : 2390 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Cette formation vous montrera comment réaliser un site Web pour terminaux mobiles et tablettes avec les technologies HTML, CSS et JavaScript. Elle vous apprendra à mettre en œuvre les frameworks les plus utilisés pour réaliser des applications fonctionnant sous iPhone, Android et Windows.

Objectifs pédagogiques

  • Identifier les spécificités d'une application mobile
  • Découvrir les solutions de développement mobile
  • Construire une application mobile complète
  • Comprendre le processus de publication d'une application mobile
  • Piloter un projet mobile

Travaux pratiques

Un Smartphone sera mis à la disposition des participants afin qu'ils puissent tester les applications qu'ils développeront tout au long de cette formation.
PROGRAMME DE FORMATION

Rappels sur les technologies de base

  • Présentation des familles de terminaux : Smartphones, tablettes, leurs spécificités.
  • Rappel sur les technologies HTML, CSS, JavaScript.
  • Rappels sur les outils de développement modernes (NodeJS, NPM, Bower, Gulp...).
  • Présentation des moteurs Webkit, Gecko...
  • Importance et intégration du useragent.
  • Communication Ajax : importance et limite selon les mobiles.
  • Outils de développement, de test, de simulation.

Travaux pratiques
Mise en place d'un environnement de travail dédié au mobile.

Solutions embarquées

  • Présentation des technologies existantes et leurs environnements de développement : limite, coût, portabilité.
  • Objective-C et Swift (iPhone, iPad), Java (Android), C# .Net (Windows 10, Xamarin), Tizen, Firefox OS.
  • Méthode de publication d'une application dans les catalogues officiels des opérateurs (Apple Store, Google Play...).
  • Démarches administratives (iPhone Developer Program, Certificats...).

Différence entre application Web traditionnelle et mobile

  • Différences entre les navigateurs : moteurs JavaScript, CSS, limite des plug-ins (Flash, PDF...), autres spécificités.
  • Différence des tailles des écrans et solutions.
  • Différences matérielles (CPU, mémoire).

Construction XHTML, HTML5

  • Les balises META et spécifiques : Viewport et paramétrage dynamique des CSS.
  • Balises traditionnelles de construction de pages.
  • Constructions de tableaux.
  • Les liens et les options dédiées accesskey.
  • Les images et l'importance des images sur les terminaux (format, poids des images).
  • Les textes p, span. Les blocs div et les blocs canvas en HTML 5.
  • Les formulaires. Nouveaux types de données (daterange, slider...). Activation du clavier numérique.
  • CSS, importance en mode multicanal. Positionnement des éléments, navigation entre les éléments (zindex, display...).
  • Apport des CSS3 en HTML5. Simplifier la création et la maintenance des CSS avec Bootstrap, Sass, Compass et Less.
  • Importance du DOM pour un portage multiterminal.
  • Environnement mobile (sensors, battery, détection réseau...).
  • Evénements multitouch spécifiques aux terminaux (gesture, touch, drag et drop...).
  • Protocoles de communication (websocket, ajax), avantages de Node.js.
  • Bibliothèque graphique : API de dessin (rectangle, ligne...), palette de couleur, manipulation des images.
  • Tests de conformité au W3C : outils de validation.

Travaux pratiques
Mise en œuvre de formulaires de saisie, de boutons et composants, de rotation du terminal par CSS, de gestion dynamique des événements "touch", de drag&drop, de mini gestionnaire de dessin. Mise en place d'un serveur websocket avec Node.js. Détection des coupures réseaux.

Framework multiplateforme

  • Avantages d'utilisation d'un framework.
  • Choisir un framework mobile.
  • Cordova (PhoneGap) et ses outils de publication.
  • AngularJS 2.0, un framework orienté développement mobile.
  • Mobile Angular UI : construire des Apps Mobiles HTML5 avec Bootstrap et Angular JS.
  • Ionic, construire des applications natives avec Cordova et Angular JS.
  • Les frameworks pour le Material Design (Polymer, Materialize CSS...).

Travaux pratiques
Mise en œuvre et découverte des différents frameworks disponibles sur le marché. Réalisation d'un projet Material Design, intégration Cordova et génération d'une application multi OS.

Stockage des données dans le mobile

  • Mise en place d'une stratégie "mode déconnecté".
  • Manifest et la montée en cache des ressources du site mobile.
  • Bases de données SQLite, indexedDB intégrées au navigateur.
  • Langage SQL et outils d'administration.
  • Gestion et pilotage en JavaScript (création de table, requêtes...).
  • Usage de Google Gears pour les terminaux non compatibles HTML 5.
  • Gestion du cache côté client pour un travail en mode non connecté (localStorage, sessionStorage).

Travaux pratiques
Création d'un gestionnaire de notes avec stockage dans la base embarquée.

Cartographie et géolocalisation

  • Gestion de la carte Google Maps.
  • Options pour la prise en charge de la géolocalisation du mobile.

Travaux pratiques
Affichage de la carte par rapport à la localisation du mobile et affichage de markers sur la carte.

Participants / Prérequis

» Participants

Développeurs et chefs de projets mobilité.

» Prérequis

Bonnes connaissances du Web, d'HTML de CSS. Connaissances de base du JavaScript et du XML.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Guillaume N. 14/01/2020
5 / 5
Très bien bon aperçu des technologies avec une bonne partie TP

Jonathan D. 05/11/2019
3 / 5
Le contenu des deux derniers jours est plus intéressant, le rappel html /css/ js est inutile pour mon métier. (2premiers jours) la pédagogie est bonne.

STEFAN B. 05/11/2019
4 / 5
Bon formation, un peu courte par rapport au contenu

Nabil Z. 05/11/2019
4 / 5
Stage qui nécessite des compétences techniques et pas adapté aux profils non techniques. Cependant, la formation reste très intéressante et enrichissante et cela m'a permis d'avoir une vue macro de la création d'appli.

Boubacar B. 05/11/2019
4 / 5
Satisfaisant
Avis client 4 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
AIX
[+]
BORDEAUX
[+]
BRUXELLES
[+]
GRENOBLE
[+]
LILLE
[+]
LYON
[+]
MONTPELLIER
[+]
NANTES
[+]
ORLEANS
[+]
RENNES
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULOUSE
[+]
TOURS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys