Flex3

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.

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

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

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

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

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 - 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 --- 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

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

Flex3

More Related Content

What's hot (20)

Viewers also liked (18)

Similar to Flex3 (20)

Flex3