Concevoir des applications mobiles performantes

» 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.

» Framework Web mobile

Présentation des frameworks Web, natifs.

Choisir un framework, impact sur la performance.

Optimisation graphique Material Design.

Exercice
Réaliser un site mobile Material Design.

» Design des publications numériques

Format des publications. Livres iPad, KindlePad...

Publication dans les bookstores.

Exercice
Réaliser un livre numérique avec Calibre.