Adobe's RIA Technologies (non technical)


Published on

Non technical presentation done internally at TRASYS to make them aware about existing Adobe products to develop RIAs.

Published in: Technology, Business
  • 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

Adobe's RIA Technologies (non technical)

  1. 1. R ich I nternet A pplications + ADOBE Technologies <ul><li>Hoeilaart , June18th 2009 </li></ul>
  2. 2. Speaker bio - Cyril Hanquez 02/13/2009 <ul><li>10+ years of IT experience in web technologies </li></ul><ul><ul><li>COLDFUSION since 1999 </li></ul></ul><ul><ul><li>FLEX since 2005 </li></ul></ul><ul><ul><li>AIR since 2007 </li></ul></ul><ul><li>active in online communities and user groups </li></ul><ul><li>O’Reilly:InsideRIA author </li></ul><ul><li>technical reviewer of the upcoming AdvancED AIR applications </li></ul>blog : email : [email_address]
  3. 3. Agenda <ul><li>The challenge of the Web 2.0 challenge | The RIA case </li></ul><ul><li>Adobe Technology Platform </li></ul><ul><li>Flex </li></ul><ul><li>AIR </li></ul><ul><li>Flash Catalyst (new) </li></ul><ul><li>ColdFusion 9 codename Centaur (new) </li></ul><ul><li>Other technologies </li></ul><ul><ul><li>The new Text Layout Framework in action (new) </li></ul></ul><ul><ul><li>Adobe Flash Collaboration Service, etc… (new) </li></ul></ul>02/13/2009
  4. 4. Web 2.0 02/13/2009 “ Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as platform, and an attempt to understand the rules for success on that new platform. ” Tim O'Reilly, 2004
  5. 5. Web 2.0 02/13/2009 Rich Internet Applications Author: Markus Angermeier Source:
  6. 6. Applications have evolved 02/13/2009 Global REACH Local Text UI RICH Integrated media GUI 1992 1998 2004 MAINFRAME CLIENT/SERVER WEB APPLICATIONS RICH INTERNET APPLICATIONS
  7. 7. RIA ? 02/13/2009 Rich Internet Applications (RIA) are web applications that have the features and functionality of traditional desktop applications . RIAs typically transfer the processing necessary for the user interface to the web client but keep the bulk of the data back on the application server. (wikipedia) <ul><li>Characteristics of RIAs </li></ul><ul><li>Rich + Reach </li></ul><ul><li>Local Processing + Hosted Services </li></ul><ul><li>Designer + Developer Collaboration </li></ul><ul><li>Dramatically improve user experiences </li></ul>
  8. 8. The Web changed business requirements 02/13/2009 <ul><li>Applications must be built faster by fewer people </li></ul><ul><li>Applications must reuse existing infrastructure and assets </li></ul><ul><li>Applications must be flexible to support changing requirements </li></ul>
  9. 9. Applications reach browser, desktop, and devices 02/13/2009
  10. 10. Existing web businesses are transformed 02/13/2009
  11. 11. New generation of Web Applications 02/13/2009
  12. 12. Demo 02/13/2009
  13. 13. Main Competitors in the RIA space 02/13/2009
  14. 14. Adobe Technology Platform for Rich Internet Applications 02/13/2009
  15. 15. Widest Reach in the World 02/13/2009 Adobe Technologies reach 700+ million PCs and 300+ million devices Flash has 99% reach on connected PCs 8 million installs/day There are 250,000,000 PDF files on the web 76% of broadcasters who stream video use Flash 2 million downloads of AIR since launch
  16. 16. ADOBE® FLASH® PLATFORM 02/13/2009
  17. 17. Adobe FLEX 3 02/13/2009 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
  18. 18. Adobe FLEX 3 02/13/2009 <ul><li>Open source framework </li></ul><ul><li>Highly productive development </li></ul><ul><li>Applications run identically on all browsers using Flash Player and on the desktop using Adobe AIR </li></ul><ul><li>Maintainable applications and a solution that scales from small to large projects </li></ul>
  19. 19. 02/13/2009 Where Flex is used Product Configuration Line of Business Applications Data Visualization Rich Media Applications Authoring Applications Product Selection
  20. 20. The Adobe Flex Product Family 02/13/2009 Adobe® Flex™ 3 SDK Open Source Flex SDK MXML and ActionScript 3.0 Framework and Class Library Command-line Compiler Adobe® Flex™ Builder™ 3 Standard Edition Visual Layout Code Hinting Debugging Skinning & Styling Professional Edition Charting Components Advanced DataGrid / OLAP Performance/Memory Profiling Automated f(x) testing support Adobe® LiveCycle® Data Services ES Data Management Web-Tier Compiler RIA-PDF Creation MXML and ActionScript 3.0 Blaze DS Messaging RPC Services Service Adapters Proxy Service
  21. 21. Understanding Flex 02/13/2009 <ul><li>2 languages </li></ul><ul><ul><li>MXML (actually a library of ActionScript) </li></ul></ul><ul><ul><li>ActionScript3 </li></ul></ul><ul><li>Compilers </li></ul><ul><li>Debuggers </li></ul><ul><li>Rich Component Library </li></ul><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™ Builder™ Flex SDK ActionScript MXML Flex Class Library Compiler Debugger
  22. 22. Flex Class Library 02/13/2009 Communicate with the user UI-CONTAINER Structure your UI UI-CONTROLS <ul><li>Large collection of components for creating streamlined, constistent and powerful frontends </li></ul>Save and edit data on the client DATAMODEL VBox, HBox, Form, View, Window, … Button, CheckBox, ComboBox, DataGrid, … Data Binding, Validation, RPC Services Elements for more comfortable UI interfaces Animations, Sounds, Effects and more User experience BEHAVIOURS Fade, Move, Roate… States & Transitions Sounds…
  23. 23. How Flex Works 02/13/2009 MXML and ActionScript Compile XML/HTTP REST SOAP Web Services Browser J2EE Application Server Flash Player Web Server Existing Applications and Infrastructure HTTP/S AMF/S RTMP/S SOAP Flex™ Builder™ Flex SDK ActionScript MXML Flex Class Library LiveCycle DS
  24. 24. Flex 3 Pricing and Packaging 02/13/2009 Price/Upgrade Adobe® Flex™ 3 SDK Adobe® Flex™ Builder™ 3 Standard edition Adobe® Flex™ Builder™ 3 Professional edition BlazeDS – Flex Remoting and Messaging FREE FREE 220€ incl. VAT 600€ incl. VAT
  25. 25. Demo 02/13/2009
  26. 26. Adobe AIR 02/13/2009 Adobe AIR is a cross-operating system runtime that allows developers to use their existing web development skills to build and deploy rich Internet applications on the desktop.
  27. 27. Adobe AIR Application Stack 02/13/2009 Cross-OS Application Integrated Rendering Integrated DOMs & Scripting Adobe AIR APIs Mac, Windows, Linux & Device OS Flash Flex ActionScript XML Audio Video HTML PDF HTML HTML JavaScript XML CSS Flash PDF File System Access Network Detection Notifications Application Update Drag and Drop Local Database ...
  28. 28. How AIR Works 02/13/2009 MXML and ActionScript Compile & Package XML/HTTP REST SOAP Web Services Browser J2EE Application Server LiveCycle Data Services AIR Client Runtime Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library HTTP/S AMF/S RTMP/S SOAP
  29. 29. Demo 02/13/2009
  30. 30. Flash Catalyst 02/13/2009 Adobe® Flash® Catalyst™ is a new professional interaction design tool for rapidly creating user interfaces without coding.
  31. 31. Understanding Flash Catalyst 02/13/2009 <ul><li>Rapidly create and deliver a finished SWF file or collaborate more effectively with developers: </li></ul><ul><li>Fast learning curve: If you can use Photoshop or Illustrator you can quickly learn to use Flash Catalyst. </li></ul><ul><li>Fast Interaction Design: Transform native Photoshop and Illustrator files into functional user experiences. Publish finished projects for distribution as a SWF file. </li></ul><ul><li>Collaborate more effectively with developers: Provide Flash Catalyst projects to developers who use Flash Builder to add additional functionality and integrate with servers and services. </li></ul>
  32. 32. Understanding Flash Catalyst 02/13/2009
  33. 33. ColdFusion 9 codename Centaur 02/13/2009
  34. 34. Centaur Themes 02/13/2009 <ul><li>Integration </li></ul><ul><li>PDF Enhancements </li></ul><ul><li>Office Files </li></ul><ul><li>Productivity </li></ul><ul><li>CF Builder </li></ul><ul><li>ORM </li></ul><ul><li>Server Manager </li></ul><ul><li>Richness </li></ul><ul><li>Flash Builder 4 Integration </li></ul><ul><li>Exposed Service Layer </li></ul><ul><li>AIR Online Offline </li></ul>
  35. 35. Text Layout Framework 02/13/2009 <ul><li>Together with the new text engine in Flash Player 10 and AIR 1.5, the Text Layout Framework delivers multi-lingual, print-quality typography for the web, including support for: </li></ul><ul><li>Bidirectional text, vertical text and over 30 writing systems including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, the major writing systems of India, and others. </li></ul><ul><li>Selection, editing and flowing text across multiple columns and linked containers, and around inline images </li></ul><ul><li>Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography </li></ul><ul><li>Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens </li></ul>
  36. 36. Demo – NY Times Reader 02/13/2009
  37. 37. Adobe Flash Collaboration Service 02/13/2009 <ul><li>Add social features to your existing Flex apps or build totally new ones, such as real-time productivity/collaboration apps, multiplayer games, and audio/video chat. </li></ul><ul><li>Features of the Adobe Flash Collaboration Service beta include the following: </li></ul><ul><li>VoIP Audio </li></ul><ul><li>Webcam Video </li></ul><ul><li>Chat </li></ul><ul><li>Multi-User Whiteboards </li></ul><ul><li>Real-Time File Sharing </li></ul><ul><li>User Management </li></ul><ul><li>Roles and Permissions </li></ul><ul><li>Robust Data Messaging </li></ul>
  38. 38. 02/13/2009 Mainly Online Office Tools written in Flex and using Adobe services with sharing capabilities.
  39. 39. Open Screen Project 02/13/2009
  40. 40. 02/13/2009 Thanks ! blog : email : [email_address]