Michael Adobe Flex Java 1 London

Advanced mechanisms between JAVA and FLEXLONDON - 16th of June

Feel free to contact me

Michaël ChaizeFlash Platform Evangelist

My blog: www.RIAgora.com

@mchaize

Applications & User Interfaces in the Enterprise world

MAINFRAME

Global

RICHText UI Integrated Rich GUI

CLIENT/SERVER

WEB APPLICATIONS

RICH INTERNETAPPLICATIONS

Why Do Intuitive User Experiences Ma�er?

ForresterAugust 7, 2009�e State Of Enterprise IT Budgets: 2009by Heidi Lo and Andrew Bartels

Rich User Experiences: Opportunities for internal users

5 mins 20 secs

Increase productivity & improve decision making

From system-centric views, to user-centric applications.

RIA and technical challenges

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

Web 1.0 application Rich Internet Application

<page>

<data>

SERVER SERVER

CLIENT CLIENT

All external content and images pending approvals.

�e Flash Platform is the leading solution for rapidly building RIAs

MultiscreenContent and Applications

ColdFusion

Flash Media Server Family

Flash PlatformServices

Flash Player

Flash Builder

FlashCatalyst

FlashProfessional

Creative Suite Analytics &Optimization

TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

LiveCycle

eBanking application

97%Flash Player 10 (March 2010)

ADOBE FLEX 4

What is Flex and how it works

Flash Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compile

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTP

SOAP Web Services

Browser

Flash Player

AdobeEvent.java

JAVA VALUE OBJECT

int idEventint idUserString evtNameString evtCityString evtCountryint evtAudienceint evtDate

EventService.java

JAVA SERVICE CLASS

List getEvents()AdobeEvent getEvent(idEvent)AdobeEvent getEventbyIDUser(idUser)List getActivityByuser()boolean update(event)boolean remove(event)boolean deleteEvent(event)

AdobeActivityEvent.java

JAVA VALUE OBJECT

int idUserString userNameint nbEvents

TABLES

DATABASE

adobeusersadobevents

listEvents.jsp

JAVA SERVER PAGE

</activity>

ADOBE FLEX 4

HTTP Request&

WebServices

Flex/JSP architecture

UI LAYER

SERVERPRESENTATION/SERVICES/DAOLAYER

DATABASE/STORAGE LAYER

listEvents.jsp

Java servlet container (tomcat, WAS…)

Web browser

JAVA classes/services

Webapp (WAR)

EventService.java public getEvents()

XML on HTTP(s)

! 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

Flex and <HTTPRequest>

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

Flex and <Webservice>

AMFPublished in December 2007

XML5000 rows ?1.1Mo 29Ko

ADOBE FLEX 4

Remoting AMF

LiveCycle Data Services ES

LiveCycle Data Services is a set of Java EE components and APIs used to:

Create data-intensive RIAs with less code, less risk, and accelerated time to market due to an innovative client-server programming model

Integrate RIAs with existing applications, back-end data, and JEE infrastructure

Easily integrate RIAs with LiveCycle document and process services

Enable collaboration, o�ine AIR and real-time data streaming applications to be built in a scalable and reliable manner with robust publish and subscribe messaging

Generate PDF documents from RIAs that include graphical assets

Data Management

RPC Services

Messaging

ServiceAdapters

Data Synchronization

O�-line Applications

Data Paging

Web Service

HTTP Service

Remote Object Service

Publish & Subscribe

Collaboration

Real Time Data Push

Proxy Service

Web-tier Compiler

Portal Deployment

RIA-PDF Generation

LiveCycle

ColdFusion

Hibernate

Custom…

Blaze DS

BlazeDS is a set of Java EE components and APIs, and a subset of LiveCycle Data Services:

- Free and open source.

- High performance data transfer for more responsive applications using AMF

- Real-time server push over standard HTTP

- Full pub/sub messaging that extends existing messaging infrastructure

Data Management

RPC Services

Messaging

ServiceAdapters

Data Synchronization

O�-line Applications

Data Paging

Web Service

HTTP Service

Remote Object Service

Publish & Subscribe

Collaboration

Real Time Data Push

Proxy Service

Web-tier Compiler

Portal Deployment

RIA-PDF Generation

LiveCycle

ColdFusion

Hibernate

Custom…

LCDS.war

! Structure of the WAR �le:

! +WEB-INF/classes To place your Java classes

! +WEB-INF/lib Hosts the JAVA libraries of LCDS

! +WEB-INF/�ex Hosts the XML con�guration �les! Remoting-con�g.xml Destinations to Java classes for remoting

! Messaging-con�g.xml Destinations for messaging

! Data-Management-con�g.xml Destinations to Java assemblers

! Proxy-con�g.xml Destinations to HTTP services

! Services-con�g.xml Channels con�gurations

A �le named « LCDS.war » is provided to start your Flex/Java projects.

Java and ActionScript value objects

Java VO ActionScript VO

Java and ActionScript types

STRING STRING

BOOLEAN BOOLEAN

INT, SHORT, BYTE INT

DOUBLE, FLOAT, LONG NUMBER

CALENDAR, DATE DATE

