1. KHNC
SAP NetWeaver BPM Integration
with Visual Composer
Daniel Yackel
SAP Intelligence Platform and NetWeaver RIG Americas
SAP Labs, LLC
1001 Summit Boulevard
Atlanta, GA 30319 USA
M 678.860.7545
E daniel.yackel@sap.com

2. © SAP AG 2009. All rights reserved. / Page 2
Disclaimer
This presentation outlines our general product direction and should not be relied on in
making a purchase decision. This presentation is not subject to your license
agreement or any other agreement with SAP. SAP has no obligation to pursue any
course of business outlined in this presentation or to develop or release any
functionality mentioned in this presentation. This presentation and SAP's strategy and
possible future developments are subject to change and may be changed by SAP at
any time for any reason without notice. This document is provided without a warranty
of any kind, either express or implied, including but not limited to, the implied
warranties of merchantability, fitness for a particular purpose, or non-infringement.
SAP assumes no responsibility for errors or omissions in this document, except if
such damages were caused by SAP intentionally or grossly negligent.

3. © SAP AG 2009. All rights reserved. / Page 3
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer Overview
SAP NetWeaver Composition Environment 7.2 - Visual Composer
Visual Composer within NWDS
VC –UI Integration
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
Demo

4. © SAP AG 2009. All rights reserved. / Page 4
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer Overview
SAP NetWeaver Composition Environment 7.2 - Visual Composer
Visual Composer within NWDS
VC –UI Integration
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
Demo

5. © SAP AG 2009. All rights reserved. / Page 5
Process Components
SAP Applications
Order
Mgmt. ...
Platform Components
SAP NetWeaver
Service & Event
Enablement
Enterprise SOA
Provisioning
Service-
enabled
Applications MDM BI …
Service & Event
Composition
Enterprise SOA
Consumption
UI Composition
Information
Composition
SOA Technology with SAP NetWeaver
User
Interface
Forms Portal Dashboards SAP GUI MobileBusiness
Client
Duet
Connectivity &
Integration
Non SAP &
Legacy
Customer & Partner
Applications
BusinessPartner
Service Bus
SOA Design
Governance
SOA Management
Enterprise
Services
SOA Middleware
Business Process Composition &
Management (BPM)

6. © SAP AG 2009. All rights reserved. / Page 6
Business Process Management for
Composite Business Processes
Process Server
Process
Composer
Process
Desk
Process
Desk
Rules Engine
Rules
Composer
Process
Desk
Rules
Management
Characteristics
Graphical modeler based on BPMN
Eclipse-based
Support key process concepts
(workflow, event, task, context,
roles, UI) throughout their
lifecycle
Combine human interaction and
system integration in one model
Direct path from business view to process
execution
Nothing ‘lost in translation’
Dynamic role-based views
Single active model
Flexible execution
Business Rules Management
Embedded rules in process to drive
process agility

7. © SAP AG 2009. All rights reserved. / Page 7
Business Process (Purchase Request)
• Model the Purchase Request Process
• Import the Create Order Web service
• Create Confirmation VC UI
• Define the process context mapping
• Compile and deploy the application
• Perform runtime SOA Configuration
• Execute and test the process

8. © SAP AG 2009. All rights reserved. / Page 8
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer Overview
SAP NetWeaver Composition Environment 7.2 - Visual Composer
Visual Composer within NWDS
VC –UI Integration
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
Demo

9. © SAP AG 2009. All rights reserved. / Page 9
Process Components
SAP Applications
Order
Mgmt. ...
Platform Components
SAP NetWeaver
Service & Event
Enablement
Enterprise SOA
Provisioning
Service-
enabled
Applications MDM BI …
Service & Event
Composition
Enterprise SOA
Consumption
Information
Composition
SOA Technology with SAP NetWeaver
Business Process Composition &
Management (BPM)
User
Interface
Forms Portal Dashboards SAP GUI MobileBusiness
Client
Duet
Connectivity &
Integration
Non SAP &
Legacy
Customer & Partner
Applications
BusinessPartner
Service Bus
SOA Design
Governance
SOA Management
Enterprise
Services
SOA Middleware
UI Composition

10. © SAP AG 2009. All rights reserved. / Page 10
Modeling with Visual Composer
Manipulating data elements such
as data services and Web
services, and UI elements such as
controls, forms, and tables
Creating connections between
elements to define the business
logic of the application
Generating runtime code
automatically from the Visual
Composer model
Visual Composer supports creating applications by…
Data Flow
UI Elements
Services

11. © SAP AG 2009. All rights reserved. / Page 11
Visual Composer in NWDS
Integrated version of Visual Composer in NetWeaver Developer Studio
Additional entry-point to access the Visual Composer models
Browser-based version continues to be supported
First step to achieve NWDS as a single tool platform for a
developer role
A unified entry point to all
CE toolsets
(Web Dynpro tools,
Visual Composer,
CAF, BPM, etc.)

