RIAs are web applications that have the feature and functionality of traditional desktop applications.
RIAs typically form a stateful client application with a separate services layer on the backend.
Feature of RIA
Desktop type environment
Web application Demands
An Eye-catching Design
Web Browsers Compatibility
Flash Player AIR
Now we have a new Structure
Flash Animation and Design
Flex Application Development
Flash Player Application Deployment on Web
AIR Application Deployment on Desktop
HTML vs Flex vs Flash
HTML / CSS files
HTML Flex Flash
MXML / CSS files
format reuse behavior metaphor output
What Is Flex
Flex is an extension of Flash.
Tag/script-based app development for Flash.
Flex is a cross-platform development framework for developing Rich Internate Application (RIAs).
Flex is a free and Open Source framework.
Flex Product Line Visual Layout Flex Builder 2 Code Hinting Debugging Skinning and Styling Flex SDK 2 (FREE) Command-line Compiler & Debugger Flex Data Services 2 Message Service Data Management Service RPC Services MXML and ActionScript 3.0 Flex Framework and Class Library Flex Charting Extensible Charting Components
Flex Product Line Open Source Visual Layout Flex Builder 2 Code Hinting Debugging Skinning and Styling Flex SDK 2 (FREE) Command-line Compiler & Debugger Flex Data Services 2 Message Service Data Management Service RPC Services MXML and ActionScript 3.0 Flex Framework and Class Library Flex Charting Extensible Charting Components
How Flex Works XML/HTTP REST SOAP Web Services Browser J2EE Application Server Flex Data Services 2 Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile Data Data .swf .swf .swf
Flex Enterprise architecture
Include in the Flex SDK
2 Command line Compilers
mxmlc # Convert MXML into ActionScript code. # Compiles ActionScript code to swf.
compc # Used to create libraries files (swc files)
Rich Component Library for Flex framework.
Elements of Flex application
Flex framework contains all the components you need to build RIA
Containers application layouting
Controls you use to gather data from users and to manage the user interface
Extensive data binding, formatting, and validation features
An event-driven development model that provides rich user interface transformation features such as effects and transitions.
An XML based markup language (Macromedia XML)
Declarative language typically used to describe UI layout and behaviors.
MXML is similar to other markup language such as XHTML and XAML
Is converted into ActionScript classes as part of compilation process.
Anything you can do in MXML you can do in ActionScript