OBJECT OBJECT

COLLECTION ARRAYCOLLECTION

OBJECT[] ARRAY

ORG.W3C.DOCUMENT XML OBJECT

NULL NULL

Flex/Java classic architecture

UI LAYER

SERVERPRESENTATION/SERVICES/DAOLAYER

DATABASE/STORAGE LAYER

LiveCycle Data Services

Java servlet container (tomcat, WAS…)

Web browser

JAVA classes/services

Webapp (WAR)

RPC services Messaging Data Mgt

AMF over HTTPs

JAVA <-> AMF

EventService.java public getEvents()

Remoting

ADOBE FLEX 4

Messaging

Channels

Flex client

Servlet-based endpoints

AMF Endpoint

HTTPEndpoint

StreamingAMFEndpoint

NIO-based endpoints

NIOAMFEndpoint

NIOHTTPEndpoint

RTMPEndpoint

MessageBrokerServlet

Socket Server (LCDS only)

MessageBroker

Remoting

HTTPProxy

Message

Data Management

Publish/Subscribe Messaging

Message

Service

LiveCycle DS / Blaze DS

Endpoint

PublisherSubscriber

!Client A

!Client B

!Client C

BEST RIA WORKFLOW

FLASH BUILDER 4FLASH CS5 FLASH CATALYST CS5

DESIGNERS DEVELOPERS

Quick Chat

Publish/Subscribe Messaging : private messages

Message

Service

Endpoint

PublisherSubscriber

!Client A

!Client B

!Client C

to clientA

AIR pilot

Data Push - Messaging

Message

Services

Adapter Y

Adapter X

Messaging

System Y

Messaging

System X

EndpointJMS

ProviderJMS Adapter

PublisherSubscriber

THE GPS CHIPSET ISSUE

LIFE AS AN EVANGELIST

Real-TimeTracker

ADOBE FLEX 4

Data ManagementServices

Data Management Services

LiveCycle Data Services

DataService

DAOObjectAdapter

HibernateAdapter

JDBCAdapter

Hibernate

CFCAdapter ColdFusion

Endpoint

Client A

Client B

Client C

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 (thanks to Adobe AIR)

5. Lazy loading

6. Paging

7. Cross-client synchronization

DataManagement

ADOBE FLEX 4

Model driven development

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

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

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)

Model Driven

Rich Internet Applications

ADOBE AIR 2.0

Out of the browserO�ine/Online sync (salesForce)Invoke OS Native ProcessesEmbed your own Java librariesSoon on smartphones

AIR <> JAVANATIVE PROCESS & UDP

Flex and Java developers

Learn a new language ?

FAST and FUN

Agile development ?

Keep your tools and methodologies

JavaUnit and FlexUnitJavaPMD and FlexPMD

MAVEN, ANTMVC frameworks

Hudson, Sonar reportsFlexCover, FlexCPD, load tests

Large-scale systems ?

Leading framework for Enterprise RIA

Adobe J2EE libraries

JAVA rockstar

JAVA + FLEX rockstar

All external content and images pending approvals.

�e Flash Platform is the leading solution for rapidly building RIAs

MultiscreenContent and Applications

ColdFusion

Flash Media Server Family

Flash PlatformServices

Flash Player

Flash Builder

FlashCatalyst

FlashProfessional

Creative Suite Analytics &Optimization

TOOLS FRAMEWORK CLIENTSSERVICESSERVERS

LiveCycle

Feel free to contact me

Michaël ChaizeFlash Platform Evangelist

My blog: www.RIAgora.com

@mchaize

Michael Adobe Flex Java 1 London

Technology

Transcript of Michael Adobe Flex Java 1 London

Adobe Flex builder by elmagnif

Rich Internet Applications with Adobe® Flex · PDF fileRich Internet Applications with Adobe® Flex and Java™ Technology Tony Constantinides, CEO Constant Innovations Inc . 2008

Flex For Java Developers - SDForum Java SIG

Sexier Software with Java and Flex - TechTargetjavasymposium.techtarget.com/html/images/JWard_Java_Flex.pdf · Sexier Software with Java and Flex James Ward Technical Evangelist Adobe

Adobe Flex Introduction

Adobe Flex Resources

Adobe® Flex™

Adobe - Using Flex Builder 3

Beginning java and flex migrating java, spring, hibernate, and maven developers to adobe flex

Flex 3 with Java - Packt · For More Information: What This Book Covers Chapter 1: Installing and Configuring Adobe Flex—In this chapter, you will learn the

Adobe Flex Resources 6439

WebFOCUS Adapter for Geographic Information Systems ...Adobe Flex (Client) For this Geographic Business Intelligence Solution (GBIS), Adobe Flex is used as the client. Adobe Flex is

Adobe Flex Component Lifecycle

Accessing Data with Flex - Adobe

Adobe Flex 3 - Compiler API

Adobe Flex Builder Flex Charting-en US-20060510 0105 · adobe flex builder adobe flex charting software license agreement notice to user: this license agreement governs installation

RIA & Adobe Flex

Sappress Sap Anwendungen Adobe Flex

Adobe Flex 4 Overview

Ruby and Adobe Flex