Un Hello World en Flex

Un Hello World en Flex

Aller, on se fait on petit tutoriel pour introduire Flex en deux minutes !

Intéressé ? Regardez la suite...

 

Commençons par un tour rapide sur Flex :

Flex est une solution de développement créée par Macromedia en 2004 puis reprise par Adobe en 2006, permettant de créer et de déployer des applications Internet riches (RIA) multiplate-formes grâce à la technologie Flash et particulièrement son lecteur. Son modèle de programmation fait appel à MXML (basé sur XML) et ActionScript 3.0, reposant sur ECMAScript.

La technologie Flex produit un fichier .swf intégré dans une page html. La richesse de l'interface graphique ainsi générée a le désavantage comme toutes applets de générer ici un fichier .swf sur le serveur un peu long à télécharger dans le poste client lors du chargement de la page.

Le 26 avril 2007, Adobe annonçait choisir la licence libre MPL 1.1 pour sa solution de développement Flex. Adobe Flash Player, le lecteur multimédia sur lequel les applications Flex sont lues, et Adobe Flex Builder, l'IDE construit sur la plate-forme libre Eclipse utilisé pour développer des applications Flex, restent propriétaires.

Source : http://fr.wikipedia.org/wiki/Adobe_Flex

 

Et sur Adobe AIR :

Adobe Integrated Runtime (AIR), anciennement nommé Apollo, est une machine virtuelle multiplateforme, multilangage, multi interface qui s'exécute sur le système d'exploitation et pas à l'intérieur d'un navigateur comme la machine virtuelle Flash. On parle alors de "Rich Desktop Application" ou RDA, par extension de l'abréviation RIA "Rich Internet Application" d'où AIR tire son nom (RIA à l'envers).

Source : http://fr.wikipedia.org/wiki/Adobe_Integrated_Runtime

 

Ensuite vous devez posséder un environnement de développement adapté pour Flex.

Si ce n'est pas le cas, vous pouvez utiliser celui-ci : http://www.adobe.com/fr/products/flash-builder.html

Bien sur d'autres existent aussi... Mais pour apprendre, il vaut mieux ne pas compliquer la tâche.

 

Et en deux minutes (après avoir démarré Adobe Flash Builder) :

  • Créez un nouveau Projet Flex :

    Clique droit > Nouveau > Projet Flex

  • Donnez un nom à votre projet
  • L'utilisation de l'emplacement par défaut convient très bien
  • Dans Type d'applications choisissez :

    Application de bureau (exécution dans Adobe AIR)

  • Pour le SDK, je vous conseil d'utiliser celui définit par défaut
  • Cliquez sur :

    Terminer

  • Entrez dans le fichier ayant pour extension (normalement fait par défaut) :

    .mxml

  • Placez votre curseur après la cloture de balise :

    </fx:Declarations>

  • Tapez :

    <s:Label text="Hello World"/>

  • Pour les connaisseurs, sachez que "<mx:Label text="Hello World"/>" est déprécié
  • Cliquez sur :

    Exécuter

 

Vous avez lancé votre premier Projet Flex !

 

Pour ceux étant intéressé par Flex, n'hésitez pas à partager votre savoir et à poser des questions.