1. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 1
Next Generation of RIA’s in
the Enterprise
Michael Hodgson
Matthias Zeller
2. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 2
Twitter Tags for this Session
Monday’s Session: #adobemax14
Tuesday’s Session: #adobemax249
Matthias - @matzeller
3. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 3
Agenda
LiveCycle Mosaic Overview
Technical Whiteboard Discussion
Creating a Mosaic Tile Hands-On
Running a Mosaic Application
Q&A
4. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 4
Current Business Challenges
Problem:
Plethora of hard-to-use applications in the
enterprise
Different navigation systems and user
experiences
Lack of shared application context forcing
users to re-enter the same data in
different applications
CRM ERP ECM PLM
. .
.
Consequence:
Low user productivity due to swivel
chair integration
Poor decision making due to lack of
data visibility
High training costs to use all needed
applications
Low return on existing investments
Poor customer experience resulting in
customer abandonment
5. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 5
Solution: Mosaic, New LiveCycle Solution Module
Composite RIA Framework for rapidly assembling intuitive, personalized and activity-
centric RIA applications that aggregate existing enterprise applications
Increased productivity
Increase end-user productivity
through simple, personalized,
highly responsive and consistent
user experience
Improved decision making
• Make faster decisions through
aggregating relevant, timely
information from multiple sources
6. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6
Application Pattern: Composite Rich Internet Applications
New breed of context aware enterprise applications composed of
existing and new web applications.
Development Characteristics:
Client-side framework APIs (JavaScript/ActionScript)
Client-side context
Client-side communication between applications
Build from a central or distributed catalog of mashable components
Created and delivered by IT department
Additionally mashed up and customized by business users
Integrate with existing SSO, directory and entitlement management
solutions
7. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 7
LiveCycle Mosaic ES2
For Business Users
Easy access via desktop (AIR)
application or browser
Task-centric composite views
bringing complete context to daily
work
Create new composite views from
IT provided tiles
Customizable views & dynamic
layouts
Work on tasks with different
contexts in parallel and persist work
in progress
8. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 8
LiveCycle Mosaic ES2
For Developers
Composition approach to application
development
Comprehensive ActionScript and
JavaScript API
Client side communication between
application components
Central catalog for housing all
reusable application components
Out-of-the box skins, shells and
layout managers
Pluggable component model
Integrates with existing SSO,
directory and entitlement
management solutions
9. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 9
Target Use Cases
Case Management:
• User environment uniting all case information to speed case
resolution
• Ex: call center applications, case worker
• Sample tiles: customer contacts, reported bug defects, internal
knowledge base
Financial Advisor Workplace:
• Rich, simple and customizable workplace
• Contextual views unifying over 200 applications
• Sample tiles: investment portfolio, Google finance, salesforce.com
Sales Workplace:
• Unified customer views aggregating all relevant customer data
• Sample tiles: customer contacts, order history, RFP responses,
projected pipeline
10. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 10
Project Timeline
LC Mosaic in pre-release program since
June ‘09
General availability planned for Q4/09
11. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 11
LC Mosaic Catalog Browser (planned for 1.1)
Browsing features
Search based on metadata
Sorting & filtering
Customizable catalog UI
Multiple catalog
support for easier
management
12. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 12
LC Mosaic Design-Time Client (planned for 1.1)
AIR-based design
client
Drag & drop
assembly of
reusable application
components found
in catalog
Ability to create
layouts visually
13. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 13
Notes de l'éditeur
Easy access via desktop or browser
From an end user perspective, end users interface with either a desktop or browser-based client.
When they log in, the application will present them with the default views assigned to their role with the default skin and shell.
Task-centric composite views bringing complete context to daily work
The application itself is a very task-centric, enabling them as they work on a specific task, to see in context, all relevant data coming from various back ends and applications. So, a customer service rep at a bank using a Mosaic app, can see in one tile on the screen the past history of the customer coming from a case tracking application, account details appearing in another tile from their core banking system, and cross sell/upsell tile with information coming from a marketing database and step by step script to use ( if they have mortgage with interest rate of 8%, ask if they want to refinance.)
Through these unified views, users no longer need to sign into multiple applications or drill down through each of them separately, saving time and effort. Less training is required for new employees as well, because the Mosaic application eliminates the need for employees to learn all the features and navigation systems of each of the underlying source systems—the new UI gives them only what they need from the backend systems.
Create new composite views from IT provided tiles
In addition, the application enables them to create whole new views themselves by picking the tiles they need for the activity they are working on, so they might pick a customer list tile, detailed contact info tile, and list of products tile and a tile for a new proposal for the customer. Since tiles share common context, these tiles will automatically talk to each other giving business users great flexibility.
In addition, one key capability business users get excited about when they see Mosaic is working in multiple views in parallel and persisting the work. So, if an agent is working on researching items for one customer, they can save the work , and switch to another work area for another user, because Mosaic apps have persistence capabilities.
Composition approach to application development:
Mosaic uses a composition approach to enable developers to build applications faster. Instead of building a large monolithic application, developers can use Mosaic to easily create application components (tiles) that expose business logic from existing Flex and HTML applications { using comprehensive APIs) , extending the return on existing investments.
Developers can work more effectively as a team by creating and testing different tiles in parallel and later assembling them into a full application.
Communication between application components) happens on server side, key differentiator, for more responsive apps
Catalog:
Tiles can be stored in the Mosaic Catalog . which a repository for housing all pre-built reusable components. So we’re talking about reusable assets being application tiles, or templates for specific views that layout and mashup multiple application tiles, or skin & shell.
Out-of-the box.. And pluggable component model
Mosaic includes out-of-the-box skins, shells, and layout managers to help developers quickly create a variety of intuitive interfaces. They can also use their own skins and shells and develop their own layout managers, then plug them into the Mosaic framework to be able to brand the applications with their own look and feel.
Integrates with SSO
One key capability to highlight is that for single sign on, the Mosaic framework integrates with external identity management systems if the customers have them deployed.
Finally ( note on multiple versions) – Internal Note
Tiles compiled with different versions of Flex can co-exist (Support for Flex SDK 3.2 and higher )
Future proofing investment, applicable only for flex developer audience
For Developers:
Make existing Flash/Flex and HTML/AJAX applications mashable as Phoenix tiles within hours (no complex portlet development required)
Comprehensive ActionScript and JavaScript API to enable development of custom tiles which integrate with the Phoenix framework
API enables communication between multiple Flash/Flex and HTML/AJAX application tiles
Transparent versioning – Tiles compiled with different versions of Flex can co-exist (Support for Flex SDK 3.2 and higher )
Pluggable component model allows integration of custom developed layout models
Integrated notification services via real-time messaging (from tiles or back-end applications)
Sample aggregated applications: for example if you take Customer support the application would unify data coming from CRM for customer details, bug tracking for reported product defects, internal knowledge base articles and public forums.
Repository for housing pre-built reusable components
Role-based access to catalog content
Fully customizable skin & shell
Take an existing layout manager
Instead of size x,y, we’d do drag and drop