Développer une application Web pour iPhone, iPad et Android
Référence : MIKA
Durée : 4 jours (28 heures)
Les écosystèmes mobiles suscitent un intérêt grandissant au sein des entreprises qui souhaitent parfaire leur stratégie multicanale en intégrant un maximum de plates-formes, iOS et Android en tête. Le développement spécifique à chaque plate-forme est contraignant et coûteux ; parallèlement les technologies Web, impulsées par HTML5, évoluent et proposent aujourd'hui tout un panel de solutions pour construire une application offrant une expérience utilisateur adaptée aux mobiles et aux tablettes.
Aujourd'hui les navigateurs d'Android et d'iOS utilisent le même moteur de rendu (WebKit) ce qui facilite l'utilisation des technologies Web. Il reste néanmoins à définir une architecture en fonction du besoin (application native ou site Web), et savoir ce qu'apportent les nombreux Frameworks qui mélangent savamment IHM, HTML5 et JavaScript en jouant parfois la carte de la complémentarité.
Travaux pratiques :
Dans cette formation, plusieurs ateliers sont proposés pour vous sensibiliser aux problématiques du Web mobile et savoir développer des applications pour terminaux iPhone, iPad et Android. Vous évaluerez différents Frameworks du marché et les mettrez en oeuvre dans le cadre d'une application multi-plateforme et multi-device.
Vous allez apprendre à :
- Développer un client riche Web mobile
- Respecter les contraintes d'ergonomie du Web mobile
- Comprendre l'apport d'HTML5 et CSS3
- Utiliser une WebView
- Jauger les solutions hybrides comme PhoneGap
- Découvrir des solutions multi-OS et multi-device
- Utiliser les principaux Frameworks de développement d'applications Web mobiles
Méthode pédagogique :
70% de travaux pratiques
Audience :
Développeurs Web, développeurs mobile, chefs de projets, architectes
Pré-requis :
- Connaissances de base en HTML et CSS ou avoir suivi le cours HWEB
- Compétences JavaScript ou avoir suivi le cours JASI
Programme :
- Problématique du Web mobile
- Contexte et enjeux
- Les navigateurs
- Détection de terminaux
- Les langages du Web mobile
- Site Web, application Web ou application native
- Des contraintes à intégrer
- Ergonomie
- Connectivité
- Navigation
- Frameworks
- Principaux Frameworks du marché
- Rôle de JavaScript
- JQuery Mobile
- JQtouch
- Sencha Touch 2
- Dojo Mobile
- Wink Toolkit
- Fonctionnalités avancées et HTML5
- Géolocalisation
- Stockage local
- Mode déconnecté
- Gestion de cache
- Effets avec CSS3
- CSS Media Query
- Intégration de contenus
- Emballage natif avec PhoneGap
- Application native intégrant une WebView
- Principe de mise en oeuvre
- Principales API
- Pont JavaScript
- Customisation
- Limites