Your SlideShare is downloading. ×
Introduction to Adobe Flex - Zaloni
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to Adobe Flex - Zaloni


Published on

An introduction to RIA and Flex

An introduction to RIA and Flex

Published in: Technology, Education
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Adobe Flex
  • 2. Who am I ?
    • Joseph Khan
    • Senior Software Engineer
    • Flex, HTML5, Sencha Touch
    • 3.6 yrs of experience
  • 3.
    • Who are you?
    • Have a little idea on Web based applications
    • Eager to learn a new THING !
    Who are you ?
  • 4. Road Map
    • What does Rich Internet Application means ?
    • Anatomy of a Rich Internet Application
    • What is Flex ?
    • Flex v/s Flash and Flex v/s Ajax
    • Talk more on Flex…..
    • Live demo
    • Inspiration
  • 5. Application Evolution Client/Server Mainframe Web Applications Reach Local Global Rich Text UI 1992 1998 2005+ Rich Internet Applications
  • 6. 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 –
      • Asynchronous JavaScript and XML (AJAX)
      • WPF (.NET framework)
      • Flex or Flash using the Flash Player
  • 7. 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
  • 8. What is Flex?
  • 9.
    • 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.
  • 10. Expressiveness Rich Media Performance Real Time Desktop and Offline
    • Client-side, deployed as Flash .swf
    • Flex Framework
      • MXML (Macromedia XML)
        • Declarative language to define User Interface
        • Similar to XHTML
      • User Interface Components
        • Buttons, ComboBoxes, Layout Managers, Containers, Effects
      • Class Libraries
        • Everything in the mx.* packages
        • Validation Routines, Web Services, DataTypes
    What is Flex?
  • 11. History
  • 12. 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
  • 13. Flex v/s AJAX
  • 14. Where does Flex fit in? Any Language/Server PHP Java/JSP/Struts/J2EE Web Services 3 rd Party APIs Database -MYSQL -DB2 -Oracle -Sybase -MSSQL -Access?
  • 15. 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
  • 16. Getting Started
  • 17. Flex/Flash Builder IDE
  • 18. MXML
    • 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>
  • 19. Action Script 3.0
    • Action script is a scripting language
    • No tags
    • Is fully Object Oriented
    • All MXML tags are Action Script classes
    • Similar to Java
  • 20. Flex – other features
  • 21. Where Flex is used ? Product Configuration Rich Media Applications Data Visualization Authoring Applications Product Selection Line of Business Applications
  • 22. Resources - links Adobe Devnet: Learn Flex in a week Learn Flex in a week Flex Help: Getting started with Flex Flex Examples:
  • 23. Reach me at [email_address]