Found 584 results.

Creating Extensions for Oracle Cloud Apps using Visual Builder Studio

Learn how to create powerful extensions for Oracle Cloud Applications with Visual Builder Studio. Enhance functionality, streamline workflows, and deliver a seamless user experience.

  • Blog
  • Creating Extensions for Oracle Cloud Apps using Visual Builder Studio
Creating Extensions for Oracle Cloud Apps using Visual Builder Studio
November 29, 2024

Creating Extensions for Oracle Cloud Apps using Visual Builder Studio

 

Feature Overview

Visual Builder Studio (or VB Studio, for short) gives you the power to customize Oracle Cloud Applications to suit your company’s specific business needs. In fact, you’ll have the exact same tools—VB Studio and Oracle JavaScript Extension Toolkit (JET) that Oracle developers use to create Oracle Cloud Applications in the first place, giving you an unprecedented level of power and control over your Oracle Cloud Apps ecosystem.

Extensions are what you use to deliver new capabilities into Oracle Cloud Applications. Those capabilities may take the form of customizations you make to the App’s user interface, or your extension may include things like App UIs, to deliver new pages or resources to your Oracle Cloud Applications instance. An App UI is simply an application that includes a user interface component in the form of VB Studio pages and flows.

In this tutorial, we’ll create an App UI that presents employee data from an Oracle SaaS service connection, and then allows users to search for a specific employee.

 

What Do You Need?

  • Access to Oracle Cloud Applications
  • Access to Visual Builder Studio
  • A project that is set up for extensions. If you don’t have a project available, you might need to create one.

 

Steps for Implementing the Use Cases

  • In this step, we’ll see how to access Visual Builder Studio from Oracle Cloud Applications.
  • Make sure that VB Studio is set up to extend Oracle applications.
  • Log in to Oracle Applications Cloud.
  • Click on Navigation and Open Visual Builder.

 

Fig 1:

 

  • Create a new project and enter.

Fig 2:

 

  • Provide the project name when creating a new project in Visual Builder Studio.
  • Go to Workspaces > New > New Application Extension.

Fig 3:

  • Create a new workspace.

Fig 4:

 

  • Give the extension name when creating the application extension in workspaces.
  • Choose “Create new repository” and click Create.

Fig 5:

 

  • Give the repository name and working branch name when created.
  • Click on the workspace that was created.

Fig 6:

 

  • Click on ‘+’ and Create APP UI.

Fig 7: Create APP UI

 

Fig 8:

 

  • Enter the App UI Name and App UI ID to create.
  • Click on open.

Fig 9:

 

  • After Creating the App UI click on Diagram > Component and Open.
  • Once it is open you will redirect to this page.

Fig 10:

 

  • Search for Heading in the filter and drag and drop the component.

Fig 11:

 

  • Use the filter option under Page Designer> Components to drag and drop the values.
  • The heading can be renamed whatever you choose.

Fig 12:

 

  • Use the Text option to rename the values.
  • Search for input text in the filter and drag and drop the component.

Fig 13:

 

  • The label can be renamed whatever you want.

Fig 14:

 

  • Choose Data and click (x) on the top right corner.

Fig 15:

 

  • We have more variables under Data. So, choose the variables related to the requirement.
  • Search for “search string” and choose the Variables.

Fig 16:

 

  • Navigate to Services in the top left corner and create a service connection.

Fig 17:

 

  • After choosing the variables from the data you can create a service connection.
  • Choose “Select from the catalog”.

Fig 18:

 

  • Choose “Human Capital Management”.

Fig 19:

 

  • Select “Workers” and click Create.

Fig 20:

 

  • In the Create Service Connection search box, enter worker, then select Workers(Workers) from the list.
  • Click on Data and choose Services > HCMRest > drag and drop the “Workers”.

Fig 21:

 

  • Select the Data tab in the Page Designer and expand Services and HCMRest. Drag Workers onto the page underneath the Input Text component.
  • Click Next.

Fig 22:

 

  • In the Add Data wizard, accept the default template in the Select Template page and click Next
  • Search and drag and drop the fields in slots.

