Blog:: JDev 11g Extension:: Red Samurai Tool:: Validate ADF Code Quality

admin | Mar 9, 2010 13:11 +0000

Ok - so this evening whilst surfing blog waves I came across Andrejus Baranovskis’s Blog.

First I have to say the logo for Red Samurai is awesome!!
And from what I can see Andrejus Baranovskis’s is definatley a ninja / samurai developer - dedicated to improving Oracle and producing some great detailed guides in his blog - even spending the time to screenshot and note whats going on!

Anyways; I`m still pretty new to the world of JDeveloper - but I did come across his extension ‘Validate ADF Code Quality‘ that looks pretty good.. A validation tool!
This is exactly what is needed within any organisation developing adf code - I`m going to put this as a recommendation for anyone working with JDev to get this installed now!

I don`t want to see any sloppy code - if I ever have to work with you ;)

Blog:: Fishbowl:: Integrating ECM and Portals

admin | Mar 9, 2010 11:46 +0000

There’s a nice technical white paper released today over at Fishbowl Solutions you should check out - on one way to integrate ECM with Portals!

But if you are feeling more adventurous and have 10gr4 setup for your websites - check out this oracle snippet document on how to bring back content to your portlets.

Instead of using CIS just use the UCM services to bring back and display your require content into a portlet.
You can even setup the ability to edit content directly from your portlet if required just as you do with UCM ‘ctrl + shift  + f5′.

However if your not feeling adventurous - I would recommend Fishbowl in the US they have a proven tested system in place and use ckeditor - up to date version of fckeditor :)
If you are UK based however you could contact Ether Solution who have already done the former integration with Webcenter - maybe you`ll even see me working on it.

5 Simple Dashboard Practices

admin | Mar 9, 2010 10:18 +0000

No Clutter

Don’t clutter your dashboard with unnecessary visual elements and data. If it looks too busy, then it will fail to communicate the data effectively. Don’t include every bit of data in a dashboard. Seperate them into separate dashboard Tabs.

Single Page – No Horizontal scrolling

Do not put objects on the far right so that the user has to scroll horizontally. It is easy to scroll only one direction which is vertical as that is the default website browsing behavior.

Do not print your Dashboard

Encourage users to export dashboard to PDF and stay on the “Green” side

Add interactivity

Adding extra interactivity to your dashboard, such as being able to select a certain region or being able to drill down can make a huge difference in the perceived usability.

Keep it simple

Show trend by periods

Show pie charts by categories or dimensions

Show tabular data with exception formatting

 

At the end, ask yourself, “Does this provide any value?” If so, what is it?

ShareThis

Blog:: WCI.. Webcenter Interaction video

admin | Mar 8, 2010 13:45 +0000

So I was a bit bored over the weekend and decided to do the Oracle geek thing and watch a few presentation..

To my surprise; I actually stumbled across quite a good video on Vimeo to do with WCI by Chris Bucchere.
He walks you through quite a few real-world mashups of open source applications written in their own chosen language - PHP, RoR, Python etc.

If your bored and there’s just nothing on TV check out this presentation!

Blog:: Webcenter:: Spaces:: The latest new skin is underway..

admin | Mar 8, 2010 08:38 +0000

dark_skin_tn

I hope you guys enjoy this latest skin - as you can see its based on the original white design - I did back in December with a few slight alterations.

No I didn’t reskin firefox aswell, before anyone comments :)
Search for NASA Night Launch to download the firefox skin if you really like it..

Yes I know you are all asking for the extended trinidad css skin files for the design - in a couple of weeks fingers crossed I`ll have them complete and you`ll all be able to get them install them and alter them as you wish.

I’ll also be working on a complete new interface for Spaces approaching it from a Social networking view rather than a portal widget styled design that Spaces currently implements!!
So think facebook, linkedIn, MySpace’d version of Spaces for connecting and collaborating… I have my work cut out for me - but its going to be great fun….

##Update ##

