Présentation

Le pattern Singleton est utilisé lorsque l’on a besoin d’exactement un objet pour coordonner des opérations dans un système. Le modèle est parfois utilisé pour son efficacité, lorsque le système est plus rapide ou occupe moins de mémoire avec peu d’objets qu’avec beaucoup d’objets similaires.

En flash ActionScript, le Pattern Singleton est surtout utilisé pour créer classe Main (le point d’entrée) de l’application. Ensuite, il est utilisé pour des classes bien spécifiques ne nécessitant d’être instanciée plusieurs fois.

Définition

Le Singleton est mis en œuvre en écrivant une classe contenant une méthode statique qui crée une instance uniquement si elle n’existe pas encore. Sinon elle renvoie une référence vers l’objet qui existe déjà.

Nous devons aussi nous assurer que la classe ne puisse être instanciée autrement que par la méthode de création contrôlée. C’est pourquoi dans des langages comme Java et C++, le constructeur de la classe est déclaré comme privé ou protégé. Malheureusement en ActionScript 3, un constructeur ne peut-être que public.

Implémentation du Design Pattern Singleton en AS3

En AS3, il existe plusieurs méthodes pour implémenter le Design Pattern Singleton. Chaque développeur a ses préférences.

La mienne consiste à affecter à une variable privé statique l’instance de la classe. La méthode public statique renvoie dans tous les cas l’instance unique de la classe. L’instance se créer automatiquement et une seule fois si besoin.

L’avantage de cette technique est qu’il n’y a pas besoin de vérifier si l’instance a déjà été créée.

Il n’est pas possible d’instancier directement la classe via son constructeur. Un message d’erreur est généré.

Exemple de classe AS3 Singleton

