Introduction to Adobe Flex - Zaloni

  • 1,216 views
Uploaded on

An introduction to RIA and Flex

An introduction to RIA and Flex

More in: Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,216
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
31
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 ASP.net 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: 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/
  • 23. Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/