Assigning a User Interface to a Task

In the process, the human activity illustrates an activity that triggers a task. This task is executed by a human. The interaction between a human and the process is enabled through a user interface (UI). The UI assigned to a task allows the user to access and execute that task.

This procedure shows how you assign a UI to a task. You can assign UIs of the following technologies:

Web Dynpro (WD)
For more information about WD, see Developing User Interfaces with Web Dynpro for Java.
Visual Composer (VC)
For more information, see Modeling Composite Views with Visual Composer.

You can search for UI components in the WD and VC projects available in your workspace. When you assign a UI component to a task, a dependency between the Process Composer DC and the DC containing the UI component is automatically set.

Prerequisites

If you want to assign a WD UI task that is not created with the UI Task Template (see Generating Tasks and UI Components with UI Task Generation Template) you first need to prepare the WD development component (DC) to be used by the process composer DC that contains your project with the process. For more information, see Preparing Web Dynpro DC to be used in BPM.
You have configured the necessary development environment in the SAP NetWeaver Developer Studio.
You have created a task to which you want to assign the UI.

Procedure

In the Developer Studio, choose Window Open Perspective Other... Process Development and choose the OK pushbutton.
Expand your project in Project Explorer view.
Expand Process Modeling, then expand Tasks.
In the context menu of a task, choose Open.
The task editor opens.
Choose the Choose... pushbutton under User Interface on the Overview tab page.
In the dialog that appears, select Unified UI Import Wizard and then choose the OK pushbutton.
Select the UI technology of the UI that you want to assign and then choose the Search pushbutton.
In the Choose UI Component area, you can display only the supported UI components or all available UI components of the selected UI technology. When you switch the display option, the display is automatically refreshed.
In the list of UI components, select the UI component you want to assign and then choose the Next pushbutton.

Note
You can have a closer look at the input and output data of the UI by expanding the UI component and selecting the input or output. The details of the selected input or output are displayed in the Input/Output Details area on the right-hand side.

End of the note.
As Complete Event, select the event that completes the task. In addition, you can select error events by assigning boundary events for error handling to them. If the error event occurs during runtime, the task is set to an error state and is not completed.
Choose the Finish pushbutton.
The UI is assigned to the task.