Creating Openbravo Workspace Widgets

Spotlight on Openbravo 3.0
Creating Simple Openbravo Workspace WidgetsStep by Step
Rob Goris
User Experience Architect
Openbravo
November 2010

What is this guide about?This guide will show you how to create a Openbravo Workspace Widget and fill it with content by pointing to a URL, by e.g. reusing a Google Gadget. Obviously, creating a real cool widget that uses Openbravo data is a bit more difficult but...let´s first learn the basics.Before you startMake sure you have done the followingRun Openbravo 3.0 – RC3 (or higher). See release notes [1] on how to download and install this distribution.Run Firefox. I just noticed that Chrome does not like super-long URLs in the text field for the widget (issue logged [2]). IE and Safari should be okay.Be logged on as System Administrator.[1] http://wiki.openbravo.com/wiki/ERP/3.0/Release_Notes/3.0RC3[2] https://issues.openbravo.com/view.php?id=15342

This is what we are going to do(1) Create a module. You only need to create one module that can “store” multiple widgets.(2) Create simple widget(s) by copying and pasting URLs from sites or existing widgets(3) Add the widget(s) to your workspace

Be logged in as System Admin
Use QuickCreate menu to start creating a new module

Complete New Module form and save it
“In Development” must be checked
Version must be format X.Y.Z
Something unique such as com.yourdomain.lastname.firstname
(most common is to use your domain the other way round).

You´re looking at the bottom half of the form now
Now create a new Widget using the QuickCreate menu
In case you are serious about things and want to register your module (to share or sell the widget maybe), you can register it. You will use your Forge credentials to register the module in the Central Repository. Let´s not do that for now.

Complete the form
In this example we are going to reuse an existing Google Gadget called “Section Summary” that shows industry sector trends
Copy and paste this from the other widgets or type it here without making mistakes
org.openbravo.client.myob.URLWidgetProvider
Check this one to let all users enjoy the widget

A little detour to iGoogle. Here you want to reuse the source for the Google Gadget you like...

That´s the one we want!
Using Firefox (and e.g. the Firebug extension) find the code for the specific widget that starts with <iframe and ends with “>. Now paste it in an editor...

Now only take the part following the src between the “ “ as shown below. This must be a valid URL

And paste this in the child tab´s URL field for the widget. Save.
Note: in Chrome there was a problem with large URLs (issue logged)

Going back to the Workspace tab we now find it in the list that appears when you click the Add Widget >> link. Press the Add button.
And here it appears

We now have added some more widgets: Motion Chart, Team Calendar and Google Insights.
Ready.
Now let´s share them with the team...

Click Admin MyOBs>>, choose System and press Edit...

This opens a blank workspace which is in fact the workspace of all users you manage. Click the Add Widget link to start adding some widgets...

Add the widgets you want to share and when you are done, press the Publish button...

All users in the entity (SYSTEM in our case) now have “received” the widgets you published to them. They will see them on next login.

Let´s check this. Change the role to e.g. Sales

Et voila! The widgets you choose are now added to everybody´s workspaces.

This user now has deleted the boring widgets and reshuffled the lot.
Ready for a great day at work! :P

Now you´re all set to create your ownSome more ideas: http://openbravouxlab.blogspot.com/2010/12/24-ideas-for-openbravo-workspace.htmlShare and discuss widgets: http://forge.openbravo.com/plugins/espforum/view.php?group_id=100&forumid=886353&topicid=7021092

http://planet.openbravo.com	1076
http://static.slidesharecdn.com	417
http://localhost:8080	308
http://openbravouxlab.blogspot.com	282
http://107.20.253.230	65
http://spocsys.no-ip.org:98	53
http://live.builds.openbravo.com	40
http://80.32.91.61:8080	24
http://192.168.1.241	20
http://localhost:8880	20
http://openbravouxlab.blogspot.in	18
http://192.168.1.240	17
http://ec2-204-236-221-38.compute-1.amazonaws.com	15
http://192.168.178.36	14
http://ec2-204-236-194-220.compute-1.amazonaws.com	12
http://192.168.10.103	9
url_unknown	9
http://ec2-46-137-43-180.eu-west-1.compute.amazonaws.com	9
http://demo.openbravo.com	8
http://192.168.2.2	7
http://192.168.118.1	7
http://192.168.2.14	7
http://openbravouxlab.blogspot.com.es	6
http://parkplaza1501.getmyip.com:2001	6
http://10.211.55.6	6
http://90.165.100.118:20080	6
http://www.bonkm.com	5
http://openbravouxlab.blogspot.mx	4
http://107.20.206.178	4
http://192.9.201.202:90	3
http://demo1.openbravo.com	3
http://192.168.36.77	2
http://translate.googleusercontent.com	2
http://openbravouxlab.blogspot.co.uk	2
http://192.168.1.109	2
http://burgado:8080	2
http://192.168.1.11	2
http://194.151.161.179	1
http://ob.escapade.com.hk	1
http://localhost	1
http://172.16.1.60	1
http://ec2-176-34-160-142.eu-west-1.compute.amazonaws.com	1
http://176.34.197.184	1
http://192.168.0.128	1
http://ec2-107-22-71-53.compute-1.amazonaws.com	1
http://openbravouxlab.blogspot.ca	1
http://demo2.openbravo.com	1
http://ec2-176-34-197-184.eu-west-1.compute.amazonaws.com	1
http://10.10.18.31	1
http://ec2-176-34-70-80.eu-west-1.compute.amazonaws.com	1
http://ditecma.obertic2.com	1

Creating Openbravo Workspace Widgets

by Rob Goris on Nov 30, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

52 Embeds 2,507

Statistics

Creating Openbravo Workspace Widgets — Presentation Transcript