AS_Blog » Flex

Bug : ProfilerAgent de Flex qui tourne en permanence

Vincent Helwig — Tue, 22 Dec 2009 14:27:55 +0000

Je suis tombé sur un bug bien ennuyeux après avoir utiliser le Profiler de Flex. Lorsque je naviguais sur d’autres applications flash ( complètement indépendante de celle « profiler » ), j’avais en permanence ces alertes dans le debugger :

Error #2044: securityError non pris en charge : text=Error #2048: Violation de la sécurité Sandbox : file:///C|%2FDocuments%20and%20Settings%2F****%2FMy%20Documents%2FFlex%20Builder%203%2F.metadata%2F.plugins%2Fcom.adobe.flash.profiler%2FProfilerAgent.swf?host=localhost&port=9999 ne peut pas charger de données à partir de localhost:9999.
at ProfilerAgent()[C:\SVN\branches\3.2.0\modules\profiler3\as\ProfilerAgent.as:127]

Error #2044: securityError non pris en charge : text=Error #2048: Violation de la sécurité Sandbox : file:///C|%2FDocuments%20and%20Settings%2F***%2FMy%20Documents%2FFlex%20Builder%203%2F.metadata%2F.plugins%2Fcom.adobe.flash.profiler%2FProfilerAgent.swf?host=localhost&port=9999 ne peut pas charger de données à partir de localhost:9999.
at ProfilerAgent/ioErrorHandler()[C:\SVN\branches\3.2.0\modules\profiler3\as\ProfilerAgent.as:527]

Flex Builder était fermé, et malgré un redémarrage, l’erreur apparraissait toujours…
Après quelques recherches, j’ai découvert que l’erreur venait d’une ligne non supprimé dans le fichier mm.cfg :

PolicyFileLog=1
PolicyFileLogAppend=0
ErrorReportingEnable=1
TraceOutputFileEnable=1
PreloadSwf=C:/Documents and Settings/****/My Documents/Flex Builder 3/.metadata/.plugins/
com.adobe.flash.profiler/ProfilerAgent.swf?host=localhost&port=9999

Il n’y a qu’à supprimer cette ligne, et l’erreur n’apparaitra plus !

Les versions beta de Flash Builder 4 et Flash Catalyst sont disponibles sur le labs

Vincent Helwig — Tue, 02 Jun 2009 06:28:29 +0000

Grosse nouvelle en ce début de mois, les premières beta sont disponibles pour ~~Flex~~ Flash Builder et Flash Catalyst.

Flex 4 SDK »
Flash Catalyst »
Flash Builder 4 »

Bonne découverte à tous !

Autour du web…

Vincent Helwig — Tue, 26 May 2009 15:33:46 +0000

N’ayant pas autant de temps que je le voudrais pour vous faire partager les liens que je trouve, en tout cas de la façon dont j’aimerais vous le faire découvrir, je vais à partir de maintenant vous faire un petit tour du web des posts intéressants. La fréquence changera au fil du temps…

Sean Moore – Comment apprendre Flex »
Pas mal de liens très intéressants pour apprendre Flex, suivant son niveau, à garder sous le coude !

Flex Butterflies and Bugs / Joan Lafferty – Utiliser le sdk de Flex Gumba 4 dans Flex Builder 3 »
L’installation du sdk ne différencie pas d’un sdk version 3, le point important étant le point 13 :
le changement « manuel » des namespace et les différences de codage du mxml.

Sean Moore – Top 10 des outils et ressources Flex »
Quelques bons liens, notamment Cairgorm, Degrafa, as3corelib…

Flash Develop – Version 3.0.0 RC 4 »

FDT – Version 3.2 »

De Flex Builder à Flash Builder…

Vincent Helwig — Mon, 18 May 2009 09:33:42 +0000

Adobe continue de travailler sur son offre Flash Platform, notamment sur la clarté de son offre.

