Archive for the ‘10g’ Category

jQuery Customizations for WebCenter

September 24, 2012

jQuery has become a staple for a lot of the customizations in WebCenter Content. In fact, I can’t think of a customization over the past couple years that I haven’t used jQuery in some form. I’ve outlined below a few of the basics to get jQuery running on your content server and a couple examples on how we use it. For those of you mumbling “jQuery is just javascript”, well you’re right, but who in the world would pick an axe to cut down a tree when you’ve got a perfectly good chainsaw to do the work for you? Javascript is still great for the little stuff, but jQuery is a much better toolbox.

First things first, you need a place to include your jQuery and you customizations. We generally create a brand new component, which I won’t cover here, but you’ll find all the  information you need at You’ll also need to download the latest and greatest jQuery here:

After downloading the jQuery source you’ll need to put it on the server so the client can access it. We usually store these files with the component we create to allow easy access.
Once you’ve created your new jQuery customizations component you’ll simply need to overwrite the std_html_head_declarations like so:

<@dynamichtml std_html_head_declarations@>
<$include super.std_html_head_declarations$>
<script type=”text/javascript” src=”js/jquery-min.js“></script>

You will need to make a few small changes to setup the source highlighted in red, but this is pretty straight forward. (it’s the location of those jQuery files you’ve just downloaded)

Now that all the pieces are in place to use jQuery, let’s move on to some quick and easy customizations.  Say you have a pretty basic UCM check-in screen: Content ID, Title, Author and any other information you need for a standard check-in. This is great, but your users don’t follow the standard you’d really like them to follow for Titles. This can be difficult to regulate and the default profiles and rules just don’t cut it. With jQuery, we could simply add the following code and it would pop-up a message when the user clicks on the title field:

