EKAMELEON - DevBlog ActionScript & ECMAScript

EKAMELEON - DevBlog ActionScript & ECMAScript http://www.ekameleon.net/blog/index.php? DevBlog Flex - AIR - ActionScript3 - Flash Media Interactive Server - ECMAScript fr Thu, 24 Jul 2008 14:58:57 +0200 http://blogs.law.harvard.edu/tech/rss Dotclear [VEGAS] A - Design Pattern d'inversion de contrôle - Généralités http://www.ekameleon.net/blog/index.php?post/2008/07/21/A-Design-Pattern-dinversion-de-controle-Generalites urn:md5:40782f0dbdead584a9ee23ae9b1230bb Tue, 22 Jul 2008 00:05:00 +0200 eKameleon VEGAS andromedasas3asgardconfigdatadeserializedesign_patternedenflexioIoCjsonserializevegas IoC ? Injection de dépendance ? Conteneur Léger ... depuis quelques temps maintenant nous entendons parler de ce Design Pattern très puissant qui révolutionne la construction des applications orientées objets. Ce Design Pattern est vraiment pour moi indispensable une fois bien maitrisé et permet d'aller loin, très loin ! Depuis plusieurs mois maintenant je me suis lancé dans la construction de ma propre implémentation de ce pattern en m'inspirant d'une part de ce qu'il se fait de mieux à l'heure actuelle dans ce domaine ( Spring, Parsley, etc..) mais surtout des problèmes et besoins que je peux rencontrer chaque jour dans mes productions. Je remercie d'ailleurs tous ceux qui ont pris le temps de me supporter et de prendre le temps de poser un oeil sur mon code et au final qui m'ont aidé à aller au bout d'une version 1 finale (ou presque.. je finiolle :D ) de VEGAS et ses extensions. La version AS3 de VEGAS est composée de plusieurs extensions très solides et spécialisées. Mais AndromedAS avec ses outils d'IoC, etc. est devenu le noyau dure du framework pour créer avec facilité une RIA moderne et fonctionnelle aussi bien dans Flash, Flex, ou dans une application AIR. Je commence donc ici par un premier chapitre de mon énorme article basé sur le Design Pattern IoC dans VEGAS qui va se découper en plusieurs parties ici sur ce blog et qui finira au bout du compte en livre opensource disponible très prochainement sur les pages officielles du projet et aussi sur Google Documents. J'ai encore pas mal de fonctionnalités à documenter car la bibliothèque IoC s'est énormément étoffée ces derniers mois (pour la bonne cause). J'espère que cette introduction, vous permettra de vous faire une idée clair et précise des bases du pattern IoC mais surtout de l'orientation que j'ai pu prendre pour l'implémenter. Cet article reste ouvert à tous commentaires et s'accompagnera très bientôt d'une seconde partie qui précisera le DOM très complet des définitions d'objets utilisée par le conteneur léger IoC pour créer des objets dans une application. Comme toujours, je suis toute personne pouvant m'aider à accélérer le processus de traduction de cet article en anglais. Pour tout ceux qui sont pressés de savoir la suite, vous pouvez me contacter pour que je vous donne en attendant de la communiquer ouvertement sur ce blog, l'url des autres parties (en construction) de ce tutoriel assez imposant (80 pages pour le moment sur Google Documents) A noter que vous trouverez les sources des exemples ci-dessous dans le repository SVN du projet : <ul> <li><a href="http://svn1.cvsdude.com/osflash/vegas/AS3/trunk/bin/test/andromeda/ioc/">http://svn1.cvsdude.com/osflash/vegas/AS3/trunk/bin/test/andromeda/ioc/</a></li> <li><a href="http://svn1.cvsdude.com/osflash/vegas/AS3/trunk/bin/test/asgard/net/">http://svn1.cvsdude.com/osflash/vegas/AS3/trunk/bin/test/asgard/net/</a> (3 exemples d'utilisation de la classe ECMAObjectLoader)</li> </ul> Pour ceux qui débarquent dans l'aventure, et qui ne savent pas encore ce que représente VEGAS, comment l'installer etc.. Je vous propose d'aller faire un tour rapide sur le Google Code du projet : <ul> <li><a href="http://code.google.com/p/vegas/">http://code.google.com/p/vegas/</a></li> <li><a href="http://code.google.com/p/vegas/wiki/InstallVEGASwithSVN">http://code.google.com/p/vegas/wiki/InstallVEGASwithSVN</a></li> </ul> Pour toutes vos questions sur VEGAS et ses extensions n'hésitez pas à vous inscrire sur le Google Groups : <ul> <li>VEGASoS : <a href="http://groups.google.com/group/vegasos">http://groups.google.com/group/vegasos</a></li> </ul> Enfin pour suivre le projet au mieux je peux vous proposer de consulter la page officielle de VEGAS sur Ohloh : <ul> <li><a href="http://www.ohloh.net/projects/vegas">http://www.ohloh.net/projects/vegas</a></li> </ul> Il est temps maintenant de démarrer cet article sur le Design Pattern d'IoC et je vous promets la suite de cet article d'ici peu de temps <img src="/blog/themes/default/smilies/wink.png" alt=";)" class="smiley" /> <h2>1 - Définitions</h2> <h3>1-1 - Injection de dépendance (Dependency Injection)</h3> Le design pattern "Dependency injection (DI)" se réfère à la pratique de l'injection de code dans une application. Les classes ne sont pas responsables dans l'instanciation des autres classes dont elles ont besoin. Les objets sont "injectés" au moment de la construction ou de l'initialisation de l'instance qui les utilise. Ce modèle de conception consiste en plusieurs classes ou objets qui collaborent les uns avec les autres. Nous pouvons aussi parler de la notion de dépendance entre les objets. Il existe plusieurs stratégies pour appliquer ce modèle de conception. Voyons donc de plus prêt les formes d'injection de dépendance existantes en général dans un code orienté objet. <h4>Hard-coding dependencies :</h4> La classe crée en interne ses propres dépendances. Cette technique est la plus simple pour gérer une dépendance mais elle reste la moins souple de toutes. Exemple : <pre class="actionscript3">package { public class Writer {   public function Writer() { }   public function write( message:String ):void { ( new Pen() ).write( message ) ; } } }</pre> Dans l'exemple précédent la classe Writer utilise dans sa méthode write(message:String) un objet de type Pen. Cette méthode est donc dépendante d'un objet de type Pen pour fonctionner. Le code est en effet très simple mais le fait de créer directement l'objet de type Pen dans la méthode limite très vite le champ d'action de la classe et toutes évolutions de celle-ci par la suite. En cas de changement il faudra modifier directement le code dans la classe ce qui n'est pas forcément très pratique. <h4>Looking up dependencies :</h4> Cette stratégie nécessite un contexte. La classe appelle un objet et utilise ses méthodes et attributs selon ses besoins. Le contexte est un objet externe qui contient donc toutes les dépendances. Voici un petit exemple pour illustrer cette implémentation : <pre class="actionscript3">package { public class Writer {   public function Writer() { }   public function write( message:String ):void { var context:Tools = new Tools() ; context.getPen().write( message ) ; } } }</pre> <h4>Constructor injection :</h4> L'injection par constructeur est une approche simple et classique. Cette approche du modèle utilise une classe qui possède une fonction constructeur avec des paramètres pour chaque dépendance que l'on souhaite définir. Les dépendances sont transmises au moment de l'instanciation de la classe. Exemple : <pre class="actionscript3">package { public class Writer {   public function Writer( pen:Pen ) { _pen = pen ; }   private var _pen:Pen ;   public function write( message:String ):void { _pen.write( message ) ; } } }</pre> Dans cet exemple la fonction constructeur Writer( pen:Pen ) permet d'injecter au moment de la création d'une instance de type Writer la référence d'un objet de type Pen qui permettra à la méthode write() de fonctionner correctement. <h4>Setter Injection :</h4> Dans cette approche la classe possède des propriétés qui lui permettent de définir chacune de ses dépendances (attributs ou méthodes publiques). Les dépendances sont définies après la création d'une instance de cette classe. Exemple 1 : Avec une méthode ou un attribut publique de base. <pre class="actionscript3">package { public class Writer {   public function Writer() { }   public var pen:Pen ;   public function setPen( p:Pen ):void { this.pen = p ; }   public function write( message:String ):void { pen.write( message ) ; } } }</pre> Dans cet exemple la méthode 'setPen(p:Pen)' permet d'injecter dans les instance de la classe Writer tout objet de type Pen nécessaire au bon fonctionnement de la méthode write(). Exemple 2 : Avec une attribut virtuel (setter). <pre class="actionscript3">package { public class Writer {   public function Writer() { }   private var _pen:Pen ;   public function set pen( p:Pen ):void { _pen = p ; }   public function write( message:String ):void { _pen.write( message ) ; } } }</pre> Dans cet exemple la propriété virtuelle 'pen' permet d'injecter dans les instance de la classe Writer tout objet de type Pen nécessaire au bon fonctionnement de la méthode write(). <h4>Interface Injection :</h4> Cette méthode s'utilise de la même manière que les principes de Setter Injection ou de Constructor injection mais en typant la dépendance (propriétés, arguments) avec une interface spécifique : Exemple : <pre class="actionscript3">package { public class Writer {   public function Writer() {   }   private var _pen:IPen ;   public function get pen():IPen { return _pen ; }   public function set pen( p:IPen ):void { _pen = p ; }   public function write( message:String ):void { (_pen as IPen).write( message ) ; } } }</pre> <h3>1-2 - Inversion de contrôle</h3> <pre>Le modèle de conception d'Inversion de contrôle, ou plus simplement appelé IoC (L'autre nom du modèle Dependency injection) définit un ensemble de techniques de programmation dans lesquels le flux de contrôle du système et de ses objets est inversé par rapport à une technique traditionnelle de création d'une application et de ses interactions.</pre> Le modèle de conception d'inversion de contrôle se base sur le "<a href="http://en.wikipedia.org/wiki/Hollywood_Principle" hreflang="en">Hollywood Principle" : "don't call us, we will call you</a>" : « Ne nous appelez pas, c’est nous qui vous appellerons. » Le principe est simple, il indique un framework d'application qui n'a pas besoin d'être appelé pour faire fonctionner l'application, c'est le framework lui même qui s'occupe de créer les interactions entre les objets (dans la limite du possible). <img src="http://www.ekameleon.net/blog/public/images/tutoriaux/IoC/ioc_hollywood_principle.gif" alt="Inversion of control representation" /> Ce modèle favorise la programmation en "couches". Cette programmation permet de séparer chaque élément d'une application et de travailler sur chacun de façon indépendante et ensuite de les lier les uns aux autres très simplement en ayant le moins de dépendances possible au départ. C'est donc au framework de lier chaque couche les unes avec les autres le moment venu en injectant toutes les dépendances dans l'objet qui en aura besoin. <h3>1-3 - Conteneurs basés sur le modèle d'inversion de contrôle.</h3> Un conteneur d'inversion de contrôle est une infrastructure d'application qui fournit de nombreux services indispensables pour créer et faire vivre une application. Voici les principaux services d'un conteneur IoC classique : <h4>Lookup :</h4> Le conteneur permet de stocker ou créer des références pour tous les objets de l'application. Le conteneur est donc également considéré comme une "fabrique" (factory) d'application. <h4>Lifecycle management :</h4> Le cycle de vie des objets dans une application est géré par le conteneur. Le conteneur est capable de créer des nouveaux objets, d'injecter automatiquement des valeurs prédéfinies dans les propriétés d'une instance au moment de sa création, d'invoquer des méthodes spécifiques au moment de l'initialisation et de la destruction des objets, etc. <h4>Configuration :</h4> Les objets de l'application peuvent être configurés simplement via des données externes sans avoir à recompiler l'application; Il est donc possible d'utiliser des données au format eden, JSON ou XML pour créer la fabrique et initialiser l'application. <h4>Dependency resolution :</h4> Le conteneur ne se contente pas de gérer et configurer les objets de l'application avec des types simples, il permet aussi de gérer les relations et dépendances que peuvent avoir les objets les uns avec les autres. <h3>1-4 -Définition d'objet dans un conteneur IoC.</h3> Une définition d'objet est un objet qui va permettre de créer un nouvel objet dans une application avec la fabrique IoC. Cette définition d'objet peut être considérée comme un "mode d'emploi" défini au préalable par les développeurs de l'application qui utilise ce conteneur. Ce mode d'emploi contient entre autre : <ul> <li>un identifiant qui permet d'enregistrer la définition dans un conteneur léger et par la suite de créer des objets,</li> <li>le type de l'objet que l'on souhaite créer,</li> <li>les paramètres que l'on souhaite passer dans le constructeur,</li> <li>les valeurs par défaut que l'on souhaite appliquer sur l'objet (propriétés et méthodes),</li> <li>le nom de la méthode que l'on souhaite exécuter une fois l'objet créé pour l'initialiser le rendre actif dans l'application,</li> <li>injecter les dépendances avec les autres objets définis eux aussi dans la fabrique,</li> <li>etc.</li> </ul> La définition d'objet peut donner d'autres informations sur la stratégie utilisée par la fabrique pour créer l'objet ou sur la nature de cet objet dans le cycle de vie de l'application (singleton, prototype..). Si l'on devait réduire à sa plus simple expression la définition d'un conteneur IoC, nous pourrions dire qu'il se compose d'une collection de définitions d'objets qui permettent de structurer efficacement et de façon solide une application tout au long de son cycle de vie. <h2>2 - Configuration d'un conteneur IoC.</h2> Pour créer et surtout remplir convenablement un conteneur IoC, il est possible d'utiliser tout simplement du code classique, mais sur des applications de moyenne ou grande taille cette technique peut s'avérer rapidement très fastidieuse et peu souple. Surtout qu'à chaque ajout dans le conteneur il faudra la plupart du temps relancer la compilation du programme. Le modèle de conception d'inversion de contrôle à pour but de proposer des outils simples et d'optimiser efficacement le flux de production d'une application. Il devient donc rapidement indispensable de compléter celui-ci par une gestion dynamique de son contenu. Dans la plupart des frameworks utilisant un design pattern IoC nous retrouvons un déploiement des applications au <a href="http://en.wikipedia.org/wiki/Runtime">runtime</a> (après compilation) via des fichiers de configuration externes souvent au format XML (exemple avec le framework Spring.NET ou Spring JAVA). L'utilisation d'un ou plusieurs fichiers externes de configuration pour gérer une application reste la solution la plus souple. En intervenant après le lancement de l'application, il est possible de modifier le contenu du conteneur sans avoir à recompiler à chaque fois l'application. Nous parlerons alors d'un "conteneur léger". De plus, il est possible avec un moteur de configuration avancé de faire évoluer l'application dynamiquement en fournissant au conteneur uniquement les définitions d'objets nécessaires et en alimentant régulièrement le conteneur avec de nouvelles définitions d'objets au fil du temps selon les besoins. <h3>2-1 - Fichier de configuration basé sur le format de donnée "eden".</h3> Le modèle de conception IoC AndromedAS propose une fabrique IoC basée sur des fichiers de configuration au format <a href="http://code.google.com/p/edenrr/">eden</a> : ECMAScript Data Exchange Notation. eden est à la base un outil de sérialisation/désérialisation d'objets via des données au format texte et sur une notation basée sur la norme ECMAScript écrit par Zwetan Kjukov. Cette notation permet l'échange de données entre un client et un serveur mais aussi la mise en place de configurations simples ou complexes dans nos applications. Une des grandes forces du format eden est de proposer une structure de données basée sur un format texte très simple à utiliser et que l'on peut copier/coller très simplement pour l'utiliser directement dans un code ActionScript ou Javascript sans avoir à traiter la chaine de caractère récupérée dans un fichier de texte externe par exemple. Il peut s'avérer facile de comparer après un bref coup d'œil le format <a href="http://code.google.com/p/edenrr/">eden</a> avec le format <a href="http://www.json.org/jsonfr.html">JSON</a> mais ce dernier reste vraiment pauvre par rapport à toutes les fonctionnalités que propose eden. Le format eden accepte de nombreux types : <h4>Array</h4> <pre class="actionscript3">//eden   a = [ 1, 2, 3 ] ; b = new Array() ;</pre> <h4>Boolean</h4> <pre class="actionscript3">//eden   b = true; c = false; d = new Boolean(); // d = false</pre> <h4>Date</h4> <pre class="actionscript3">//eden   d1 = new Date(); d2 = new Date( 1974, 2, 30 );</pre> <h4>Null</h4> <pre class="actionscript3">//eden   x1 =null ;// x1 = null x2 ; //x2 = undefined</pre> <h4>Number</h4> <pre class="actionscript3">//eden   n1 = 123; n2 = 1.23; n3 = 1e5; n4 = 0xff; n5 = -123; n6 = -n2; // n6 = -1.23 n7 = new Number( 100 ); // n7 = 100</pre> <h4>Object</h4> <pre class="actionscript3">//eden   o1 = { a:1, b:2, c:3 }; o2 = new Object(5); // o2 = 5 o3 = new Object();</pre> <h4>String</h4> <pre class="actionscript3">//eden   s1 = "hello world"; s2 = "unicode supported ♠♣♥♦"; s3 = new String( "hello world" ); // s3 = "hello world"</pre> <h4>Types customs définis par l'utilisateur</h4> <pre class="actionscript3">//eden   v1 = new Version( 1, 2, 3, 4 ); v2 = new system.Version( 1, 2, 3, 4 );</pre> Il permet également les fonctionnalités suivantes : <ul> <li>Fonctionne avec n'importe quel client ou serveur basé sur la norme <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA-262</a> (Javascript, ActionScript, JScript, Flash Media Server__, etc.)</li> <li>Fonctionne avec la plupart des serveurs de données existant qui manipulent les chaînes de caractères.</li> <li>Appel de fonctions et de méthodes sur les objets.</li> <li>Gestion des données sécurisées avec isolation des scopes des objets et "white list" d'autorisation pour les types d'objets customs (types d'objets créés par le développeur dans son application).</li> <li>Possibilité de définir plusieurs valeurs dans une même chaine de caractère.</li> <li>Supporte les commentaires sur une ligne avec le séparateur // ou les commentaires multilignes avec les séparateurs /* */.</li> </ul> Il serait possible de créer des fichiers de configuration au format XML peut être plus classiques et plus "standard" si l'on compare les différents frameworks IoC actuels. Maintenant je trouve personnellement trop "verbeux" et très limitée la notation XML qui propose des fichiers de configurations complexes et qui entraine un énorme travail de parsing au niveau de l'application pour reproduire une partie infime des possibilités du parseur eden. La grande force de eden est de conserver dans le document de configuration, le type de tous les objets sans avoir à définir à chaque fois celui-ci. Voyons pas exemple rapidement la différence entre une même définition d'objet définie par un schéma XML et un objet au format eden. Prenons une classe simple pour illustrer notre exemple une classe test.User très simple écrite en ActionScript 3 : <pre class="actionscript3">package test {   /** * The User class. */ public class User {   /** * Creates a new User instance. */ public function User( pseudo:String = null, name:String = null , address:Address = null ) { this.pseudo = pseudo ; this.name = name ; this.address = address ; }   /** * The Address reference of this object. */ public var address:Address ;   /** * The age of the user. */ public var age:Number ;   /** * The city of the user. */ public var city:String ;   /** * The name of the User. */ public var name:String ;   /** * Initialize the User. */ public function initialize():void { trace( this + " initialize.") ; }   }   }</pre> Voyons tout d'abord un exemple de définition d'objet basé sur un schéma XML classique proche du DOM Spring.NET : <pre class="xml"><objects>   <object name="address" type="test.Address" > <constructor-arg index="0" value="34 xxx street"/> </object>   <object name = "user" type = "myPackage.User" init-method = "initialize" >   <constructor-arg index="0" value = "ekameleon"/> <constructor-arg index="1" value = "ALCARAZ" /> <constructor-arg index="2" ref = "address" />   <property name="age" value="31" /> <property name="city" value="marseille" />   </object>   </objects></pre> Voyons le même exemple (ou presque) avec une notation eden : <pre class="actionscript3">objects = [   { id : "user" , type : "myPackage.User" , init : "initialize" , arguments : [ { value : "ekameleon"} , { value : "ALCARAZ"} , { value : new test.Address("34 xxx street") } ] , properties : [ { name : "age" , value : 31 } , { name : "city" , value : "marseille" } ] }   ] ;</pre> A noter qu'il est possible d'utiliser des objets directement dans le code de vos applications pour alimenter le conteneur IoC sans passer par un fichier de configuration au format texte. Il est également possible de créer cet objet via un service web PHP, JAVA, Pyhon et de le renvoyer vers le client via le protocole texte classique (eden ou JSON) ou le protocol AMF (Action Message Format - Flash Remoting). <h3>2-2 - Autres alternatives avec JSON ?</h3> Même si je vous conseille vivement d'utiliser le format eden pour créer vos fichiers de configuration, si vous désirez absolument utiliser un format JSON pour alimenter le conteneur IoC, dans VEGAS, j'ai implémenté une adaptation de la classe <a href="http://www.json.org/">JSON officielle</a>. La classe vegas.string.JSON offre en plus des fonctionnalités classiques, la possibilité d'utiliser des nombres hexadécimaux (0xFF...) et surtout elle permet de désérialiser sans problème des expressions contenant des objets génériques définis avec ou sans double-quote ou même avec des simple-quotes : <pre class="actionscript3">import vegas.string.JSON ;   JSON.deserialize( { "prop" : 0xFF0000 } ) ; JSON.deserialize( { 'prop' : 0x00FF00 } ) ; JSON.deserialize( { prop : 0x0000FF } ) ;</pre> Vous pouvez consulter pour plus d'information la documentation de la classe <a href="http://www.ekameleon.net/vegas/docs/vegas/string/JSON.html">vegas.string.JSON</a> dans la référence AS3 de VEGAS et ses extensions. <h3>2-3 - Structure et DOM général des fichiers de configuration basés sur le format de donnée "eden".</h3> Voici la structure principale objet d'une configuration pour une fabrique IoC dans le framework AndromedAS (extension de VEGAS) : <pre class="actionscript">{   configuration : // only in the first configuration file { // .. } , imports : [ //.. ] , objects : [ //.. ] }</pre> Il est aussi possible d'écrire plus simplement la structure précédente avec une chaine de caractère au format eden avec la structure suivante : <pre class="actionscript">configuration = { // only in the first file } ;   imports = [ //.. ] ;   objects = [ //.. ] ;</pre> L'attribut "objects" est le plus important car il représente la collection (Array) de toutes les définitions d'objets que l'on souhaite insérer dans le conteneur IoC. Les attributs "configuration" et "imports" sont facultatifs et sont utilisés via une classe spéciale mais non obligatoire pour utiliser les fonctionnalités de base du conteneur. L'attribut "configuration" sera utilisé uniquement dans le fichier principal de configuration utilisé pour lancer l'initialisation de la fabrique dans l'application. Pour en savoir plus sur ces attributs, vous pourrez consulter le chapitre C - Les attributs facultatifs "configuration" et "imports" dans les fichiers de configuration d'une fabrique IoC. (Ce chapitre est en cours d'écriture et il arrivera très vite sur ce blog ;)) <h2>3 - La classe andromeda.ioc.factory.ECMAObjectFactory</h2> <h3>3-1 - Description</h3> La classe ECMAObjectFactory est la classe principale du moteur d'injection de dépendance définie dans le package andromeda.ioc.*. Elle définit, à elle seule, le conteneur et la fabrique IOC qui sont utilisés par le framework pour gérer le contenu d'une application avec le Design Pattern d'Inversion de Contrôle. Cette classe possède un héritage riche, avec plusieurs niveaux d'héritage, qui lui procure plusieurs fonctionnalités importantes : <ul> <li>ECMAObjectFactory ( Classe principale du framework IoC basée sur des définitions d'objet au format ECMAScript )</li> <li>ObjectFactory :</li> <li>ObjectDefinitionContainer</li> <li>Action</li> <li>SimpleAction</li> <li>CoreEventDispatcher</li> <li>CoreObject</li> <li>Object</li> </ul> Cette classe implémente les interfaces : <ul> <li>IObjectDefinitionContainer : Définit l'ensemble des méthodes permettant de gérer les définitions d'objets dans le conteneur IoC (voir classe ObjectDefinitionContainer).</li> <li>IObjectFactory : Définit l'ensemble des méthodes qui permettent la gestion et récupération des objets contenus dans la fabrique IoC (voir classe ObjectFactory).</li> <li>IFactory : Définit la méthode create() qui permet de générer un ensemble de définition d'objets nécessaires pour une application donnée (voir classe ECMAObjectFactory).</li> <li>IAction : Définit une notion de "process" sur la fabrique. La classe notifie un évènement au début et à la fin de l'initialisation complète du conteneur.</li> <li>IRunnable : Définit que le conteneur peut être initialisé en exécutant simplement l'objet comme une commande avec la méthode run().</li> </ul> <h3>3-2 - Exemple d'utilisation en ActionScript ( "hello world" ).</h3> Je vais illustrer l'utilisation de la fabrique IoC "ECMAObjectFactory" avec une initialisation simple basée sur simple objet de type Array qui contient un ensemble d'objets génériques. Ces objets génériques permettent l'initialisation et l'injection de plusieurs définitions d'objets et la création automatique de certains objets "singleton" pendant l'initialisation du conteneur léger avec certaines définitions d'objets. L'exemple qui va suivre peut être testé aussi bien dans Flash CS3 que dans une application Flex ou même une application basée sur la technologie AIR. Cet exemple se base sur un bout de code saisi dans un calque sur la scène principale d'une animation dans Flash mais il est très simple d'adapter ce bout de code pour l'utiliser dans un projet AS3 basé sur une classe "main" d'application. <pre class="actionscript3">import andromeda.ioc.factory.ECMAObjectFactory ;   var objects:Array = [ { id : "my_format" , type : "flash.text.TextFormat" , arguments : [ { value:"arial" } , { value:24 } , { value:0xFEF292 } , { value:true } ] } , { id : "my_field" , type : "flash.text.TextField" , properties : [ { name : "autoSize" , value : "left" } , { name : "defaultTextFormat" , ref : "my_format" } , { name : "text" , value : "HELLO WORLD" } , { name : "x" , value : 10 } , { name : "y" , value : 10 } ] } , { id : "root" , type : "flash.display.MovieClip" , factoryReference : "#root" , singleton : true , properties : [ { name : "addChild" , arguments : [ { ref:"my_field" } ]} ] } ] ;     var factory:ECMAObjectFactory = ECMAObjectFactory.getInstance() ;   factory.config.root = this ;   factory.create( objects ) ;</pre> L'objet "objects" de type Array de configuration ci-dessus permet de définir 3 définitions d'objet : <ul> <li>"my_format" : cette définition permet de créer des instances de types flash.text.TextFormat, cette définition injecte des dépendances via la fonction constructeur de la classe pour initialiser l'objet.</li> <li>"my_field" : cette définition permet de créer des champs de texte dynamiques de type flash.text.TextField avec une initialisation de certains de ces attributs avec des injections de dépendance via l'attribut "properties".</li> <li>"root" : cette définition permet de créer une référence singleton qui cible la scène principale de l'application définie dans la configuration de la fabrique IoC (voir code ci-dessous) et d'attacher dessus le champ de texte dynamique "my_field".</li> </ul> A noter que la définition d'objet "root" utilise une stratégie spéciale de la fabrique IoC qui lui permet de cibler dans une définition d'objet une référence de la scène principale définie dans le code ci-dessus avec la propriété root de l'objet de config de la fabrique : <pre class="actionscript3">factory.config.root = this ;</pre> Remarque : La fabrique IoC possède plusieurs types de stratégies pour créer un objet dans l'application avec une définition d'objet. Nous en parlerons dans le prochain chapitre consacré aux définitions d'objets (Chapitre B, je suis en train de finaliser ce chapitre très long sur les définitions d'objets...). L'exemple ci-dessus permet d'afficher très rapidement un champ de texte sur la scène d'une animation. Cet exemple nous montre bien l'utilisation d'une "programmation en couches" qui permet d'isoler chaque objet d'une application et de travailler tranquillement sur chacun d'eux sans se soucier de leurs dépendances les uns avec les autres. C'est le conteneur léger et le framework qui se chargent de créer les objets et de les mettre en relations les uns avec les autres. Nous reprendrons dans le prochain chapitre cet exemple pour illustrer la technique utilisée pour chargée ce contexte de configuration avec un fichier au format texte externe (au format eden). <h3>3-3 - Inspection des méthodes de la classe ObjectDefinitionContainer, base du conteneur IOC (interface IObjectDefinitionContainer)</h3> Voici l'ensemble des méthodes et propriétés définies par l'interface IObjectDefinitionContainer implémentée par la classe EdenObjectFactory. <img src="http://www.ekameleon.net/blog/public/images/tutoriaux/IoC/IObjectDefinition_properties.jpg" alt="IObjectDefinition properties" /> Voici un exemple simple d'utilisation des méthodes définies ci-dessus : <pre class="actionscript3">import flash.text.TextField ; import flash.text.TextFormat ;   import andromeda.ioc.core.ObjectDefinition ; import andromeda.ioc.core.ObjectDefinitionContainer ; import andromeda.ioc.factory.ObjectFactory ;   var container:ObjectDefinitionContainer = new ObjectFactory();   var context:Object = { id : "my_field" , type : "flash.text.TextField" , properties : [ { name : "defaultTextFormat" , value : new TextFormat("verdana", 11) } , { name : "selectable" , value : false } , { name : "text" , value : "hello world" } , { name : "textColor" , value : 0xF7F744 } , { name : "x" , value : 100 } , { name : "y" , value : 100 } ] }   var definition:ObjectDefinition = ObjectDefinition.create( context ) ;   container.addObjectDefinition( definition );   trace( container.containsObjectDefinition( "my_field" ) ) ; // true trace( container.getObjectDefinition( "my_field" ) ) ; // [ObjectDefinition] trace( container.sizeObjectDefinition() ) ; // 1   var field:TextField = (container as ObjectFactory).getObject("my_field") as TextField ;   addChild(field) ;</pre> Dans cet exemple nous initialisons une définition d'objet avec un objet générique simple qui permettra de générer avec la fabrique une instance de la classe TextField spécifique qu'il sera très simple ensuite d'attacher sur la scène. Cette technique simple permet d'injecter à tout moment des nouvelles définitions d'objets à la main dans la fabrique avec la méthode addObjectDefinition(). <h3>3-4 - Inspection des propriétés et méthodes de la classe ObjectFactory, base de la fabrique IOC (interface IObjectFactory)</h3> Voici l'ensemble des méthodes et propriétés définies par l'interface IObjectFactory implémentée par la classe EdenObjectFactory (hérite de la classe ObjectFactory). La classe ObjectFactory reste de plus bas niveau et permet à ceux qui le désirent de garder le moteur IoC de AndromedAS en utilisant un parseur XML ou autre pour remplir la fabrique. <a href="http://www.ekameleon.net/blog/public/images/tutoriaux/IoC/ObjectFactory_properties.jpg"><img src="http://www.ekameleon.net/blog/public/images/tutoriaux/IoC/ObjectFactory_properties.jpg" alt="ObjectFactory properties" /></a> <h3>3-5 - Inspection des propriétés et méthodes de la classe ECMAObjectFactory.</h3> Voici l'ensemble des méthodes statiques définies dans la classe EdenObjectFactory. <img src="http://www.ekameleon.net/blog/public/images/tutoriaux/IoC/ECMAObjectFactory_properties.jpg" alt="ECMAObjectFactory properties" /> Cette classe contient le moteur d'initialisation de la fabrique. Le conteneur interprète une collection de type Array contenant des objets génériques simples (format ECMAScript) et peut ainsi créer ses propres définitions d'objets de type ObjectDefinition. La classe ECMAObjectFactory contient aussi un ensemble de méthodes statiques (voir tableau ci-dessus) qui permettent de créer plusieurs instances globales dans une application (voir chapitre A.3-5). <h3>3-6 - Plusieurs fabriques IoC dans vos application.</h3> La classe EdenObjectFactory peut être instanciée tout simplement avec le mot clé new mais si nous regardons de plus prêt nous pouvons oberver dans sa signature qu'elle implémente l'interface <a href="http://www.ekameleon.net/vegas/docs/vegas/core/Identifiable.html">vegas.core.Identifiable</a>. Cette interface définie l'existance d'un attribut "id" qu'il est possible de définir sur toutes les instances de la classe. De façon générale, ce petit attribut peut être pratique mais il trouve tout son intérêt si l'on utilise la fonctionnalité "multi-singleton" de la classe. Cette notion permet de définir plusieurs références globales uniques dans l'application de type ECMAObjectFactory. On peut ainsi utiliser dans une même application plusieurs modules définis par des fabriques IoC totalement indépendantes. La classe EdenObjectFactory contient donc une méthode statique getInstance( id:String=null ) qui permet de créer et renvoyer des références uniques de la classe en fonction d'un identifiant spécifique et lui aussi unique. La classe contient d'autres méthodes statiques permettant de supprimer complètement un singleton de la classe en mémoire mais aussi de vérifier si pour un identifiant donné, un singleton de la classe existe. Exemple : <pre class="actionscript3">import andromeda.ioc.factory.ECMAObjectFactory;   var factory:ECMAObjectFactory;   factory = ECMAObjectFactory.getInstance() ;   trace( "ECMAObjectFactory.getInstance() : " + factory + " with the default id : " + factory.id ) ;   factory = ECMAObjectFactory.getInstance("factory_one") ;   trace( "ECMAObjectFactory.getInstance('factory_one') : " + factory + " with the default id : " + factory.id ) ;   trace( "ECMAObjectFactory.containsInstance('factory_one') : " + ECMAObjectFactory.containsInstance( "factory_one" ) ) ;   trace( "ECMAObjectFactory.removeInstance('factory_one') : " + ECMAObjectFactory.removeInstance( "factory_one" ) ) ;   trace( "ECMAObjectFactory.containsInstance('factory_one') : " + ECMAObjectFactory.containsInstance( "factory_one" ) ) ;</pre> <h2>4 - La classe asgard.net.ECMAObjectLoader.</h2> <h3>4-1 - Définition et exemple de base.</h3> La classe ECMAObjectLoader est une classe un peu particulière car elle ne se trouve pas directement dans l'extension AndromedAS. En effet pour utiliser cette classe il faut la cibler dans le package asgard.net.* de l'extension ASGard de VEGAS. Cette classe est utilisée pour charger un ou plusieurs fichiers externes qui permettront d'initialiser la fabrique IoC. Exemple : <pre class="actionscript">import asgard.net.ECMAObjectLoader ;   var loader:ECMAObjectLoader = new ECMAObjectLoader( "application.eden" , "context/" ) ;   loader.run() ;</pre> Toute instance de la classe ECMAObjectLoader contient par défaut une référence vers la référence singleton définie par défaut de la classe ECMAObjectFactory mais il est possible de modifier cette référence avec tout autre objet du même type. La classe ECMAObjectLoader utilise également par défaut un chargeur de données externe basé sur un parsing eden avec la classe asgard.net.EdenLoader. Vous pouvez en cas de besoin modifier ce chargeur pas un autre. Par exemple dans le cas d'un chargement de données via un fichier texte au format JSON vous pouvez utiliser la classe asgard.net.JSONLoader. Vous pouvez créer vos propres chargeurs/parseurs/désérialisations de données avec un format XML ou autre en créant votre propre classe de chargement qui héritera de la classe asgard.net.ParserLoader. La classe ECMAObjectLoader est un objet basé sur le modèle de commandes et d'actions de AndromedAS, elle implémente l'interface andromeda.process.IAction. Une fois les fichiers de configurations chargées la classe ECMAObjectLoader remplit le conteneur d'Inversion de Contrôle. <h3>4-2 - Exemple d'utilisation : "hello world".</h3> Illustrons l'utilisation de la fabrique IoC "ECMAObjectFactory" avec son chargeur de configurations externes "ECMAObjectLoader" avec un exemple basique, en créant dynamiquement un champ de texte dans une animation au format SWF. Tout d'abord, nous allons créer un fichier au format texte (UTF8) externe de configuration avec la chaîne de caractères (format eden) suivante : <pre class="actionscript">objects = [ { id : "my_format" , type : "flash.text.TextFormat" , arguments : [ { value:"arial" } , { value:24 } , { value:0xFEF292 } , { value:true } ] } , { id : "my_field" , type : "flash.text.TextField" , properties : [ { name : "autoSize" , value : "left" } , { name : "defaultTextFormat" , ref : "my_format" } , { name : "text" , value : "HELLO WORLD" } , { name : "x" , value : 10 } , { name : "y" , value : 10 } ] } , { id : "root" , type : "flash.display.MovieClip" , factoryReference : "#root" , singleton : true , properties : [ { name : "addChild" , arguments : [ { ref:"my_field" } ]} ] } ] ;</pre> Le fichier de configuration externe permet de définir 3 définitions d'objet : <ul> <li>"my_format" : cette définition permet de créer des instances de types flash.text.TextFormat, cette définition injecte des dépendances via la fonction constructeur de la classe pour initialiser l'objet.</li> <li>"my_field" : cette définition permet de créer des champs de texte dynamiques de type flash.text.TextField avec une initialisation de certains de ces attributs avec des injections de dépendance via l'attribut "properties".</li> <li>"root" : cette définition permet de créer une référence singleton qui cible la scène principale de l'application définie dans la configuration de la fabrique IoC (voir code ci-dessous) et d'attacher dessus le champ de texte dynamique "my_field".</li> </ul> Remarque : le nom d'extension ".eden" n'est pas obligatoire, il suffit que le fichier externe contienne juste du texte au format eden pour que le chargeur fasse correctement son travail. Il est donc possible d'utiliser des fichiers portant l'extension .txt par exemple, même si il est tout de même plus simple d'utiliser une extension différente pour distinguer correctement vos fichiers de configuration au format eden par rapport à d'autres. Il ne reste plus qu'à charger ce fichier de configuration et de remplir un conteneur IoC avec la classe ECMAObjectLoader : <pre class="actionscript3">import andromeda.events.ActionEvent;   import asgard.net.ECMAObjectLoader ;   var debug:Function = function( e:Event ):void { trace( e ) ; }   var loader:ECMAObjectLoader = new ECMAObjectLoader( "hello_world.eden" , "context/" ) ;   loader.root = this ; // to use the "#root" expression in the 'ref' attribute.   loader.addEventListener( ActionEvent.START , debug ) ; loader.addEventListener( ActionEvent.FINISH , debug ) ;   loader.run() ;</pre> L'exemple ci-dessus illustre : <ul> <li>L'utilisation de plusieurs définitions d'objets chargées dans un fichier externe.</li> <li>La notion de dépendance entre une définition d'objet et une autre</li> <li>La notion de dépendance avec une référence "magique" (#root) qui permet de cibler la référence d'un objet spécial défini dans l'application.</li> <li>La méthode pour créer un objet visuel (ici un champ de texte) directement avec la fabrique sans appeler sa définition dans le code ActionScript.</li> </ul> Cet exemple très basique dévoile quelques fonctionnalités disponibles dans la moteur IoC de AndromedAS. Nous chargeons un fichier texte encodé en UTF8 "hello_world.eden" défini dans un répertoire "context/" situé au même niveau que le swf de l'application de test. Le constructeur de la classe ECMAObjectLoader permet de définir le nom complet du fichier de configuration que l'on souhaite charger mais aussi le répertoire principal dans lequel il se trouve. Si aucun paramètre n'est défini dans la fonction constructeur de la classe alors le chargeur essaie de charger un fichier "application.eden" situé au même niveau que le swf de l'application. Ce fichier texte est ensuite parsé par le moteur de désérialization eden puis injecté automatiquement dans le fabrique IoC principale de l'application définie dans la classe ECMAObjectLoader par défaut : <pre class="actionscript3">import andromeda.ioc.factory.ECMAObjectFactory ; import andromeda.ioc.factory.IObjectFactory ;   import asgard.net.ECMAObjectLoader ;   var loader:ECMAObjectLoader = new ECMAObjectLoader() ;   var factory:IObjectFactory = loader.factory ;   trace( factory == ECMAObjectFactory.getInstance() ) ; // true</pre> Il est bien entendu possible de modifier cette référence par une autre de type IObjectFactory à tout moment dans l'application mais il est tout de même préférable de tenter ce genre d'opérations en maitrisant parfaitement le moteur IoC de AndromedAS. La classe ECMAObjectLoader possède un modèle évènementiel simple basée sur le moteur d'Action et process de AndromedAS qui lui permet de notifier l'utilisateur du début et de la fin de l'initialisation du conteneur léger en passant par un "helper" de type ECMAObjectLoader. <pre class="actionscript3">import andromeda.events.ActionEvent;   import asgard.net.ECMAObjectLoader ;   var debug:Function = function( e:Event ):<span style="color: #0033ff; font-weight: bold;&quo