Minimal Demo
After the WebFlow Editor applet finished loading, you should see four
frames: base editor frame (with a rectangular grid), pallete frame (with
a module tree), control frame (with create, run and
destroy checkboxes) and a properties frame (with Apply,Revert
and Close).You can close the Properties frame. It is not being used
currently. To run a minimal demo
('Flip the Frog'), follow the steps below:
- Click on modules and then demo (in the module tree palette)
to get a list of module directories located in this directory such as
collab, image, io, etc. in white. Click the io
module button to get a list of InputModule and OutputModule
as yellow colored buttons.
- Click on InputModule , move the mouse cursor
into the editor frame, click again there to place the module.
You should get a popup viewer applet frame for this module with a frog image.
- Place the OutputModule in the editor in the same way. You should get
the (empty) output applet frame popup.
- Click image directory in the module tree palette to get
the list of imaging modules.
- Place the FlipFilter module in the editor in the same way as described for
I/O modules. You should not get any additional visual feedback for this module.
- To connect two module ports, click on a color pin of one port, drag
the mouse towards the other port pin (this way you draw a connection
line), and then release the mouse button (when the line connects both
ports) to instantiate the connection. Using this method, a) connect the
InputModule port to the input (left) filter port, and b) connect the
output (right) filter port to the OutputModule port. You should get both
connections represented as blue reclinear curves.
- Press run button on the Control Panel to run the module.
You should see the frog flipped in the OutputModule applet.
- Press destroy button on the Control Panel. All popup frames
should disappear and the editor frame should be cleared. You can now
edit another graph and run it or just go
to some other page in your browser.
Click here for more information on
Imaging Filter Modules
Click here to run the demo on a remote server
The output of this demo should look like this :
Input : Image
|
Output: Manipulated image |