$(document).on("click", "input[name='dDocTitle']", function(){
     alert("Please make sure to add ‘FB_’ to the beginning of 
     your titles.");

While this may look confusing the code is very straight forward. It basically states that when the document is ready for check in, add a click event to the dDocTitle input, and when this click event occurs send an alert to the user. With such a minimal amount of code we were able to let our users know they need to structure their titles to start with ‘FB_’.

This is great and almost everyone is following the process, but they are getting really frustrated with all the alerts. Here is some code to check if they have added the ‘FB_’ and alert them if they haven’t:

$(document).on("focusout", "input[name='dDocTitle']", function(){
     if(jQuery(this).val().substr(0,3) !== "FB_"){
          alert("Please make sure to add 'FB_' to the beginning of 
          your titles.");

With just a simple if statement to check the beginning of all our clients values when they focus off the item we can alert them of their mistake. To take this one last step further, we can add the ability to check for the correct value. If it’s not there, it would be added instead of warning our users by simply adding this section inside of the ‘if statement’ above:

$(document).on("focusout", "input[name='dDocTitle']", function(){
     jQuery(this).val("FB_" + jQuery(this).val());

While regulating what our users enter can be very difficult in most situations, jQuery makes regulating this easy. On top of that it removes any server side work which can take a lot of expensive resource time for even the simplest validation. I encourage you to give jQuery a try and see what other solutions you can come up with.


WebCenter Portal & Spaces Boilerplate template and overview to responsive design.

August 16, 2012

What is Responsive Design?
Responsive Web design – 
is an approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.

So as the user switches from their laptop to iPad, mobile device or TV etc to access a website – it should be automatically able to switch and accommodate for resolution(retina display), image size(bandwidth) and scripting abilities(touch, spatial events)

Web designers have always had the ability to create responsive sites (before html5 and css3, these standards just make it easier now); however with majority of users using their mobile devices or even TVs now; more than ever, to access the web we need to accommodate for our audience and provide a good user experience. One of the ways this can be achieved is through responsive design – although you need to look carefully at your site to see if responsive is the right approach and provides the correct user journey for your audience.

Read on to download the templates and find out more


WebCenter Mobile Support – ADF Mobile, Native, HTML5, Responsive Design or PS6 and the future..

March 21, 2012

Mobile Solutions are now becoming an important part of the Web; but which development direction are you taking your users down?

ADF Mobile is to be released hopefully this year; allowing developers familiar with the ADF process to develop mobile applications built on the supported Oracle ADF development framework; however support for Blackberry, Windows and other mobile Operating systems is doubtful. It is a shame when you consider how popular Blackberry Rim devices are in EMEA.

Fishbowl WebCenter Spaces Mobile Collaboration Suite (ios, Android, RIM, Windows – Tablet, Mobile)

Mobile Native applications are very expensive with only a handful of organisations having the skills to write and support the different devices. Not only does each operating system require it’s own language branch, but maintenance is required for the latest OS release with an update coming out every 6months to a year, to support depreciated functionality and incorporate new APIs. As devices improve with screen resolutions and added hardware more support will be required to incorporate improved device feature sets. If you are looking to develop native applications I would recommend looking for an Oracle partners with a supported API for integrating services to WebCenter rather than develop and support your own. We provide a number of solutions with our native mobility suite –

Mobile HTML5 application development has been on the rise with more developers jumping on solutions like appcelerator, Phonegap – cordova, jqTouch, JQuery Mobile, Sencha touch, Zepto. These have been the easiest and quickest solution to build supporting tablets and mobiles as well as large number of device operating systems; with jqTouch, jQueryMobile and Sencha providing you a fully supported templated solution very much like ADF and its renderkit.

Fishbowl WebCenter Content Mobile Integration Suite (ios, Android, RIM, Windows – Desktop, Tablet, Mobile)

Responsive design allows developing one template that can support all resolutions and devices through a web browser; although time consuming – if you get the design and CSS3 breakpoints developed correctly can be a great solution to your WebCenter application – I have tested and written a base template, wireframe for designers to use for WebCenter Portal & Spaces as an internal POC and it’s proving to be quite successful supporting Desktop, tablet and numerous mobile devices and incorporating touch events with the Zepto JS framework. You can read more on developing for mobile here –

PatchSet 6.. Well with the release of Patchset 5 more support has gone into supporting tablets, flash has been replaced with canvas a new skin to support tablets is now available. Touch events have also been incorporated to support the out of the box portlets.  It’s a great step forward, but still no true support for mobile devices.. This leaves us with Patchset 6 or the 12c release where I’m hoping we will see more capabilities around supplying multiple templates based on device access. You can already see this feature incorporated with the enhanced ADF generated CSS media queries –

@agent ie and (version: 9), webkit and (touchScreen:multiple)

Info on PS5 tablet support can be found here –

Oracle OpenWorld 2011: Fishbowl Recap

October 19, 2011

Whew! What a fantastic four days of keynotes, sessions, customer meetings, product demonstrations, and more meetings. 2011 marked the fourth straight year that Fishbowl Solutions attended OpenWorld, and this year there seemed to be more excitement than ever. Here is a recap of our activities as well as some overall OpenWorld takeaways.

The WebCenter Rebrand is Resonating

A major catalyst behind all the excitement was the rebrand of Oracle Enterprise 2.0, or Oracle Content Management and Oracle WebCenter, to just Oracle WebCenter. This has definitely resonated with customers. Prior to the rebrand, there seemed to be a lot of confusion due to the sheer number of products that existed under Oracle Enterprise 2.0. From acquisition to acquisition and name change to name change, customers were challenged with understanding product direction. Wrapping the products all under the WebCenter name, and bucketing them within Content, Portal, Connect and Sites, has gone a long way in conveying a product that is truly integrated and not fragmented. Please let us know if you feel the same or disagree.

The Excitement around Web Experience Management

Speaking of Sites, from Fishbowl’s point of view, this seemed to be the WebCenter product that had the most interest at OpenWorld. Every session we attended was nearly packed, so it seems that organizations have been anxiously awaiting a web experience management offering from Oracle. The reason is pretty simple. Organizations understand the value of their websites for customer acquisition and retention. However, a lot of organizations struggle with providing an engaging experience for visitors, so that when they do come to their website, they can’t get them to stay long enough or even entice them to return. Enter Fatwire, or WebCenter Sites, which takes web content management to the next level. Not only does it offer the standard author, edit, approve and publish capabilities, it provides web marketers with tools to define customer segments and the content to be targeted to those segments, as well as analytics to help with further site refinement.

Fishbowl Solutions is excited about this because we have spent a lot of time with customers integrating a web analytics component with their public facing websites. Sites will enable us to deliver this pretty much out of the box, which will decrease a customer’s time to value. So overall, Fishbowl Solutions is guardedly optimistic regarding the capabilities of WebCenter Sites. Over the 10+ years of our website development experience, customers have continued to ask about the availability of a non-technical yet feature-rich web development platform. In our exposure to other systems that claimed to offer this, we found that there was still a level of technical skill required to expose certain features and functionality. When it comes to WebCenter Sites, we will be digging in to the product over the next few months, and we will share our thoughts regarding its overall capabilities and any technical prerequisites after our testing and evaluation is complete. In the meantime, what are your thoughts regarding WebCenter Sites?

So Long SharePoint?

Our week kicked off with a presentation (see it here) regarding the SharePoint Connector we developed for Oracle WebCenter Content, which is an Oracle Validated Integration. Prior to presentation, we asked the 45+ attendees if they were using SharePoint in their organizations, and all of them raised their hands. We also asked them if they were using WebCenter Content as well, and about half of them raised their hands. This was not surprising, as industry stats indicate that the majority of organizations are using more than 1 content management system.

What resonated with us however, was how much angst and frustration the attendees we talked to have with SharePoint. This is primarily due to how pervasive it has become in their organizations, to the point where site governance and records management is pretty much impossible. Organizations are truly looking for WebCenter Content to be their system of record for collaborative content coming out of SharePoint. We feel that our connector makes this possible, and the benefit to organizations is that once this content is all stored in WebCenter, they can easily surface that content to the other Oracle systems they are using, including Oracle Applications and WebCenter Sites. This ability, coupled with the collaboration capabilities of the newly announced Oracle Social Network, may be tipping points for organizations to phase out SharePoint altogether. It will be interesting to see how this plays out.

Mobile ECM

Fishbowl Solutions also gave two presentations at OpenWorld regarding mobile content management or Mobile ECM. It seems that mobile is everywhere these days and mobile devices have become more common within organizations, enabling workers to complete job-related tasks regardless of time and space. When it comes to content management, these tasks may include sharing content, checking in content, and approving workflows.

Technologies exist to extend content management capabilities to mobile devices either through the web or an application. We compared mobile applications vs. mobile web during this session, and then were fortunate to co-present with Medtronic and discuss their mobile application for Oracle WebCenter. This application, which Fishbowl Solutions largely developed, enables content stored in WebCenter, including videos, images, and PDFs, to be securely searched and accessed by Medtronic sales reps around the world using their iPads. This medical device product and therapy services information can then be quickly and easily shared with doctors, patients, and patient advocacy groups. By utilizing this application, Medtronic has been able to decrease time to market for their products and services, save on printing and storage costs, and increase overall sales process efficiency.

This unique use of WebCenter as a content storage and delivery mechanism for 1000s of iPads enabled Medtronic to win an Oracle Fusion Innovation award, which they received at OpenWorld. Their Mobile ECM use case has also won them a Forrester Groundswell Award. This recognition clearly illustrates the possibilities and positive outcomes available to organizations looking to implement a Mobile ECM system that leverages the power of Oracle WebCenter. What’s your organization’s Mobile ECM strategy? If you don’t have one, Fishbowl Solutions would be happy to help you define and develop your Mobile ECM strategy. Contact us today for a demo and further discussion.

It was great meeting everyone at OpenWorld. You can find all of our OpenWorld presentations here. You can also keep up with us through the Fishbowl Solutions Website, via Twitter – @FishbowlE20, or on Facebook (Fishbowl Solutions).

5 Pillars for WCM Optimization – Pillar 1 Don’t Wait Until Performance Tanks To Fix It

December 7, 2010

This is the first in a 5 part series that covers some basic tips and tricks of how to do WCM.

5 Pillars of WCM

5 Pillars of WCM

The web and WCM systems have evolved to a substantial level of maturity.  The level of sophistication incorporated in these technologies is substantial.  While they do not require a rocket scientist to implement or administer, they do require a disciplined and consistent approach to management
These days there seem to be as many Web Content Management (WCM) systems as there are programming languages.  From Open Source systems to blogging platforms to wiki systems to big vendor Enterprise Content Management (ECM) and portal systems we are swimming in WCM options.  Oracle Web Content Management is part of Oracle Universal Content Management.  Whether you are using Oracle WCM or another system, there are some key strategies for optimizing your site and content that can spell the difference between a site that successfully drives desired behavior and one that simply exists on the web.

Each WCM platform will have its own idiosyncrasies and optimization tricks.  But with some careful consideration of the basics, an intentional uptake of technologies that help and regular maintenance your WCM site will sing.  Here are 5 pillars for successful WCM site and content optimization.  Some are specific to Oracle WCM, some cross technological and vendor boundaries.

Pillar 1: Don’t wait until your site performance stinks to implement optimization techniques.