BluePrint est une extension d’Eclipse qui permet d’obtenir des ressources (aides, exemples, …) directement avec le raccourci CTRL+B dans Eclipse. En effet, la documentation de Flex sur Eclipse était inutilisable car trop longue à se lancer…

Cette extension est donc une réussite et vous pouvez l’installer en regardant ce tuto sur le Labs d’Adobe: http://labs.adobe.com/wiki/index.php/Blueprint:Installation_Instructions

Pour commencer à l’utiliser : http://labs.adobe.com/wiki/index.php/Blueprint:Using_Blueprint

N'oubliez pas que vous pouvez vous abonner à mon Twitter http://twitter.com/flexinfo ou au flux RSS ;)

Pour installer SVN avec le dernier des Flash Builder, il vous faut procéder comme cela :

1. Installer le SVN Team Provider depuis : http://download.eclipse.org/technology/subversive/0.7/update-site/
2. Après l’installation du SVN Team Provider,  redémarrez Eclipse et installer SVN Connectors depuis : http://www.polarion.org/projects/subversive/download/eclipse/2.0/update-site/

En espérant avoir aidé certains … bon Flex

Sur le labs, Adobe propose le Flash Builder beta 2 au téléchargement.

Cette nouvelle beta n’est pas compatible avec la beta , il vous faudra désinstaller la beta 1 puis installer la beta 2.

Les framework Flex 4.2 et 3.4.1 sont intégrés dans cette version.

Voici quelques unes des nouveautés présentent dans la beta 2 :

• Suggestion de composants, en mode Code
• Nouvelle gestion des skins, en mode Design
• Test direct des remote data
• Ajout de fonctionnalités au Debugger, Profiling et au Network Monitor
• Gestion de BlazeDS et LCDS3
• Intégration de Test Unit

Télécharger Flash Builder beta 2

Pour demander votre numéro de série Flash Builder beta 2, ça se passe ici : https://freeriatools.adobe.com/flashbuilder4beta/

Pour ma part, je suis ravi de l’évolution du debugger qui possédait de grosse lacunes qui ont été résolues.

N’hésitez pas à laisser vos découvertes sur cette nouvelle version en commentaire.

Voici quelques liens pour vous aider à découvrir toutes les nouveautés de Flex 4 :

• http://sujitreddyg.wordpress.com/flash-builder-4/ pour s’initier au Network Monitor, à l’accès au service HTTPService, WebService, PHP, la liaison avec Catalyst et une démo pour construire une application Flex 4 avec Google App Engine en 10 minutes !
• http://raghuonflex.wordpress.com/2009/06/01/connecting-to-webservices-with-the-data-centric-development-dcd-feature-in-flash-builder-4-part-1/ une application de test pour tout savoir de l’accès et de l’utilisation automatique des Webservices.
• Liste de skin Catalyst opensource : http://groups.adobe.com/resources/d17e72cf15/summary

La plupart d’entre vous doivent déjà savoir que Adobe vient de sortir les bétas publiques de Flash Builder 4 et Flash Catalyst pour la communauté des développeur Flex.

Pour pus d’informations, vous pouvez consulter les posts de Michael ou Sean.

J’essaierai de mettre à jour ce post si je trouve des infos utiles sur le Flash Builder pendant mes développements…

Grâce au très bon plugin Flex Formatter, il est désormais possible de formater son code AS3 comme MXML automatiquement.

Les réglages assez nombreux permettent de choisir comment l’on souhaite formater son code ( espaces avant et après virgules, retours à la lignes avant les accolades ou certaines instructions… ). Pour le MXML de nombreuses options sont également présentes, notamment le fait de pouvoir choisir l’ordre des attributs d’une balise et même créer des groupes pour lesquels il est possible de forcer un retour à la ligne avant leur déclaration.

La configuration est un peu longue au début mais le résultat vaut vraiment le coup. On obtient facilement un code lisible et répondant à un formatage commun ce qui évidemment est très utile dans une équipe de développement. L’import/export de la configuration en fichier texte permettra de répliquer votre configuration sur d’autre postes.

A noter que l’installation du plugin se fait en copiant ce fichier dans le dossier “plugins” (ou “dropins” pour Eclipse 3.4) de votre installation Flex Builder ou Eclipse (3.3 minimun) puis en relançant Flex Builder. La configuration du plugin se fait via le menu Window > Preferences > Flex Formatting.

Enfin il est possible d’activer le formatage automatique à l’enregistrement des fichiers. Sinon le formatage peut se faire par la combinaison : Ctrl + Maj + F

Voici une petite liste de raccourcis clavier que j’utilise régulièrement et qui me facilite bien la vie dans Flex Builder. Évidemment la liste est loin d’être exhaustive mais voici les plus courants : (n’hésitez pas à laisser les vôtres dans les commentaires pour compléter la liste…)

Edition de code Flex / AIR :

