X

It's All About the Platform.

Overview of the PaaS4SaaS User Experience RDK

Richard Bingham
Senior Development Manager

Overview

This new set of tools and resources makes extension to Oracle Cloud Applications easy and successful by providing design best practices, tutorials, tools, and ADF development resources.  

The rapid development kit, or RDK, was put together by architects and developers from within the Oracle Applications User Experience team, and ADF expert and Oracle Partner Sten Vesterli. The RDK components are offered without any additional cost.

There are already overviews of the RDK pieces, and together they give you everything you need. As such we'll considered just key points and resources. To get started, take a look at the following items:

Wireframes

A best practice I've heard many times from our Oracle Applications User Experience teams, and something of course we support, is the creation of mockups or wireframes for all application development, no matter how small. To help support this process the team provides a set of templates that complement the RDK download. For ease-of-use these are powerpoint slides that have images that accurately represent dozens of the ADF components used in Release 10, and as such can quickly be put into your own page designs.

It's a great way to quickly have an illustrative design that you can get in front of stakeholders before development starts. As you can see from the screenshot below, using examples from Sales, ERP and HCM Cloud applications you can select the ADF components as images on the slides, adjust properties as you need, and put them in your own page flow deck.

As a developer, after wireframes are approved you can then use this video which explains using the same components via JDeveloper and ADF terms. Similarly the second half of this video ( designing the right thing and designing it right) shows use of this wireframing tool to design a UI.

Inside JDeveloper

First you'll need to ensure you have JDeveloper 11.1.1.9, so download and install this first if required. Now download the RDK zip file from Oracle Technical Network or from GitHub. Let's look at what you get. The workspace file is AppsCloudUIKit.jws which is found along with the Developers Guide in the root directory. 

When you open the workspace you'll see ViewController project folders with base definitions (DemoMaster) and product specific content.

As well as browsing through this for reference, the pages are runnable (with dummy data). Select the Welcome.jspx under the DemoMaster folder and click Run (using the integrated weblogic server). You'll get the following popup, and behind it is a running mock application.

In this dummy application you have a limited set of product page UI examples, as illustrated by the Navigator

So to take an example, you can open the Opportunity page in JDeveloper to investigate the ADF UI components being used, and also see this running.

 

As you can see this significantly helps you understand the UI components
available to your custom applications. As such the end result works as a
seamless extension to Release 10, forming a more indistinguishable
transition for your end users. 

 

 

Custom Development

Section two of the Developers Guide covers building a simple local application, and specifically calls out some parts of the RDK. This is in addition to the design principles, detailed UI examples, and the wireframing template mentioned above. There are two parts of particular note.

The first is the MainPage-Template available after importing the library /libs/adflibUIKitCommon.jar. This page template provides a Oracle (Fusion) Cloud Applications global header bar and various features that are used in Release 10.

Additionally there are five Oracle ADF declarative components supplied in the RDK, namely CardDC and CardViewlistViewDC for workarea layouts, InfoletDC and InfotilesDC to replicate the infolet features, and the PageHeaderDC component for page titles. Once you have added the /libs/adflibUIKitCommon.jar to the ViewController project's JSP Tag Libraries, then you will find these in the Component Palette.


As such you can leverage these so that your custom ADF applications look and work like Release 10.

The Developers Guide goes on to consider integration using web services, and includes a sample RESTful call to Google Maps. There is more detail on this, and others examples in this post on the Applications User Experience teams blog. The Developers Guide also covers the final deployment to the Oracle Java Cloud platform.

So whilst we've not covered everything here hopefully this gives you a salient overview of the RDK and some of the benefits of using it to extend your SaaS applications. If you need more details, revisit the resources at the start of this article, especially the RDK homepage. If you have further questions, comments or stories please share in the comments below.

Join the discussion

Comments ( 5 )
  • guest Tuesday, August 16, 2016

    Nice article Richard, thanks. There seems to be a bit of a mismatch between the version of JDev required for this (and therefore the UI components available) and the JDev required for deployment to the Java Cloud. The RDK here uses 11.1.1.9, while I believe it's 11.1.1.7.1 that must be used for JCS-SX.

    Is the RDK intended for non-SaaS extension use cases or am I missing something? Thanks again for all the great articles.


  • RK Friday, September 23, 2016

    this RDK is not helping with JCS where i need to useJDeveloper 11.1.1.7.1


  • Oliver Steinmeier Thursday, March 9, 2017

    JDeveloper 11.1.1.9 is now available from this page:

    http://www.oracle.com/technetwork/developer-tools/jdev/downloads/index.html

    Hope this helps!

    Oliver

    Fusion Apps Developer Relations


  • Hrishikesh Friday, August 31, 2018
    I hav been using the RDKs, and it has been pretty effective for building custom pages.
    Is it possible to update the correct blog link? the
    current one is not working

    Thanks
  • Richard Friday, August 31, 2018
    Updated the link to the RDK homepage, as it got moved. For reference it is http://www.oracle.com/webfolder/ux/applications/index.html?root=build&build=technology
Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.