En effet, Adobe a annoncé que Flex Builder changerait de nom, et sera maintenant nommé Flash Builder à sa prochaine version, donc Flash Builder 4 ( une version beta est prévue pour cet été )… Une nouvelle qui ne laisse pas indifférente du côté des développeurs, auxquels répond Lee Brimelow ».

Il est vrai que ce changement peu prêter à confusion, pour les non-initiés, mais n’y avait-il pas déjà confusion avant ? Qui n’a jamais expliqué la différence Flex/Flash, l’utilisation différente des deux IDE… ? Même si ce changement peut paraitre bizarre, surtout après 3 version de l’IDE Flex Builder, il me semble positif que le nom fasse référence à Flash, parce que oui, Flex c’est du Flash, au moins plus de confusion de côté là ! Mais le nom Flex ne disparait pas pour autant, mais il ne sera maintenant utilisé que pour désigné le framework..

Reste un point, soulevé par Peter Elst » : Si on a d’un côté Flash Builder, et de l’autre Flash Professionnal, Flash Builder peut paraître comme une version allégée de Flash Professionnal, ce qui est très loin d’être le cas… Doit-on alors s’attendre à un nouveau changement de nom, pour encore clarifier l’offre ? Est-ce déjà prévu, ou Adobe va-t-il aussi se rendre compte de ce nouveau problème ?

Attention… Une confusion peut en cacher une autre…

Retrouver la page dédié à Flash Platform sur le site d’Adobe »

KapInspect par KapIT

Vincent Helwig — Tue, 16 Dec 2008 15:41:46 +0000

KapIT propose depuis quelques mois un outil de debbugage et d’inspection d’application Flex, KapInspect.
Très complet et très utile, à la hauteur de la renommée de KapIT en somme, KapInspect est l’outil indispensable du développeur Flex (l’équivalent de la Web Developer Toolbar de Firefox)

Voici les possibilités qu’offrent KapInspect :
- Inspection des objets (Bitmap de visualisation, liste des propriétés..)
- Filtrage des proriétés par type ( String, Number, Object…)
- Mémoire utilisée en temps réel
- Modification style
- Ciblage des éléments
- Evènements
- Statistiques
- …

Pour utiliser KapInspect, il faut vous identifier » et ensuite télécharger le package KapInspect.zip.
Copier KapInspect.swc dans le dossier de votre projet, et l’ajouter dans le library Path ( Project > Properties > Flex Build Path > Librairy Path > Add SWC ).
Il faut suffit alors d’instancier KapInspect de cette façon

Vous pouvez instancier KapInspect en code, ou alors ne pas vouloir charger toute la librairie dans votre application Flex, vous pouvez voir de quelle façon sur la page de présentation de KapInspect.

Gage de qualité KapInspect est visible dans l’application AIR : TourDeFlex

Vous pouvez retrouver KapInspect et d’autre applications sur le Lab de KapIt »

La page de KapInspect »
Le guide d’intégration de KapInspect »
Le guide du développeur »

via Flex888 »

Flex 4 (Gumbo), Alchemy & Catalyst (Thermo) en vidéo @ Max

Vincent Helwig — Fri, 05 Dec 2008 12:09:22 +0000

Mediabox nous propose trois vidéos en streaming des démonstrations faites à Adobe Max Milan des prochaines nouveautés d’Adobe (actuellement toujours en développement).

- Flex 4 Gumbo »
- Catalyst (Thermo) »
- Alchemy »

Après les annonces de Max à San Francisco, Adobe nous propose ces démonstrations très intéressantes, en attendant de pouvoir les tester nous mêmes, d’ici peu ( début 2009), je l’espère…

Degrafa Beta 3

Vincent Helwig — Wed, 26 Nov 2008 14:22:49 +0000

Degrafa est un framework graphique open-source pour Flex2/Flex3, initié en 2007, la beta 3 est disponible depuis le mois de novembre.

