Flash Camp Chennai - Newbie

  • 707 views
Uploaded on

Introduction to Web 2.0, RIA, Flex, MXML, ActionScript, Adobe AIR, Flash Platform. This was a pre-conference day session by Immanuel Noel of Adobe

Introduction to Web 2.0, RIA, Flex, MXML, ActionScript, Adobe AIR, Flash Platform. This was a pre-conference day session by Immanuel Noel of Adobe

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
707
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
6
Comments
0
Likes
0

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. Introducing RIAs and Flex Immanuel Noel | blog.immanuelnoel.com© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 2. The Web Web, AIR Flex Flex, Java, RIAs Silverlight RIAs, AJAX, Web 2.0 Web-Services© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 3. Web 2.0 Wikipedia, Bit Torrent Wiki’s Gmail, Maps, AJAX, RIAs Blogs Web as a Platform Page Rank, User Controlled Data Ebay, Services, Not Software Flickr, Amazon Participation Del.icio.us, reviews Cost Effective Tagging Software -> Multiple Device Harnessing Collective Intelligence Attitude, not More People, Some Rights Hackability Technology Better Software Reserved Cooperate, Rich User Don’t Control Experience Web-Services Emergent – Trust your unpredicted Users Source : O’Reilly Media© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 4. The Shift to Web 2.0 DoubleClick --> Google AdSense Ofoto --> Flickr Akamai --> BitTorrent Mp3.com --> Napster Britannica Online --> Wikipedia Personal websites --> Blogging Evite --> Upcoming.org Domain name speculation --> Search engine optimization Page views --> Cost per click Screen scraping --> Web services Publishing --> Participation Content management systems --> Wikis Directories (taxonomy) --> Tagging ("folksonomy") Stickiness --> Syndication Source : O’Reilly Media© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 5. Rich Internet Applications Rich Internet applications (RIAs) are web applications that have some of the characteristics of desktop applications. Adobe Flash, Java, and Microsoft Silverlight are currently the three most common platforms., Rich Internet applications (RIAs) offer a rich, engaging experience that improves user satisfaction and increases productivity. Using the broad reach of the Internet, RIAs can be deployed across browsers and desktops.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 6. Why RIA ? Rich Media RIAs offer organizations a proven, cost effective way to deliver modern applications with real business benefits 1. Offer users a richer, more engaging experience. 2. Keep pace with users rising expectations. 3. Increase customer loyalty and generate higher profits. 4. Leverage existing personnel, processes, and infrastructure.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 7. RIA Market Share (courtesy:http://www.statowl.com/custom_ria_market_penetration.php) Hence, ADOBE FLASH PLATFORM© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 8. Building RIAs using the Flash Platform The Adobe Flash Platform is the leading solution for building rich Internet applications, offering a complete set of integrated technologies supported by an established ecosystem.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 9. Flex Flash Builder IDE Browser Flex SDK Flash Player MXML ActionScript Flex Class Library SOAP HTTP/S AMF/S RTMP/S Web Server Compile XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 10. What is ActionScript ?  Powerful, object-oriented scripting language undergirding the Flash Platform Flex  Supported across multiple products:  Flex  Flash  Flash Media Server Flash Flash ActionScript Media  Flash Lite Server  Standards compliant  ECMA-262, Edition Three  ECMA-262, Edition Four proposal Flash Lite© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 11. What is MXML ?  MXML is a compile time source format var a:Application = new Application(); a.percentWidth=100; a.percentHeight=100;  No MXML appears in the SWF var p:Panel = new Panel(); a.addChild(p);  SWF has bytecode p.percentWidth=100; p.percentHeight=100; p.title=“summit app”; MXML is XML var h:HBox = new HBox();  p.addChild(h); h.percentWidth=100; Declarative format: h.percentHeight=100;  var l:List = new List();  More readable h.addChild(l); l.width=300; l.percentHeight=100;  More maintainable var dataSvc:HTTPService = new HTTPService();  More “toolable” dataSvc.url = “http://localhost/userList/”; dataSvc.addEventListener(“result”,function(event:Eve nt) {l.dataProvider = dataSvc.result}); var details:DetailPane = new DetailPane(); h.addChild(details);  MXMLC generates ActionScript classes l.addEventListener(“change”,function(event:Event) {details.user = l.selectedItem} ); from markup  This generative approach saves the developer from a lot of mundane Who wants to write this !!! coding© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 12. Components  Flex framework has many components  You can create custom components© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 13. Adobe AIR Adobe AIR enables web developers to use JavaScript, HTML, Flash, and Flex to build web applications that run outside the browser© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 14. Limitations of browser-based applications  No offline access  Constrained with the browser’s chrome  Common desktop interactions not possible  Drag and Drop  Local system access is limited  For example, cannot access the local file system  Updates are delivered only when browser is open© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 15. Go beyond the browser sandbox Install and run as a desktop application Local database access (SQLite) Full file system access© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 16. Adobe AIR Application Stack HTML Flash Cross-OS HTML Flex Application JavaScript Flash ActionScript HTML Integrated XML XML Rendering CSS Audio PDF Video PDF Integrated DOMs & Scripting File System Network Application Drag and Local Adobe AIR APIs Notifications ... Access Detection Update Drop Database Mac, Windows, Linux, Android and BlackBerry© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 17. Creating an Adobe AIR application .air file contains all application files • SWF, HTM, JS, XML, JPG, etc • Enables cross-OS deployment Build Test Package Sign Deploy Use existing designer/developer tools or free AIR SDK for testing and packaging© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 18. Tooling : Flash Builder • IDE for building Flex / AIR Applications • WYSIWYG • MXML & ActionScript code editors • Debuggers • Performance Analyzers • Free for Students : http://www.adobe.com/devnet-archive/flex/free/© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 19. Demo Hello World for the Web and Desktop© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 20. Next ? • Flex in a Week Videos : http://www.adobe.com/devnet/flex/videotraining.html • Test Drive Flex in a hour : http://www.adobe.com/devnet/flex/testdrive.html • Tour de Flex : http://www.adobe.com/devnet/flex/tourdeflex.html • Devnet : http://www.adobe.com/devnet.html© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 21. Questions ?© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 22. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.