Openbravo's User Experience Lab
GUI design, ERP Usability and Visual Design

How to create an Openbravo Workspace Widget

Thursday, December 2, 2010

In my last blog post, I presented you with 24 ideas for Openbravo Workspace Widgets but I have to admit that these images were a bit of a tease, using smoke & mirrors in Photoshop. So now let´s put the money where our mouth is and build them for real with the step-by-step guide below that shows you how to create a simple widget for the Openbravo Workspace.

Before you start, make sure you are running Openbravo 3.0 - RC3 (release notes here) in Firefox and that your are logged in as a System Administrator.

You will be able to build your own widget in less than 5 minutes and share them with your team. If you also want to register and publish your widgets as a module, see Appendix II in the guide.

Share your experiences on the UX Labs forum. Here you will also find some source URLs for a number of widgets: Calendar, Motion Chart, Google Insights & Google Docs. Just copy & paste this in your widget definition. Add yours if you find some nice ones.

3 comments:

EpicSystems said...

I have the pleasure to brief you on our Data Visualization software "Trend Compass".

TC is a new concept in viewing statistics and trends in an animated way by displaying in one chart 5 axis (X, Y, Time, Bubble size & Bubble color) instead of just the traditional X and Y axis. It could be used in analysis, research, presentation etc. In different business sectors, to name a few we have Deutsche Bank Asset Management in NY, Vanguard, Institutional Investor, Perella Weinberg, RIM, Princeton University as our clients

The following link is for our new Geographical Trend Compass:
http://epicsyst.com/test/map/

Link on UK Master Card vs Visa performance :
http://www.epicsyst.com/test/v2/mastercard_vs_visa/

Links on Funds:
http://www.epicsyst.com/test/v2/best_exchange_traded_funds/
http://www.epicsyst.com/test/v2/us_insurance_funds/
http://www.epicsyst.com/test/v2/aaim_fund_performance/

Link on other KPIs :
http://www.epicsyst.com/test/v2/hospital_performance/
http://www.epicsyst.com/test/v2/international_insurance/

Link on Chile's Earthquake (27/02/2010):
http://www.epicsyst.com/test/v2/EarthQuakeinChile/

This a link on weather data :
http://www.epicsyst.com/test/v2/aims/

This is a bank link to compare Deposits, Withdrawals and numbers of Customers for different branches over time ( all in 1 Chart) :
http://www.epicsyst.com/test/v2/bank-trx/

Misc Examples :
http://www.epicsyst.com/test/v2/airline/
http://www.epicsyst.com/test/v2/airline2/
http://www.epicsyst.com/test/v2/stockmarket1/
http://www.epicsyst.com/test/v2/tax/
http://www.epicsyst.com/test/v2/football/
http://www.epicsyst.com/test/v2/swinefludaily/
http://www.epicsyst.com/test/v2/flu/
http://www.epicsyst.com/test/v2/babyboomers/
http://www.epicsyst.com/test/v2/bank-trx/
http://www.epicsyst.com/test/v2/advertising/

This is a project we did with Princeton University on US unemployment :
http://www.epicsyst.com/main3.swf

A 3 minutes video presentation of above by Professor Alan Krueger Bendheim Professor of Economics and Public Affairs at Princeton University and currently Chief Economist at the US Treasury using Trend Compass :
http://epicsyst.com/trendcompass/princeton.aspx?home=1

I hope you could evaluate it and give me your comments. So many ideas are there.

You can download a trial version. It has a feature to export EXE,PPS,HTML and AVI files. The most impressive is the AVI since you can record Audio/Video for the charts you create.

http://epicsyst.com/trendcompass/FreeVersion/TrendCompassv1.2_DotNet.zip

All the best.

Rob Goris said...

Awesome info graphics. I just tried to use them in our widgets but unfortunately they don´t scale down well to smaller sizes. I could send you a screenshot if you like.

Epic Systems said...

Thank you.

Please send me the screenshot and if possible the data. You can email it to trend@epicsyst.com