Prepared by Stephen Olaño

June 12, 2007

Rich Internet ApplicationsIt allow to build rich applications with data

and multimedia contents, offering a high interactivity level.

RIA is the fusion of the interactive and multimedia user interface functionality of desktop applications with traditional WebApps.

Under the use of the client plug-in you will develop your WebApps one time and no one time per client system

Rich Internet Applications CharacteristicsExpressiveness Rich media integration Performance / Responsiveness Real time Offline Deep back-end integration Web deployment model

Traditional WebApps problems1. Process problems: complex WebApps often

require that the user navigates through a series of pages to complete a single task

2. Data Problems: they do not support interactive explorations of the data

3. Feedback Problems: they do not allow a continued and ordered interaction without page refreshments

4. Configuration problems: many Web applications require the configuration of a product/system from multicriteria choices

RIA Benefits

What is Flex 2?Flex 2 Application

Built with the Flex Framework 2Interface defined via MXMLLogic implemented using ActionScript 3Client-side, deployed as Flash .swfRequires Flash Player 9 to viewLook and Feel are defined using CSS

Flex 2 FrameworkMXML (Macromedia XML)

Declarative language to define User InterfaceSimilar to XHTML

User Interface ComponentsButtons, ComboBoxes, Layout Managers,

Containers, EffectsClass Libraries

Everything in the mx.* packagesValidation Routines, Web Services, DataTypes

Flex 2 Class library

Flex Architecture

How Flex works

Flex 2 Product Line

Flex Builder 2Integrated Development Environment (IDE)

Edit MXMLEdit ActionScript

Built on top of the Eclipse PlatformPluggable architecture for anything and

everythingKiller features

Integrated compilerCode hintsDebuggerDesign ViewIntegrated Version Control (CVS, SVN, etc.)

LiveCycle Data ServicesFormerly “Flex Data Services” or FDS

LiveCycle Data Services Architecture

RPC Services by LDSWebService - The WebService component can

be used to access any Web service that complies with the WSDL 1.1 standard

HTTPService — The HTTPService component can send HTTP GET, POST, HEAD, OPTIONS, PUT, TRACE, or DELETE requests. It does not support multi-part requests.

RemoteObjects — The RemoteObject component uses Action Message Format (AMF) to transfer data that is a binary format and is the fastest of the RPC Services.

Flex Compilermxmlc

Converts .mxml into ActionScript codeCompiles ActionScript code to .swf

compcSimilar to mxmlcUsed to create libraries

.swc archives Similar to Java .jar files

ActionScript 3Core of the Flex Framework100% ECMAScript 4 compliant

Standard is still being writtenFlash Player Engineers are part of standard

committeeSimilar to ActionScript 2, but..

Much much (much) faster Just-in-time compiled to native machine code

Powerful new features Native Regular Expression support E4X syntax makes working with XML easy

ActionScript 3 BasicsFamiliar syntax

Similar to C++, Java, C#, JavaScriptDynamic Language, Weak Typing

Similar to ColdFusionVariables can hold any type

Support for Strong TypingCan bind variable to specific data typeFaster code executionEasier to develop

More help from compiler Easier to find bugs via Flash Debug Player and type

errors

MXML Sample<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalAlign="center"> <mx:Button id="myButton" label="I'm a button!" /> </mx:Application>

Sample Output:

ActionScript samplepackage com.company.sample {

public class MyClass implements MyInterface { public var firstname:String;

public var lastname:String; public var email:String;

public function doSomething():void { try {

} catch (e:Exception) {

}}

}}

Flash Player 9New World Class Virtual Machine

- Performance (JIT Compiler) - Reduced memory consumptionActionScript 3

- Standard compliant (ECMAScript4)- Strong and dynamic typing- Runtime Error checking- ECMAScript for XML (E4X)

Seamless Deployment- One-click upgrade- Full backward compatibility

Flash Player Penetration

Flash content reaches 98% of Internet viewersAdobe® Flash® Player is the world's most pervasive

software platform, reaching 98% of Internet-enabled desktops in mature markets as well as a wide range of devices.

Flex 2 ChartingPart of the Flex Framework 2, but technically

a separate “product”Provides data visualization components

Pie Charts, Bar Charts, Area Charts, etc.Made to integrate seamlessly with FES2

Remotely synchronized data“Shared dashboard”

Flex 2 and AJAX togetherFlex and AJAX can communicate thru FABridge Library (Comes with FDS)

That’s all folks! If you have comments and suggestions about this

presentation slides, pls contact me at poweribo@yahoo.com. Thanks!