about processes and engines

fluo as process editor

I took the time to enhance the fluo javascript library used in ruote-web, a demo Ruby on Rails application wrapping OpenWFEru ruote.

The previous version of fluo (as currently used in the online demo of ruote-web) was abusing the browser layout abilities (css float). This new version relies on a unique canvas. It looks nicer (at least for me) and it is not vulnerable to browser layout quirks (people integrating fluo were complaining about it and also about css collisions).

Fluo itself was only meant for rendering graphically ruote process definitions in a browser. My development bench for it slowly turned into some kind of “browser based process editor”. It’s minimalistic for now, but you can already have a look at it.

There is a unique ‘screen’ with a left pane showing the process definition itself and a right pane showing it renderer graphically via fluo. You can edit the process definition, in the browser.

Next things I’ll add : “paste”, better “save as” capability, loading of remote process definitions (URIs), link to documentation, expressions and attributes ‘suggestions’, …

Ruote-fluo source is at
Ruote-fluo online demo is at

Note : this new fluo is Firefox 3 only, as it uses the text drawing capabilities of this fine browser (the previous fluo was using a float div on top of the canvases to add text).

Written by John Mettraux

July 13, 2008 at 1:52 pm

2 Responses

Subscribe to comments with RSS.

  1. Brilliant, very useful — if only to validate a process or to enhance documentation.

    Arjan van Bentem

    July 16, 2008 at 8:50 pm

  2. Thanks, working hard on making it better :)

    John Mettraux

    July 17, 2008 at 8:01 am

Comments are closed.

%d bloggers like this: