Jax2010 adobe lcds

Advanced Communications between Java and Flex
Michaël Chaize | Flash Platform Evangelist

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

Feel free to contact me

Michaël Chaize
Flash Platform Evangelist

My blog: www.RIAgora.com

@mchaize

©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2

Flash Platform - A complete system for web innovation


97%
Flash Player 10 (March 2010)

What is Flex and how it works

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


RIA and technical challenges

Web 1.0 application Rich Internet Application

• Be er response time
• Light bandwidth
• Less load on the server side
• Less tests on the client side

<page>

<page>

<page>

<page>
<data>
<page>

<page>

<page>
<application>


Flex/JSP architecture
UI LAYER
Web browser

SERVER XML on HTTP(s) Java servlet container (tomcat, WAS…)
PRESENTATION
/SERVICES/DAO Webapp (WAR)
LAYER
JAVA classes/services
catalog.jsp
ProductService.java public getProducts()

DATABASE/
STORAGE LAYER
WSDL JDBC

2008 Adobe Systems Incorporated. All Rights Reserved.

Flex and <HTTPRequest>

! Same with PHP, Ruby, Perl, ASP...
! Returns XML, text, tabulated text, JSON...
! Use send() to launch the request
! Result and Fault events
! New data-services wizard in Flash Builder 4 to
generate a STUB on the client side

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

Flex and <Webservice>

! Web Services Description Language 1.1 (WSDL 1.1)
document
! e Flex web service API generally supports Simple
Object Access Protocol (SOAP) 1.1, XML Schema 1.0
(versions 1999, 2000, and 2001), and WSDL 1.1
RPC-encoded, RPC-literal, and document-literal
(bare and wrapped style parameters).
! Flex supports web service requests and results that
are forma ed as SOAP messages


crossdomain.xml

! By default, applications that are loaded from a
di erent web domain are untrusted, and
applications that are loaded from the same web
domain are trusted. You can, however, make a
cross-domain application trusted.

! To load a cross-domain application and access its
data, the target server that hosts the remote sub-
application must have a policy le called
crossdomain.xml on it.

! NB: Using BLAZE DS as a proxy can help you to
reach cross-domain services without the need of
this XML le.


Two approaches for Client/Server development

Loosely coupled: Document Based Protocols (XML, SOAP, …)
! Language neutral, easy to debug + document
! Parsing and formatting code is harder to build and maintain as complexity grows
! Runtime overhead also grows with complexity
! Easier to develop server and client independently

Tightly coupled: Object Model Based Protocols (RMI, AMF, …)
! Adding languages is hard
! Faster for client and server and less bandwidth required
! Easier to share code or use code gen for centralizing the domain model
! Scales to much more complicated application models e ciently
! Less design, code and fewer dependencies on the “over the wire” format
! Keeps client and server implementation in sync - if you can refresh both at the same time (easy with
RIAs)


AMF
Published in December 2007

REMOTING AMF

XML vs AMF

!®

!Copyright 2008 Adobe Systems Incorporated. All rights reserved.

LiveCycle Data Services ES

LiveCycle Data Services is a set of Java EE
Service
components and APIs used to: Data Management Adapters
Data Synchronization
LiveCycle
Create data-intensive RIAs with less code, less risk, and O -line Applications
accelerated time to market due to an innovative client-
Data Paging ColdFusion
server programming model
RPC Services
Integrate RIAs with existing applications, back-end data, Hibernate
Web Service
and JEE infrastructure
HTTP Service SQL
Easily integrate RIAs with LiveCycle document and Remote Object Service
process services JMS
Messaging
Enable collaboration, o ine AIR and real-time data
Publish & Subscribe Java
streaming applications to be built in a scalable and
Collaboration
reliable manner with robust publish and subscribe Custom…
Real Time Data Push
messaging
Proxy Service
Generate PDF documents from RIAs that include
graphical assets Web-tier Compiler

Portal Deployment

RIA-PDF Generation


Blaze DS

BlazeDS is a set of Java EE components and APIs, and
Service
a subset of LiveCycle Data Services: Data Management Adapters
Data Synchronization
LiveCycle
- Free and open source. O -line Applications

- High performance data transfer for more responsive Data Paging ColdFusion
applications using AMF
RPC Services Hibernate
- Real-time server push over standard HTTP Web Service

- Full pub/sub messaging that extends existing HTTP Service SQL
messaging infrastructure Remote Object Service
JMS
Messaging

Publish & Subscribe Java
Collaboration
Custom…
Real Time Data Push

Proxy Service

Web-tier Compiler

Portal Deployment

RIA-PDF Generation


Java and ActionScript types


Java and ActionScript value objects

Java VO ActionScript VO


Flex/Java classic architecture
UI LAYER
Web browser

AMF sur HTTPs

SERVER Java servlet container (tomcat, WAS…)
PRESENTATION
/SERVICES/DAO Webapp (WAR)
LAYER
LiveCycle Data Services JAVA classes/services
JAVA <-> AMF
RPC services Messaging Data Mgt ProductService.java public getProducts()

DATABASE/
STORAGE LAYER
WSDL JDBC


Spring BlazeDS Integration

