Développer un client Web mobile
Si le succès de l'iPhone a poussé de nombreuses entreprises à développer une application spécifiquement pour cette catégorie d'utilisateurs, les sorties d'Android et de Windows Phone 7 les mettent devant un choix inconfortable. Faut-il multiplier les coûts de développement en prévoyant une application pour chaque plate-forme, sachant que les technologies de développement sont très différentes, ou faut-il privilégier un système mobile ? Et, si oui, lequel ?
Face à ce choix complexe, il existe une solution simple et à la portée de tous : prévoir une application Web optimisée pour les navigateurs des terminaux mobiles. Moins sexy à première vue car ne permettant pas de tirer parti de toutes les fonctionnalités du Smartphone, c'est une alternative à ne pas négliger.
Travaux pratiques :
Dans cette formation, plusieurs ateliers vous sont proposés pour traiter les problématiques essentielles du Web mobile. Vous serez ainsi amené à transformer une page Web pour la rendre compatible avec les mobiles du marché, à concevoir et mettre en oeuvre une solution de détection des terminaux, à utiliser WURFL comme solution de détection industrielle, ou encore mettre à profit les styles CSS, la géolocalisation et le Framework JQuery mobile pour accélérer vos développements.
Vous allez apprendre à :
- Développer un client Web mobile
- Savoir quelles fonctionnalités du téléphone sont intégrables
- Comprendre l'apport d'HTML5 et CSS3
- Faire un choix pertinent de solution de développement pour mobile
- Utiliser Webkit et Mobile IE
- Connaître les contraintes d'ergonomie des applications Web mobiles
Méthode pédagogique :
30% de travaux pratiques
Audience :
Développeurs Web, développeurs mobile, chefs de projet, 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
- La réalité du Web mobile
- Les navigateurs
- Web mobile 2.0
- Les langages du Web mobile
- Différents langages de balises
- WML
- XHTML-MP
- Feuilles de styles
- JavaScript
- HTML5 / CSS3
- Fonctionnalités Web mobiles
- Détection des navigateurs
- WURFL
- API de géolocalisation
- Conception de site Web mobile
- Règles utiles
- Bonnes pratiques
- Amélioration progressive
- Techniques d'optimisation
- Frameworks et API
- JQuery Mobile
- PhoneGap
- Autres solutions : Sencha Touch, Titanium, jQTouch