Difference between revisions of "Flex"

Revision as of 14:21, 28 March 2011

Flex est devenu en quelques années un canevas fort apprécié pour la conception de Rich Internet Applications (RIA).

Description

MXML

langage déclarative des interfaces (syntaxe XML)

<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">


 <s:Panel>
  <s:Label text="Enter your phone number:" />
  <s:TextInput id="phoneInput"/>
  <s:Button label="Call" click="call();"/>
 </s:Panel>

 <mx:PhoneNumberValidator 
    source="{phoneInput}"
    property="text"
    allowedFormatChars="()- .+" 
    invalidCharError="Your telephone number contains invalid characters."
    minDigits="{10}"
    wrongLengthError="Your telephone number must contain at least 10 digits."/>

</s:Application>

wikipedia

ActionScript

langage de script (syntaxe ECMAScript)

package fr.imag.air.sample.flex{
  public class MyPhone interface IPhone {
    public function MyPhone () {
    }
    public function call(String number): String {
    }
  }
}

wikipedia

Data Centric

Avec PHP

Remote (Procedure) Calls

Web Services

WebServices avec Flex

RESTFul Services

Action Message Format (v3)

binary format used to serialize ActionScript objects (Optimizes exchanged data amount)

AMF3 for OSGi http://www.arum.co.uk/amf3osgi.php

Modularité

Building complex and modular RIAs with OSGi and Flex http://france.osgiusers.org/wiki/uploads/Meeting/fornaciari-osgi-flex.pdf

Chaine de compilation

.mxml + .as -- compilation --> .swf -- ??? --> .exe

Déploiement

.swf embarqué dans une WAR

Outils

Editeurs

plugin Eclipse
Flex Builder 4(gratuit pour l'éducation)

Compilateurs

Communication

References et Liens

Tuto et Livres http://www.flex-tutorial.fr/livres-flex-as3-pdf/

@@ Line 39: / Line 39: @@
 <pre>
 package fr.imag.air.sample.flex{
-  public class MyClass interface MyInterface{
+  public class MyPhone interface IPhone {
-    public function MyClass() {
+    public function MyPhone () {
     }
-    public function doSomething(): String {
+    public function call(String number): String {
     }
   }
@@ Line 49: / Line 49: @@
 ''[http://en.wikipedia.org/wiki/ActionScript wikipedia]''
 ===Data Centric===