Un exemple ci-dessous :

Les nouveautés de la beta 3 »
Le site de Degrafa »
Exemples d’utilisation de Degrafa

Ci-dessous un tutoriel vidéo :

Degrafa Skinning Tutorial (part 1) from Mike Huntington on Vimeo

Apprendre Flex en 1 semaine

Vincent Helwig — Mon, 24 Nov 2008 10:40:32 +0000

Excellente liste de liens sur le Flex Developper Center, pour apprendre Flex en 1 semaine.
Découper en 5 « jours », vous apprendrez grâce à des vidéos, mettrez en pratique avec des exercices en PDF. Des bases aux fonctionnalités plus complexes (archtecture..) en passant par la création de composants, la customisation avecCS3, un petit lien à garder dans les bookmarks !

Flex in a Week raquo;

3 Méthodes pour réduire le poids d’une application Flex

Vincent Helwig — Mon, 17 Nov 2008 13:19:33 +0000

Serge Jespers nous présente sur Adobe TV, 3 méthodes pour réduire le poids d’une application Flex.
Pour résumer :
- Exportation de l’application en Release
- Utilisation de MXML Module (création de swf externe)
- Framework Flex externe (Librairy Path > Framework linkage > Runtime shared library – RSL)

L’explication complète en vidéo :

Utiliser Flex Profiling pour les projets Flash

Vincent Helwig — Wed, 29 Oct 2008 13:35:01 +0000

Sortant d’un long projet Flex3, je me suis habitué à utiliser le profiler de Flex pour tester mon application. De retour sous Flash, je cherchais à retrouver le même confort, et pouvoir utiliser le profiler avec mes projets développés sous FlashCS3, bientôt CS4, ou encore FlashDevelop….
Et c’est possible !

Il faut tout d’abord permettre le debbugage du swf compilé, pour celà, il faut :
- Sous Flash CS3 /CS4, dans les paramètres de publication, cocher l’option « Autoriser le débogage » / « Permit debugging »
- Sous FlashDevelop, il faut configurer son projet en « Debug » (menu déroulant, dans la liste d’icônes)

Une fois le swf compilé, il faut activer la vue Flex Profiling ( Window > Perspective > Flex Profiling )

Dans l’onglet « Profile », cliquer sur la flèche descendante à droite, et sélectionner « Profile External Application »

Cliquer sur « New », et entrer le chemin vers votre application, une fois valider, sélectionner l’adresse dans la liste des applications, et cliquer sur Launch.

!!! Attention Flash Player Debug Obligatoire !!!

Flex lancera alors votre application, et vous proposera de configurer le profiler, une fois valider (« Resume »), vous aurez accès aux données du Profiler sur votre application !

Bon Profile à tous !

Guide ActionScript Reference & RIA Developpement

Vincent Helwig — Tue, 28 Oct 2008 16:23:57 +0000

Guide de référence, classant par ordre alphabétique l’ensemble des API native de Flash, Flex et AIR

Guide RIA sur Adobe Developper Connection »

Hi-Res! Stats

Vincent Helwig — Mon, 29 Sep 2008 16:13:42 +0000

Basé sur le composant de statistique de Alternativa3D, vous pouvez télécharger ici » la classe permettant de tester les performances de vos application (FPS, mémoire….)

Label, Text et HandCursor

Vincent Helwig — Tue, 09 Sep 2008 12:52:01 +0000

Lorsqu’on utilise les composants Label et Text de Flex, et qu’on définit une action MouseEvent.CLICK, il est plus ergonomique de définir visuellement ce lien afin d’aider l’utilisateur. Outre le soulignement, la gestion de du curseur (et de son passage en mode « Main ») permet d’indiquer à l’internaute que le texte survolé est cliquable.

