Demos / Experience
The purpose of demos on this page is to briefly present some of the basic capabilities of the InfiView platform. The demos are not finished applications (although they can be used to quickly develop such applications).
Flight Browser
INTRODUCTION
One of InfiView's strengths is its ability to show subsets of large contents of data in an efficient way by swapping data in and out of memory. The Flight Browser demo demonstrates InfiView's ability to integrate with third party components (in this case - Google Maps). The Flight Browser demo shows randomized airline routes between airports.
TECHNICAL DETAILS
A standard InfiView application was created in a normal manner, and then Google Maps was placed into the background of the view port. A glass pane was put on top of everything to capture any mouse events.
The airline routes are drawn using SVG in Firefox and VML in Internet Explorer. Airports are taken from a collection of airport positions. The airline routes are created by randomly connecting pairs of airports.
When many airlines are going between the same airports the lines are not drawn on top of each other. Curved lines are drawn instead.
CONCLUSION
The Flight Browser demonstrates how third party providers can be integrated into the InfiView platform. The integration can be made virtually seamless.
CLICK to run the Flight Browser demo
Network Topology
CLICK to run the Network Topology demo
This application demostrates: (1) how third party providers can be integrated seamlesly into the InfiView platform. (2) InfiView unique layering system - the map is controlled by InfiView. (3) How InfiView applications can be extended with any Bindows components (in this case - the live gauge).
A standard InfiView application was created in a normal manner, and then Google Maps was placed into the background of the view port. A glass pane was put on top of everything to capture any mouse events.
Try the following:
- Drop elements on the map (from the left pane)
- Connect elements (click on the link icon)
- Try the undo-redo operators (use the icons at the bottom pane)
- Hover over an element and see a live gauge
- Move the slider left and right, see the effect on the layers' display
Balloon Tree
CLICK to run the Balloon Tree demo
The Balloon Tree demonstrates InfiView's automatic layout capabilities. It is using the InfiView balloon tree layout algorithm. If a 'node' is selected (by clicking) it becomes the root node of the tree and the balloon tree layout algorithm recalculates the positions and the position of the root node is centered. Leaf nodes are not selectable.
Flowchart
CLICK to run the Flowchart demo
The Flowchart demonstrates how a flowchart editor (created with InfiView, of course) may look. You can drag and drop symbols from the left panel onto the viewport area ( the dominating area under the InfiView logo). After symbols have been added, you can select them by mouse clicking, and move them by clicking a symbol while draging it. If the chain tool is checked (toggle key) you can connect symbols by by clicking a symbol and while keeping the mouse button pressed, drag the mouse cursor to another symbol, then release.
Network Topology
CLICK to run the Network Topology demo
The Network Topology is similar to the Flowchart Demo, using different symbols. In addition, it demonstrates InfiView plowing capabilities: when symbols intersect, InfiView recalculates their positions.
Edge Demo
The Edge Demo demonstrates how InfiView actually displays multiple edges (technical term for connector lines). You can move the small rectangle in the preview box (bottom right of the demo) and notice the speed in which InfiView generates the display.
Components
CLICK to run the Components demo
The Components Demo is a simple demonstration of how InfiView displays multiple plain components. You can move the small rectangle in the preview box (bottom right of the demo) and notice the speed in which InfiView generates the display.
InfiView Wizard
CLICK to run the InfiView Wizard
The InfiView Wizard application demonstrates how easy it is to create your own InfiView application. Choose your symbols, edges and tools. At every stage you can modify them (and of course, add your own). Then press Preview and see the fully functional InfiView application you just generated - in action.