How to learn Siebel Open UI?

A lot of people have asked me this question or a variation of this question which goes like.

  • How do I learn Open UI?
  • How do I start with Open UI?
  • I want to learn Siebel Open UI, should I start with bookshelf?

You get the drift. I thought it might help to share the answer that I give them.

My Answer:

Learning Open UI is bit different from traditional Siebel. In normal circumstances one would be asked to read bookshelf or visit Siebel Essentials or Siebel Unleashed 😉 to learn Siebel but not in case Open UI (although that would certainly change in future). I will not ask you to touch bookshelf until much later.

As we all know Siebel Open UI is a new layer of UI based on HTML 5.0 standards that provides browser independence and great many other features. These other features (commit on step off, Notifications, Tiles Layout) are achieved by use AJAX, jQuery Plugins (JQ Grid for list applets) and Proxy JavaScript classes designed by Oracle (buscomp.js, view.js).

Above information means that in order truly understand and develop in Siebel Open UI we first have to understand the technologies that make it tick. In other words you have to primarily understand following technologies

  1. HTML
  2. CSS
  3. jQuery
  4. AJAX

When I learnt about Open UI for the first time I knew that jQuery will be integral part of it and I started honing my jQuery skills by reading about it. Reading was OK but what really helped me setting myself a target to build small application that used all of these technologies. It could be a really simple project such a building a sign-up form.

For HTML & CSS learn about frameworks such as Bootstrap. For AJAX you can setup WAMP  (web server and MySQL DB). Get your hands dirty with jQuery and AJAX and try to implement simple things such as Accordian.

I would give around 2-4 weeks for this phase of learning. Once you are comfortable with terms like selectors, filters, parent, delegate, bind, closest, overflow, font-family, border, display block/inline then you know you are ready for next part. Now, the basic structure of PM and PR would start making sense. One thing that you can do to test if you got the basics right or not is to un-minify any Oracle class file such as buscomp.js, view.js etc and see if the code there makes any sense. Don’t expect to understand much but even if you are able to make sense of few things that means you are in right direction.

Next step is then to move to Open UI bookshelf (yes, you can start it finally) and start implementing basic PR and PM. I can assure that this additional effort to understand the basics would go a long way in saving time and effort later.

In case you have already been asked to start developing in Open UI then I would suggest start following Siebel-Essentials closely there are really good examples and basics to get you started and keep learning these technologies parallely.

Have different thoughts or have something to add? Head to the comments section below and make the difference.

10 Responses to How to learn Siebel Open UI?

  1. Hi Neel,

    thanks for this article and the pointers to Siebel Essentials. May I also add that Oracle University offers two classes on Siebel Open UI. A two day foundation and a three day advanced scripting class.

    have a nice day

    @lex

    • Danish,

      One example of AJAX use in Open UI will be calling a siebel web service asynchronously to update data or to fetch data based on user action.
      Since the webservice call will be on same domain so it is not limited by same origin restriction.

      I implemented a POC where I read data from a file and performed validation using AJAX.

      • Hi Neel,
        A great post , and u completely agree with your explanation…
        I have seen many developer’s approaching bookshelf for help b7t as you said its true to have some knowledge about selector statements event handling using jquery and most certainly and mainly CSS.
        I glad to hear that you have made a POC calling a service and displaying abd saving data on a bc…
        Could you please provide us a way to do the same…
        By the way thanks again for such great educational posts…
        Have great day and wish you all the best for your future assignments. ..

        • Kranthi,

          Thanks for the kind words. Yes, that post is also on the cards but it will take some time. Lot of stuff in the store but due to time constraints I am not able to post.

          Hopefully soon

          Thanks
          Neel

      • Webservice through js? Do you recommend any encryption mechanism to safeguard the passwords?
        Please be aware that you will leave a big security hole in application by using anonymous web service or saving passwords in js.

        • Hi Jim,

          I have seen that most of Siebel Implementation are for internal employees and inside firewalls. They don’t even use HTTPS so I am not sure if security is a really big concern for them. I have seen web services implemented where username and password are sent in clear text in the URL itself.

          Although your security concern is valid concern and probably Oracle thought of it too. So, you don’t actually need to call the web-service through AJAX directly. Siebel has provided a way to run BS, BC Methods and Workflow asynchronously (using AJAX internally) with an ability to have callback functions for notification or update when the call is complete. Try finding ai parameter in bookshelf.

          Thanks
          Neel

          • Not sure if I understood you completely. But this has given me an idea to call siebel js functions (bc. and bo.) asynchronously using jquery.

            This way we don’t have to keep the password in js and this code is useless to hacker if he doesn’t have username and password.

            looking forward for your posts.
            -Jim

  2. Hello Neel,

    In my opinion, attending the 2 day basic course from Oracle is a very good stepping stone to explore Open UI. Unfortunately, Javascript is not taught in it and instead has been given as a pre-requisite in the course.

    But I attended it even without prior Javascript knowledge and found it to be a good ice breaker. They explained the PM and PR in detail which I consider as the backbone of Open UI customization.

    Earlier when I went through bookshelf, everything was so much in detail and I felt it to be a drag…yawnnn… But after the Oracle course, my second step was to again go through the bookshelf and now I could understand it better…

    My third step was to start working on the examples given by you and @lex and try to implement them successfully first and then add my own customizations and see how they get reflected. That slowly built my confidence in Open UI.

    Thanks to you guys for taking your time in writting these blogs so that others could benefit from it.

    Thanks,
    Srini

  3. Hi ,
    could you explain me how to
    1.modify the HTML code we see through inspect element
    2.PR and PM is not registered in manifest admin,in that case how will know which file it refering

    my issue is in a particular view 3 applet is there but 1st 2 applet only visible in open ui mode but HI mode it is visible
    how to make 3 applet visible?

    Thanks in advance !!!

Leave a Reply

Contribute