Difference between revisions of "Flex"

From air
Jump to navigation Jump to search
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
Flex est devenu en quelques années un canevas RIA fort apprécié.
+
Flex est devenu en quelques années un canevas fort apprécié pour la conception de [[Rich Internet Application]]s (RIA).
   
 
==Description==
 
==Description==
  +
  +
''[http://en.wikipedia.org/wiki/Adobe_Flex wikipedia]''
  +
   
 
===MXML===
 
===MXML===
Line 7: Line 10:
   
 
<pre>
 
<pre>
<s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009"
+
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 
xmlns:s="library://ns.adobe.com/flex/spark"
 
xmlns:s="library://ns.adobe.com/flex/spark"
 
xmlns:mx="library://ns.adobe.com/flex/mx">
 
xmlns:mx="library://ns.adobe.com/flex/mx">
  +
  +
 
<s:Panel>
 
<s:Panel>
<s:Labeltext="Label" />
+
<s:Label text="Enter your phone number:" />
<s:Buttonlabel="Button" />
+
<s:TextInput id="phoneInput"/>
  +
<s:Button label="Call" click="call(phoneInput);"/>
 
</s:Panel>
 
</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>
 
</s:Application>
 
</pre>
 
</pre>
   
  +
''[http://en.wikipedia.org/wiki/MXML wikipedia]''
   
 
===ActionScript===
 
===ActionScript===
Line 23: Line 39:
 
<pre>
 
<pre>
 
package fr.imag.air.sample.flex{
 
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 {
 
}
 
}
 
}
 
}
 
}
 
}
 
</pre>
 
</pre>
  +
  +
''[http://en.wikipedia.org/wiki/ActionScript wikipedia]''
  +
  +
===Data Centric===
  +
* Avec PHP
  +
** http://www.adobe.com/devnet/flex/articles/flashbuilder4_php_part1.html
  +
** http://www.adobe.com/devnet/flex/articles/flashbuilder4_php_part2.html
  +
** http://www.adobe.com/devnet/flex/articles/flashbuilder4_php_part3.html
   
 
===Remote (Procedure) Calls===
 
===Remote (Procedure) Calls===
  +
====Web Services====
  +
[[Flex/WS|WebServices avec Flex]]
  +
  +
====RESTFul Services====
  +
* http://fbflex.wordpress.com/2008/06/12/a-simple-actionscript-flex-rest-client/
  +
* http://code.google.com/p/resthttpservice
  +
 
====Action Message Format (v3)====
 
====Action Message Format (v3)====
 
binary format used to serialize ActionScript objects (Optimizes exchanged data amount)
 
binary format used to serialize ActionScript objects (Optimizes exchanged data amount)
 
* AMF3 for OSGi http://www.arum.co.uk/amf3osgi.php
 
* 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==
 
==Chaine de compilation==
Line 47: Line 81:
 
===Editeurs===
 
===Editeurs===
 
* plugin Eclipse
 
* plugin Eclipse
  +
* Flex Builder 4([http://www.adobe.com/devnet-archive/flex/free/ gratuit pour l'éducation])
   
 
===Compilateurs===
 
===Compilateurs===
Line 54: Line 89:
 
* [[BlazeDS]]
 
* [[BlazeDS]]
 
* [[GraniteDS]]
 
* [[GraniteDS]]
  +
  +
  +
  +
  +
==References et Liens==
  +
* Tuto et Livres http://www.flex-tutorial.fr/livres-flex-as3-pdf/
   
 
==Liens==
 
==Liens==
* Building complex and modular RIAs with OSGi and Flex http://france.osgiusers.org/wiki/uploads/Meeting/fornaciari-osgi-flex.pdf
 

Latest revision as of 14:22, 28 March 2011

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

Description

wikipedia


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(phoneInput);"/>
 </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

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)

Modularité

Chaine de compilation

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

Déploiement

  • .swf embarqué dans une WAR

Outils

Editeurs

Compilateurs

Communication



References et Liens

Liens