Beautiful websites with Oracle ADF/Webcenter
By Asantaga-Oracle on Aug 22, 2012
I've been following a thread on the ADF Enterprise Methodology group on google with some interest recently, which has prompted this blog posting..
Its all about "Can Oracle ADF-Faces be used to create a truly uber-sexy website", complete with sizzle ??
The answer is yes of course! Oracle ADF-Faces can produce a sexy website.
It's true that Oracle ADF-Faces was originally designed to be quick RAD framework for building Oracle Fusion Applications and it succeeds there, and over time its rapidly being used for building UIs for all of Oracle's products, from internal applications, task screens for Oracle BPM worklists, Enterprise Manager screens and is the main framework you would use with Oracle Webcenter Portal (& Spaces). The latter particularly leans towards a user audience which craves ubersexyness and sizzle vs an expenses clerk who is only really interested in getting the job done efficiently, although nice looking would be nice...
So your building an Oracle ADF website and you want it to look good where should you start?? Well Oracle ADF Skinning is the first port of call. Even with simple skinning you can create some really nice looking interfaces, just look at http://www.medibankhealthbook.com.au, an Australian Health Website and http://My.Symantic.com, specifically MySymantic.com uses pure ADF, for both of these sites checkout the look and feel of the registration page to get an idea of what can be done..
Want some sizzle?
So far so good, but what about uber-sizzle?
A number of my ADF clients have used JQuery in their websites and one of the most common usage of the animate method is to have images slide across or panels slide in-out of view. Examples of this components include this blog and Nivo.
All of these use JQuery in someway, most of them for animations, such as a ticker at the top in Ferrovial, Image slider in BAESystems.com and LADWP.
Also checkout a blog entry by a friend of mine, Duncan Mills, here, he shows whats possible with CSS3 Animations and ADF. I particularly like the ability to have the Next/Previous button hidden in a panel on the left hand side, something which is very popular in the Mac/Ubuntu Desktops at the moment...
So there you have it, you can use a Rapid Development Framework like Oracle ADF-Faces, use the native components and then add libraries like JQuery and give it some sizzle.
In a later blog posting I'll explain how one integrates JQuery with ADF to add some sizzle.
However, before I leave you here are some important notes :
- I/Oracle does not endorse the usage of 3rd Party libaries like JQuery, they should work but some might not play nice
- If possible always try to use the native components in Oracle ADF first, then apply skinning/CSS and finally use a framework like JQuery if needed.
- Remember beauty is in the eye of the beholder, get people to review the work :-)
- Read the thread on the ADF Enterprise Development group it has some really good comments