Mais l’ajout de l’event MouseEvent.CLICK ne gère pas automatiquement le passage de la souris en HandCursor, il faut donc utiliser les propriétés mouseChildren (hérité de DisplayObjectContainer), buttonMode (hérité de Sprite).

La propriété mouseChildren active, ou non, la souris sur les enfants de l’objet.
La propriété buttonMode définit l’objet comme un bouton ( et donc change le curseur en main lors du passage de la souris)

buttonMode= »true » mouseChildren= »false » click= »onLabelClick() » />

buttonMode= »true » mouseChildren= »false » click= »onTextClick() »/>

[kml_flashembed movie="http://www.tsoin.com/asblog/tutoriel/useHandCursor/main.swf" width="400" height="100" /]Voir les sources »

Arthropod – AIR Application Debugger

Vincent Helwig — Wed, 11 Jun 2008 15:28:24 +0000

Arthropod est une application AIR, crée par Carl Calderon, qui permet de récupérer les traces depuis son application Flash ou AIR.
Même s’il ne marche qu’en local, il présente l’avantage de pouvoir colorer son code pour mieux s’y retrouver.
Vous pourrez voir un exemple d’utilisation sur la page d’Arthropod ».

Flash 10 – wmode direct \ gpu

Vincent Helwig — Thu, 29 May 2008 21:21:11 +0000

Avec la sortie de Flash 10, deux nouvelles valeurs sont apparues pour le wmode :

Il semblerait que l’utilisation du wmode direct permettre d’avoir les mêmes performances qu’avec le player standalone.

Le wmode gpu serait quand à lui préconisé pour toute animation de bitmap et donc pas optimisé pour du vectoriel. Il faudra donc réfléchir, avant même le développement de l’animation, au rendu final que l’on devra donner…

Snackr – Application AIR – RSS Reader

Vincent Helwig — Mon, 19 May 2008 16:32:10 +0000

Snackr est un lecteur de rss tout nouveau tout beau, développé avec Flex 3 et AIR. Il existe pour pour windows, mac et linux et possède des paramètres de configurations assez poussés :

Possibilité d’ajouter plusieurs flux rss
Possibilité de définir l’ancienneté des posts
Faire défiler plus oui moins rapidement les informations
Choix de l’écran
Choix de la position (haut, bas, droite, gauche)
…

Je trouve Snackr assez réussi, reste à régler les problèmes de saccades dans le défilement des news, et la gestion des apostrophes . Si vous avez des idées pour l’amélioration de cette appli AIR, laisser vos commentaires sur cette page »

via Serge Jespers »

Compilation en Flash 10

Vincent Helwig — Mon, 19 May 2008 10:59:47 +0000

Un nouveau player ok ! Mais comment compiler en Flash 10 et tester toutes les petites nouveautés que nous as concoctés Adobe ?

Tout d’abord il faut télécharger la dernière version en date du SDK de Flex », ou vérifier que vous avez la version 10 du playerglobal.swc dans le dossier de votre SDK :
FLEX_SDK/frameworks/libs/player/10/playerglobal.swc

Modifier le fichier FLEX_SDK/frameworks/flex-config.xml :

10.0.0
libs/player/10/playerglobal.swc
libs
libs/player/10
locale/{locale}

Si vous voulez pouvoir switcher entre les deux versions du player, reportez vous à cette page »

Pour utiliser le SDK dans FlashDevelop, Spécifier le Flex SDK Location dans le Program Settings (F10), sélectionner AS3Context et entrer le chemin du sdk dans AS3 > Flex SDK Location.

Pour Flex, Ajouter le SDK dans Window > Preferences >Flex > installed Flex SDKs :

Pour info, il y a eu une mise à jour de FlashDevelop pour la gestion du code en Flash 10.
Cliquer ici pour voir le post »

Retrouver aussi le tutorial video de gotoandlearn »

Google Maps API pour Flex

Vincent Helwig — Fri, 16 May 2008 06:11:55 +0000