I have thrown together a few widgets.. This is just a quick mockup and not a final representation..
And yes for all you designers obsessed with following the box model guidelines - I`m sorry.. But I prefer randomness than conforming to the rule..
And with this design it seems to actually work ;)

dark_skin_update_tn

Design:: It’s a WhatchaMCallIt?

admin | Mar 5, 2010 05:34 +0000

whatchamcallit1

That’s right its a WhatchaMCallIt…

Yes, yes wierd random blog post - I was playing with photoshop last night and randomly came up with the above.

I have no idea as of yet what I`m going to use it for - but I`m sure there is a project or two I can use this with and maybe  add it to a flashy app :)

How to build Excel Dashboards – 12

admin | Mar 4, 2010 15:26 +0000

Previous – Excel Dashboard Tutorial – 11

How do you share your Excel Dashboard with users?

Now that you have built the dashboard, you can share the dashboard in multiple ways.

Create a PDF output of the dashboard and send as email attachment.

Click on the PDF icon on the toolbar as shown below and it will instantly create a PDF output
Image

 

PDF output

Image

 

” Create Static HTML output. Click on the HTML icon on the toolbar. This option creates a static html page that you can put in on the web. Users cannot interact with the dashboard. It is just a snapshot image of the dashboard at the time the output was generated. It does not refresh automatically. You will need to regerate the output again when the data is refreshed.

” Desktop Sharing. You can put the dashboard definition file (icv) on a file share directory and other users can view the dashboard through the Dashboard viewer. You may need separate license for dashboard viewers for desktop.

Image

Go to Menu Create ‘ Publish to web and it will generate a file that you can put it where the dashboard web server is and it will render the output. The look and feel is different with this option

Image

The web version is using a flash charting engine to the desktop Java chart engine.
Details of converting the desktop to web version are not covered in the document. Please refer online at any of our websites for more details

You can download the complete tutorial as PDF
” Web Sharing: In this option, you can publish the dashboard to web and the dashboard is available real time with all the dashboard parameters and refresh actions

ShareThis

How to build Excel Dashboards – 11

admin | Mar 4, 2010 14:25 +0000

Previous – Excel Dashboard Tutorial

Sales Dashboard using Excel

Summary

We built the above dashboard completely from scratch.

  • We defined Calculations
  • We defined date hierarchies
  • We built Date Filters
  • We built Date Parameters
  • We built Bar Charts
  • We built Pie Charts
  • We cleaned the dashboard layout

Next – Share Excel Dashboard with other Users

ShareThis

How to build Excel Dashboards – 10

admin | Mar 4, 2010 14:17 +0000

Previous – Excel Dashboard Tutorial – 9

Cleanup – Resize and Organize

Give appropriate names to each portlet.
During the chart creation if we did not provide names, now is the time to provide them.
Right click on each title and click on “Edit”

Image

 

Scale down the Size

Image

 

Note, you can drag the corners of each portlet to resize the frames and drag the title name to place them on the canvas

Screen real-estate is very important when designing any dashboard or web application. For better space utilization, we will convert the standard pie to a 3D view

Image

Also, while arranging the objects, keep the most important charts on the top and left area. Put all the detailed portlets at the bottom.

Avoid horizontal scrolling

Remember, do not put any objects on the right side of the scroll bar. Always, keep the scrolling to vertical as it is convienient for viewing.

Image

The above layout will cause for horizontal scrolling and is not a good practice.
Once you do the basic layout of placing the portlets so that they are distinctly visible, it becomes easy to use the resizing options within the tool.

Navigate to Edit ‘ Resize Mode

Image

Once in the resize mode, you can select each object and they are enabled for group resize and placement

Select all the parameters on the top and we will align the top edges with respect to the first one.

Image

As you see, each plet is shown in red with a bar on top indicating it is selected for alignment
One more, thing, you can also turn the Grid mode to see a guide for your alignment and placement

Goto Edit ‘ Show Grid

Image

Note: Once you are done with resize and align with one set of objects, make sure to deselect them before working on the next set of objects

It is best practice to first resize all the objects. All objects on the same horizontal line should have the same height. Select the optimum height of any object on that particular horizontal line and then right click on the title and resize the height of all the selected ones. Then apply the alignment -> Top , deselect the objects and start with the objects in the next horizontal line.

This completes our basic dashboard which is dynamic and extremely informative.
If you need to further customize the look and feel please refer to our online tutorial and reference section
http://www.infocaptor.com/user_help/bi-dashboard-help.htm

Next – Excel Dashboard – Complete Order Management Dashboard

ShareThis

How to build Excel Dashboards – 9

admin | Mar 4, 2010 14:04 +0000

Previous – Excel Dashboard Tutorial – 8

Finish the Dashboard Design and Development

By now, your dashboard is quite chaotic. You have objects all around your dashboard canvas with different sizes. We will start the process of finishing our design.

Image

 

Before proceeding, we save a copy of the dashboard.

Navigate to menu File ‘ Save As

Image

 

Give a name to the file so that you can identify the raw dashboard definition file.

Click on Save.

Next, go to menu File => Close All

Image

Image

Note that there are no dashboards to view.

If you need more backup copies to be created or create different versions of the same dashboard definition, then go to the File Explorer, select the file and type – Ctrl-C, and then Ctrl-V

Image

Now, Click on the File ‘ Open
Select the file “Order Management Analytics.icv”
Image

Note that we are not touching the – Initial Copy file.
Click on Open

Get rid of objects you don’t need
We don’t need the initial table portlet, so we will delete that.

Select the “Name” portlet and then click on the “Scissor’ icon on the toolbar

Image

Image

 

Click “Yes” to confirm.

Note, we created the backup copy of the dashboard so don’t worry if you mess up the dashboard. You can always go back to the original and start again.

Similarly remove all objects that you don’t need it.

Next – Excel Dashboard Tutorial – Arrange objects in sizing and alignment

ShareThis

How to build Excel Dashboards – 8

admin | Mar 4, 2010 10:56 +0000

Previous – Excel Dashboard Tutorial – 7

Create Pie Chart

We will now create a pie chart by product name

Image

 

Image

 

It is nice to know that the revenue distribution is not dominated by a single product.

We can now change the “Category name parameter” to see the product distribution for other category

Image

By Category = Beverages

Image

Summary of steps so far
” Create a foundation table portlet (Qlet)
” Add Calculations and any derived columns
” Add Date hierarchy columns as needed
” Create Date parameters if needed
” Create drop down list of values as parameters
” Create charts using the base Qlet
” Delete the foundation portlet when not needed and you are done with the dashboard design
” Arrange the remaining portlets in desired format.

Once you are done with all the Qlets (query/table portlet) and Glets (graphic portlets), it is advisable to save the dashboard file, copy the file and work on the new file for finishing and polishing the dashboard.

Next – Excel Dashboard Tutorial – 9

ShareThis

How to build Excel Dashboards – 6

admin | Mar 2, 2010 21:49 +0000

Previous – Excel Dashboards – 5

Create Year and Category Parameters

Remember, we have not built any charts yet. It is very important that we build our foundation Qlet and its corresponding parameters so that all of the drop down parameters can be leveraged in the charts.

It definitely helps to plan your dashboard development. Since the dashboard tool is easy to work with, we should still make an attempt to always plan so that we don’t duplicate our effort.

During the development, it may happen that you will get lots of ideas on implementing different ways. I would suggest to save the base dashboard definition once you have frozen all the parameters and Qlets. Before you start building charts, create a copy of the dashboard file as backup.

In our data, we have details about items that are sold on a particular date. We have the unit price, and quantity information. We also have the category for each item that they belong to. So it makes sense to include a parameter for the item category so that we can select only the items belonging to a particular category.

Right click on the “Category Name”, navigate to Create ==> Create Parameter

Image

It creates a new parameter named “Category Name”

Image

 

You may place this anywhere you feel appropriate.

Similarly, right click on the “Or Year” column and create the parameter

Image

 

Image

 

NOTE: Often it does not make sense to have a year drop down and a date range parameter.

Because if the year value and the date ranges fall apart or do not intersect then you will not see any data output. In this tutorial we provided the year and date ranges only for demonstration so if you need only one, do not use the other.

Next – Create Excel Dashboard – 7

ShareThis

How to build Excel Dashboards – 5

admin | Mar 2, 2010 21:39 +0000

Previous Article – Create Excel Dashboards – 4

Add Date Hierarchy Columns

Most of the data, has some form of date information. Now date is very granular information. Very often, to generate trending information, you need to derive year and month columns.

In the dashboard designer, you can easily generate Date hierarchy columns for any kind of reporting.

In our example, we have order date, so we will generate the Year, Quarter, Month, Day , Week and other flavors of the same information for better representation.

Right click on the “Order Date” column and navigate to Create ‘ “Add Year, Quarter, Months column

Image

 

Image

 

Click on “Add” and it will add the following columns to the right of the primary column “Order Date”

Image

 

You may not need all of the date derived columns but it is worth understanding what they stand for.

The derive columns, have a prefix of “Or” which are the first two letters of the primary date column “Order Date”. The remaining part explains the actual part of the date.
1. Year : represents the year component of the date
2. Mth N : represents the numerical month.
3. Mth Disp: represents the month number but padded with zero on the left
4. Mth NN: represents month number and 3 letter month name
5. Yr Mth : represents the year and month number
6. Qtr: represents the quarter number
7. Week : represents the week of year
8. Dy: represents day of year
9. … and so on.

The concept of date hierarchy even though simple to implement is very powerful. Within few minutes you can derive important “Insight” into your data. We will now begin the process of deriving intelligence out of boring data. Now begins the fun part.

Create Date Filter and Parameters

If you work with real transaction application, you already know that the amount of data is huge and the data has some form of date column. This date could be transaction date, invoice date, order date, payment date etc.

One of the dashboard and reporting best practices is to have some form of date filter and/or parameters so users can dynamically choose the date range. This helps in narrowing down the data for analysis.

Let us create a simple date filter.

One of the typical requirement is to see data for “as of today”.
In the dashboard designer it is few click process to implement this.
Image

Right click on the Date column (order date), Navigate to

Create ==> Create Date Filter

Image

 

The detail use of the Date Filter is covered in a separate tutorial. As we have very minimal use of the date filter for the dashboard that we are building we will just touch the basics.

In the date filter, on the left you see the column name and on the drop down you see different options such as below
Image

” First Day of Month
” Last Day of Month
” First Day of Qtr
” Last Day of Qtr
” First Day of Week
” Last Day of Week
” First Day of Year
” Last day of Year

For our purpose we just limited our data to be less than today.

Click on “use this filter” and it will be applied to the Qlet.

One of the best practice is to avoid hard coding of any values in the Query. For e.g, The dashboard designer allows you to build drop down list of values as parameters to the query. We will leverage this option to the fullest so that the dashboard is extremely useful and can respond to data changes.

We will create a From and To Date range parameter

Right click on the “Order Date” column, Navigate to Create ‘ Create Parameter
It instantly creates two Data Parameters
Image

We arrange them and size them appropriately as below

Image

 

Once arranged and formatted, you can type the date or popup the date picker by click on the button on the side

Image

 

Now, right click on the Title and select “Refresh”

Image

 

Change the From and To Date values and refresh, the Qlet will change the data accordingly.

Next – Create Excel Dashboards – 6

ShareThis

How to Create Excel Dashboards – 4

admin | Mar 2, 2010 21:13 +0000

Previous Part Build Excel Dashboards – 3

We will Add Calculations and Formulas

Add Calculations
Since this is a raw extract of actual transactions, it may need to add additional calculations and columns to create useful metrics.

For e.g in our sample file, we have the “Unit Price” and “Quantity” columns. We will create calculation to derive the “Amount” column

Image

 

Right click on the Quantity Column, Navigate to Popup Menu

Create ‘ –>Create Calculation
It shows a calculation wizard.
Image

1. Click on “Unit Price”
2. Click on * multiplication operator
3. Click on Quantity
4. Rename the column to “Amount”
5. Click on “Use this Formula”

As you see, the “Amount” column is added right next to the Quantity column

Image

 

Next – Add Date Hierarchy Columns Excel Dashboards – 5

ShareThis

UCM:: 11g spy screenshot!

admin | Feb 27, 2010 14:04 +0000

Another UCM blogger Andre Almar on the scene and he even has a UCM 11g screenshot!!

Real or fake I don`t know as I`m still waiting to get my hands on it through the early adopter program - knowing my luck I`ll get it same time as the rest of you guys..

