Développer une application Web pour iPhone, iPad et Android

formation coaching ingénierie inter intra
Développer une application Web pour iPhone, iPad et
Android
Développer une application Web pour iPhone, iPad et Android
RÉFÉRENCE
MIKA
DURÉE
4 jours (28 heures)Prix : nous contacter
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é.
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 un Framework MVC client
• Jauger les solutions hybrides comme PhoneGap
• Découvrir des solutions multi-OS et multi-Device
• Utiliser différents 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
Travaux pratiques :
Lors de cette formation, vous commencerez par développer une application mobile de visualisation de planning
avec un Framework mobile simple (IUI). Après avoir évalué l'intérêt de ce type de Framework, vous irez plus loin
avec un Framework plus sophistiqué (jQueryMobile). Votre application s'étoffant, vous y ajouterez un Framework
MVC client (Backbone) pour gérer les différentes vues de celle-ci. Ce qui vous permettra ensuite d'apporter des
améliorations propres aux solutions Web mobiles comme le fonctionnement hors connexion ou des différenciations
en fonction du type d'écran. Enfin vous finirez par créer une version hybride de votre application avec PhoneGap.
Programme :
Problématique du Web mobile
Autres Frameworks
• Contexte et enjeux
• Les navigateurs
• Détection de terminaux
• Les langages du Web mobile
Site Web, application Web ou application
•native
• Les Frameworks de test et débogage
• Weinre
• Les Frameworks MVC
• Backbone
Des contraintes à intégrer
• Géolocalisation
• Stockage local
• Mode déconnecté
• Gestion de cache
• Effets avec CSS3
• CSS Media Query
• Intégration de contenus
• Ergonomie
• Connectivité
• Navigation
Frameworks mobiles
• Types de Frameworks pour solutions mobiles
• Fonctionnalités courantes
• IUI
• JQuery Mobile
• Sencha Touch 2
• Dojo Mobile
• Wink Toolkit
Fonctionnalités avancées et HTML5
Emballage natif avec PhoneGap
• Application native intégrant une WebView
• Principe de mise en oeuvre
• Principales API
• Pont JavaScript
• Customisation
• Limites