• Effacer la ligne courante : Ctrl + D
• Déplacer la ou les lignes sélectionnées : Altl + Flèche Haut ou Bas
• Dupliquer la ou les lignes sélectionnées : Ctrl + Alt + Flèche Haut ou Bas
• Aller à l’emplacement d’édition précédent ou suivant : Alt + Flèche Gauche ou Droite (Pomme + Alt + Fleche sur Mac)
• Indenter plusieurs lignes sélectionnées : Tab ou Maj + Tab (pour désindenter)
• Chercher l’occurrence suivante de la sélection dans le fichier : Ctrl + K (Ctrl + Maj + K pour la précédente)
• Organiser les imports : Ctrl + Maj + O
• Voir et Aller à le définition d’une fonction ou d’une propriété dans le fichier : Ctrl + O
• Mettre en commentaire la sélection : Ctrl + Maj + C (Marche en MXML, AS et CSS)
• Rechercher dans l’ensemble des fichiers : Ctrl + Maj + F
• Maximiser/Minimiser l’éditeur actif : Ctrl + M
• Mettre le texte sélectionné en Majuscules : Ctrl + Maj + X (Ctrl + Maj + Y pour mettre en minuscules)
• Pour aller à la définition d’une classe : Ctrl + Clic sur le nom de la classe
• Trouver les références d’une fonction dans un workspace : Ctrl + Maj + G

Gestion des fichiers :

• Ouvrir une classe à partir de son nom : Ctrl + Maj + T
• Naviguer dans les onglets ouverts : Ctrl + Maj + Flèche Gauche / Droite
  
• Renommer un fichier : F2

Execution et debug :

• Mettre/Enlever un point d’arrêt sur la ligne courante : Ctrl + Maj + B
• Navigation sur les points d’arrêt : F5 (Into), F6 (Over), F7 (Return) et F8 (Resume)
• Lancer le mode debug : Alt + Maj + D puis F pour lancer le debug Flex Application
• Lancer l’application courante : Alt + Maj + X
• Lancer l’application Flex : Alt + Maj + F
  
• Lancer l’application AIR : Alt + Maj + R

… et enfin, l’indispensable Copier/Coller : Ctrl + C, Ctrl + V…. Ah vous le connaissiez ! 

Les développeurs Adobe Flex professionnels ont été jusqu’à présent frustrés par le manque d’outils de tests unitaires pour Flex. Bien que FlexUnit ait été développé pendant quelques temps, les développeurs Flex n’ont d’outil de tests unitaires digne de ce nom…

Plutôt que d’attendre que quelqu’un (Adobe ?) le fasse,  Gorilla Logic a créé un système open sourced nommé FlexMonkey. FlexMonkey permet donc d’enregistrer et de lire les interactions faites avec une interface Flex, et génère des tests en ActionScript grâce à des scripts qui peuvent facilement être inclus dans un processus d’intégration. Il utilise les API Flex Automation et a été créé grâce à l’extension Adobe d’automatisation graphique, AutoQuick.
La demande croissante pour un outil était tel que, même si la release est sortie il y a 2 mois à peine, un communauté active a déjà commencé à grossier autour de ce projet open source qui a été téléchargé près de 1000 fois.

Pour plus d’infos sur le projet FlexMonkey, voici une vidéo de présentation par ses concepteurs :

et pour les ressources c’est ici : Google Code ou site de Gorilla Logic

Bonjour à tous,

Le Tour de Flex est sortie ! Ce n’est pas le Tour de France des Flexeurs mais bien une application

Le Tour de Flex est en fait un logiciel contenant de nombreux composants, notamment la librairie Efflex. c’est une application AIR pour explorer les propriétés et ressources de Flex. On peut ainsi explorer le moteur des composants Adobe Flex, Adobe AIR et l’intégration de données. Il est aussi possible d’explorer des composants tiers, des effets, des skins et bien plus encore.

C’est donc une application intéressante pour nos développement. Notons que l’application est également disponible sous forme de plugin Eclipse.

Pour plus d’information, rendez-vous sur : http://flex.org/tour

Je suis tombé par hasard sur une page du site du C.E.R.T.A. (Centre d’Expertise Gouvernemental de Réponse et de Traitement des Attaques informatiques) qui dénonce une vulnérabilité de la version 3 de Flex permettant l’injection de code indirecte dans vos applications.

Voici le lien vers la page du C.E.R.T.A et le lien vers le bulletin Adobe annonçant cette vulnérabilité. Adobe considère comme importante cette mise à jour et recommandeaux utilisateurs de mettre à jour leurs installations logicielles et site internet si nécessaire.

La solution

Adobe recommande à tous les développeurs Flex 3 qui ont autorisé le module “History Management” de mettre à jour les applications créés avec Flex 3 et le FlexBuilder en procédant comme ceci

1. Les utilisateurs de Flex 3 (Flex 3 SDK et Flex Builder 3) doivent mettre à jour leurs produits avec cette mise à jour Flex 3.0.2 SDK.
2. Les utilisateurs de Flex 3 qui ont autorisé le module “History Management” dans leurs applications déployées en Flex 3 doivent mettre à jour  toutes les instances du fichier historyFrame.html avec ce fichier mis à jour. Les 3 versions de historyFrame.html dans l’installation du SDK de Flex 3 installation peuvent être trouvé dans les répertoires suivants :

• {install root}/templates/client-side-detection-with-history/history/historyFrame.html
• {install root}/templates/express-installation-with-history/history/historyFrame.html
• {install root}/templates/no-player-detection-with-history/history/historyFrame.html