Google vient de mettre à disposition une API qui permet d’intégrer Google Maps dans une application Flex. Très proche de la version JavaScript, cette version Flex montre bien l’interêt grandissant pour le framework d’Adobe.

Il faut bien sur posséder une key pour la Google Maps API pour pouvoir l’utiliser, vous pouvez vous inscrire ici si vous n’en avez pas déjà une.

Liens

J’espère pouvoir faire un post dans les jours qui suivent pour illustrer l’intégration de cette API.

Adobe Thermo

Vincent Helwig — Wed, 07 May 2008 13:20:14 +0000

Retour sur un futur produit d’Adobe : Thermo : Annoncé début octobre 2007, Thermo est outil de conception de RIA. Cette application sera donc surtout déstiné aux graphistes, mais sera d’une grande aide pour les développeurs.

Quel développeur ne s’est jamais retrouvé à adapter graphiquement une créa pour créer un composant Flex ? Même si la tâche est devenu plus facile avec les extensions Flex Skinning Templates et Flex Component Kit (je ferais un post plus tard sur l’utilisation des ces extensions), il n’en demeure pas moins que ce n’est pas la simplicité même…

Heureusement Adobe pense à nous et est en train de nous développer Thermo, il sera possible de :

créer des graphiques, des designs d’applications, ou de manipuler des créa importer depuis des produits de la suite CS3
Utiliser les fichiers crées depuis Photoshop, Illustrator ou Fireworks pour créer des composants utilisant comme skin la créa de ces fichiers
Créer des comportements sur ces éleemnts
Créer des éléménts dynamiques sans avoir à accéder au vrai source de données.

Aucune de sortie pour le moment, peut être pour la sortie de Flex 4 « Gumbo », qui devrait gérer le MXMLG, langage XML déclaratif de design, qui sera générer par Thermo.

Ci-dessous les vidéos de présentation de Thermo à l’Adobe MAX 2007 :
» video 1
» video 2
» video 3

Plus d’info sur le labs d’Adobe Thermo

Gestion de la mémoire dans Flex Builder/Eclipse

Vincent Helwig — Wed, 07 May 2008 09:59:07 +0000

Petite astuce améliorer la getion de la mémoire sous Flex Builder, ou Eclipse, et ainsi éviter les lenteurs et les plantages inopinés !

Vous pouvez afficher l’espace mémoire utiliser par FlexBuilder/Eclipse en allant dans Window > Préférences > General, et cocher le checkBox Show heap status. L’utilisation de la mémoire est afficher par défaut en bas à droite de votre FlexBuilder/Eclipse.

Pour modifier l’espace mémoire utiliser par FlexBuilder/Eclipse :

Ouvrir le fichier FlexBuilder.ini ou eclipse.ini, suivant votre installation de Flex (Standalone ou Plugin). Ce fichier permet de configurer l’utilisation de la mémoire par Eclipse
A l’intérieur de ce fichier vous trouver les informations suivantes :
- Xms : Espace mémoire utiliser par Eclipse pour les tâches asynchrones
- Xmx : Mémoire attribuée à la Java Virtual Machine (JVM)
- PermSize : Mémoire utilisé par la JVM pour enregistrer les données et les informations de class
La mémoire utilisé par Eclipse est équivalent à Xmx + PermSize. Il est évident que c’est deux valeurs ajoutées ne doivent pas dépassés la capacité total de votre machine ! Et si vous utilisez d’autre applications, penser à configurer intelligement la mémoire d’Eclipse…
Exemple de configuration (sans utiliser la totalité de la mémoire de la machine) :
512 Mo : -Xms128m -Xmx256m -XX:PermSize=64m -XX:MaxPermSize=128m
1024 Mo : -Xms256m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=256m
2048 Mo : -Xms512m -Xmx1024m -XX:PermSize=256m -XX:MaxPermSize=512m

Vous trouverez la liste des options complètes sur le site de blog de sun