Adobe's RIA Technologies (non technical)
-
Upload
cyril-hanquez -
Category
Technology
-
view
1.235 -
download
3
description
Transcript of Adobe's RIA Technologies (non technical)
RRichich IInternetnternet AApplications pplications ++ ADOBEADOBE TechnologiesTechnologies
Hoeilaart, June18th 2009
202/13/2009
Speaker bio - Cyril Hanquez
10+ years of IT experience in web technologies COLDFUSION since 1999 FLEX since 2005 AIR since 2007
active in online communities and user groups O’Reilly:InsideRIA author technical reviewer of the upcoming AdvancED AIR applications
blog : http://www.cyrilhanquez.com/blog/ email : [email protected]
302/13/2009
Agenda
The challenge of the Web 2.0 challenge | The RIA case
Adobe Technology Platform Flex AIR Flash Catalyst (new)
ColdFusion 9 codename Centaur (new)
Other technologies– The new Text Layout Framework in action (new)
– Adobe Flash Collaboration Service, etc… (new)
3
402/13/2009
Web 2.0
“ 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
502/13/2009
Web 2.0
Rich Internet Applications
Author: Markus Angermeier Source: http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/
602/13/2009
Applications have evolved
Global
RE
AC
H
Local
Text UI RICH Integrated media GUI
MAINFRAME CLIENT/SERVER
WEB APPLICATIONSRICH INTERNETAPPLICATIONS
1992
1998
2004
702/13/2009
RIA ?
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)
Characteristics of RIAs
Rich + Reach Local Processing + Hosted Services Designer + Developer Collaboration Dramatically improve user experiences
802/13/2009
The Web changed business requirements
Applications must be built faster by fewer people
Applications must reuse existing infrastructure and assets
Applications must be flexible to support changing requirements
902/13/2009
Applications reach browser, desktop, and devices
10
02/13/2009
Existing web businesses are transformed
11
02/13/2009
New generation of Web Applications
12
02/13/2009
Demo
13
02/13/2009
Main Competitors in the RIA space
14
02/13/2009
Adobe Technology Platform for Rich Internet Applications
15
02/13/2009
Widest Reach in the World
Adobe Technologies reach700+ million PCs and 300+million devices
Flash has 99% reachon connected PCs8 million installs/day
There are 250,000,000PDF files on the web
76% of broadcasters whostream video use Flash
2 million downloads ofAIR since launch
16
02/13/2009
ADOBE® FLASH® PLATFORM
17
02/13/2009
Adobe FLEX 3
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
02/13/2009
Adobe FLEX 3
Open source framework
Highly productive development
Applications run identically on all browsers using Flash Player and on the desktop using Adobe AIR
Maintainable applications and a solution that scales from small to large projects
19
02/13/2009
Where Flex is used
Product Configuration Line of Business Applications Data Visualization
Rich Media Applications Authoring Applications Product Selection
20
02/13/2009
The Adobe Flex Product Family
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
02/13/2009
Understanding Flex
2 languages MXML (actually a library of ActionScript) ActionScript3
Compilers Debuggers Rich Component Library
Flex Builder IDE Eclipse Plugin or turn-key install Accelerates Design Design view and code view
Flex™ Builder™ Flex SDK
ActionScript
MXML
Flex Class Library
Compiler
Debugger
22
02/13/2009
Flex Class Library
Communicate with the user
UI-CONTAINER Structure your UI
UI-CONTROLS
Large collection of components for creating streamlined, constistent and powerful frontends
Save and edit data on the clientDATAMODEL
VBox, HBox, Form, View, Window, …
Button, CheckBox, ComboBox, DataGrid, …
Data Binding,Validation,RPC Services
Animations, Sounds, Effects and moreUser experience
BEHAVIOURSFade, Move, Roate…States & TransitionsSounds…
Elements for more comfortable UI interfaces
23
02/13/2009
How Flex Works
MXML and ActionScript
XML/HTTPREST
SOAP Web Services
Browser
J2EE Application Server
Flash Player
Web Server
Existing Applications and Infrastructure
Compile
HTTP/S AMF/S RTMP/SSOAP
Flex™ Builder™ Flex SDK
ActionScript
MXML
Flex Class Library
LiveCycle DS
24
02/13/2009
Flex 3 Pricing and Packaging
Price/Upgrade
Adobe® Flex™ 3 SDK
Adobe® Flex™ Builder™ 3Standard edition
Adobe® Flex™ Builder™ 3Professional edition
BlazeDS – Flex Remotingand Messaging
FREE
FREE
220€ incl. VAT
600€ incl. VAT
25
02/13/2009
Demo
26
02/13/2009
Adobe AIR
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
02/13/2009
Adobe AIR Application Stack
Cross-OS Application
IntegratedRendering
Integrated DOMs& Scripting
Flash
FlexActionScriptXMLAudioVideo
HTML
HTML
HTMLJavaScriptXMLCSS
Flash
Adobe AIR APIs
Mac, Windows, Linux & Device OS
File SystemAccess
NetworkDetection
NotificationsApplication
UpdateDrag and
DropLocal
Database...
28
02/13/2009
How AIR Works
MXML and ActionScript
XML/HTTPREST
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
Compile & Package
HTTP/S AMF/S RTMP/SSOAP
29
02/13/2009
Demo
30
02/13/2009
Flash Catalyst
Adobe® Flash® Catalyst™ is a new professional interaction design tool for rapidly creating user interfaces without coding.
31
02/13/2009
Understanding Flash Catalyst
Rapidly create and deliver a finished SWF file or collaborate more effectively with developers:
Fast learning curve: If you can use Photoshop or Illustrator you can quickly learn to use Flash Catalyst.
Fast Interaction Design: Transform native Photoshop and Illustrator files into functional user experiences. Publish finished projects for distribution as a SWF file.
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.
32
02/13/2009
Understanding Flash Catalyst
33
02/13/2009
ColdFusion 9 codename Centaur
34
02/13/2009
Centaur Themes
Integration
PDF Enhancements
Office Files
Productivity
CF Builder
ORM
Server Manager
Richness
Flash Builder 4 Integration
Exposed Service Layer
AIR Online Offline
35
02/13/2009
Text Layout Framework
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:
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. Selection, editing and flowing text across multiple columns and linked containers, and around inline images Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens
36
02/13/2009
Demo – NY Times Reader
37
02/13/2009
Adobe Flash Collaboration Service
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.
Features of the Adobe Flash Collaboration Service beta include the following:
VoIP Audio Webcam Video Chat Multi-User Whiteboards Real-Time File Sharing User Management Roles and Permissions Robust Data Messaging
38
02/13/2009
Acrobat.com
Mainly Online Office Tools written in Flex and using Adobe services with sharing capabilities.
39
02/13/2009
Open Screen Project