Suite de l'article
Du mobile multiplateforme avec Flex 4.5 - 1ère partie -

Quoi de neuf avec la 4.5 ?

Initialement, Adobe pensait développer un produit spécifique pour le développement mobile. La montée en puissance des périphériques (processeur rapide, grands écrans, mémoire RAM suffisante) a modifié cette road-map initiale en incitant à inclure le développement mobile dans la prochaine release du SDK Flex.

En synthèse, il s'agit de faire de Flex/AIR l'environnement de développement multiplateforme de référence, mobiles et tablettes inclus, ce qu'Adobe a nommé le multi-screen.

Il est plus rapide de faire un joli dessin que de concrétiser une vision : seul Android est supporté pour l'instant comme cible d'application mobile dans Flex 4.5.

Changement dans la continuité

Pas de rupture technologique, ça reste du Flex/AIR. C'est une bonne nouvelle pour les développeurs Flex/AIR existants car ils vont pouvoir réutiliser leurs compétences pour attaquer de nouveaux marchés. C'est également une bonne nouvelle pour les nouveaux développeurs qui s'intéresseront à Flex/AIR pour le développement mobile. En effet, plutôt qu'une start-up construisant à partir de rien un nouveau produit, ils auront comme fournisseur une société pérenne proposant un environnement de développement ayant fait ses preuves.

Présentons brièvement les nouveautés qu'offre la preview Flex Hero de la version 4.5.

Si le SDK a été modifié, nous reparlerons en particulier des composants plus bas, Flash Builder, l'outil de développement, a également été étendu pour faciliter le développement mobile.

Tout commence dans Flash Builder avec un nouveau type de projet "Flex Mobile Project" :

Ce type de projet donne accès automatiquement à plusieurs améliorations spécifiques aux mobiles.

Des adaptations des composants :

- fourniture de skins étudiés pour les écrans et résolutions des mobiles

- optimisations pour les processeurs, la mémoire et la batterie des mobiles

- prise en charge des interactions avec les utilisateurs grâce au multi-touch et aux gestures

- listes spécialement adaptées aux mobiles, ici le rendu de liste MobileIconItemRenderer

Une nouvelle architecture applicative est proposée :

Elle repose sur l'enchaînement de vues, une seule vue étant visible à un instant donné. Le pattern"vue liste/sélection d'un item, navigation vers la vue détail" est privilégié.

- View

Une application mobile comprend par défaut l'architecture nécessaire à la navigation, à la déclaration d'une ActionBar (boutons de navigation, titre et boutons d'actions) et à la gestion des vues.

- ActionBar -

Paradigme de navigation : des méthodes de navigation d'une vue à l'autre sont disponibles, Flex gère la pile de navigation.

Persistence des données

Une application mobile peut-être interrompue à tout moment, par l'utilisateur, par le système (réception d'un appel...), le framework propose une gestion automatique de persistence qui permet de à l'utilisateur reprendre là où il en était avant l'interruption.

L'intgération de l'application avec les possibilités natives du mobile est très importante. Le SDK propose plusieurs APIs pour cela :

Importance de l'outillage

Les développeurs expérimentés le savent, la productivité est directement liée à la qualité de l'outillage proposée par l'environnement de développement. Flex 4.5 ne se résume pas à un nouvel SDK, Flash Builder apporte sa contribution au développement mobile.

Le mode Design permet de prévisualiser les vues encours de conception, comme dans les versions précédentes, mais il est possible en plus de leur appliquer les changements d'orientation que l'on pourra retrouver sur le mobile de manière à pouvoir constater l'impact sur le développement en cours.

Le développeur peut également définir plusieurs configurations de test afin de valider ses vues en fonction de plusieurs tailles d'écran :

La compilation permanente (à chaque sauvegarde) est toujours présente. Il est possible de déployer une application d'un seul clic. Soit vers Adobe Debugger Launcher (ADL) pour tester dans l'émulateur AIR, soit directement sur le mobile connecté à un port USB  de la machine de développement.

En mode debug, il est possible de placer des points d'arrêt dans le code qui seront pris en compte lors de l'exécution du programme sur le périphérique et permettront de suivre son déroulement dans le débogueur de Flash Builder.  

Il ne s'agit là que d'un survol rapide des principales fonctionnalités de Flex 4.5 qui rendent le développement à la fois simple et productif.

Perspectives

Que va-t-il se passer dans le futur et comment aller plus loin ?

(je suis content : j'ai réussi à caser une photo de Buster Keaton dans un article sur Flex)

• Preview d'octobre 2010 : 

Comme je le disais plus haut, la pré-version fournie lors de la conférence MAX est d'une stabilité et d'une finition étonnante. Même si des fonctionnalités vont changer ou manquent à l'appel (seule la plateforme Android est supportée), il est déjà possible de commencer à monter en puissance sur le sujet.

• Evolution des specs en open-source :

Adobe publie régulièrement des mises à jour des spécifications sur son site. Il est ainsi possible de suivre l'évolution du produit.

• Démarrage du programme béta avec NDA :

Adobe a ouvert les inscriptions au programme de béta-test qui se déroule sous NDA, inscriptions ici.

• Version finale attendue courant 2011 :

Attendue ? Avec impatience, oui !

• Packager For iPhone (PFI) :

Adobe sait que la crédibilité de son produit sera jugé sur cette fonctionnalité

PFI sera inclus dans la version finale de Flex 4.5. Les ingénieurs de chez Adobe travaillent à améliorer les performances globales de l'outil : temps de compilation et optimisation des applications générées. En attendant, il n'est pas compatible avec AIR 2.5 et par conséquent avec la preview de Flex Hero.

Frustrant, hein ? Il faudra que j'attende un peu pour voir la version iPhone de cette Proof Of Concept Android réalisée avec Flex 4.5...

- Exemple d'application Android -

Quelques liens...

• La page d'Adobe labs : http://labs.adobe.com/technologies/flex/mobile/
• Understanding Flex Mobile View and ViewNavigator
• RIAgora, le blog de l'évangéliste Français de chez Adobe, Michaël Chaize
• LE site de tutoriels sur Flex en Français : http://www.flex-tutorial.fr/ maintenu par "Lucky Luke" Nicollet, l'homme qui dégaine un tuto plus vite que son ombre
• Je teste Scoop.It! un nouveau service en béta qui permet de fédérer différentes sources d'informations sur un sujet, à juger de l'utilité à l'usage...L'url de la page sur le Développement mobile avec Flex 4.5 : http://www.scoop.it/t/developpement-mobile-avec-flex-4-5