Post on 22-Apr-2018
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 2
Agenda
What is RIA?
RIA runtimes
What is Flex
What is Flash Catalyst
LCDS3
Fiber models
Demo
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 3
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 4
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 5
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
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 6
Flex Framework
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 7
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 8
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
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 9
Flash Catalyst
A professional interaction design tool for rapidly creating the user experience of applications and interactive content without coding
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 10
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.
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 11
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 12
New Work#ow
$e new work#ow produces functional designs that can be leveraged in development
Design Development
Visual Design
Interaction Design
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 13
LCDS 3.0
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 14
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…
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 15
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 16
Reliable Messaging
Guaranteed delivery
LiveCycle Data Services
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 17
Update
Data $ro"ling
ADBE 28.23
CRM 22.49
C 4.66
Message Queue
ADBE 28.23 ADBE 28.23
Update Update
LiveCycle Data Services
High speed network
Delete
Create
Data Queue
Slow Network
Adaptive
Feed Thresholds
Rules based
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 18
Fiber
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 19
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 20
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
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 21
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.)
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 22
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)
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 23
Demo
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 24