package com.utils 
{
	import vegas.logging.Log;	
	import vegas.logging.ILogger;
 
	/**
	 * Modify contextuel menu of flash
	 * 
	 * 	@usage :
		ExpressInstall.getInstance();
	 * 
	 * 
	 * @class ExpressInstall
	 * @author  Matthieu
	 * @version 0.1
	 */
	public class ExpressInstall
	{
		private static var _oInstance 	: ExpressInstall = new ExpressInstall();// unique instance
		private var _oLogger			: ILogger;
 
		/**
		 * CONSTRUCTOR
		 * @usage   
		 * @return  
		 */
		public function ExpressInstall()
		{
			if( _oInstance ) throw new Error( "ExpressInstall can only be accessed through ExpressInstall.getInstance()" );
			_oLogger = Log.getLogger(Utils.CHANNEL_DEBUG) ;
		}
 
		public static function getInstance( ):ExpressInstall 
		{
			return _oInstance;
		}
 
		/**
		 * Personnalise le menu contextuel
		 * 
		 * @see     
		 * @param 
		 * @return  
		 */
		public function init(sPlayerVersion:String, sRequiredVersion : String, mc : MovieClip) : Boolean 
		{
			// votre code...		
		}	
 
		/**
		 * PRIVATE METHOD
		 * @usage   
		 * @return  
		 */
		private function loadUpdater() : void 
		{
			// votre code...
		}        
}

Compléments de l’article

• Implémentation du Pattern Singleton dans les autres langages : Design Pattern Singleton
• Autre méthode d’implémentation du Design Pattern Singleton en AS3 : bases-as3.fr. Cette méthode est plus utilisée, c’est d’ailleurs celle que j’utilisais lors de mes débuts en programmation ActionScript.

Articles sur le même sujet :

1. Freelance – Protéger votre application flash
2. Créer une bibliothèque swf AS2 compatible MTASC
3. Classe Main compatible MTASC

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 01/05/2009. Lien direct vers cet article | 3 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Problème

Il arrive (très rarement heureusement) qu’un de vos client décide de ne pas vous payer pour le travail rendu. Il utilise pour cela des prétextes plus ou moins crédibles…

Pour éviter de ce genre de problème, j’utilise une astuce toute simple à mettre en place avec Flash ActionScript 1, 2 ou 3 ou haXe également.

Protection du swf

Il suffit de fournir comme convenu l’application terminée et entièrement fonctionnelle à votre client. Mais vous ne lui livrez le code source uniquement après le paiement.

Et vous protégez votre code de la façon suivante :

• Sur la 1ère frame, vous testez si l’application est autorisée ou non à se lancer. Si oui, elle fonctionne correctement, si non elle affiche un message à votre convenance (par exemple : problème d’utilisation de la licence non valide…).

var bAutorize:Boolean = Protect.isAllow(2009, 5, 17);
if(bAutorize)
{
// votre code d'exécution de l'application
}
else
{
// afficher un texte expliquant la situation et bloquer l'application
// var sTxt : String = "Problème sur la licence d'utilisation!";
}

Dans la classe de gestion de l’autorisation de lancement de l’application, vous fixez une date limite au delà de laquelle l’application flash se bloque. C’est à dire, jusqu’au 17 mai 2009, l’application flash fonctionne correctement. Puis après cette date, elle se bloque en affichant votre message d’erreur.

Si votre client ne vous paye pas, il va être bien ennuyé avec une application flash qui ne fonctionne pas et qui lui affiche de surcroit un problème de paiement de licence.

Le client n’a aucune possibilité de faire fonctionner l’application s’il ne possède pas le code source!

La seule solution pour que le flash s’affiche est que l’internaute modifie la date de son ordinateur en la reculant de quelques années. Mission irréaliste dans le cas d’une agence web…

Avec cette astuce, je peux vous assurer que vous serez payé à chaque livraison et en cas de retard de paiement, j’espère que dans votre contrat, vous avez prévu des pénalités que vous n’aurez aucun mal à réclamer à votre client vu l’urgence de la situation.

Code source AS3

Et voici le code source de la classe AS3 que j’utilise régulièrement :

package com.utils 
{
 
	/**
	 * Use to protect your application with a limit date for usage.
	 * 
	 * 	@usage :
		var bAutorize:Boolean = Protect.isAllow(2008, 9, 21);
	 * 
	 * 
	 * @class Protect
	 * @author Matthieu
	 * @version 0.1
	*/
	public class Protect 
	{
		/**
		 * CONSTRUCTOR
		 * @usage   
		 * @return  
		 */
		public function Protect() {}
 
		/**
		 * Stop execution of the application flash if date isn't correct.
		 * 
		 * @see     
		 * @param   
		 * @return  
		 */
		public static function isAllow(nYear:int, nMonth:int, nDay : int) : Boolean 
		{	
			var oDate:Date = new Date();
 
			if(nYear < oDate.getFullYear())	return false;
			if(nMonth < (oDate.getMonth()+1) ) return false;// 0 pour janvier, 1 pour fevrier
			if(nDay < oDate.getDate() && nMonth==oDate.getMonth()+1) return false;		
			return true;
		}
 
		/**
		 * Returns the string representation of this instance.
		 * @return the string representation of this instance
		 */
		public function toString() : String 
		{
			return "[object Protect]";
		}	
 
	}// end of class
}

Conclusion

Je trouve cette astuce simple à mettre en ouvre et très pratique.
Et vous comment protégez vous vos applications en tant que freelance ?

Attention : cette astuce n’empêche aucunement la décompilation de votre swf. Partagez cet article :

Articles sur le même sujet :

1. Utiliser des polices partagées dynamiquement en AS3, HAXE et AS2
2. Présentation du Langage HAXE

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 24/04/2009. Lien direct vers cet article | 4 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Solution

Après avoir mis du debug dans mes classes, je me suis rendu compte que ma classe liste s’abonnait bien à l’évènement MOUSEWHEEL. Par contre, aucun évènement n’était diffusé.

En recherchant sur les forums, il s’agit d’un bug connu lorsque le paramètre flash wmode = transparent est activé.

Effectivement, une fois le paramètre wmode = transparent désactivé, l’écouteur de l’évènement MOUSEWHEEL recevait bien les évènements diffusés. Et tout refonctionne pour le défilement du contenu d’une liste.

Bug a avoir en tête pour éviter une perte de temps inutile.

J’éditerais cet article lorsque j’aurais trouvé une solution pour palier à ce problème (hormis la désactivation du paramètre wmode).

Aucun article sur le même sujet.

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 05/04/2009. Lien direct vers cet article | 3 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Page de garde livre "Design Pattern"

Présentation de l’éditeur

Si vous souhaitez vous distinguer des développeurs ordinaires et devenir une force de proposition pour les architectures d’applications, vous vous devez de maîtriser les design patterns. Pour cela, rien ne vaut l’expérience de ceux qui ont déjà été confrontés aux mêmes problèmes. Vous profiterez à la fois de leur savoir-faire et de ce qui se fait de mieux en matière de conception. Qui plus est, vous gagnerez un temps précieux que vous occuperez bien mieux à autre chose de plus complexe et de plus amusant, ce qui fera le bonheur de vos chefs. Le plus important demeure que vous ne voulez pas vous endormir en apprenant les design patterns.

Si vous connaissez déjà la collection Tête la première, vous savez déjà à quoi vous en tenir. Voici les principaux bénéfices que vous tirerez de cet ouvrage :

• Distinguer les principaux patterns (Fabrique, Singleton, Adaptateur, Itérateur, Composite, etc.).
• Apprendre à les utiliser : quand et comment les appliquer dans vos conceptions, sans pour autant vous laisser gagner par la patternite.
• Contrôler l’accès aux objets avec des proxies.
• Maîtriser les mécanismes MVC et de son acolyte Web : MVC 2.
• Ne plus se sentir désoeuvré face à des problèmes de conception en apprenant à réaliser des conceptions souples qui s’adaptent à vos besoins.
• Arriver à reconnaître les design patterns qui vous entourent au quotidien dans les API Java, les frameworks ou autres applications, et comprendre enfin comment ils fonctionnent.
• Réaliser des conceptions bien pensées et faciles à maintenir.

Sous des dehors amusants et ludiques, cet ouvrage n’en demeure pas moins un guide d’apprentissage pas à pas. L’approche des auteurs est axée sur la pédagogie. Les concepts s’appuient sur des images et des exercices qui stimulent le cerveau. Jeux, images, interviews, mots-croisés, sont autant de moyens de vous amener à exploiter intelligemment les design patterns et de vous transmettre une vision claire et pragmatique des problèmes de conception. L’heure est venue de vous plonger dans les design patterns, tête la première !

Sommaire

• Bienvenue aux Design Patterns
• Tenez vos objets au courant : le pattern Observateur
• Décorez les objets : le pattern Décorateur
• Un peu de cuisine orientée objet : les pattern fabriques
• Des objets uniques en leur genre : le pattern Singleton
• Encapsuler l’invocation : le pattern Commande
• Savoir s’adapter : les patterns Adaptateurs et Façade
• Encapsuler les algorythmes : le pattern Patron de méthode
• Des collections bien gérées : les patterns Itérateurs et Composite
• L’état des choses : le pattern État
• Contrôler l’accès aux objets : le pattern Proxy
• Patterns de Patterns : patterns composés
• Les patterns dans le monde réel : Mieux vivre avec les patterns

639 pages, 1 ère édition, septembre 2005 Editions O’Reilly, ISBN10 : 2841773507

Mon opinion

Comment enseigner les Design Patterns sans être fastidieux ni ennuyeux à mourrir ?

C’est la solution utilisée par le livre Design Patterns Tête la Première, les explications de ce livre sont très pédagogiques, il y a une réelle réflexion qui permet au lecture d’être dans de très bonnes conditions pour assimiler tous ces concepts le plus simplement possible. La lecture de ce livre est un plaisir, cela devient un jeu d’apprendre et de comprendre les Design Patterns.

Pour appréhender correctement ce livre, il faut néanmoins de bonnes bases en langage objet (quelque soit le langage : java, actionscript…). Je conseille ce livre à tous ceux qui souhaite approfondir leurs connaissances dans les différents concepts de programmation, ces connaissances vont seront très utiles (voir indispensable) lors de vos projets informatiques

une fois que l’on connaît les Design Patterns et que l’on a appris à les utiliser à bon escient, il n’est plus possible de s’en passer!

Bienvenue à toi futur lecteur dans le monde des Design Patterns.

Pour évoluer en tant que programmeur expert, je vous conseille fortement de lire cet excellent livre.

Note : malheureusement, ce livre n’est plus disponible, l’éditeur Editions O’Reilly a fermé sa filiale française.

Compléments de l’article

• Pour commander le livre sur le site alapage : fiche livre Design Patterns Tête la première

Aucun article sur le même sujet.

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 31/03/2009. Lien direct vers cet article | Aucune réaction | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Tout bêtement des champs textes input en AS3.

Un problème s’est présenté : les caractères accentués ne s’affichaient pas correctement.J’ai essayé plusieurs astuces avant de finalement trouver la solution multi-plateforme. Le bug apparaissait uniquement sous Flash Player 10 avec Linux. Avec Windows, les caractères accentués s’affichaient correctement.

Il suffit tout simplement d’activer dans la balise param, le mode transparent.

var params = 
	{
		bgcolor           : "#ffffff"  ,
		quality           : "best",
		wmode		  : "transparent"
	} ;

Le plus simple est d’utiliser le script swfobject (voir tutoriel) pour afficher vos animations flash dans une page HTML.

Il s’agit d’un bug connu avec le mode transparent pour le player flash avec la plateforme linux.

Aucun article sur le même sujet.

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 27/03/2009. Lien direct vers cet article | Aucune réaction | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Elle intègre le debug avec LuminicTracer implémenté par le Framework AS2 Pixlib. Le debug s’active en fonction du paramètre debug transmis dans la balise embed.
Elle permet aussi d’attribuer des variables pour le mode local (hors ligne).

Il y a également la commande permettant de compiler la classe ainsi développée.

• -group : fusionne les classes dans un seul clip (permet de réduire le poids du swf).
• -main : force l’appel de la fonction statique «main» dans la classe.
• -swf : cible sur le fichier swf que l’on veut en entrée, ce qui permet d’ajouter du code dans un swf existant.
• -exclude : exclure la génération de code des classes contenu dans un fichier texte (un chemin par ligne).. Permet d’avoir un swf à part contenant uniquement les classes du Framework AS2 Pixlib, par exemple.
• -version : la version de flash ciblée pour la compilation.
• -infer : type automatiquement les variables locales, ce qui permet d’éviter des redondances(ex. var monOccurence:MaClasse = new MaClasse (); ).
• -header 950:550:40:FFFFFF -> paramètres du fichier swf créé, 950px x 550px, 40fps, couleur de fond FFFFFF.

/**
 * @note :
 *  -header 950:550:40:FFFFFF -main -swf "I:\site.swf" -group -exclude "I:\BIBLIOTHEQUE\exclude_mtasc.xml" -version 8 -infer
 *  
 */
 
// Classes bourre
import com.bourre.core.HashCodeFactory;
import com.bourre.utils.ClassUtils;
import com.bourre.commands.Delegate;
 
 
//	Classes Debug
import com.bourre.log.Logger;
import com.bourre.log.LogLevel;
import com.bourre.utils.LuminicTracer;
 
class application.Main
{
 
	private static var _oInst		: Main;	// L'instance unique du singleton
	public var isLocal				: Boolean; // en local ?
	public var isDebug			: Boolean; // Active le debug ?
 
 
 
	/*----- Movies Clip ------*/
	private var _mcBase				: MovieClip;	
 
 
	/*--- objets utilisés ---*/
	private var _oUI		: UI;
 
 
	/*----- Constantes ------*/
	private var _nDepth				: Number;
 
 
 
	/*----- Variables URL HTML ------*/
	private var _bNoCache			: Boolean; // true pas de mise en cache des fichiers
	private var _sUrlXMLConfig		: String; // url du fichier xml de configuration
 
 
	private function Main (container:MovieClip)
	{
		// save the general movie clip
		_mcBase = container;
 
 
		/* get the parameters send in the url */
		this._sUrlXMLConfig = _mcBase._parent.XMLpath;
		this._bNoCache = _mcBase._parent.nocache;
 
		isDebug =  = _mcBase._parent.debug;
		isLocal =  = _mcBase._parent.local;
 
		// si on est en local on définit les variables qui nous sont nécessaires
		if(isLocal)
		{
			this._sUrlXMLConfig = "xml/config/config.xml";
		}
 
 
	}
 
 
	/**
	* C'est le point d'entrée du programme, appelé sur la première image du fla,
	* elle est compatible MTASC
	* 
	* @usage	Main.main()
	* @method 	static main
	* @return 	Void
	*/
	public static function main (container:MovieClip)
	{
		// appel uniquement lors de l'ouverture de l'appli.
		Main.destruct(); // supprime l'instance de la classe si elle existe
 
		if(_oInst == undefined)
		{
			_oInst = new Main(container);
			_oInst._init();
		}
 
	}
 
 
 
	/**
	* @return single instance of classe Main.
	* 
	*/
	public static function getInstance ():Main
	{
		return _oInst;
	}
 
 
 
	/**
	 * On prévoit une méthode pour détruire notre instance en cas de besoin 
	 * de réinitialisation ou de libération de la mémoire.
	 * 
	 */
	public static function destruct() : Void
 	{
  		// Si l'instance existe on la détruit.
  		if (_oInst)
  		{	
			_oInst._oUI.destruct();			
			delete _oInst; // détruit l'instance Principale
			_oInst = undefined;
   		}
  	}
 
 
	private function _init()
	{
		_nDepth = 10;
 
		// init the debugger
		this.addDebug();
 
		this.buildUI(); 
	}
 
 
	/**
	 * Effectuer tous les tests de sécurité.
	 * 
	 * @see     
	 * @return  
	 */
	private function buildUI()
	{
		_oUI = new UI(this._sUrlXMLConfig, this._bNoCache);
		_oUI.attach(_mcBase, _nDepth++ ); // construit l'interface générale
	}
 
 
	/*----------------------------------------------------------*/
	/*------------- Le Debugger Flash --------------------------*/
	/*----------------------------------------------------------*/
 
 
 
	/**
	 * Ajoute la gestion du debug dans l'application.
	 * 
	 */
	private function addDebug():Void
	{
		// Debugger LuminicTracer
		if(isDebug)
		{
			Logger.getInstance().addLogListener( LuminicTracer.getInstance() );
			Logger.LOG("___ Logging API ready ___", LogLevel.INFO);		
		}
		else
			Logger.getInstance().removeLogListener( LuminicTracer.getInstance() );
	}	
 
	/*----------------------------------------------------------*/
	/*-------------- Other -------------------------------------*/
	/*----------------------------------------------------------*/
 
 
	/**
	 * Returns the string representation of this instance.
	 * @return the string representation of this instance
	 */
	public function toString() : String 
	{
		return "'" + ClassUtils.getFullyQualifiedClassName( this ) + HashCodeFactory.getKey( this ) + "'";
	}
 
}// fin de la classe

Articles sur le même sujet :

1. Créer une bibliothèque swf AS2 compatible MTASC
2. Créer une bibliothèque swf avec haXe
3. AS3 Création d’un Singleton

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 04/03/2009. Lien direct vers cet article | 3 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Présentation

Vegas est un Framework très complet, il contient tout un panel de classes permettant de développer des applications RIA complexes. Avec ces extension LunAS, PEGAS, KronOS, ASGard et CalistA, ekameleon a réalisé un travail formidable pour faciliter le développer Flash. Le tout en Open Source!

Le framework Vegas est sorti en version publique en Mars 2006 : Un Framework OpenSource AS2 qui a du chien !

Vegas est compatible AS3 et AS2, ce qui devrait ravir  beaucoup de développeurs flash.

L’extension LunAS

L’extension LunAS est un framework fournissant des composants pour construire une interface graphique :

• La gestion des textes.
• Tous les types de boutons.
• Plusieurs types de container.
• Des scrollbars.

Pour avoir une meilleurs idée des possiblités de LunAS, je vous conseille d’installer les sources LunAS via SVN. Il ya tout plein d’exemples pratiques pour apprendre à utiliser ses classes.

Pour cette première application, je n’ais pas utilisé LunAS pour la gestion des composants. J’ai préféré développer le framework Delfiweb AS3. Celui-ci s’occupe uniquement des UI (User Interface). Il permet de construire tout ce qui est combobox, boutons, scrollbar…

La version actuelle de Lunas ne possède pas tous les composants dont j’avais besoin. J’ai encore querlques difficultés à comprendre toutes les fonctionnalités et la manière de les implémenter pour donner vie à des swf contenant uniquement le graphisme d’un bouton, d’une scrollbar ou autre.

A terme, j’utiliserai complètement LunAS pour la création des composants d’interface, qui à ce que mon framework étende les classes LunAS implémenter les fonctionnalités me faisant défaut.

L’extension CalistA

Cette extension contient plusieurs classes de cryptage Action Script. Attention, certaines classes sont en cours de développement dans la version AS3 (cryptage TEA).

Possiblités de cryptage offertes par CalistA :

• MD5.
• SHA1.
• TEA (en cours de portage AS3).
• Base64.
• Base8.
• LZW : compression / décompression des chaines de caractères.

J’utilise une partie de l’extension CalistA dans l’application Musicotest.

Exemple d’application RIA

Avec presque 2 mois de lecture et compréhension des tutoriels sur Vegas, voici ma 1ère application réalisé avec le framework vegas et le framework delfiweb (pour les User Interface : combobox, bouton…) : un quizz musical

Caractéristiques

• Multi langue : français, anglais, espagnol.
• Configuration et données via des fichiers eden chargés à la volée. Le maximum d’infos sur la configuration des objets est effectué via eden.
• Gestion du graphisme dynamique (changement complet de thèmes possible juste en modifiant le path des fichiers eden (via flashvars).
• Implémentation de google analytics.
• Utilisation du config via un fichier eden.
• Utilisation des polices dynamiques via swfmill (question de préférence) et intégré à l’appli par eden ioc.
• Utilisation du remoting amfphp via une config eden.
• Chargement via eden des classses composants l’application pour limiter au maximum la taille du swf principal de l’appli (75ko environ).
• Séparation de la création des objets dans plusieurs fichiers eden pour la structure et la relecture par d’autres développeurs.

Exemples de thèmes

• Quizz Musical Ferrari.
• Quizz Musical ABS Bellissima.
• Quizzz Musical RadioFG.
• Quizz Musical par défaut.

Le fichier de configuartion principal de l’application pour le thème par défaut : http://www.musicotest.com/widget/eden/context/application_default.eden

Exemple de structuration des informations dans plusieurs fichiers eden :
// context
{ resource : « application/model.eden » },
{ resource : « application/view_tooltip.eden » },
{ resource : « application/view_data.eden » },
{ resource : « application/view_background.eden » },
{ resource : « application/view_playlist.eden » },
{ resource : « application/view_combobox.eden » },
{ resource : « application/view_blogshare.eden » },
{ resource : « application/view_popup.eden » },
{ resource : « application/view_language.eden » },
{ resource : « application/view_master.eden » },
{ resource : « application/controller.eden » },
{ resource : « net/service.eden » }

Au niveau du code

J’ai préféré utiliser la diffusion des évènements plutôt que le pattern visiteur. L’implémentation du design pattern Model View Front Controller avec Vegas est grandement simplifié. Au final, nous obtenons une application AS3 stable, fonctionnelle et l’ajout de fonctionnalités non prévues conserve la structuration du code (ajout de nouveaux évènements, création des vues…).
1er ressenti quand à l’utilisation de vegas dans du développement flash AS3 :

• Apprentissage de vegas (très) simplifié avec les tutoriels et surtout la mailing list.
• Il m’a fallu un peu plus d’1 mois et demi pour utiliser quelques options de bases de vegas et développer ma première RIA flash.
• J’ai également du apprendre l’AS3. Je connaissais bien l’AS2 et HAXE.

Conclusion

Je trouve que le framework vegas est fabuleux, il possède énormément de fonctionnalités gérées en interne.
J’ai hâte d’en découvrir de nouvelles avec les prochains tutoriels.

Je retiens donc vegas pour mes futurs développement d’applications RIA.

Par rapport à pixlib, vegas implémente des fonctionnalités quelques peu différentes. Avec l’IOC de vegas, les swf sont un poil plus lourd en poids mais rien d’alarmant.
Vegas est super complet. Je connais peu des possibilités de ce framework tellement il est énorme. En fonction de mes besoins et des prochains tutoriels, cela devrait s’améliorer.

Régulièrement, sur Delfiweb, je publierais des tutoriels au fur et à mesure de mon apprentissage de Vegas et ses extensions. Il y aura des exemples, avec du code et des explications des fonctionnalités de Vegas.

Compléments d’information

• Installer / Télécharger les sources de Vegas et de ses extensions : Vegas installation.
• Le groupe google code pour les sources de vegas : Framework Vegas.
• La mailing list : très utile pour discuter et comprendre l’utilisation de Vegas et ses extensions.
• Les tutoriels d’ekameleon sur son framework vegas. Je vous conseille de prendre le temps de lire et d’assimiler tous ses tutoriels. De plus, ces tutoriels expliquent des concepts de programmation très intéressants (Design Pattern Visitor, MVC, gestion des évènements…).

Aucun article sur le même sujet.

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 02/03/2009. Lien direct vers cet article | 3 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

logo haxe

Présentation

Créer un swf de classes est très utile pour les applications RIA. La page HTML appelle un swf très léger qui se charge instantanément (voir l’article sur swfobject). Ensuite ce swf léger charge les swf contenant les éléments graphiques, un autre swf contenant les classes du framework utilisé…

Lorsqu’il y a des modifications graphiques à effectuer, il n’y a pas besoin de recompiler l’application RIA, seulement le swf graphique. Lors des évolutions des classes du framework (corrections de bug, nouvelles fonctionnalités…), il suffira de mettre à jour le swf de la bibliothèque. Des opérations transparentes pour l’utilisateur et rapide à mettre en place pour le développeur.

Exemple

Voici la classe haXe que j’utilise pour créer un swf contenant toutes les classes afin de créer une bibliothèque disponible pour les swf chargés dynamiquement.

C’est la classe utilisée pour créer la bibliothèque d’un framework.

Contenu du fichier hxml pour la compilation haXe : -cp F:\HAXE\Framework
-swf-version 9
-main LibraryExt
-swf-header 1:1:40:FFFFFF
–flash-strict
–no-traces

Détails

• -cp F:\HAXE\Framework : chemin vers les classes du framework.
• -swf-version 9 : créer un swf compatible avec la version 9 de flash.
• -main LibraryExt : utilise la méthode main de la classe LibraryExt.
• -swf-header 1:1:40:FFFFFF : crée un swf de taille 1px par 1px avec 40 fps (images par seconde) et une couleur de fond pour le swf FFFFFF.
• –flash-strict : compilation des classes en mode strict.
• –no-traces : désactivation automatique de tous les trace dans le code source.

Construction de la Classe LibraryExt

Pour ajouter une classe dans le swf, il suffit de les importer dans la classe :

import flash.geom.Transform;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.display.BitmapData;

Il est possible d’ajouter autant de classes que nécessaires dans le swf.
Puis il ne vous reste plus cas mettre en place la méthode main, accompagnée de son constructeur pour la compilation avec haXe.

	/**
	 * Constructeur vide
	 * 
	 * @return Void
	 */
	private function new()
	{}
 
	/**
	 * 
	 * @method 	static main
	 * @return 	Void
	 */
	public static function main ()
	{
		_instance = new LibraryExt();
	}

Classe LibraryExt complète

Pour l’exemple, j’utilise les classes Macromédia, ce qui est bien sur inutile. Pour vos applications RIA, il faut remplacer les imports par les classes de votre application ou framework flash.

// Classes
import flash.geom.Transform;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.display.BitmapData;
 
import flash.filters.GlowFilter;
import flash.filters.BevelFilter;
import flash.filters.ColorMatrixFilter;
import flash.filters.DropShadowFilter;
 
/**
 * Used for create a library of a Framework
 * 
 * @class LibraryExt
 */
class LibraryExt
{
	/* constantes */
	private static var _instance	: LibraryExt;	// L'instance unique du singleton
 
 
 
	/**
	 * Constructeur vide
	 * 
	 * @return Void
	 */
	private function new()
	{}
 
 
	/**
	 * 
	 * @method 	static main
	 * @return 	Void
	 */
	public static function main ()
	{
		_instance = new LibraryExt();
	}
 
 
	/*----------------------------------------------------------*/
	/*------------- Divers -------------------------------------*/
	/*----------------------------------------------------------*/
 
 
	/**
	 * Returns the string representation of this instance.
	 * 
	 */
	public function toString ():String
	{
		return "[object LibraryExt]";
	}
 
}

Articles sur le même sujet :

1. Créer une bibliothèque swf AS2 compatible MTASC
2. Présentation du Langage HAXE
3. Utiliser des polices partagées dynamiquement en AS3, HAXE et AS2

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 27/02/2009. Lien direct vers cet article | 2 réactions | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Présentation

Créer un swf de classes est très utile pour les applications RIA. La page HTML appelle un swf très léger qui se charge instantanément (voir l’article sur swfobject). Ensuite ce swf léger charge les swf contenant les éléments graphiques, un autre swf contenant les classes du framework utilisé…

Lorsqu’il y a des modifications graphiques à effectuer, il n’y a pas besoin de recompiler l’application RIA, seulement le swf graphique. Lors des évolutions des classes du framework (corrections de bug, nouvelles fonctionnalités…), il suffira de mettre à jour le swf de la bibliothèque. Des opérations transparentes pour l’utilisateurs et rapide à mettre en place pour le développeur.

Exemple

Voici la classe Action Script 2 que j’utilise pour créer un swf contenant toutes les classes AS2 afin de créer une bibliothèque disponible pour les swf chargés dynamiquement.

C’est la classe utilisée pour créer la bibliothèque du framework delfiweb.

Paramètres MTASC pour la compilation : -main -swf biblio.classes.swf -group -version 8

Détails

• -main : appel de la méthode main de la classe.
• -swf : crée le swf biblio.classes.swf.
• -group : regroupe toutes les classes dans le même clip.
• -version 8 : créer un swf compatible avec la version 8 de flash.

Construction de la Classe Library

Pour ajouter une classe dans le swf, il suffit de la stocker dans une variable static :

 private static var fComponent:Function = flash.geom.Transform;

Il est possible d’ajouter autant de classes que nécessaires dans le swf.
Puis il ne vous reste plus cas mettre en place la méthode main, accompagnée de son constructeur pour la compatibilité avec MTASC.

    private function Library (container:MovieClip){}
 
    public static function main (container:MovieClip)
    {
         _instance = new Library(container);
    }

Classe Library complète

//Classe Macromedia
import flash.geom.Transform;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.display.BitmapData;
 
import flash.filters.GlowFilter;
import flash.filters.BevelFilter;
import flash.filters.ColorMatrixFilter;
import flash.filters.DropShadowFilter;
 
// Classes PixLib de Francis Bourre
import com.bourre.commands.Delegate;
import com.bourre.commands.Command;
 
class Library
{
    /* constantes */
    private static var _instance:LibraryExemple;  // L'instance unique du singleton
 
    //Classe Macromedia
    private static var fComponent27:Function = flash.geom.Transform;
    private static var fComponent28:Function = flash.geom.Point;
    private static var fComponent29:Function = flash.geom.Rectangle;
    private static var fComponent30:Function = flash.display.BitmapData;
 
    private static var fComponent31:Function = flash.filters.GlowFilter;
    private static var fComponent32:Function = flash.filters.BevelFilter;
    private static var fComponent33:Function = flash.filters.ColorMatrixFilter;
    private static var fComponent34:Function = flash.filters.DropShadowFilter;
 
    // Classes PixLib de Francis Bourre
    private static var fComponent38:Function = com.bourre.commands.Delegate;
    private static var fComponent39:Function = com.bourre.commands.Command;
 
    /**
     * Constructeur vide
     *
     * @method Library
     * @param container    : le movie clip sur lequel le swf est instancié
     * @return Void
     */
 
    private function Library (container:MovieClip){}
 
    /**
     * C'est le point d'entrée du programme, appelé sur la première image du fla,
     * elle est compatible MTASC
     *
     * @method   static main
     * @return   Void
     */
    public static function main (container:MovieClip)
    {
         // appel uniquement lors de l'ouverture de l'appli.
         _instance = new Library(container);
    }
 
    /**
     * Renvoi la représentation de l'objet sous forme de chaîne.
     * @usage trace(myPH);
     * @return la représentation de l'objet sous forme de chaîne.
     */
    public function toString ():String
    {
         return "[object Library]";
    }
 
}

Articles sur le même sujet :

1. Créer une bibliothèque swf avec haXe
2. Classe Main compatible MTASC

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 21/02/2009. Lien direct vers cet article | Une réaction | Ajouter à del.icio.us | © Infoslibres.fr - 2008

Présentation

logo haxe

HaXe se présente comme un langage universel orienté web, c’est un langage multi-forme. Il est fortement orienté objet à la manière de Java/C++, qui peut-être typé ou dynamique et qui propose quelques bonnes idées comme les « Enum », sorte de classes spécifiquement dédiées au polymorphisme.

Il permet de générer côté client des fichier Flash et du Javascript, et côté serveur un langage spécifique, Neko et tout récemment du PHP. Plusieurs IDE existe, plugin pour Eclipse, FlashDevelopp l’intègre en natif…

Sur le serveur, Neko peut générer du bytecode qui tournera au dessus d’un module Apache, ou être compilé. Côté client, il contient des librairies javascript qui permettent de faire de l’AJAX facilement. La première version stable est sortie en mai 2006.

Plusieurs projets basés sur le langage ont déjà vu le jour:

• ScreenweaverHX : un framework pour créer des applications de bureau en Flash
• HXDT, l’environnement de développement sous forme de plugin Eclipse.
• HaXeVidéo : serveur streaming développé en HaXe.
• PureMVC : framework de classes facilitant l’implémentation du design pattern MVC dans une application flash riche.
• hxasm : haXe Flash9 Assembler Library : qui permet de développer des swf directement en assembleur compatible flash9.
• Lib HaXe : tous les projets développé avec HaXe.

HaXe se présente comme le successeur du fameux compilateur AS2, à savoir MTASC (compilation ultra rapide).

Détails

HaXe (AS3, AS2) est un langage supportant le développement par design pattern (IOC, MVC..).

Il est possible de développer toutes les classes flash (avec l’éditeur FDT) puis de créer un swf contenant uniquement du code.
Puis avec swfmill (logiciel gratuit) ou l’IDE de flash, il faut créer un ou plusieurs swf contenant uniquement des graphismes.

Puis le swf principal (contenant uniquement le code) se charge d’assembler le tout. Il est donc possible d’obtenir des swf très légers et des applications flash réactives, se chargeant très vite pour l’utilisateur (lancement du chargement des graphismes au fur et à mesures des interfaces et mise en cache des données).

Le compilateur HaXe permet de générer des swf compatible toutes versions de flash (6 à  10). La compilation est très rapide.
Les swf générés par HaXe sont aussi performants que ceux généré par le sdk Flex ou l’IDE de Flash.

HaXe permet aussi d’effectuer du flash remoting, des jeux vidéos, du streaming, des RIA complexes et performantes, des applications desktop (comme AIR).

A partir du même langage de programmation (HaXe), il est possible de développer des applications web, pas seulement en flash.

La compilation HaXe permet de générer des fichiers javascript, neko et même php. C’est à dire qu’à partir du même langage de programmation, il est possible de développer dans plusieurs autres langages « sans devoir apprendre un autre langage de programmation! »

HaXe offre au développeurs la possibilité de créer des applications flash (swf), des sites php / javascript de manière totalement gratuite. Pas besoin d’acheter une licence coûteuse du logiciel Adobe Flash CS4.

Coté client

HaXe inclus de nouveaux types primaires comme Int, Float ou Dynamic, Dynamic permettant de rendre explicitement une variable dynamique. Cette fonctionnalité n’existe pas en AS3.

Les classes haXe se trouvent définies dans des packages à l’extérieur de la classe, le constructeur est private par défaut et se déclare avec le mot clé « new ». Les classes natives actionscript sont quant à elles contenuent dans l’objet « boot ». De plus, pour toute application développée avec HaXe, il est nécessaire d’utiliser les bilbiothèques HaXe pour la compilation vers Flash.

Comme avec MTASC, ce code est compilable en swf. Au delà de l’API Actionscript, haXe peut aussi être porté vers javascript et compiler des .js, pouvant être inclus dans vos pages web. HaXe peut aussi générer des fichiers PHP. A partir du même langage, il est possible de développer des applications web 2 complète sans avoir à apprendre / changer de langage de programmation continuellement.

Un des avantages supplémentaires : lors de la sortie de l’AS4, il n’y aura pas besoin d’apprendre un nouveau langage. Seulement de nouvelles fonctions à implémenter et à utiliser dans vos applications.

Fonctionnalités

Vous pouvez utiliser haXe en ciblant les plate-formes suivantes:

• Javascript : vous pouvez compiler un programme haXe en un unique fichier .js. Vous pouvez accéder aux APIs DOM de chaque navigateur avec un support d’auto-complétion, et toutes les dépendances sont résolues au moment de la compilation.
• Flash : vous pouvez compiler un programme haXe en un fichier .swf. haXe peut compiler pour les Flash Players 6 à 9, avec les les anciennes API Flash<8 ou les nouvelles API AS3/Flash9.  haXe offre d’excellentes performances et des fonctionnalités de langage pour développer du contenu Flash.
• NekoVM : vous pouvez compiler un programme haXe en du Bytecode NekoVM. Celui-ci peut être utilisé pour de la programmation côté serveur telle que des pages web dynamiques (en utilisant mod_neko pour Apache) mais aussi pour des applications en ligne de commande ou de bureau.
• PHP : vous pouvez compiler un programme haXe en un fichier .php. Cela vous permet d’utiliser un langage fortement typé de haut-niveau tel que HaXe tout en gardant une compatibilité complète avec la plate-forme et les librairies de votre serveur déjà existant.

L’idée derrière haXe est de laisser le développeur choisir la meilleure plate-forme pour effectuer un travail donné. En général, ce n’est pas facile à faire parce que chaque nouvelle plate-forme vient avec son propre langage de programmation.

haXe vous fournit :

• Un langage standardisé avec de nombreuses fonctionnalités.
• Une bibliothèque standard (incluant Date, Xml, Math…) qui fonctionne de la même façon sur toutes les plate-formes.
• Des bibliothèques spécifiques à chaque plateforme : l’API complète pour une plate-forme donnée est accessible depuis haXe.

Apprentissage – Performances

La prise en main d’haxe est relativement aisée. Il y a une documentation complète sur le site officiel avec des exemples clairs.
La Mailing List (voir les archives) est très réactive pour le support. Je vous invite à vous inscrire pour en apprendre énormément sur le langage.

Ayant des connaissances poussées dans le développement AS2, utilisation des design pattern, du compilateur MTASC. L’apprentissage du langage HaXe s’est passée très facilement et très rapidement. Au bout 1 semaine ou 2, vous êtes capable de développer vos premières RIA Flash.

Quand aux performances, elles sont au rendez vous. Les swf compilés avec Flash sont aussi performants qeu ceux compilés en AS3 à partir de l’IDE d’Adobe.

Les experts HaXe s’accordent à dire que les swf HaXe sont parfois plus performants que les swf AS3. Personnellement, je reste sceptique, au final c’est le même code dans le swf (que l’origine vienne d’HaXe ou dAS3). En définitive, les performances restent au moins identiques.

Exemple Hello World

Des exemples « Hello World » sont disponible sur le site officiel :

• Pour commencer avec HaXe/Flash
• Pour commencer avec HaXe/JS
• Pour commencer avec HaXe/Neko
• Premiers pas avec HaXe / PHP

Les tutoriaux

Pour débuter avec ce nouveau langage, je vous conseille de lire et d’appliquer les tutoriaux suivants :

• Tutoriaux Multi Plate-formes
• Tutoriaux JavaScript
• Tutoriaux Flash
• Tutoriaux Neko
• Tutoriaux PHP
• haXe Remoting Tutorials
• Tutoriaux Avancés

Conclusion

Ici s’achève ce premier article consacré à HaXe. Régulièrement, je publierai des tutoriels accompagnés d’exemples simples sur HaXe.

Si vous souhaitez des tutoriels particuliers, n’hésitez pas à me le demander via les commentaires du blog.

Articles sur le même sujet :

1. Créer une bibliothèque swf avec haXe

Article original écrit par Matthieu et publié sur Delfiweb - Ressources Flash, Framework AS2, AS3, HAXE le 12/02/2009. Lien direct vers cet article | Aucune réaction | Ajouter à del.icio.us | © Infoslibres.fr - 2008