On October 23rd, 2014, we updated our
By continuing to use LinkedIn’s SlideShare service, you agree to the revised terms, so please take a few minutes to review them.
Application Evolution Client/Server Mainframe Web Applications Reach Local Global Rich Text UI 1992 1998 2005+ Rich Internet Applications
RIA – Rich Internet Application
A Rich Internet Application (RIA) is an application that runs in the traditional browser, but utilizes an intermediate layer that can bypass the traditional page refresh that has been a standard of most current Web applications.
Desktopification of the browser based applications
Most common tools –
WPF (.NET framework)
Flex or Flash using the Flash Player
Anatomy of a Rich Internet Application Data Visualization & Collaboration Real Time Data Push & Alerting Chat Offline Data Synchronization & Conflict Resolution Bi-Directional Audio & Video Rich Data Entry Menus & Navigation Controls Resizable Views/Effects/ Transitions Mapping, Geo-Coding, Annotations & White boarding
What is Flex?
What is Flex?
It is a free, open source framework based on the Adobe Flash Runtime used to develop RIAs (rich Internet applications)
RIAs - new kind of web experience that offer the ease of use/experience of a desktop application while providing the broad reach of web applications
Flex application framework consists of MXML, ActionScript™ 3 (AS3), and the Flex class library.
Developers use MXML to declaratively define the application user interface elements and use ActionScript for client logic and procedural control.
Expressiveness Rich Media Performance Real Time Desktop and Offline
Flex vs. Flash Library SWF Compiled object, No special server required, Runs on Flash Player, Cross Browser compatible Flex Compiler AS3 MXML Flash Authoring Flex Builder (and SDK) AS2 Flash Compiler CSS
Flex v/s AJAX
Where does Flex fit in? Any Language/Server PHP ASP.net Java/JSP/Struts/J2EE Web Services 3 rd Party APIs Database -MYSQL -DB2 -Oracle -Sybase -MSSQL -Access?
How Flex Works ? Browser MXML and ActionScript XML/HTTP REST SOAP Web Services JEE Application Server LC Data Services Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile .swf .swf HTTP/S AMF/S RTMP/S SOAP
Flex/Flash Builder IDE
MXML are plain text based document
Follows XML standards
It is tag based <mx:Panel> similar to HTML
Always start with a XML declaration
Root node is always <mx:Application>
Action Script 3.0
Action script is a scripting language
Is fully Object Oriented
All MXML tags are Action Script classes
Similar to Java
Flex – other features
Where Flex is used ? Product Configuration Rich Media Applications Data Visualization Authoring Applications Product Selection Line of Business Applications
Resources - links Adobe Devnet: http://www.adobe.com/devnet/flex/ Learn Flex in a week http://www.adobe.com/devnet/flex/videotraining/ Learn Flex in a week http://www.adobe.com/devnet/flex/videotraining/ Flex Help: Getting started with Flex http://learn.adobe.com/wiki/display/Flex/Getting+Started Flex Examples: http://blog.flexexamples.com/ Flex.org http://flex.org/
Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/