ADOBE FLEX 4

Publish/Subscribe Messaging

LiveCycle DS / Blaze DS

!Client A

Message
Endpoint
Service

!Client B

!RTMP
!Client C
!AMF Publisher
!HTTP Subscriber

44

Messaging - Data Push

LiveCycle DS / Blaze DS

Messaging
Adapter X
System X

Message JMS
Endpoint JMS Adapter
Services Provider

Messaging
Adapter Y
System Y

!RTMP

!AMF Publisher
!HTTP Subscriber

45

Channels of LiveCycle Data Services ES

46

Data Management
Services
ADOBE FLEX 4

Working with Data
Traditional Page-Centric HTML Model

data data

! Client mostly used as a data capture Persistence Solutions:
and display device
Hibernate
! Client doesn’t own a version of the
data
JDOs
! No client side data manipulation
EJB 3
! Data needs to be synchronized
between middle-tier and data store Others…

75

RIA Model

data data data

! Client owns a version of the data
! Rich client-side data manipulation
! Data needs to be synchronized between client-tier and middle-tier and
between middle-tier and data store

76

RPC Approach

RPC
Services

data data

Developer’s Responsibilities:

! Flag changes (create, update, delete)

! Maintain original version of data for appropriate locking
strategy

! Make Remote Procedure Calls for creating, updating,
deleting items

! Identify and handle con icts / concurrency issues

77

Data Services Approach

Data
Service

data data

Client-Side API:

! Flags changes (create, update, delete)

! Maintains original version of data for appropriate locking
strategy

! Sends list of changes to Data Service as a set of messages

! Handle con icts / concurrency issues

78

Data Services Approach

Object
Hibernate
Data
Service JDBC
ColdFusion
data data
Custom

Data Service:
! Deserializes list of changes coming from client
! Serializes data before sending to client
! Passes list of changes to con gured adapter
! Noti es clients who subscribed to destination
Adapter:
! Processes changes
! Identi es con icts
! Passes results to Data Service

79

Data Services

Flex Enterprise Services

JDBC
Client A RDBMS
Adapter

Endpoint Data Object
DAO
Service Adapter

Client B

Hibernate
Hibernate
Adapter

CFC
Client C Adapter ColdFusion

80

Data Management Bene ts

1. Automatic Client to Middle-Tier Synchronization
! Change Tracking
! Automatic invocation of remote services

2. Highlander Principle: there is only one instance of a given entity in
memory at any given time
3. Con ict resolution
4. O ine Synchronization
5. Lazy loading
6. Paging
7. Cross-client synchronization

!®

!Copyright 2008 Adobe Systems Incorporated. All rights reserved.

Model driven
development
ADOBE FLEX 4

Code-Driven Development

Code
•UI controls / formatters / styles
• Calculated elds
• Validation Rules
• Variants (conditional properties)
• Localization
• Security
• Data Retrieval Logic (paging, lazy loading)
• Data Synchronization Logic

Model
•Basic Data Description

Model Server-side code Client-side code

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved.

Fiber: LCDS Model-Driven Development

Code
• Ad-hoc customization
• View composition
• External business/validation logic

Model
• Rich data model (data and behaviors)
• Calculated elds
• Validation Rules
• Variants (conditional properties)
• Localization
• Security
• UI hints/defaults: controls, formatters, styles

Model includes enough information to derive data
retrieval, persistence, and synchronization logic

Model Server-side code Client-side code

®


LCDS Model-Driven Development

!"#$%*'+-7").,5*',#*#$1%"2/$,-
!"#$%&'(')$*5$0-+)$0*',#*')-.8'3-0*4.$9*
!"#$%&#).:$,*8")/06

;"#$*5$,*"8*<".%$)1%'-$*3"#$*4:'%+$* !"#$%&'(')$*)+,-./$0*0+11")-*#2,'/.3*
"<=$3-0>*0-+<0>*$-396 /"#$%*.,-$)1)$-'-.",*4,"*3"#$*5$,*
,$$#$#6

®


LCDS Model Driven Development Bene ts

Productivity: Less code to write

! No persistence code or data sync code

! Value objects and service stubs are automatically generated

Maintainability: Less code to maintain

! Changes to the model are automatically propagated

Consistency

! Between client and server (for example, constraints and validation rules are de ned in the model, not duplicated using di erent
languages in the client and the server)

! Across views (for example, UI controls, styles, and validation rules are de ned in the model, not duplicated across di erent views)

Approachability

! No code to write to implement complex capabilities such as persistence, synchronization, paging, lazy loading, o ine, etc.

Innovation:

! O ine and client synchronization capabilities

! Model is language independent and can be leveraged by di erent client technologies and tools (Flex, PDF, etc)

®


Christophe Coenraets
http://coenraets.org/

Flex & Java tutorials
& http://www.adobe.com/devnet/
flex/flex_java.html

Start with Flex
http://www.flex.org

Jax2010 adobe lcds

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Jax2010 adobe lcds

Ähnlich wie Jax2010 adobe lcds (20)

Mehr von Michael Chaize

Mehr von Michael Chaize (12)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Jax2010 adobe lcds