enrich your model with flex 4 and adobe lcds 3 -...

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 1

Enrich your model with Flex 4 and Adobe LCDS 3

Piotr Walczyszyn

Blog: riaspace.net

Twi"er: twi"er.com/pwalczyszyn

®


Agenda

  What is RIA?

  RIA runtimes

  What is Flex

  What is Flash Catalyst

  LCDS3

  Fiber models

  Demo

®


Four Generations of Applications

3

MAINFRAME

RE

AC

H

Local

Global

RICH Server Interaction Client Interaction

DESKTOP

WEB APPLICATIONS

2004

1992

1998

RICH INTERNET APPLICATIONS

®


Adobe pioneered Rich Internet Applications

Flas

h 10

Flas

h 9

Flas

h 8

Encrypted streaming

H.264, HE-AAC audio, HD Video

3D Frameworks

Flash Player 9 reaches 90% in under a year

Actionscript 3

VP6 codec YouTube

LiveCycle Data Services

Flash Lite

Flex

Creative Suite 3

Flash Media Rights Management Server

Scene7

Photoshop.com, Adobe Media Player, Acrobat.com

AIR

SWF Searchability

PixelBender

Flas

h 7

Macromedia de!nes RIA

Broadmoor Hotel

launches !rst RIA

®


Adobe Flash Platform

Flash Builder

Flash CS4 Professional

Tools to Design and Develop

Clients

Servers/ Services

Framework

AMF, XML, JSON, SOAP, RSS, ATOM, etc. HTTP/S, Sockets, RTMP, etc.

Applications, Content and Video

Flash Catalyst

Flex

Flash Media Server Family

Flash Player AIR

BlazeDS Data Services


Flex Framework

®


How Flex Works in the Browser

Flex Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compile

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

JEE Application Server

LC Data Services XML/HTTP REST SOAP Web Services

Browser

Flash Player

®


How Flex Works on the Desktop

Flex Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compile & Package

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

JEE Application Server

LC Data Services XML/HTTP REST SOAP Web Services

Desktop

AIR Client Runtime

Files SQLite Notifications Clipboard


Flash Catalyst

A professional interaction design tool for rapidly creating the user experience of applications and interactive content without coding

®


Target customers

Interactive Web Designers / Interaction Designers Responsible for the visual design of interactive experiences created at agencies. Uses tools like Photoshop, Illustrator, and Fireworks to design the layout and assets - but increasingly wants to design the “behavior” of the interface.

Information Architects Responsible for creating the high-level interaction models for the media and experiences. Involved in the early wireframes and ideation process

Graphic Designers and Creative Directors Aspire to do interactive pieces or showcase sites without having to write code.

®


Current Work#ow

Today’s work#ow produces static designs that have limited use in development

Design Development

  Visual Design

  De!ne user experience

  Import visual assets

  Implement user experience   Development

®


New Work#ow

$e new work#ow produces functional designs that can be leveraged in development

Design Development

  Visual Design

  Interaction Design


LCDS 3.0

®


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

LiveCycle Data Services Overview

  Publish/Subscribe messaging infrastructure for building push and collaborative applications

  Straightforward programming model for communicating with back-end systems

  Automatic data synchronization

  Offline synchronization for AIR applications

  RIA to PDF document generation

  LiveCycle document and process services integrations

LiveCycle Data Services ES Data Management

RPC Services

Messaging

Service Adapters

Data Synchronization

Off-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

SQL

Hibernate

ColdFusion

JMS

Java

Custom…

®


LCDS 3.0 Features

  Public Beta June 2009   Two major themes:

1.  Support for model-driven development of applications for Flash (code named Fiber)

2.  New features to control the quality of service for enterprise apps

®


Reliable Messaging

Guaranteed delivery


Update on Emily

Delete on Chris

Create Joe

Update on Adobe

Data Queue Ack

Update on Emily

Ack

Network Failure

ADBE 28.23

CRM 22.49

C 4.66

T 24.99

Message Queue

ADBE 28.23

Update on Emily

Ack

Pause and resume

Network transparency

®


Update

Data $ro"ling

ADBE 28.23

CRM 22.49

C 4.66

Message Queue

ADBE 28.23 ADBE 28.23

Update Update


High speed network

Delete

Create

Data Queue

Slow Network

Adaptive

Feed Thresholds

Rules based


Fiber

®


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

Code-Driven Development

Model • Basic Data Description

Model Server-side code Client-side code

®


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

Model-Driven Development

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

Tools

Runtime Code Gen

Model-‐aware runtimes support dynamic model interpretation (no code gen needed)

Model authoring and deployment Model-‐aware gestures and artifacts (ie. Model-‐driven forms)

Model-Driven Development

Code gen of boilerplate code (value objects, stubs, etc.)

®


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 different 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 different views)

Approachability

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

Innovation:

  Offline and client synchronization capabilities

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


Demo

®


enrich your model with flex 4 and adobe lcds 3 -...

Documents