Développer pour Mobiles Multi Plates-formes

Programme de la formation Développer pour mobiles multi plates-formes Introduction au Web Mobiles

• L'arrivée des smartphones, aubaine ou calvaire pour le développeur web ?
• Application Web : avantages, inconvénients et limites
• Application Natives : avantages, inconvénients et limites
• Cycles de développement
• Architectures : Accélérer l'affichage de nos applications avec Amazon, App Engine ou une solution à base de Proxy
• Web Mobiles : Site internet ou applications web mobiles ?
• Tour d'horizon des frameworks pour mobiles : JQTouch, JQuery Mobile, Sencha Touch, iUI, ...

Rappels XHTML/CSS et JavaScript

• Liens avec ancres
• Les images : optimisation des allers/retour serveur et empilage avec z-index
• Gérer les blocs
• Sélecteurs CSS avancés (nth-child, ...)
• JavaScript : Rappels Syntaxiques
• JavaScript : Manipuler DOM, les évènements, ...

HTM5 : Les nouveautés au cœur du développement web pour mobiles

• Nouvelles gestions de blocs
• Bases de données côté client
• Transactions sur bases de données
• Stockage hors-ligne
• AJAX amélioré
• Graphisme grâce aux Canvas
• Multi-Touch
• Géolocalisation et utilisation de l'API Google Maps

Présentation du framework mobile : iUI

• Présentation globale
• Avantages / Inconvénients
• Création de fenêtres
• Liens entre fenêtres
• Afficher des menus sous forme de listes
• Forcer le clavier virtuel
• Créer des fenêtres de dialogue
• Alertes
• Thèmes iPhone grâce aux Panels
• La gestion des thèmes avec theme-switcher
• Les extensions iUI : nouveaux thèmes (Android, WebOS), listes de sélection, calendrier, ...
• Créer des formulaires iPhone-like
• JavaScript : navigation rapide entre pages
• JavaScript : Gérer les évènements des composants iUI
• JavaScript : Appels AJAX
• JavaScript : DOM et fenêtres iUI
• Envoi de formulaires iUI en Ajax

Présentation du framework mobile : Sencha Touch

• Présentation, Setup d'une application
• Fonctionnement de l'affichage (panel, menu, boutons, liste)
• Chargement de données en AJAX à partir du serveur
• Formulaire, les différents champs
• Gestion des événements
• Google Maps dans Sencha Touch
• Mettre en place une architecture MVC sur ses applications Sencha Touch

Présentation du framework mobile : JQTouch

• Présentation de JQuery
• JQTouch ou JQuery mobile ?
• Fenêtres
• Barres d'outils
• Formulaires
• Listes avec ou sans séparateur
• Evènements
• AJAX
• Design
• Gestion des thèmes
• Gérer les tablettes (iPad, Android, etc.)

Déployer son application sur l'App Store, l'Android Market avec PhoneGap

• Présentation de PhoneGap
• Multi-plateformes ?
• Principes techniques
• Téléchargement
• Configuration avec XCode pour une application iPhone
• Configuration avec Eclipse pour une application Android
• Exécution sous émulateur
• Utiliser toute la hauteur de l'écran
• Changer le nom et le logo de l'application
• Accéder en JavaScript aux fonctionnalités natives
• Bip, Alertes, Vibreur, etc.
• Géolocalisation
• Accéléromètre
• Comparaison d'applications sous iPhone/Android/Blackberry
• Inscription, Certificats et Déploiement sous iTunes
• Inscription, Certificats et Déploiement sous Android Market