Formation Concevoir des applications mobiles performantes
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
Ce stage vous présentera les différentes techniques permettant de concevoir et d'optimiser des sites mobiles adaptés aux différents formats de terminaux. Vous étudierez les règles d'ergonomie d'une interface, les critères d'analyse technique de vos applications Web pour optimiser leur exécution et leur chargement.
Objectifs pédagogiques
- Optimiser les performances graphiques
- Optimiser les performances applicatives
- Faire un audit de performance d'une application mobile
- Eviter les pièges d'une ergonomie responsive
- Donner de la visibilité à une application mobile
Exercice
Méthodes pédagogiques
Environnement de test
- Outils de tests mobile : gesture, performance réseau...
- Présentation de GoogleDevTools, pagespeed.
- Mesurer la performance d'une application.
- Construction de binaires avec Node.js/Phonegap.
- Outils de performance et de développement.
Exercice
Audit de performance, outils de tests.
Optimisation de l'application
- Optimiser le chargement des ressources, mode asynchrone et différé.
- Mise en place d'une stratégie de cache.
- Optimiser les ressources graphiques.
- Compression des CSS/JavaScript.
- CPU front end, back end. Les WebWorker.
Exercice
Audit de performance. Optimiser les caches. Compression des ressources.
Design et device
- Définir un plan d'actions selon qualité du réseau.
- Détecter le changement d'orientation.
- Evènement périphérique : multitouch, orientation...
Exercice
Concevoir un design interactif selon des événements.
Responsive design
- Comment créer un responsive performant.
- Contenu fluide : multicolonne, découpage multipage.
- CSS3, viewport, media-queries.
- Composant graphique : indicateur de progression...
Exercice
Réaliser une page Responsive.
Référencement et statistiques d'utilisation
- Référencer une application sur le Web, dans un store.
- Suivi statistique des usages, remontée d'anomalies.
Ergonomie tactile
- Critères d'ergonomie d'une interface tactile et des événements (touch, gesture...).
- Faire évoluer l'ergonomie et les fonctionnalités d'un site Web vers le mobile.
- Différences entre les ergonomies mobiles et tablettes.
- Définition du contenu : page d'accueil, rédactionnel...
- Mode de navigation : fil d'ariane, menus de navigation...
Exercice
Analyse de projets Web existants et études des design possibles.
» Participants
» Prérequis
| Franck B. 28/05/2018 |
4 / 5
|
| Maximilien M. 28/05/2018 |
4 / 5
|
| Rui J. 28/05/2018 |
5 / 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.









