Archive for the ‘WCM’ Category

WebCenter Suite Real Time Chat – Mobile (Android, RIM, iOS, Windows)

October 25, 2012

As our continued drive to improve the WebCenter Suite I’m happy to announce that Fishbowl Solutions WebCenter Mobile Real Time Chat integration is soon to be released supporting Android, RIM, iOS and Windows Mobile Devices.

No true tablet application support yet but this is on the roadmap (you can use the mobile app on the tablets today or if your site has been optimised for tablets access chat via the integrated browser solution).

If your not familiar with our WebCenter Messging and Presence integration here is a quick rundown of it’s features.

Supports browser messaging integration with the WebCenter Suite – Portal, Sites & Content. There are no requirements to have a messaging XMPP server ie MS Lync setup; however if you do our solution can integrate with a number of messaging solutions ie – MS Lync, gTalk, etc.

For a preview of our browser integration check out these earlier posts

Addon:: WebCenter Portal Spaces Real Time Chat Instant Messaging and Presence Integration Video.

WebCenter Portal Spaces – Real Time Messaging & Presence Solution.

Maximize Your Oracle WebCenter Investment – See Fishbowl Solutions at Oracle OpenWorld

September 27, 2012

Oracle OpenWorld is upon us! Are you ready? Fishbowl Solutions is ready, and we are also willing and able to begin discussing how we can help your organization maximize its Oracle WebCenter Investment. Fishbowl Solutions has a lot planned for OpenWorld, but the main reason we are attending is to meet with WebCenter customers so that we can learn about your business challenges and discuss the ways in which Fishbowl Soutions may be able to solve them. To that end, I would encourage you to visit Fishbowl Solutions in booth #1941 – Moscone South. Stop by to see and discuss the value-add WebCenter components we offer, including solutions for mobile content management, SharePoint integrations, and Google search within WebCenter. We would also like to discuss the ways we can help you address your overall web content management, records management, enterprise portal, or document imaging initiatives. If you are a WebCenter customer, Fishbowl’s booth is a can’t miss destination.

Here is a listing of all our OpenWorld activities:

  • Fishbowl and Customer Presentations – Monday, October 1st:
    • WebCenter Content Strategy and Vision featuring Banner Engineering, 12:15 PM, Moscone West – 3001
    • Living with SharePoint, 1:45 PM, Moscone West – 3001
  • Wednesday, October 3rd
    • Building Next-Generation Portals: An Interactive Customer Panel Discussion, 5:00 p.m., Moscone West, room 3000
    • Sponsored by Fishbowl Solutions – drawing for a FREE iPad 3
  • Thursday, October 4th
    • Land Mines, Potholes, and Dirt Roads: Navigating the Way to ECM Nirvana featuring Banner Engineering, 12:45 PM, Moscone West – 3001
    • Sponsored by Fishbowl Solutions – drawing for a FREE iPad 3
    • Using Web Experience Management to Drive Online Marketing Success, 2:15 p.m., Moscone West, room 3001
    • Sponsored by Fishbowl Solutions – drawing for a FREE iPad 3
  • Sponsor – Oracle WebCenter Customer Appreciation Event
    • Tuesday, October 2nd, 6:30 – 9:30 PM, The Palace Hotel – Ralston Room

We look forward to discussing your current Oracle WebCenter use cases and what your organization would like to accomplish going forward. If you would like to schedule a private meeting at OpenWorld with any of our Oracle WebCenter experts, please email info@fishbowlsolutions.com.

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 oracle.com. You’ll also need to download the latest and greatest jQuery here:

http://www.jquery.com/download

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>
<@end@>

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.

Addon:: WebCenter Portal Spaces Real Time Chat Instant Messaging and Presence Integration Video.

September 6, 2012

For those interested in Fishbowls WebCenter Real Time Chat – Instant Messaging and Presence Integration;
I’ve created a quick preview viewlet so you can see it in action.

If your looking for that GTalk or Facebook chat styled integration with Spaces then here it is:

For an overview on how it works check out my previous post –
http://cfour.fishbowlsolutions.com/2012/08/21/webcenter-portal-spaces-real-time-messaging-presence-solution/

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

(more…)