Flash Builder 4 et le Flex SDK 4 sortent en production
Flash Builder 4 et le SDK Flex 4 sont sortis tous les deux en version finale ce matin après plusieurs mois en beta. Mars est décidément un très bon mois pour la communauté Adobe Flex, surtout après l'annonce de la mise à disposition de la totalité du SDK Flex de manière gratuite et open source (grâce à l'ajout de datavisualization.swc).
Flex Builder devient Flash Builder
J'en parlais sur ce blog il y a presque, un an, Flex Builder est bien devenu Flash Builder. Simplement un changement de nom pour faire comprendre qu'avec Flash Builder, on peut aussi faire des applications AS3 sans Flex. Bien sûr, Flash Builder est idéal pour faire des applications Flex / Air mais il ne sert pas uniquement à cela.
Notez que cette version Flash Builder 4 est basée sur un Eclipse 3.5 (plug-in et standalone). Cela est un vrai plus pour les développeurs qui utilisent le même environnement pour leurs projets Java et Flex.
Télécharger la version d'évaluation de Flash Builder 4 (380 Mo)
Les nouveautés Flash Builder 4
Un très grand nombre de nouveautés viennent s'ajouter à Flash Builder 4 qui en fait un IDE vraiment mature. La liste est longue, vous trouverez sur le site d'Adobe les principales:
Nouvelles fonctionnalités Flash Builder 4
Ou alors vous pouvez consulter cette article que j'avais écrit il y a quelques temps
Flash Builder 4 – Nouvelles fonctionnalités en beta sur Adobe Labs
Parmi ces fonctionnalités, voici celles qui ont vraiment retenu mon attention:
- Génération de getters/setters (j'en avais vraiment marre de les taper à la main)
- Un débugger bien plus puissant qu'avant
- Un refactoring qui fonctionne
- Support de l'ASDoc et de la visualisation de l'ASDoc au survol
- Meilleurs temps de compilation
Parmi les trucs qui peuvent vous intéresser (mais qui me font pas sauter au plafond perso):
- Intégration de FlexUnit
- Génération de code pour communication avec un back-end serveur
- Génération de formulaires CRUD
- Intégration avec Flash Catalyst
- …
Notez que Flash Catalyst n'est pas sorti en même temps. A mon avis, il arrivera au moment de la sortie de la CS5.
Et un petit récapitulatif comparant les fonctionnalités de Flex Builder 3 et Flash Builder 4:
Comparatif Flex Builder 3 et Flash Builder 4
Combien ça coute?
Et bien cela dépend de votre situation. Une image vaut mieux qu'un long discours, voici donc le listing des prix:
Voilà, je suis pas commercial Adobe et je ne touche aucune commission, mais si vous êtes développeur Flex, je vous recommande très fortement de faire l'investissement le plus vite possible (ça a été fait ce matin pour ma part
).
AdvancedDataGrid, Charting et OLAPDataGrid (datavisualization.swc) enfin GRATUIT!
En voilà une excellente nouvelle de la part d'Adobe (non, pas la sortie de Flash Player 10.1
), la mise à disposition du SWC datavisualization.swc dans le SDK Open Source et sans restriction de licence.
Il y a 9 mois, je vous annonçais l'open-sourcing du Flex Data Visualization mais ici on parle bien de l'aspect gratuit de cette librairie. En effet, Open source ne veut pas forcement dire gratuit.
La nouvelle responsable produit sur Flex (Deepa Subramaniam) en a fait l'annonce lors du 360|Flex:
Flex advanced data visualization components now part of the FREE open source Flex SDK!
Pour résumer, vous n'aurez plus besoin d'une licence Flex Builder Professionnal pour utiliser les composants de la librairie datavisualization.swc. Parmi eux, on peut trouver:
- AdvancedDataGrid: Composant qui va bien au delà de la DataGrid, avec de nouvelle possibilités d'itemRenderer, de bilan et de groupement (et bien d'autres)
- Charting: Tous les graphiques possibles avec Flex (histogramme, bulles, etc.)
- OLAPDataGrid: Peut servir pour des besoins spécifiques d'agrégation de données.
Je viens de vérifier sur le dernier "nightly build" de Flex 4, le swc est bien là dans le SDK Open Source:
Télécharger le dernier build du Flex 4 SDK
Voila donc une excellente nouvelle pour la communauté Flex, puisque l'on peut maintenant réellement créer l'ensemble des applications entreprise que l'on souhaite sans débourser un sou (pour rappel, le SDK est gratuit, seul Flex Builder est payant). Le prix d'entrée pour un développeur se trouve du coup largement réduit. Pour rappel, voici la grille des prix Adobe:
- Flex Builder 3 standard: 249$
- Flex Builder 3 professional: 699$
Bon maintenant, on peut se demander à quoi va servir une licence Flex Builder Pro par rapport à une licence Flex standard. Pour l'instant je ne vois que le profiler et peut-être les wizards (même pas sûr et puis qui utilise les wizards ?^^). En regardant les derniers build Flex 3 SDK, on dirait que ce n'est que pour le SDK Flex 4. Mais bon, on peut compiler des applications Flex 3 avec le Flex 4 SDK donc peu importe.
Bref, vivement que Flex 4 et Flex Builder 4 sortent, il se font vraiment attendre maintenant
Tutorial – Installation de HFCD Compiler Flex
Dans ce tutorial Flex, je vais détailler les étapes de l'installation d'HFCD (HellFire Compiler Daemon). HFCD est un produit extrêmement intéressant puisqu'il vous permet d'externaliser la compilation de vos applications/librairies Flex vers un Daemon (service Java). Ce Daemon peut tourner sur votre machine ou sur une machine distante.
Grâce à ce système, vous allez pouvoir diviser vos temps de compilation, parfois par un facteur 2-3 ce qui vous permettra de vous concentrer sur le développement de votre application (et pas simplement regarder Flex Builder et son "Building Workspace…")
Téléchargement d'HFCD Flex Compiler et du fichier licence.dat
Pour télécharger le compilateur HCFD, il vous suffit de vous rendre sur la page de téléchargement de son créateur:
Page de téléchargement HFCD pour Flex 3
Page de téléchargement HFCD pour Flex 4
Sur cette page, pensez bien à télécharger le fichier licence.dat (HFCD est en Release Candidate, il sera bientôt en production). Il vous sera indispensable pour l'installation. Ce fichier ce trouve sur la page de téléchargement dans la catégorie "Evaluation License".
Téléchargez ensuite le compilateur correspondant à votre version du SDK Flex et à votre OS. HFCD est disponible pour les versions du SDK Flex suivantes:
- 3.2.0
- 3.3.0
- 3.4.1
- 3.5.0
- 4.0
Le téléchargement est terminé, vous pouvez maintenant passer à l'installation.
Installation d'HFCD Compiler
Une fois installé, HFCD va modifier le compilateur par défaut de vos applications. Si vous voulez tester sans ne prendre "aucun risque", créez tout d'abord un nouveau Workspace Eclipse/Flex Builder. Vous pourrez travailler avec HFCD dans ce workspace et faire ensuite le switch quand vous vous sentez prêt.
Lancez l'exécutable (pour les systèmes Unix-Based, vous devriez savoir vous débrouiller
).

