Développer des applications mobiles multi-plateformes avec Flex 4.5

Aujourd'hui, les applications métiers des entreprises sont de plus en plus portées sur smartphones et tablettes tactiles, mais la variété des environnements de développement complique le travail des équipes.
Le framework Flex d'Adobe propose de bâtir des applications multiplateformes grâce à un modèle unifié et industrialisé de programmation, d'environnement de développement et de base de code.
Cette formation couvre les aspects du framework Flex 4.5 relatifs au développement d'applications pour périphériques mobiles. La mise en pratique des notions présentées s'effectue au travers de la réalisation d'un projet-exemple servant de fil rouge aux différents modules.

Formation animée par Christophe KEROMEN. Ingénieur en informatique, spécialiste des applications métiers, Technical Evangelist pour l'éditeur de logiciel 4D jusqu'en 2009, il est aujourd'hui consultant indépendant et formateur dans le domaine des applications mobiles. Il est l'animateur du Flex User Group en Bretagne et l'auteur du livre "Flex 4.5 pour mobiles" qui sera remis aux stagiaires de cette formation.

Public :

• Cette formation s'adresse non seulement aux développeurs de la communauté Flex, mais aussi à tous les développeurs ou chefs de projet qui souhaitent créer des applications " mobiles " multi-écrans pour les entreprises ou les différents " stores ".

Objectifs :

• Développer et déployer des applications mobiles sur Apple iOS, Google Android et BlackBerry Tablet OS.

Pré-requis :

• Au minimum, il est demandé une expérience significative de développement et des notions de programmation orientée objets.
• Idéalement, il est conseillé d'avoir suivi le cours " T475-021 - Flex 4 : Développer des Applications Internet Riches ".

Contenu pédagogique

La plateforme Flash

• De l'animation vectorielle aux Applications Internet Riches
• Composants de la plateforme Flash
• Développer avec Flex

Premiers pas avec Flash Builder

• Installation - Ecran d'accueil
• Vocabulaire Eclipse : workspace, vues, éditeurs, perspectives...
• Création d'un projet pour mobiles
• Arborescence du projet
• Paramètres des projets mobiles

Première liste en MXML

• Les composants d'interface
• Contrôles optimisés pour mobiles
• Contraintes de positionnement
• Contrôle List
• Lier des contrôles aux données
• Utilisation d'une source de donnés XML
• ArrayCollection
• Tester dans AIR Debug Launcher (ADL)
• Refactoring

Déploiement

• Plateformes cibles
• Modes de déploiement
• Applications autonomes et applications natives

Bouton : ses clics et ses taps

• Gestion d'une pression sur un bouton
• Fonction trace()
• Gestionnaire d'événement
• Multi-touch et gestuelle

Bénéfices de Flex pour mobiles

• Adaptation aux mobiles
• Architecture applicative
• Pile de navigation
• Liste/détail
• Contrôles de type texte
• Différences avec les projets Flex pour navigateurs

Rendus de liste

• Objet Scroller
• Rendu par défaut - LabelItemRenderer
• Fonction de rendu - ItemRenderer
• IconItemRenderer et ses propriétés
• Assistant en mode Design

Architecture navigateur - vue

• Modèles d'applications mobiles
• ViewNavigator : propriétés, événements
• Méthodes de navigation entre vues
• Conservation des vues
• Vue : propriétés, événements
• État, contexte et retour de données
• Passage de données
• ActionBar

Westerns en détail

• Mise en œuvre des différentes notions sur l'application exemple
• Création de vues
• Mode debug
• Navigation entre les vues
• Améliorations et optimisations
• Liaison avec un service Web via HTTP
• Value Objects

Modèles de projets mobiles

• ViewNavigatorApplication
• TabbedViewNavigatorApplication
• Exemple de mise en œuvre

Utiliser les capacités du mobile

• APIs disponibles
• Adobe AIR Launchpad
• Exemple de détection des interfaces réseaux
• Gestion des appareils photos
• Géolocalisation
• Fonctionnement en arrière-plan
• Gestion du clavier virtuel
• StageWebView
• Intégration avec les applications natives
• Mise en œuvre sur l'application exemple

Interface tactile

• Multi-Touch
• MultitouchInputMode
• Gestuelles
• Mise en œuvre sur l'application exemple
• Création de classes d'événements spécifiques
• Getters et Setters

Stockage local

• Mécanismes de persistance des données
• Base de données SQLite
• Classes de base
• Mise en œuvre sur l'application exemple
• Réglages dans les fichiers de description

Persistance des données

• Particularités des applications mobiles
• SharedObject
• PersistenceManager : propriétés, événements
• Mise en œuvre sur l'application exemple
• Persistance à la demande.
• Sérialisation et Tag [RemoteClass]

Gestion de l'orientation

• Deux écrans en un
• Fixer l'orientation
• Gestion par les états
• Détection des événements
• API de gestion de l'orientation
• Mise en œuvre sur l'application exemple

Finalisations

• Écrans de démarrage
• Indicateur d'activité
• Gestion du menu d'options sous Android
• Transitions entre vues
• Forcer l'arrêt de l'application
• Conserver certaines vues
• Mise en œuvre sur l'application exemple

De bonnes résolutions

• Définitions, résolutions
• Classification des résolutions
• Configurations des périphériques de tests
• Gestion de la résolution dans Flex
• Mise à l'échelle automatique
• Règles @media dans les CSS
• Images multi-densités
• Intégration dans l'IDE
• Mise en œuvre sur l'application exemple

Stratégies multi-écrans

• Tour d'horizon du marché des mobiles
• Layouts dynamiques
• Adaptation d'une liste
• Différences entre plateformes
• Adaptation pour iOS
• Utilisation des skins

Versions de débogage et de déploiement

• Fichiers de description
• Différences suivant les plateformes
• Déploiement sur les différentes plateformes
• Certificats
• Astuces pour iOS
• Version finale, checklist

Spécificités des plateformes

• Composants personnalisés
• SkinnablePopUpContainer
• Comparaison d'applications multiplateformes
• Comparaison de versions smartphones et tablettes
• Réutilisation du code
• Mise en œuvre sur l'application exemple