Pipeline Browser Ideas

From ParaQ Wiki
Revision as of 16:53, 31 March 2006 by Berk (talk | contribs)
Jump to navigationJump to search

Tree View Problems

The following image shows why we can't use just an indent for fan out in a tree view.
Pipelineexample02.png

When only using an indent to show fan-out, both pipelines look the same to the user. Adding the split item lets the user see there are multiple outputs. The user will have to learn the meaning of the split item, but I think that is preferred to confusing the user.

A tree view on the mac doesn't have the little lines connecting the items as shown in the image above. This may be a reason to implement our own hierarchy view. We would also be able to use the same model for the hierarchy view and the graph view.
--Mark Richardson 15:43, 28 Mar 2006 (EST)


Alternate Views

The following image shows an alternate hierarchy view:
Pipelineexample03.png

The view on the left would describe the pipelines on the right. If the pipeline branches had more filters connected to them, they would form a vertical chain under each of the branching filters. I added the server icon in there to get that discussion rolling too.

--Mark Richardson 17:13, 28 Mar 2006 (EST)

Design Proposals

Berk

Here is an example pipeline. Pipelines of this size and branching level are common

Browser5.jpg

Based on the design we came up with at the summit, we can display this pipeline like this:

Browser.jpg

The rules are:

  • Pipeline without fan-out: filter below it's input, connected with a line
  • Pipeline with fan-out: indent once to show fan-out

If a leaf is collapsed, it looks like:

Browser3.jpg

This makes it easy to see all pipeline attached to a single source. Note that I chose to display the last filter on the pipeline as the collapsed name. We can also use color highlighting. So when the user moves the pointer over clip1, all related filters are highlighted:

Browser2.jpg

Here contour is input, shrink1 is output, clip2 is related (the clip planes of clip1 and clip2 are linked). Now, let's look at fan-in (multiple inputs). Here I added two filters to the pipeline:

Browser6.jpg

One solution we discussed is to treat multiple input filters like new sources:

Browser4.jpg

Here, the only way to find out what the inputs of append are is to bring the cursor over it. This might not work if the input are inside a collapsed pipeline. An alternative is the following:

Browser7.jpg

In this case, the user is given a few clues:

  • Append is connected to shrink2 (shown with an arrow)
  • Append is connected to outline (shown with an arrow)
  • The two instances of append refer to the same filter (they have the same name and they are highlighted green when the cursor moves over them)
  • Streamlines is connected to append (arrow as well as highlight color)

I like the second solution better. I showed it to Utkarsh and Will, they agree. One potential improvement is to add some sort of mark to all instances of append to make it clear that there is another input somewhere.

Media:browser.zip