Introduction to Application Development with AIR 2.0 Coordinators Neeraj Kumar    Rahul Verma    Mahanth K Gowda & present
Outline What is V-Flex ? RIA: Evolution As a student how will I be benefitted ?? RIA development - tools Flash Player AIR 2.0 Actionscript / MXML Flex Why AIR 2.0 for application development Usage of AIR in Industry today. Lets develop some applications Video Player in 20 minutes for desktop Video Player in 20 minutes for browser Discussion on applications  like chat application for LAN, sound recorder etc. Conclusion Details of an open software development competition
V-Flex The  V aranasi Adobe  Flex  Users Group
V-Flex :The Varanasi Adobe Flex Users Group V-Flex : A group which wants to learn, enjoy , and exploit the features of Adobe Flex to the maximum It’s a place to learn, interact, develop, and help the fellow users as much as possible 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.
RIA Static is HISTORY!
What is RIA ? It stands for  R ich  I nternet  A pplications  (RIA) These are  applications that offer features of traditional desktop applications like: Rich user experience (user interface and user interaction) Improved responsiveness Broad reach Platform independence Low deployment costs Local Processing + Hosted Services Designer + Developer Collaboration
The Evolution of the Internet Applications
MAINFRAME REACH Local Global RICHNESS Text UI Integrated media GUI CLIENT/SERVER WEB APPLICATIONS 2009 1992 1998 RICH INTERNET APPLICATIONS
Some RIA Frameworks: Ajax Adobe Flash/Flex/AIR GWT JavaFX Dojo Silverlight
As a student how will I be benefitted ??
Benefits … Static is  Past ,  RIA is the  Future. Upcoming software developers should be aware of major technologies. Enterprise Software Development  is the  hottest field,  and its gradually becoming favorite of Enterprise Software Developers.  In coming years Industry will need RIA developers. As a student you have  Enough Time to Master.
Tools Supporting RIA development Tools from Adobe which support RIA Development
What tools and techniques do I need ? Flash Player AIR (Adobe Integrated Runtime) Actionscript MXML
Flash Player
What is Flash Player ? Adobe Flash Player is a lightweight cross platform browser plug-in and rich Internet application runtime It is the most common and the most widely used platform for RIAs, animations, games and streaming on the browser. Flash player runs  SWF  files created by  Flash ,  Flex  or other tools Built on open source technologies and open-source community participation
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
Adobe AIR enables web developers to use existing technologies to build and deploy rich Internet applications on the desktop.
The Adobe Integrated Runtime (AIR) Adobe AIR is a cross operating system runtime environment Allows developers combine existing technologies like Ajax, Adobe Flash, Flex to deploy rich internet applications over desktop Since AIR uses the same proven, cost-effective technologies used to build web applications, the development and deployment is rapid and involves low risk Since applications built for AIR run on desktop rather than a web browser, they provide all the convenience of a desktop application From shopping on eBay to managing music, Adobe AIR means applications that are easier, more powerful, and more fun to use
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
Features of AIR 2.0 Support for the detection of mass storage devices.  Advanced networking capabilities like secure sockets, UDP support, and the ability to listen on sockets.  Support for native code integration.  The ability to open a file with its default application.  Multi-touch and gesture support.  APIs for access to raw microphone data.  Webkit update with HTML5/CSS3 support.  Global error handling.  Improved cross-platform printing Improved security and support for enterprise and government standard
ActionScript ActionScript  is a scripting language. It is an Object Oriented Programming language It has a rich class library and a variety of APIs Used in the development of websites with the Flash Player platform. Used in the development of desktop applications with AIR. In a nutshell, ActionScript enables efficient programming for applications ranging from simple animations to complex, data-rich, interactive application interfaces.
MXML – the magic xml MXML  is an  XML -based  user interface markup language 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 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
MXML – Source View
MXML – Design View
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
Understanding Flex 2 languages MXML (actually a library of ActionScript) ActionScript 3 Compilers Debugger Profiler Rich Component Library Flex Builder IDE Flex Builder IDE Eclipse Plugin or turn-key install Accelerates Design Design view and code view Flex SDK Flex Class Library MXML ActionScript Debuggers
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
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
What Industry Says?
Experts found that using AIR you can…. Establish a more persistent connection with existing customers Deliver fully branded experiences with desktop functionality Leverage existing personnel, processes, and infrastructure Develop and deliver RIAs efficiently  Increase the ROI of your web investments
Some illustrations
The NASDAQ Stock Market
NASDAQ Market Replay - Features  Application gives users instant insight into extremely detailed trading activity in the market at any time during the day. 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. “ 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.”  ---  Randall Hopkins   Vice President,    NASDAQ Market Data   The NASDAQ Stock Market
eBay Desktop Application
eBay Desktop Application - Features Users can receive notifications whenever a bid is made. Better ability for buyers to set up searches and feeds for favorite types of items. Easily customizable UI due to drag and drop capabilities. “ 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.” ---- Alan Lewis   Product manager   eBay Desktop
Yahoo!Live
Yahoo! Live --- Features “ 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! 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.
Others… AOL  Discovery Channel FedEx Fox News Talk Radio The New York Times Company
Others ….
Conclusion RIAs will dominate the next generation app development . Flash Player, AIR, Actionscript / MXML are some of the technologies that support  development of RIAs Flex builder , which uses the above technologies has been gaining huge prominence as a cross platform toolkit for app development
Thank You for patience

