TechLife: Idea Port Riga blog about mobile, web and integration solutions for enterprises

Unlock rich UX for Siebel Open UI with the modern web frameworks and Nexus'19

Jan 21, 2019 11:37:38 AM / by Juris Terauds

Siebel UX is not up to date. Siebel Open UI introduction in 2012 made it possible for Siebel customers to change Siebel UI's look & feel by modifying CSS and writing small pieces of jQuery code. By doing so, you can make Siebel look in accordance with the corporate brand book and slightly improve how users feel using the system. Still, these changes do not bring Siebel UX to the level users expect from web applications in 2019 when it comes to visual aesthetics and ease of use. 

Heavy transformation of Open UI using jQuery is an expensive approach. Siebel Open UI framework is relying upon jQuery, and all of the customization of Siebel user interface has to be done with this JavaScript library.

When you ask your colleagues who are building beautiful, fast and highly interactive web applications for end users about the frameworks they use, you will hear them talking about React, Angular or Vue.js, not jQuery. While jQuery was originally designed in 2006 to simplify DOM manipulation and offered cross-browser support, the modern frameworks are making the development of great-looking and functionally-rich web applications faster and less expensive, with smaller codebase to write and maintain.

360 Design New

Account Summary view built using Vue.js and Quasar Components Library

Modern web frameworks allow developers to focus more on applications’ usability and functionality instead of low-level technical stuff. While there are notable differences between React, Vue.js and Angular, they and supporting libraries offer productivity improvement with the following features:

  1. Effective code structuring with reusable components technology;

  2. Advanced DOM manipulation and data binding with two-way data binding approach;

  3. Ready-made mechanisms for state management;

  4. Building, transforming, bundling code with Webpack;

  5. Reusable UI component libraries, public or internal.

 

Nexus'19 allows using modern web frameworks natively within Siebel Open UI. At Idea Port Riga, we have developed a JavaScript class that wraps the Open UI Presentation Model layer and exposes the necessary methods for Vue.js, Angular or React apps to do the physical rendering of the UI. We called this open-source project Nexus'19, named after the Nexus project Siebel Systems Siebel Systems worked on back in 2003.

Nexus'19 is available for free to everyone under the MIT license.  

Get Nexus Bridge Now

 

Installing Nexus’19 won't automagically transform the UI of your Siebel application. Instead, it allows you to tell your business users that finally you can give them the user experience they were looking for and start your Siebel transformation journey. You will be rebuilding Open UI view by view, user scenario by user scenario using the tools of "real" web developers. The beauty of Nexus'19 is that you can leverage the power of modern web frameworks and fully reuse the Siebel configuration you have been building for years. Because Nexus'19 operates on top of the Siebel Presentation Models’ layer, your Vue.js, React or Angular application will be 100% aware of read-only or required attributes of business components’ fields, validations, LOVs, picklists, state models, etc.
 three pictruesMobile-friendly rendering of Siebel views for a Service Request creation with React

Currently, we are developing several Nexus'19 POCs internally and for our clients. Visit Nexus'19 page  to watch Nexus'19 webinar recordings, on what is possible to achieve with Siebel Open UI using Nexus'19 and modern web frameworks. 

Take me to Nexus'19 Home

Stay tuned!

 

Topics: OUI, Siebel, Nexus'19, UX, Siebel Open UI

Juris Terauds

Written by Juris Terauds

With 20 years of experience, Juris helps his clients to discover and deliver the benefits from enterprise web and mobile apps UX transformation journey. Juris has the strong track record in clients' business processes improvement with IT solutions, and recently he earned UX certification by Nielsen Norman Group. This combination allows him and his clients to spot the opportunities that can streamline the business processes while making the applications' end users happy and engaged.

Siebel Open UI: Nexus Bridge

Nexus_Clap_black

Nexus Bridge: Unlock Rich UX for the Siebel Open UI

Nexus Bridge makes it possible to use React, Vue.js, Angular as a native part of the Siebel Open UI. No need for REST and IFrame, just the extension of the Open UI. Developed as a part of the Nexus'19 project, Nexus Bridge is available to everyone for free under the MIT license. Learn more about Nexus Bridge for Siebel >>

Siebel Open UI: UX Transformation

Ready_to_get_started-1-optimized

Siebel UX Transformation: Make your Siebel users super productive

We bring the best UX methods and tools to research your users' needs and turn Siebel Open UI into the great looking easy-to-use application, that gives users what they really want: being super productive.  Learn more about Siebel UX transformation>>

Recent Posts