12. © SAP AG 2009. All rights reserved. / Page 12
Visual Composer in NWDS
Integrated version of Visual Composer in the NetWeaver Developer Studio
NWDS as a single tool platform for a developer role
A unified entry point to all CE toolsets (Web Dynpro tools, Visual Composer, CAF,
BPM, etc.)

13. © SAP AG 2009. All rights reserved. / Page 13
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer Overview
SAP NetWeaver Composition Environment 7.2 - Visual Composer
Visual Composer within NWDS
VC –UI Integration
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
Demo

14. © SAP AG 2009. All rights reserved. / Page 14
New in VC 7.2: BPM Integration
SAP NetWeaver BPM is a flexible framework for designing and running user-centric
collaborative processes and reusable workflows.
Seamless integration between BPM and Visual Composer
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
VC 7.2

15. © SAP AG 2009. All rights reserved. / Page 15
UI Integration
Generated Visual Composer UI.
UI can be further modified by launching Visual Composer
Open VC perspective and Model Browser View.

16. © SAP AG 2009. All rights reserved. / Page 16
Break-out from a BPM Step and automatically
generate the Visual Composer UI
View the Properties of the newly
created Human Activity.
You can then begin the UI Wizard to
set the Task.

17. © SAP AG 2009. All rights reserved. / Page 17
Break-out from a BPM Step and automatically
generate the Visual Composer UI
Within the Process Model, select the
Template to apply.

18. © SAP AG 2009. All rights reserved. / Page 18
Break-out from a BPM Step and automatically
generate the Visual Composer UI
UI Task Generation will be selected.
Create the Task – ‘Confirm’
Select which attributes to use from
the process context that will be visible
within the UI
Realize that the ‘Related Human
Activity’ needs to be selected that the
task will be associated with.

19. © SAP AG 2009. All rights reserved. / Page 19
Break-out from a BPM Step and automatically
generate the Visual Composer UI
Select ‘Visual Compose’ as the UI
Technology
At this time you can create a new DC
or select a current DC

20. © SAP AG 2009. All rights reserved. / Page 20
Break-out from a BPM Step and automatically
generate the Visual Composer UI
Within the Model Browser you will
see the newly created VC component
The Generated model is now
available for configuration.

21. © SAP AG 2009. All rights reserved. / Page 21
Consume existing Visual Composer UIs and
add them to the business process
Be sure that the VC UI has a ‘start’
and an ‘end’ point defined.

22. © SAP AG 2009. All rights reserved. / Page 22
Consume existing Visual Composer UIs and
add them to the business process
Open the ‘Task’ with the editor
Select the Unified UI Wizard

23. © SAP AG 2009. All rights reserved. / Page 23
Consume existing Visual Composer UIs and
add them to the business process
Select Visual Composer and
Search for Models that have a
‘start’ and ‘end’ point configured
When the wizard is finished
the UI is now available to your
BPM Model.

24. © SAP AG 2009. All rights reserved. / Page 24
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer Overview
SAP NetWeaver Composition Environment 7.2 - Visual Composer
Visual Composer within NWDS
VC –UI Integration
Break-out from a BPM Step and automatically generate the Visual Composer UI
Consume existing Visual Composer UIs and add them to the business process
Demo

25. DEMO

26. © SAP AG 2009. All rights reserved. / Page 26
Visual Composer Roadmap
2011
2010
2009
* Dates are NOT final at this point and are subject to change.
ROADMAP

27. © SAP AG 2009. All rights reserved. / Page 27
Visual Composer Learning Map
ROADMAP

28. © SAP AG 2009. All rights reserved. / Page 28
Visual Composer Documentation
Help.sap.com
ROADMAP

29. © SAP AG 2009. All rights reserved. / Page 29
Visual Composer Community
www.sdn.sap.com/irj/sdn/nw-vc
ROADMAP

30. Thank You!

31. © SAP AG 2009. All rights reserved. / Page 31
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG. The information contained herein
may be changed without prior notice.
Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.
Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation.
IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, iSeries, pSeries, xSeries, zSeries,
eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, PowerVM, Power Architecture, POWER6+, POWER6, POWER5+,
POWER5, POWER, OpenPower, PowerPC, BatchPipes, BladeCenter, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex,
MVS/ESA, AIX, Intelligent Miner, WebSphere, Netfinity, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation.
Linux is the registered trademark of Linus Torvalds in the U.S. and other countries.
Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other
countries.
Oracle is a registered trademark of Oracle Corporation.
UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group.
Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks of Citrix Systems, Inc.
HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology.
Java is a registered trademark of Sun Microsystems, Inc.
JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape.
SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Business ByDesign, and other SAP products and services mentioned herein as well as their respective
logos are trademarks or registered trademarks of SAP AG in Germany and other countries.
Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and
services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects S.A. in the United States and in other countries.
Business Objects is an SAP company.
All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only.
National product specifications may vary.
These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only,
without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group
products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed
as constituting an additional warrant.
Copyright 2009 SAP AG
All Rights Reserved