Apache Flex

Informations
Développé par	Apache Software Foundation
Première version	20 juin 2004 et 6 janvier 2013^[1]
Dernière version	4.16.1 (23 novembre 2017)^[2]
Dépôt	git-wip-us.apache.org/repos/asf/flex-sdk.git
Écrit en	ActionScript
Système d'exploitation	Microsoft Windows
Type	Kit de développement
Licence	Licence Apache version 2.0
Site web	flex.apache.org et royale.apache.org

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) multiplateformes 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 créée présente l'inconvénient, comme toute applet, de créer ici un fichier .swf sur le serveur un peu long à télécharger sur 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^[3]. 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.

Le 17 novembre 2011, Adobe place Flex sous l'égide de la Fondation Apache^[4].

Vue d'ensemble modifier

Il était difficile pour les développeurs d'applications traditionnelles de travailler avec la plate-forme Flash même. En effet, celle-ci sert à la base à créer des animations. Flex cherche à minimiser ce problème en fournissant un modèle de programmation qui est familier à ces développeurs. MXML, un langage de description basé sur XML, offre la possibilité de créer rapidement une interface utilisateur. L'interactivité est créée par l'utilisation d'ActionScript 3.0, reposant sur le standard ECMAScript.

Le SDK Flex fournit de nombreux composants graphiques, dont des boutons, des listes, des arbres, des tableaux de données, et plusieurs conteneurs utilisés pour la mise en page de l'interface. Les graphiques (Flex Charting) sont disponibles en tant qu'extension. D'autres fonctionnalités comme les services Web, le glisser-déposer, les effets ou la validation de formulaires viennent compléter ce framework applicatif.

Dans une architecture trois tiers, les applications Flex représentent la couche présentation. Contrairement aux applications HTML, les applications Flex fournissent un client "stateful", c'est-à-dire que les changements de la vue ne requièrent pas le chargement d'une nouvelle page. De la même manière, Flex et le Flash Player offrent la possibilité d'envoyer et de recevoir des données depuis et vers un serveur sans que le client doive recharger la vue.

Versions modifier

Historique des versions modifier

Flex 1.0 - Mars 2004
Flex 1.5 - Octobre 2004
Flex 2.0 (Alpha) - Octobre 2005
Flex 2.0 Bêta 1 - Février 2006
Flex 2.0 Bêta 2 - Mars 2006
Flex 2.0 Bêta 3 - Mai 2006
Flex 2.0 Final- 28 juin 2006
Flex 2.0.1 - 5 janvier 2007
Flex 3.0 Bêta 1 - 11 juin 2007
Flex 3.0 Bêta 2 - 1^er octobre 2007
Flex 3.0 Bêta 3 - 12 décembre 2007
Flex 3.0 - 25 février 2008
Flex 3.1 - 15 août 2008
Flex 3.2 - 17 novembre 2008
Flex 3.5 - Décembre 2009
Flex 4.0 - Mars 2010
Flex 4.1 - Juillet 2010
Flex 4.5 - Mai 2011
Flex 4.5.1 - Juin 2011
Flex 4.6 - Novembre 2011

Macromedia Flex Server 1.0 et 1.5 modifier

Macromedia a au départ ciblé le développement d'applications entreprise avec ses versions de Flex 1.0 et 1.5. Dans ces premières versions qui ne sont désormais plus disponibles, la compilation des fichiers SWF se faisait au niveau serveur. La licence par CPU était de 15000$US et comprenait 5 licences pour l'IDE Flex Builder.

Adobe Flex 2 modifier

Avec la sortie de Flex 2, Adobe a complètement modifié sa ligne de produit Flex. Le SDK Flex 2 a été mis à disposition gratuitement. Il contient un compilateur en ligne de commande (mxmlc) ainsi qu'une bibliothèque de composants graphiques et d'utilitaires. Les applications Flex peuvent être construites et déployées uniquement avec le SDK Flex 2.