Fig 23:

 

  • In the Bind Data page, the Endpoint Structure panel shows all the fields that are available for us to choose from in the Workers object. Drag and drop each of these fields from this panel to the Item Template Fields section as specified, using the search field to help you locate them:
    • Default slot: DisplayName
    • Secondary slot: DateofBirth
    • Tertiary slot: TownOrCity
  • Add more slots If necessary.

Fig 24:

 

  • Click “filter Criterion” to add a condition to the search as the display name.

 

Fig 25:

 

  • In this section, we’re going to set up a filtering mechanism for our list, based on the display name of the employee. We want to compare each name to whatever the user enters as a search string, to find the proper match.
  • Click preview and check.

 

Fig 26:

 

  • We will first test the page to make sure it’s working correctly, then we can publish the application. After the application is built in VB Studio, we can view the published version.
  • You can search for an employee’s name and check the result.

Fig 27:

 

  • To filter the list, enter a search criterion, like the first name “Venkat Srikanth”
  • Once previewed click publish.

Fig 28:

 

  • Now that you’ve confirmed the search is working, you’re ready to publish your extension with its App UI.

 

Business Benefits of Using VB Studio for Oracle Cloud Apps Extensions

Discover how VB Studio empowers businesses to customize Oracle Cloud Applications efficiently, enhancing productivity, agility, and decision-making with seamless integrations and low-code development. Unlock cost-effective, scalable solutions that drive smarter, data-driven operations.

1. Tailored User Experiences for Enhanced Productivity: Visual Builder Studio (VB Studio) provides an easy, simple-to-use interface called Express mode, which helps you tailor your Oracle Cloud Applications pages, so your end users are presented with only the data they need.

2. Accelerated Time-to-Market with Low-Code Development: With its low-code environment, VB Studio allows teams to build and deploy extensions faster, reducing development cycles and enabling quick adaptation to changing business demands.

3. Seamless Integration with Oracle SaaS Services: VB Studio ensures smooth integration with Oracle SaaS services like Human Capital Management (HCM) and Financials. This capability enhances data consistency and eliminates silos, resulting in more connected and insightful operations.

4. Cost-Effective Customization at Scale: By using the same tools as Oracle’s in-house developers, businesses gain enterprise-level customization without the need for expensive third-party tools or development resources.

5. Enhanced Agility with Dynamic Service Connections: VB Studio’s capability to connect to SaaS service catalogs ensures businesses can quickly incorporate real-time data into their extensions. This agility allows them to stay competitive and responsive to market changes.

6. Intuitive Design for Business Users: The Express Mode in VB Studio simplifies customization for non-technical users, empowering business stakeholders to make impactful changes without requiring extensive IT support.

7. Future-Proofing Through Scalability: Extensions built using VB Studio are designed to grow with your business. The platform ensures that customizations remain compatible with future Oracle Cloud updates, reducing maintenance overhead.

8. Improved Decision-Making with Data-Driven Customizations: By leveraging VB Studio to create data-rich user interfaces, businesses can provide their teams with actionable insights directly within Oracle Cloud Applications, driving smarter decisions.

9. Streamlined Collaboration Across Teams: VB Studio fosters collaboration between development and operations teams through integrated project and version control features. This ensures alignment across all stakeholders during the customization process.

10. Strengthened Security and Compliance: Oracle’s robust security framework extends to VB Studio, allowing businesses to build extensions that comply with data privacy regulations and security standards without compromise.

Incorporating these benefits into your operations can revolutionize how your organization utilizes Oracle Cloud Applications, delivering superior value to both users and stakeholders.

 

Unlock the Power of Oracle HCM Cloud with Kovaion’s Custom Solutions

Leverage Kovaion’s cutting-edge Oracle HCM Cloud solutions to enhance and customize your Oracle Cloud Applications. With the powerful Visual Builder Studio (VB Studio), including its user-friendly Express mode, you can tailor your applications’ pages to ensure your end users only see the data they need. This results in a more streamlined, efficient experience, improving productivity and decision-making. Contact us today to explore how Kovaion can help you transform your business with scalable and tailored Oracle solutions.

Oracle HCM Cloud

Connect with us for End-to-End Implementation, Enhancement, Updates, and Support for Oracle HCM.

Read More

Categories