|
Instructions:
The applet above represents
a network diagram displayed over a map of the USA.
Double click on any network
element to drill down to a more detailed view.
From the buttons at the top,
select an option then click on the map to complete the operation:
-
To add a network element,
select 'NE1', 'NE2' or 'Group' and click anywhere on the map
-
To 'Move' or 'Delete' an object,
select a button and then click on the desired object to Delete or hold
down left mouse button and drag to 'Move'
-
To 'Connect' or 'Disconnect',
select a button and then click individually on the desired multiple objects
-
To view and modify properties
on a network element, select an object from the map then click the
'Options' button to invoke a dialog box.
It is possible to zoom and
pan to various locations: Right click and select ' Zoom' and click
on any area of the map. Hold down the SHIFT key and click to zoom out.
Right click and select 'Pan', then drag the map holding down the
left mouse button. (Note: It is not possible to 'Pan' at 100% visibility.)
|
Development Notes:
This applet is ~286K, including
the Nodes and Connectors, and all interactive behaviors.
The Nodes, Connectors and
Map Background are instantiated programmatically from an XML file.
This demo could easily be
extended to develop a more complete Network Management application.
Map courtesy of John Hopkins University: ©
Ray Sterner, John Hopkins University APL
|
