Découverte du Web Mobiles
L’arrivée des smartphones
Avantages et inconvénients des applications Web et Native
Cycles de développement
Frameworks pour mobiles : JQTouch, JQuery Mobile, Sencha Touch, iUI
Rappels XHTML/CSS/JS
Présentation du framework mobile
Introduction à JQuery mobile et ses fondements (JQuery, HTML 5, Ajax)
Avantages du frameworks
Conventions de codage du framework
Architecture : mono page ou multi-pages
Les fenêtres et menus
AJAX
Design
Gérer et choisir les thèmes
Gestion de l’historique de l’application
Les media queries
Animer et créer des effets
Apparaître et disparaître
Mouvement et transitions
La fonction Animate
Déclencher et imbriquer des effets
Les formulaires
Structure
Champs de saisies de textes et de nombres
Le choix de dates
Formulaires de recherches
Insertion d’interrupteurs pour les choix simples
Utilisation de sliders
Les listes :
– Basiques
– Imbriquées
– Numérotées
– En lecture seule,
– A double action
– Avec texte formaté et compteurs
– Avec vignettes et icônes
– Composites
– De sélection dynamique
Envoi de documents depuis le mobile
Plugin methods
Javascript
Sélecteurs CSS :
– Les balises HTML
– Les ID CSS
– Les class CSS
– Filtres
Sélecteurs JQuery
Evènements : Touch, OrientationChange, Scoll, Page, Animation
CSS3
Stockage
Découverte de PhoneGap
Introduction à PhoneGap
Principes techniques
Configuration :
– Avec XCode pour une application iPhone
– Avec Eclipse pour une application Android
Utilisation de toute la hauteur de l’écran
Changement du nom et du logo de l’application
Fonctionnalités natives
Géolocalisation
Accéléromètre
iTunes et Android Market
Structure et ergonomie des applications mobiles
Le développement mobile
Respect d’une charte graphique
Interface UI Builder
Création de pages :
– Structure
– Transitions
– Boites de dialogue
– Navigation
– Types de liens
Création de transitions
Eléments de la page
Création de listes dynamiques
Barre d’outils :
– Entête de page
– Pied de page
– Navigation
– Positionnements
Boutons :
– De liens ou avec icone
– Inline
– Groupes
Layouts de positionnement
Thèmes
Utilisation et création
Choix dynamique dans l’application
Les API
Les différents évènements :
– Fonctionnement du gestionnaire
– Navigateurs, formulaires
– Sur la souris
– Sur le clavier
Configuration
Appels AJAX
Aller plus loin
JQtouch
La classe JQMPHP