Looks like the branding is all coming into alignment which is kinda good news.
Although I can see this getting a bit confusing to new users of the suite swapping between the products.

WebCenter Spaces:: Skinning:: Howto:: Update Custom CSS Skin without restarting!

admin | Feb 27, 2010 12:08 +0000

I wish I had seen this earlier in my drive to customise WebCenter Spaces..
Don`t ask me how many times I have stopped and started spaces to see an update of my extended Trinidad skin… But there is a way to update your css and view the changes without a restart which I’ve  just stumbled upon.. I haven`t had chance to test it out just yet but give it a go - I`ll be trying it out this week.

Here it is::

Within the /META-INF directory you should see a web.xml file add the following parameters:

<context-param>
<param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
<param-value>true</param-value>
</context-param>

Although you will still need to restart Spaces to see an icon and skin property changes.

Here is an example of a skin property change:
af|breadCrumbs{-tr-show-last-item: false}

This would hide the last item from the bread crumb navigation.

Webcenter:: Spaces:: Skinning Quick Links.

admin | Feb 27, 2010 11:06 +0000

For those of you investigating how to skin spaces or ADFs here are my recommended useful quick links ;)

Oracle Composer Component Properties and Files

Defining and Applying Styles to Core Customizable Components for 10g documentation incorrect!!

Customizing Page Skins at Runtime in WebCenter Spaces (11.1.1.2.0)

WebCenter Customizable Components API Reference

ADF Faces Rich Client CSS API

Apache MyFaces

Extending WebCenter Spaces (11.1.1.2.0)

WebCenter Spaces Customization Download

WebCenter Task Flow Customization

WebCenter Spaces:: Skinning:: Disable CSS Compression

admin | Feb 27, 2010 06:39 +0000

One of the first things I do when it comes to skinning WebCenter Spaces is to disable the CSS Compression option.
By default this option is turned on - converting any readable class name::

.af_panelFormLayout_label-cell {
color: #534741
}

to a small obfuscated string::

.x123 {color: #534741}

One thing I was surprised to see is that although the css compressions strips all the whitespace it leaves in css comments.
Like this:

/*######### My CSS ############*/

So to disabled the compression within the /META-INF directory you should see a web.xml file add the following parameters:

<context-param>
<param-name>
org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION
</param-name>
<param-value>
true
</param-value>
</context-param>

You will need to deploy the update and stop start the services but once its done; you`ll have a readable class names that you can use on your extended trinidad skin.