Développer des applications mobiles multi-plateformes avec Flex 4.5
Durée : | 4 jour(s) |
Tarif : | Consultez-nous |
DEMANDE DE DEVIS SANS ENGAGEMENT - CLIQUEZ ICI
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 ".
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