Archive for the ‘Labs’ Category

Oracle WebCenter PS6 released!

Tuesday, April 2nd, 2013

Last year back in Feb we had PS5 and now with PS6 the WebCenter Suite released yesterday I can say its all just getting better and better!..

A rundown of the new Jdev 11.1.1.7.0 Enhancements can be seen here

http://www.oracle.com/technetwork/developer-tools/jdev/index-088099.html

Here are some of the items that catch my eye and you may have seen it on the twitter stream with a couple early tweets before the official release.

Firstly the new Skyros Skin (I’m presuming after the Greek Island)
Very clean and great looking skin; uses a lot of CSS3 properties instead of hundred of images to structure components – tabs degrades nicely for older browsers IE8 and below ie rounded corners become square.

Also a few new skin selector properties that tidy up the structure for better skinning development – I’ll try to post some updates later on to give you a rundown of some of the new enhancements with skinning.

You can see it in action in the new PS6ADF Faces Rich Client here

http://jdevadf.oracle.com/faces11117/

There are a few DVT extras like Sunburst; although I’m sorry to say I’ve never been too impressed with DVTs you get out of the box.

PanelGridLayout makes it across from R2 into R1PS6 looks promising
Follows the CSS3 specs for grid layout so it can be optimized for layout performance and is also the recommended UI layout component for most pages.

Runtime code editor Finally colour coded goodness!

I believe it’s using codeMirror great job.

File Uploader also looks interesting haven’t tried it out yet – drag drop support is interesting with java support for older browsers looking forward to seeing it in action.

 


c4 Blog Migration..

Thursday, October 25th, 2012

The C4 blog is now on new servers giving our blog team more control – expect to see some exciting new posts coming up!..

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

Thursday, October 25th, 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 you’re not familiar with our WebCenter Messaging 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.

WebCenter Oracle Social Network Challenge – Fishbowls Mobile GeoTagging Solution.

Friday, October 5th, 2012

Last week I entered the Oracle Social Network Challenge that was held at Oracle Open World. Unfortunately I couldn’t attend the event this year but that didn’t stop me from entering.

The goal of the Challenge was to build something that solves a business problem using Oracle Social Network; its Public API and another service or application.

Fishbowls Mobile GeoTagging Solution.

My proposed solution was to design and simplify GeoLocation mapping, and automate updates for users and teams on the move; who don’t have access to a laptop or want to take their ipads out – but allow them to make quick updates to OSN and upload photos taken from their mobile device – there and then.

As part of this; the plan was to include a rules engine that could be configured by the user to allow the device to automatically update and post messages when they arrived at a set location(s). Inspiration for this came from on{x} – automate your life.

For more info on how I built the app plus access to the viewlet and more screenshots read on..

(more…)

Introducing WebCenter Portal Spaces HTML5 Template Support

Saturday, September 8th, 2012

When designing and coding sites, I like to keep ahead with latest coding standards and best practises whilst still maintaining support for older browsers that don’t yet have support for new tags or functionality that are available today in the latest browser releases. I’m not talking about nightly release support but browsers that have been fully tested and have been an official releases for at least 6 months.

As we know ADF is putting in HTML5 support into it’s latest PatchSets just take a look at DVT graphing for example that uses the HTML 5 <Canvas> tag.
Now; how does that work with Internet Explorer? Well they use a fallback to Flash as a lot of html5 tags aren’t supported by IE.

This is great!.. I can create my own TagLib to detect the browser and put in fallback support.

But what if you are a webdesigner with no knowledge of how to create your own tagLib and develop a html based template for WebCenter Portal or Spaces, that incorporates new functionality new tags unsupported by older browsers??

There is a Solution!
First “HTML5 Shim” also know more popularly as “HTML5 Shiv” coined by the jQuery Guru John Resig  .

Whats the difference..

Answer: nothing, one has an m and one has a v – that’s it.

So what do they.. … … it.. … Do?
They are really a polyfill for browsers that do not support HTML5 tags.
I’ll come back to Polyfills later..

So essentially it’s a script that applies support for tags like <header>, <nav>, <figure> etc that make up html5 incorporating the correct styling and functionality.

Now when I create simple html5 based templates I incorportate Modernizr.
Modenizr includes html5 shiv/m but also provides detection on the browser for CSS3 and HTML5 elements handled all within Javascript..
This allows me to write CSS or Javascript files that can easily provide support or clean degredation for incompatible features.

Also you can choose to include the yepNope.js conditional loader that will load in polyfils to supply support for functionality not currently within a browser like localStorage..

Ok, but what is a polyfill?..

Simply a JS Library that integrates support for older browsers that don’t support the latest and greatest additions that are available in todays browsers.
Click here to check a list of polyfills that are available today!

One thing to note.. Although <canvas> makes up html5 it is not supported by html5 shiv/m and therefor requires a pollyfill fallback to something like flashCanvas or excanvas.

If your interested in the history of HTML Shiv/Shim Modernizr check out another Gurus Blog Paul Irish know for his HTML 5 Boilerplate.

Thats it.
Have fun incorporating and playing with Modernizr and Polyfills..
A Word of warning:: although I know Modernizr plays well with ADF I cannot guarentee that some of the polyfill addons will work..