X

Shay Shmeltzer's Oracle Development Tools Tips

Oracle JET UI on Top of Oracle ADF With Visual Builder

Shay Shmeltzer
Director of Product Management - Oracle

At Oracle OpenWorld this year I did a session about the future of Oracle ADF, and one of the demos I did there was showing the powerful combination of Oracle ADF backend with a new Oracle JET UI layer and how Oracle Visual Builder makes this integration very simple.

While we have many happy Oracle ADF customers, we do hear from some of them about new UI requirements that might justify thinking about adopting a new UI architecture for some modules. These type of requirements align with an industry trend towards adopting a more client centric UI architecture that leverages the power of JavaScript on the client. While ADF (which is more of a server centric architecture) does let you leverage JavaScript on the client and provides hook points for that in ADF Faces, some customers prefer a more "puristic" approach for new user interfaces that they are planning to build. Oracle's solution for such a UI architecture is based on Oracle JET - an open source set of libraries we developed and share with the community at http://oraclejet.org.

Oracle Visual Builder provides developers with a simpler approach to building Oracle JET based UIs - for both web and on-device mobile applications. Focusing on a visual UI design approach it drastically reduce the amount of manual coding you need to do to create JET based UIs. 

UIs that you build in Visual Builder connect at the back to REST services, and this is where you can leverage Oracle ADF. In version 12 of JDeveloper we introduced the ability to publish ADF Business Components as REST services through a simple wizard. Note that out-of-the-box you get a very powerful set of services that support things like query by example, pagination, sorting and more. If you haven't explored this functionality already, check out the videos showing how to do it here, and this video covering cloud hosting these services.

Once you have this ADF based REST services layer - you'll be glad to hear that in Visual Builder we have specific support to simplify consuming these REST services. Specifically - we understand the meta-data descriptions that these REST services provide and then are able to create services and endpoints mapping for you.

ADF Describe Dialog in Service Connection

You leverage our "Service from specification" dialog to add your ADF services to your Visual Builder app - and from that point on, it's quite simple to build new JET UIs accessing the data.

In the video below I show how simple it is to build a JET-based on-device mobile app that leverage a set of REST services that were created from Oracle JDeveloper 12. Check it out:

Join the discussion

Comments ( 2 )
  • J2eeInside Friday, November 23, 2018
    Hi Shay,

    @"These type of requirements align with an industry trend towards adopting a more client centric UI architecture that leverages the power of JavaScript on the client."

    - Can you provide what is advantage of this approach, contrary to server centric architecture? We use standard ADF/Rich Faces approach, and we are completely satisfied with him. We wonder why we would change it?
  • Shay Monday, November 26, 2018
    If you "are completely satisfied" with your current solution I don't see a reason to switch.
    Client side frameworks give you better response to client events - simply because they don't involve traffic to the server to parse the action and to send back updated UI - rather they do the changes on the client.
    So for example if you have a mobile device that is changing the view from portrait to landscape - you might need to adjust what you show on the screen - and the question is whether you want to do network traffic to handle this, or completely control this on the client side.
Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.Captcha
Oracle

Integrated Cloud Applications & Platform Services