Adobe a basé sa nouvelle version de Flex Builder sur la plate-forme Eclipse open-source. Flex Builder 2 était distribué en deux versions: Standard et Professionnelle. La version Professionnelle contient la bibliothèque de composants Flex Charting, utilisée pour la création de graphiques.

La composante serveur reste encore disponible grâce à Flex Data Services 2. Contrairement à Flex 1.0 et 1.5, Flex Data Services n'est pas requis pour déployer des applications Flex.

Avec la sortie de Flex 2, Adobe a introduit la nouvelle version de son langage de programmation ActionScript, ActionScript 3. L'utilisation d'ActionScript 3 et de Flex 2 requiert la version 9 ou ultérieure de Flash Player.

Adobe Flex 3 modifier

Le 25 février 2008, Adobe a annoncé la sortie du SDK Flex 3 sous licence Mozilla Public License ainsi qu'Adobe AIR 1.0, sa solution RDA. Dans le même temps, Adobe a sorti le nouveau Flex Builder 3, toujours basé sur Eclipse, permettant de développer des applications Flex et Air.

Adobe Flex 4 modifier

Version disponible depuis décembre 2009. Cette version apporte une nouvelle bibliothèque de composants personnalisables nommée Spark ainsi que le support de fichiers FXG. Une nouvelle version du compilateur conçu par Adobe accompagne sa sortie, renommée en Flash Builder 4.

Adobe Flex 4.5 modifier

Sortie début mai 2011, Flash Builder 4.5 intègre la version 4.5 du SDK Flex. La principale nouveauté réside dans la possibilité de compiler des applications mobiles pour Google Android, Apple iOS ou encore BlackBerry Tablet OS. Une version d'évaluation de 60 jours est disponible en téléchargement sur le site officiel.

Exemple modifier

Voici un exemple d'application Flex 3 utilisant MXML et ActionScript :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
    <![CDATA[
      // Code ActionScript 3.0 directement intégré dans le fichier MXML
      // Ce code pourrait être placé dans un fichier séparé avec l'extension .as
      public function sayHello():void {
        lblResults.text = "Hello " + txtName.text;
      }
    ]]>
  </mx:Script>
  <mx:Panel x="10" y="10" width="306" height="200" layout="absolute" title="Say Hello">
    <mx:Label x="10" y="10" text="Entrez votre nom :"/>
    <mx:TextInput x="10" y="36" id="txtName"/>
    <mx:Button x="178" y="36" label="Dis Bonjour!" click="sayHello()"/>
    <mx:Label x="10" y="66" id="lblResults"/>
  </mx:Panel>
</mx:Application>

Ce code dessine un formulaire permettant à un utilisateur de saisir son nom puis d'afficher "Hello + [le nom saisi]" lorsque l'on clique sur le bouton "Dis Bonjour!".

Le même exemple avec Flex 4 et en utilisant les composants Spark :

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                  xmlns:s="library://ns.adobe.com/flex/spark"
                  xmlns:mx="library://ns.adobe.com/flex/mx">
  <fx:Script>
   <![CDATA[
   // Code ActionScript 3.0 directement intégré dans le fichier MXML
   // Ce code pourrait être placé dans un fichier séparé avec l'extension .as
   public function sayHello():void {
    lblResults.text = "Hello " + txtName.text;
   }
  ]]>
  </fx:Script>
  <s:layout>
    <s:BasicLayout />
  </s:layout>
  <s:Panel x="10" y="10" width="306" height="200" title="Say Hello">
   <s:layout>
     <s:BasicLayout />
   </s:layout>
   <s:Label x="10" y="10" text="Entrez votre nom :"/>
   <s:TextInput x="10" y="36" id="txtName"/>
   <s:Button x="178" y="36" label="Dis Bonjour!" click="sayHello()"/>
   <s:Label x="10" y="66" id="lblResults"/>
 </s:Panel>
</s:Application>