Create the Application and Embed It Into SaaS

With the assets acquired and configured, you can now deploy the application by embedding it into your Fusion application.

This is a three-step process:

1. First, you create a web application in Visual Builder.
2. Then integrate that web application into a web page in HCM cloud.
3. Finally, deploy and test the consolidated list.

Create a Web Application

The web application you create here determines the list of configured enterprise applications and accesses the REST endpoint for each application to fetch a list of tasks that will be consolidated into a unified list.

Before starting this procedure, use your credentials to enter a sandbox, then use the following steps to create the web application.

1. Connect to an Oracle Visual Builder server.
   For example: https://vbcs-server/ic/builder (for a Universal Credits subscription with Oracle Content and Experience) or https://vbcs-server (for a non-metered subscription).

   Note:

   If you have a Universal Credits subscription, you must include ic/builder in your Service URL.
2. Allow Cross-Origin Resource Sharing (CORS): Choose Administer Visual Builder, then Global Settings, and then Allowed Origins. Click New Origin, and enter the URL of your Oracle Content and Experience server for Origin Address.
3. Import the code downloaded from GitHub into your Oracle Visual Builder instance.
4. Ensure the new application can be embedded. Choose Application Settings, then Security, and then Embedding. Verify that Allow embedding in any domain has been selected (this should be the default; if it isn't, select it now).
5. Stage and publish the Oracle Visual Builder application.

Integrate the Application as a Web Page

Next, use the Oracle Visual Builder Page Integrator tool to create a new page in Human Capital Management service.

Before you begin, Set the URL for the third-party application to the root folder of the live Oracle Visual Builder applications. For example, https://VBCS host/ic/builder/rt/ . Then, use Page Integrator to create a new web page:

1. Navigate to Page Integration under Configuration section of the navigation menu in Human Capital Management cloud and click New Page.
   A new page is created.
2. In Name, give the new page a unique name to make it easy for you to identify.
3. Click the magnifying glass next to Icon and select from the panel an icon to represent the page. You cannot proceed until you select this icon.
4. Open the Application Role dropdown and select Employee, to enable all employees can see the page.
5. Click the key icon next to Web page and set these values:
   • Web application: Open the dropdown menu and select a web application that points to hostname and root folder of Oracle Visual Builder applications.
   • Destination for Web Application: Enter /UnifiedTaskListVBCSAppName/live/webApps/webapp/. Replace UnifiedTaskListVBCSAppName with the value entered while importing the Oracle Visual Builder application.
   • Secure Token Name: Enter jwtToken. This is the token name Oracle Visual Builder application expects.
6. Click Save and Close to save the values.
7. Click Save and Close again to create the new page.

Deploy and Test the Consolidate List

Now that the new web page is created, move it to the right place in the Structure so that it can be easily accessed.

1. From hamburger menu, navigate to Configuration then click Structure.
2. On the Navigation Configuration page, search the page you previously created with Page Integration wizard:
   1. Click the magnifying glass on the right side of the page.
   2. Enter the name (or partial name) of the page you created in the previous task and press Enter.

      Your page, with selected icon will appear in the search list.

3. Click the View Hierarchy icon () to see the new page in the Navigation Configuration list.
4. Select the page by clicking a blank area on the row containing the new page on the left side (don't click the page link) and then, in the Order column click the right carat (>) to display the Move to: Group panel.
5. Select Me.
6. Click the Home icon in the top right of the page (not on the left nav bar) and then click Me.
   The Springboard appears.
7. On the Springboard, locate the new page under the Apps. You might need to scroll to find it, depending on how many apps are displayed.
8. Click the new page to open it an view the tasks.
   The page might be cropped in the bottom. From menu on the top right by clicking on user name and clicking on Edit Pages. Resize the page control as shown below and click on Close on top right.

Once the page is embedded into SaaS, the application will, for the currently logged-in SaaS user, display a list of tasks retrieved from the configured task source applications and allow that user to perform actions on each task.