Skip navigation

We previously showed you how to create an Oracle Application Builder Cloud Service application that reference Oracle Sales Cloud data and create additional custom UIs and objects. The next logical step that you might want to do is include that application as an integral part in your Oracle Sales Cloud application.

You can actually embed the full ABCS app as either its own menu option, or even as one more tab on an existing object like this:

Screen Shot 2016-07-18 at 3.06.53 PM.png

 

Below we have a video that shows you how to do this.

In the video we are showing several steps:

  • Stage the application - useful for further testing by other users
  • Publish the application - allow other people to use a production copy of the application
  • Version the application - manage changes to your application without disturbing the current app
  • Enable application embedding - allow other apps to include your ABCS app in a frame
  • Stage & Publish the new app
  • Use the nonav parameter to eliminate surrounding chrome in your layout
  • Add a tab in Oracle Sales Cloud with the Application Composer
  • Add Oracle ABCS application into the new tab - pass in a parameter (in this case the PartyNumber which identifies an account)
  • See the Oracle ABCS app inside your account details

 

Here is a quick demo:

 

A few tips on what you see in the video

 

Removing the surrounding chrome

This is useful if you don't want to show the ABCS template and navigation menu. To achieve this add the ?nonav parameter in your application's URL before the # sign. Like this:

https://yourserver/release/Budget_Planner/live/?nonav#/editcrm_accounts_accountsPage/3004

 

Passing a parameter

If you navigate into a page that shows the details for an object in ABCS (for example the account details page) you'll see that at the end of the URL there are several characters that identify the specific object instance. You can then go to the External Service tester in ABCS to find out which field returns this identification.

In the case of the Account object that field is the PartyNumber field.

So if you want to show the page for a specific account you need to embed this field's value to the URL.

This is why in the video we are using the following groovy expression to return the page to show:

return "https://yourserver/release/Budget_Planner/live/?nonav#/editcrm_accounts_accountsPage/" + PartyNumber;

(note that the spacing and the ; at the end are important).

One of the main goals of Oracle Application Builder Cloud Service is to help Oracle SaaS customers to quickly build custom user interfaces that leverage data from Oracle SaaS and mash it up with their own data.

There are various features in Oracle ABCS that make it easy including support for single-sign-on across Oracle SaaS and ABCS apps, built in UI template that matches the Oracle SaaS look and feel, and a catalog of services that displays services exposed by Oracle SaaS - providing easy access to SaaS data.

 

So how do you go about building a new application that connects to SaaS data and create a form that looks like this?

Screen Shot 2016-07-08 at 3.32.55 PM.png

 

 

In the demo below you'll see how to build all of this without manually writing a single line of code.

Some of the things you'll learn in this video include:

 

  • Creating custom refined UI pages
  • Creating custom queries and searches on data
  • Adding custom fields connected to SaaS objects
  • Adding customer objects connected to SaaS objects
  • Creating graphical display of data
  • Creating responsive mobile interfaces

 

 

Once you create your application you can run it as a stand-alone app, or embed the UI pages into Oracle SaaS menus.

Check it out.

While Oracle Application Builder Cloud Service provides a no-code development experience, it does provide a JavaScript API that enables more advanced developers to add code that will achieve more advanced functionality in ABCS.

 

Screen Shot 2016-07-07 at 3.17.15 PM.png

 

In the video below we show you how to use the API to add records into a custom object. We read the data from a REST service end-point - making the data that we insert into the object dynamic.

'

If you want to try this on your own then:

 

var eo = Abcs.Entities().findById('project');

$.getJSON("https://api.github.com/users/Oracle/repos", function (result) {

    $.each(result, function (i, field) {

        var operation = Abcs.Operations().create({

            entity: eo,

            record: {

                Name: field.name,

                Description: field.description

            }

        });

        operation.perform().then(function (result) {

            // Insert code you want to perform after record being created

        });

    });

});

//Need to refresh the table

self.projectListArchetype_viewModel.fetch();

resolve();