![Page 1: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/1.jpg)
KHNC
SAP NetWeaver BPM Integrationwith Visual Composer
Daniel YackelSAP Intelligence Platform and NetWeaver RIG AmericasSAP Labs, LLC1001 Summit BoulevardAtlanta, GA 30319 USAM 678.860.7545E [email protected]
![Page 2: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/2.jpg)
© SAP AG 2009. All rights reserved. / Page 2
Disclaimer
This presentation outlines our general product direction and should not be relied on inmaking a purchase decision. This presentation is not subject to your licenseagreement or any other agreement with SAP. SAP has no obligation to pursue anycourse of business outlined in this presentation or to develop or release anyfunctionality mentioned in this presentation. This presentation and SAP's strategy andpossible future developments are subject to change and may be changed by SAP atany time for any reason without notice. This document is provided without a warrantyof any kind, either express or implied, including but not limited to, the impliedwarranties of merchantability, fitness for a particular purpose, or non-infringement.SAP assumes no responsibility for errors or omissions in this document, except ifsuch damages were caused by SAP intentionally or grossly negligent.
![Page 3: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/3.jpg)
© SAP AG 2009. All rights reserved. / Page 3
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer OverviewSAP NetWeaver Composition Environment 7.2 - Visual ComposerVisual 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
![Page 4: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/4.jpg)
© SAP AG 2009. All rights reserved. / Page 4
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer OverviewSAP NetWeaver Composition Environment 7.2 - Visual ComposerVisual Composer within NWDS
VC –UI IntegrationBreak-out from a BPM Step and automatically generate the Visual Composer UIConsume existing Visual Composer UIs and add them to the business process
Demo
![Page 5: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/5.jpg)
© SAP AG 2009. All rights reserved. / Page 5
Process Components
SAP Applications
OrderMgmt. ...
Platform Components
SAP NetWeaver
Service & EventEnablement
Enterprise SOAProvisioning
Service-enabledApplications MDM BI …
Service & EventComposition
Enterprise SOAConsumption
UI Composition
InformationComposition
SOA Technology with SAP NetWeaver
UserInterface
Forms Portal Dashboards SAP GUI MobileBusinessClient
Duet
Connectivity &Integration
Non SAP &Legacy
Customer & PartnerApplications
Bus
ines
s P
artn
er
Service Bus
SOA DesignGovernance
SOA Management
EnterpriseServices
SOA Middleware
Business Process Composition &Management (BPM)
![Page 6: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/6.jpg)
© SAP AG 2009. All rights reserved. / Page 6
Business Process Management forComposite Business Processes
Process Server
ProcessComposer
ProcessDeskProcessDesk
Rules Engine
RulesComposer
ProcessDeskRulesManagement
CharacteristicsGraphical modeler based on BPMN
Eclipse-basedSupport key process concepts
(workflow, event, task, context,roles, UI) throughout theirlifecycle
Combine human interaction andsystem integration in one model
Direct path from business view to processexecution
Nothing ‘lost in translation’Dynamic role-based viewsSingle active modelFlexible execution
Business Rules Management
Embedded rules in process to driveprocess agility
![Page 7: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/7.jpg)
© 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
![Page 8: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/8.jpg)
© SAP AG 2009. All rights reserved. / Page 8
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer OverviewSAP NetWeaver Composition Environment 7.2 - Visual ComposerVisual Composer within NWDS
VC –UI IntegrationBreak-out from a BPM Step and automatically generate the Visual Composer UIConsume existing Visual Composer UIs and add them to the business process
Demo
![Page 9: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/9.jpg)
© SAP AG 2009. All rights reserved. / Page 9
Process Components
SAP Applications
OrderMgmt. ...
Platform Components
SAP NetWeaver
Service & EventEnablement
Enterprise SOAProvisioning
Service-enabledApplications MDM BI …
Service & EventComposition
Enterprise SOAConsumption
InformationComposition
SOA Technology with SAP NetWeaver
Business Process Composition &Management (BPM)
UserInterface
Forms Portal Dashboards SAP GUI MobileBusinessClient
Duet
Connectivity &Integration
Non SAP &Legacy
Customer & PartnerApplications
Bus
ines
s P
artn
er
Service Bus
SOA DesignGovernance
SOA Management
EnterpriseServices
SOA Middleware
UI Composition
![Page 10: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/10.jpg)
© SAP AG 2009. All rights reserved. / Page 10
Modeling with Visual Composer
Manipulating data elements suchas data services and Webservices, and UI elements such ascontrols, forms, and tablesCreating connections betweenelements to define the businesslogic of the applicationGenerating runtime codeautomatically from the VisualComposer model
Visual Composer supports creating applications by…
Data Flow
UI Elements
Services
![Page 11: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/11.jpg)
© SAP AG 2009. All rights reserved. / Page 11
Visual Composer in NWDS
Integrated version of Visual Composer in NetWeaver Developer StudioAdditional entry-point to access the Visual Composer modelsBrowser-based version continues to be supportedFirst step to achieve NWDS as a single tool platform for adeveloper roleA unified entry point to allCE toolsets(Web Dynpro tools,Visual Composer,CAF, BPM, etc.)
![Page 12: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/12.jpg)
© SAP AG 2009. All rights reserved. / Page 12
Visual Composer in NWDS
Integrated version of Visual Composer in the NetWeaver Developer StudioNWDS as a single tool platform for a developer roleA unified entry point to all CE toolsets (Web Dynpro tools, Visual Composer, CAF,BPM, etc.)
![Page 13: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/13.jpg)
© SAP AG 2009. All rights reserved. / Page 13
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer OverviewSAP NetWeaver Composition Environment 7.2 - Visual ComposerVisual Composer within NWDS
VC –UI IntegrationBreak-out from a BPM Step and automatically generate the Visual Composer UIConsume existing Visual Composer UIs and add them to the business process
Demo
![Page 14: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/14.jpg)
© 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-centriccollaborative processes and reusable workflows.Seamless integration between BPM and Visual Composer
Break-out from a BPM Step and automatically generate the Visual Composer UIConsume existing Visual Composer UIs and add them to the business process
VC 7.2
![Page 15: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/15.jpg)
© SAP AG 2009. All rights reserved. / Page 15
UI Integration
Generated Visual Composer UI.UI can be further modified by launching Visual ComposerOpen VC perspective and Model Browser View.
![Page 16: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/16.jpg)
© SAP AG 2009. All rights reserved. / Page 16
Break-out from a BPM Step and automaticallygenerate the Visual Composer UI
View the Properties of the newlycreated Human Activity.
You can then begin the UI Wizard toset the Task.
![Page 17: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/17.jpg)
© SAP AG 2009. All rights reserved. / Page 17
Break-out from a BPM Step and automaticallygenerate the Visual Composer UI
Within the Process Model, select theTemplate to apply.
![Page 18: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/18.jpg)
© SAP AG 2009. All rights reserved. / Page 18
Break-out from a BPM Step and automaticallygenerate the Visual Composer UI
UI Task Generation will be selected.
Create the Task – ‘Confirm’
Select which attributes to use fromthe process context that will be visiblewithin the UI
Realize that the ‘Related HumanActivity’ needs to be selected that thetask will be associated with.
![Page 19: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/19.jpg)
© SAP AG 2009. All rights reserved. / Page 19
Break-out from a BPM Step and automaticallygenerate the Visual Composer UI
Select ‘Visual Compose’ as the UITechnology
At this time you can create a new DCor select a current DC
![Page 20: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/20.jpg)
© SAP AG 2009. All rights reserved. / Page 20
Break-out from a BPM Step and automaticallygenerate the Visual Composer UI
Within the Model Browser you willsee the newly created VC component
The Generated model is nowavailable for configuration.
![Page 21: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/21.jpg)
© SAP AG 2009. All rights reserved. / Page 21
Consume existing Visual Composer UIs andadd them to the business process
Be sure that the VC UI has a ‘start’and an ‘end’ point defined.
![Page 22: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/22.jpg)
© SAP AG 2009. All rights reserved. / Page 22
Consume existing Visual Composer UIs andadd them to the business process
Open the ‘Task’ with the editor
Select the Unified UI Wizard
![Page 23: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/23.jpg)
© SAP AG 2009. All rights reserved. / Page 23
Consume existing Visual Composer UIs andadd them to the business process
Select Visual Composer andSearch for Models that have a‘start’ and ‘end’ point configured
When the wizard is finishedthe UI is now available to yourBPM Model.
![Page 24: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/24.jpg)
© SAP AG 2009. All rights reserved. / Page 24
Agenda
BPM Overview
SAP NetWeaver Composition Environment 7.2 – BPM
Visual Composer OverviewSAP NetWeaver Composition Environment 7.2 - Visual ComposerVisual Composer within NWDS
VC –UI IntegrationBreak-out from a BPM Step and automatically generate the Visual Composer UIConsume existing Visual Composer UIs and add them to the business process
Demo
![Page 25: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/25.jpg)
DEMO
![Page 26: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/26.jpg)
© SAP AG 2009. All rights reserved. / Page 26
Visual Composer Roadmap
201120102009
* Dates are NOT final at this point and are subject to change.
ROADMAP
![Page 27: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/27.jpg)
© SAP AG 2009. All rights reserved. / Page 27
Visual Composer Learning MapROADMAP
![Page 28: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/28.jpg)
© SAP AG 2009. All rights reserved. / Page 28
Visual Composer DocumentationHelp.sap.com ROADMAP
![Page 29: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/29.jpg)
© SAP AG 2009. All rights reserved. / Page 29
Visual Composer Community
www.sdn.sap.com/irj/sdn/nw-vc
ROADMAP
![Page 30: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/30.jpg)
Thank You!
![Page 31: Integrating Visual Composer UI with BPM - Webinar Presentation](https://reader031.vdocuments.mx/reader031/viewer/2022021500/5885aa471a28abd2348b5693/html5/thumbnails/31.jpg)
© 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 hereinmay 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 othercountries.
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 respectivelogos 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 andservices 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 Groupproducts and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construedas constituting an additional warrant.
Copyright 2009 SAP AGAll Rights Reserved