Renseignez les différentes valeurs demandées (répertoire d'installation d'HFCD, répertoire de votre Flex Builder, répertoire de votre SDK Flex).

Quand on vous demandera le fichier de licence, pointez vers le fichier licence.dat que vous avez téléchargé plus haut.
Poursuivez l'installation.
Démarrage du service de compilation HFCD
Comme précisé plus haut, la compilation va s'exécuter sur un service Java qu'il vous faut maintenant lancer. Je vais présenter la version courte mais sachez que vous pouvez faire tourner plusieurs instances d'HFCD sur plusieurs ports différents si vous avez un server 8-core avec un maximum de RAM par exemple (plus d'informations sur cette feature).
Rendez-vous dans le répertoire d'installation de HFCD puis /server/bin/ (C:\Program Files (x86)\HFCD\3.2.0\server\bin) et lancez "hfcd.exe".

Par défaut, le serveur va utiliser les ports 50207 et 50208.
Flex Tips – Afficher facilement les trace() de son application sans passer par Flex Builder avec Notepad++
Pour logger des informations de debug, la plupart d'entre nous utilise simplement des instructions trace() (ou tout autre système détourné de Logging qui fait des trace() au final). D'autres utiliseront des debugger externes comme Alcon ou De MonsterDebugger.
Dans un environnement de développement, vous allez installer le Flash Player Debugger et simplement lancer votre application en Debug dans Flex Builder afin que tout se retrouve dans la console. Mais vous pouvez aussi indiquer à Flash Player qu'il doit écrire sa sortie dans un fichier texte sur votre disque. La procédure est plutôt simple puisqu'il suffit de placer un fichier mm.cfg sur votre disque (au bon endroit) avec 2 instructions dedans et de relancer votre navigateur.
Si vous ne l'avez pas encore fait, voici la procédure:
Debugging Flex applications with mm.cfg and flashlog.txt
Vous avez donc votre flashlog.txt contenant votre logging sur votre disque que vous pouvez analyser avec un outil externe. Mais si vous êtes comme moi et que votre machine mouline car Flex Builder lui mange toute sa RAM, vous n'avez sûrement pas envie d'installer/lancer une autre application.
Le plus simple et productif que j'ai trouvé est d'utiliser Notepad++. Si vous ne l'avez pas, c'est un excellent éditeur de texte (sorte de super Notepad comme son nom l'indique), avec coloration du code dans de nombreux langages.
Bref, un outil indispensable pour les développeurs. L'aspect sympa de Notepad++ est que lorsque vous avez un fichier ouvert, il va régulièrement vérifier s'il a été modifié sur le disque. Et comme Flash Player va écrire dans le fichier flashlog.txt, Notepad++ va détecter ce changement et vous demander si vous voulez recharger ce fichier. Et comme vous vous trouvez dans un éditeur de texte, vous pouvez facilement l'utiliser pour faire de la comparaison de texte, du replace de caractères et autres.
La vue est aussi bien plus dégagée que la console de Flex Builder et le logiciel est très light d'un point de vue mémoire. A vous de vous faire votre avis mais c'est la solution que j'ai choisi
FlexPMD – Le plug-in Eclipse / Flex Builder 3 / Flash Builder 4 disponible
Il y a quelques semaines, je vous présentais FlexPMD, un outil permettant de faire un audit de votre code ActionScript / Flex pour vos applications Adobe Flex / Adobe Air. A sa sortie, vous ne pouviez l'invoquer qu'en ligne de commande, par Ant ou par Maven. C'est plutôt pratique si vous avez déjà un système d'intégration continue ou des scripts de build en place mais sinon, cela restait un peu laborieux.
Heureusement, on apprend sur le blog de Xavier Agnetti, la sortie de FlexPMD sous forme de plug-in Flex Builder (mais aussi TextMate et FlashDevelop). Vous pourrez trouver plus d'informations sur le wiki de FlexPMD:
Wiki FlexPMD sur opensource@adobe
Notez que l'outil est compatible (testé) sur les versions de Flex Builder suivantes:
- FlashBuilder 4 Beta 2 standalone
- FlashBuilder 4 + Eclipse 3.5
- FlashBuilder 4 + Eclipse 3.4
- FlashBuilder 3 + Eclipse 3.4
Des vidéos expliquant l'utilisation de FlexPMD en plugin et sur sa configuration sont disponibles.
Au passage, Xavier annonce aussi la sortie d'autres outils pour faire l'audit de votre code (outil venant du monde Java eux aussi):
- FlexCPD (Copy & and Paste Detector): Vous indique la quantité de code dupliqué dans vos projets. Une bonne idée pour un bon refactor
- FlexMetrics (équivalent de JavaNCSS): Vous permet d'avoir des statistiques générales sur votre projet (nombre de lignes, de fonctions, etc.)