Flex3

  • 1.
    Introduction to ApplicationDevelopment with AIR 2.0 Coordinators Neeraj Kumar Rahul Verma Mahanth K Gowda & present
  • 2.
    Outline What isV-Flex ? RIA: Evolution As a student how will I be benefitted ?? RIA development - tools Flash Player AIR 2.0 Actionscript / MXML Flex Why AIR 2.0 for application development Usage of AIR in Industry today. Lets develop some applications Video Player in 20 minutes for desktop Video Player in 20 minutes for browser Discussion on applications like chat application for LAN, sound recorder etc. Conclusion Details of an open software development competition
  • 3.
    V-Flex The V aranasi Adobe Flex Users Group
  • 4.
    V-Flex :The VaranasiAdobe Flex Users Group V-Flex : A group which wants to learn, enjoy , and exploit the features of Adobe Flex to the maximum It’s a place to learn, interact, develop, and help the fellow users as much as possible 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.
  • 5.
    RIA Static isHISTORY!
  • 6.
    What is RIA? It stands for R ich I nternet A pplications (RIA) These are applications that offer features of traditional desktop applications like: Rich user experience (user interface and user interaction) Improved responsiveness Broad reach Platform independence Low deployment costs Local Processing + Hosted Services Designer + Developer Collaboration
  • 7.
    The Evolution ofthe Internet Applications
  • 8.
    MAINFRAME REACH LocalGlobal RICHNESS Text UI Integrated media GUI CLIENT/SERVER WEB APPLICATIONS 2009 1992 1998 RICH INTERNET APPLICATIONS
  • 9.
    Some RIA Frameworks:Ajax Adobe Flash/Flex/AIR GWT JavaFX Dojo Silverlight
  • 10.
    As a studenthow will I be benefitted ??
  • 11.
    Benefits … Staticis Past , RIA is the Future. Upcoming software developers should be aware of major technologies. Enterprise Software Development is the hottest field, and its gradually becoming favorite of Enterprise Software Developers. In coming years Industry will need RIA developers. As a student you have Enough Time to Master.
  • 12.
    Tools Supporting RIAdevelopment Tools from Adobe which support RIA Development
  • 13.
    What tools andtechniques do I need ? Flash Player AIR (Adobe Integrated Runtime) Actionscript MXML
  • 14.
  • 15.
    What is FlashPlayer ? Adobe Flash Player is a lightweight cross platform browser plug-in and rich Internet application runtime It is the most common and the most widely used platform for RIAs, animations, games and streaming on the browser. Flash player runs SWF files created by Flash , Flex or other tools Built on open source technologies and open-source community participation
  • 16.
    Illustration SOAP HTTP/SAMF/S RTMP/S Web Server Existing Applications & Infrastructure J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services Browser Flash Player
  • 17.
    Adobe AIR enablesweb developers to use existing technologies to build and deploy rich Internet applications on the desktop.
  • 18.
    The Adobe IntegratedRuntime (AIR) Adobe AIR is a cross operating system runtime environment Allows developers combine existing technologies like Ajax, Adobe Flash, Flex to deploy rich internet applications over desktop Since AIR uses the same proven, cost-effective technologies used to build web applications, the development and deployment is rapid and involves low risk Since applications built for AIR run on desktop rather than a web browser, they provide all the convenience of a desktop application From shopping on eBay to managing music, Adobe AIR means applications that are easier, more powerful, and more fun to use
  • 19.
    Cross-OS ApplicationIntegrated 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.
    Features of AIR2.0 Support for the detection of mass storage devices. Advanced networking capabilities like secure sockets, UDP support, and the ability to listen on sockets. Support for native code integration. The ability to open a file with its default application. Multi-touch and gesture support. APIs for access to raw microphone data. Webkit update with HTML5/CSS3 support. Global error handling. Improved cross-platform printing Improved security and support for enterprise and government standard
  • 21.
    ActionScript ActionScript is a scripting language. It is an Object Oriented Programming language It has a rich class library and a variety of APIs Used in the development of websites with the Flash Player platform. Used in the development of desktop applications with AIR. In a nutshell, ActionScript enables efficient programming for applications ranging from simple animations to complex, data-rich, interactive application interfaces.
  • 22.
    MXML – themagic xml MXML is an XML -based user interface markup language 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 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
  • 23.
  • 24.
  • 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.
    Understanding Flex 2languages MXML (actually a library of ActionScript) ActionScript 3 Compilers Debugger Profiler Rich Component Library Flex Builder IDE Flex Builder IDE Eclipse Plugin or turn-key install Accelerates Design Design view and code view Flex SDK Flex Class Library MXML ActionScript Debuggers
  • 27.
    How Flex Worksin 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.
    How Flex workson a Desktop Flash Builder IDE Flex Class Library MXML ActionScript Compile Adobe AIR Mac, Windows, Linux & Device OS Flex 4 SDK
  • 29.
  • 30.
    Experts found thatusing AIR you can…. Establish a more persistent connection with existing customers Deliver fully branded experiences with desktop functionality Leverage existing personnel, processes, and infrastructure Develop and deliver RIAs efficiently Increase the ROI of your web investments
  • 31.
  • 32.
  • 33.
    NASDAQ Market Replay- Features Application gives users instant insight into extremely detailed trading activity in the market at any time during the day. 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. “ 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.” --- Randall Hopkins Vice President, NASDAQ Market Data The NASDAQ Stock Market
  • 34.
  • 35.
    eBay Desktop Application- Features Users can receive notifications whenever a bid is made. Better ability for buyers to set up searches and feeds for favorite types of items. Easily customizable UI due to drag and drop capabilities. “ 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.” ---- Alan Lewis Product manager eBay Desktop
  • 36.
  • 37.
    Yahoo! Live ---Features “ 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! 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.
  • 38.
    Others… AOL Discovery Channel FedEx Fox News Talk Radio The New York Times Company
  • 39.
  • 40.
    Conclusion RIAs willdominate the next generation app development . Flash Player, AIR, Actionscript / MXML are some of the technologies that support development of RIAs Flex builder , which uses the above technologies has been gaining huge prominence as a cross platform toolkit for app development
  • 41.
    Thank You forpatience