Introduction to Adobe Flex - Zaloni
Download as PPT, PDF1 like669 views
This document provides an overview of Rich Internet Applications (RIAs) and the Flex framework. It defines what an RIA is, describes common RIA tools like AJAX and Flex, and explains the anatomy and key features of RIAs. The document then focuses on Flex, explaining what Flex is, how it compares to Flash and AJAX, and how the Flex development process works using MXML, ActionScript, and compiling into SWF files. Examples of Flex applications and resources for learning more about Flex are also provided.
![Reach me at [email_address] facebook.com/jokhan jbkflex.wordpress.com/](https://image.slidesharecdn.com/zaloni-flexintro-110822061838-phpapp01/85/Introduction-to-Adobe-Flex-Zaloni-23-320.jpg)
Introduction to Adobe Flex - Zaloni
- 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
- 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
- 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/