Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
former_member191643
Active Contributor

Hello Everyone,

This blog, as the title suggests, sheds some light on integrating a UI developed in SAP UI5 as a BPM task. Not necessarily UI5, it can be a UI developed in any other technology which is not predefined in BPM at design-time like, WD Java, WD ABAP, Visual Composer or Adobe Offline Forms.

Other UI technologies like JSP, HTML etc. can also be integrated in this fashion.

Applies to:

NetWeaver 7.3 EHP1 (7.31) onwards.

How to:

1. Double-click on the Human Activity in your BPM Process to open its Properties :

    

2. In the 'Task' property of the Human Activity, click on the 'Task' link as shown to open the Task Properties :

3. In the User Interface Property of the Task, click on 'Choose':

4. Now select on 'Custom Technologies' and clcik on 'OK':

5. In the next dialog box that opens up, enter the relative URL* of the UI, define the input and output types (mandatory) and define the Fault Types for exception Handling (not mandatory) and click on 'Finish' :

*Relative URL: If the UI Application is deployed on the same AS Server, eliminating the server details from the URL of the UI will give you the Relative URL.

                        For example: URL of UI : http://<hostname>:<port>/POC_SecondView/index.html, then Relative URL : /POC_SecondView/index.html

Now, the Relative URL of the UI should be seen in the UI property of the task now, which was blank earlier:

The input and putput parameters we defined earlier should be available in the Input and Output mapping of the Human Activity:

Input Mapping:

Output Mapping:

That's it! You're Done! :smile:

Note:

As SAP UI5 and other custom technologies do not have a context of their own, we will have to use the BPM "oData Service" to bind the UI data to the BPM Process Context Data.

For more details on the BPM oData service, please refer this article by vitaly.yarmolik.

For exclusive blog series  on  'Custom UIs with the BPM oData Service', please refer this excellent blog by andre.backofen.

Hope this blog helps in some way.  Please let me know  in case I have mentioned anything wrong.

Regards,

Sid.

8 Comments
Labels in this area