Published on

A slide which describes completely about Flex 3.

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. Introduction to Application Development with AIR 2.0 Coordinators Neeraj Kumar Rahul Verma Mahanth K Gowda & present
  2. 2. Outline <ul><li>What is V-Flex ? </li></ul><ul><li>RIA: Evolution </li></ul><ul><li>As a student how will I be benefitted ?? </li></ul><ul><li>RIA development - tools </li></ul><ul><ul><li>Flash Player </li></ul></ul><ul><ul><li>AIR 2.0 </li></ul></ul><ul><ul><li>Actionscript / MXML </li></ul></ul><ul><li>Flex </li></ul><ul><li>Why AIR 2.0 for application development </li></ul><ul><li>Usage of AIR in Industry today. </li></ul><ul><li>Lets develop some applications </li></ul><ul><ul><li>Video Player in 20 minutes for desktop </li></ul></ul><ul><ul><li>Video Player in 20 minutes for browser </li></ul></ul><ul><ul><li>Discussion on applications like chat application for LAN, sound recorder etc. </li></ul></ul><ul><li>Conclusion </li></ul><ul><li>Details of an open software development competition </li></ul>
  3. 3. V-Flex <ul><li>The V aranasi Adobe Flex Users Group </li></ul>
  4. 4. V-Flex :The Varanasi Adobe Flex Users Group <ul><li>V-Flex : A group which wants to learn, enjoy , and exploit the features of Adobe Flex to the maximum </li></ul><ul><li>It’s a place to learn, interact, develop, and help the fellow users as much as possible </li></ul><ul><li>All this started with seniors from the batch of 2008 , who brought into the institute the idea of using Flex for application development and from then on , people started taking initiatives. </li></ul>
  5. 5. RIA <ul><li>Static is HISTORY! </li></ul>
  6. 6. What is RIA ? <ul><li>It stands for R ich I nternet A pplications (RIA) </li></ul><ul><li>These are applications that offer features of traditional desktop applications like: </li></ul><ul><li>Rich user experience (user interface and user interaction) </li></ul><ul><li>Improved responsiveness </li></ul><ul><li>Broad reach </li></ul><ul><li>Platform independence </li></ul><ul><li>Low deployment costs </li></ul><ul><li>Local Processing + Hosted Services </li></ul><ul><li>Designer + Developer Collaboration </li></ul>
  7. 7. The Evolution of the Internet Applications
  9. 9. Some RIA Frameworks: <ul><li>Ajax </li></ul><ul><li>Adobe Flash/Flex/AIR </li></ul><ul><li>GWT </li></ul><ul><li>JavaFX </li></ul><ul><li>Dojo </li></ul><ul><li>Silverlight </li></ul>
  10. 10. As a student how will I be benefitted ??
  11. 11. Benefits … <ul><li>Static is Past , RIA is the Future. </li></ul><ul><li>Upcoming software developers should be aware of major technologies. </li></ul><ul><li>Enterprise Software Development is the hottest field, and its gradually becoming favorite of Enterprise Software Developers. </li></ul><ul><li>In coming years Industry will need RIA developers. </li></ul><ul><li>As a student you have Enough Time to Master. </li></ul>
  12. 12. Tools Supporting RIA development <ul><li>Tools from Adobe which support RIA Development </li></ul>
  13. 13. What tools and techniques do I need ? <ul><li>Flash Player </li></ul><ul><li>AIR (Adobe Integrated Runtime) </li></ul><ul><li>Actionscript </li></ul><ul><li>MXML </li></ul>
  14. 14. Flash Player
  15. 15. What is Flash Player ? <ul><li>Adobe Flash Player is a lightweight cross platform browser plug-in and rich Internet application runtime </li></ul><ul><li>It is the most common and the most widely used platform for RIAs, animations, games and streaming on the browser. </li></ul><ul><li>Flash player runs SWF files created by Flash , Flex or other tools </li></ul><ul><li>Built on open source technologies and open-source community participation </li></ul>
  16. 16. Illustration SOAP HTTP/S AMF/S RTMP/S Web Server Existing Applications & Infrastructure J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services Browser Flash Player
  17. 17. Adobe AIR enables web developers to use existing technologies to build and deploy rich Internet applications on the desktop.
  18. 18. The Adobe Integrated Runtime (AIR) <ul><li>Adobe AIR is a cross operating system runtime environment </li></ul><ul><li>Allows developers combine existing technologies like Ajax, Adobe Flash, Flex to deploy rich internet applications over desktop </li></ul><ul><li>Since AIR uses the same proven, cost-effective technologies used to build web applications, the development and deployment is rapid and involves low risk </li></ul><ul><li>Since applications built for AIR run on desktop rather than a web browser, they provide all the convenience of a desktop application </li></ul><ul><li>From shopping on eBay to managing music, Adobe AIR means applications that are easier, more powerful, and more fun to use </li></ul>
  19. 19. Cross-OS Application Integrated Rendering Integrated DOMs & Scripting Adobe AIR APIs Mac, Windows, Linux & Device OS File System Access Network Detection Notifications Application Update Drag and Drop Local Database ... Adobe AIR Application Stack Flash Flex ActionScript XML Audio Video Flash HTML HTML JavaScript XML CSS HTML
  20. 20. Features of AIR 2.0 <ul><li>Support for the detection of mass storage devices. </li></ul><ul><li>Advanced networking capabilities like secure sockets, UDP support, and the ability to listen on sockets. </li></ul><ul><li>Support for native code integration. </li></ul><ul><li>The ability to open a file with its default application. </li></ul><ul><li>Multi-touch and gesture support. </li></ul><ul><li>APIs for access to raw microphone data. </li></ul><ul><li>Webkit update with HTML5/CSS3 support. </li></ul><ul><li>Global error handling. </li></ul><ul><li>Improved cross-platform printing Improved security and support for enterprise and government standard </li></ul>
  21. 21. ActionScript <ul><li>ActionScript is a scripting language. </li></ul><ul><li>It is an Object Oriented Programming language </li></ul><ul><li>It has a rich class library and a variety of APIs </li></ul><ul><li>Used in the development of websites with the Flash Player platform. </li></ul><ul><li>Used in the development of desktop applications with AIR. </li></ul><ul><li>In a nutshell, ActionScript enables efficient programming for applications ranging from simple animations to complex, data-rich, interactive application interfaces. </li></ul>
  22. 22. MXML – the magic xml <ul><li>MXML is an XML -based user interface markup language </li></ul><ul><li>MXML is used mainly to declaratively lay out the interface of applications, and can also be used to implement business logic and internet application behaviors </li></ul><ul><li>Can also be used to declaratively define non-visual aspects of an application, such as access to server-side data sources and data bindings between user-interface components and data sources </li></ul>
  23. 23. MXML – Source View
  24. 24. MXML – Design View
  25. 25. A highly productive, free open source framework for building expressive web applications that deploy consistently on all major browsers and on the desktop with Adobe AIR ® ADOBE FLEX 4
  26. 26. Understanding Flex <ul><li>2 languages </li></ul><ul><ul><li>MXML (actually a library of ActionScript) </li></ul></ul><ul><ul><li>ActionScript 3 </li></ul></ul><ul><li>Compilers </li></ul><ul><li>Debugger </li></ul><ul><li>Profiler </li></ul><ul><li>Rich Component Library </li></ul>Flex Builder IDE <ul><li>Flex Builder IDE </li></ul><ul><ul><li>Eclipse Plugin or turn-key install </li></ul></ul><ul><ul><li>Accelerates Design </li></ul></ul><ul><ul><li>Design view and code view </li></ul></ul>Flex SDK Flex Class Library MXML ActionScript Debuggers
  27. 27. How Flex Works in the Browser Flash Builder IDE Flex Class Library MXML ActionScript Compile Flex 4 SDK SOAP HTTP/S AMF/S RTMP/S Web Server Existing Applications & Infrastructure J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services Browser Flash Player
  28. 28. How Flex works on a Desktop Flash Builder IDE Flex Class Library MXML ActionScript Compile Adobe AIR Mac, Windows, Linux & Device OS Flex 4 SDK
  29. 29. What Industry Says?
  30. 30. Experts found that using AIR you can…. <ul><li>Establish a more persistent connection with existing customers </li></ul><ul><li>Deliver fully branded experiences with desktop functionality </li></ul><ul><li>Leverage existing personnel, processes, and infrastructure </li></ul><ul><li>Develop and deliver RIAs efficiently </li></ul><ul><li>Increase the ROI of your web investments </li></ul>
  31. 31. Some illustrations
  32. 32. The NASDAQ Stock Market
  33. 33. NASDAQ Market Replay - Features <ul><li>Application gives users instant insight into extremely detailed trading activity in the market at any time during the day. </li></ul><ul><li>Enable brokers to show their customers exactly what was going on in the market at the time a trade happened, helping them understand why they received a particular price. </li></ul><ul><li>“ There’s no doubt that working in Adobe AIR is a huge benefit. The ability to process trading data on the desktop enables NASDAQ to deliver valuable data analysis at a lower cost to everyone involved.” </li></ul><ul><li>--- Randall Hopkins Vice President, </li></ul><ul><li> NASDAQ Market Data The NASDAQ Stock Market </li></ul>
  34. 34. eBay Desktop Application
  35. 35. eBay Desktop Application - Features <ul><li>Users can receive notifications whenever a bid is made. </li></ul><ul><li>Better ability for buyers to set up searches and feeds for favorite types of items. </li></ul><ul><li>Easily customizable UI due to drag and drop capabilities. </li></ul><ul><li>“ The new Adobe AIR application delivers superior engagement because its capabilities match those typically associated with desktop applications, while providing an easy-to-use interface and integrating seamlessly with real-time web services.” </li></ul><ul><li>---- Alan Lewis Product manager eBay Desktop </li></ul>
  36. 36. Yahoo!Live
  37. 37. Yahoo! Live --- Features <ul><li>“ Our plans for the Adobe AIR Y! Live application are that it will give users that precious ‘always-on’ experience that we want to offer to the semi-professional target audience. People won’t inadvertently close the application or navigate away from it.” -----Michael Quoc Director of Advanced Products Yahoo! </li></ul><ul><li>Users will benefit from desktop notifications to stay constantly aware of when a Y! Live connection starts a broadcast or undergoes a change in status. </li></ul>
  38. 38. Others… <ul><li>AOL </li></ul><ul><li>Discovery Channel </li></ul><ul><li>FedEx </li></ul><ul><li>Fox News Talk Radio </li></ul><ul><li>The New York Times Company </li></ul>
  39. 39. Others ….
  40. 40. Conclusion <ul><li>RIAs will dominate the next generation app development . </li></ul><ul><li>Flash Player, AIR, Actionscript / MXML are some of the technologies that support development of RIAs </li></ul><ul><li>Flex builder , which uses the above technologies has been gaining huge prominence as a cross platform toolkit for app development </li></ul>
  41. 41. Thank You for patience