25 February 2008
The network monitor, built by WASI, is a demo application which displays devices on a network in multiple views. The three views are network topology, device type, and grid. Each device thumb uses LiveCycle Data Services ES to display real-time data and allows a user to click it for additional drill down data. In lieu of a database, data is loaded on the server from an XML file which contains layout and initial device information. Pushed data is randomly generated on the server.
To download and view the full source, right-click the Flex application and select View Source from the context menu.
If you would like to build the project in Flex Builder, be sure to add the following SWC files to your project library path by going to Project > Properties > Flex Build Path > Library path.
The first thing you notice when viewing this application is the way the various elements are laid out. This is done by having a single Canvas that has an assignable layout manager. As the layout manager repositions elements, effects are used to provide context to the user and indicate that all of the data remains available. In examining the code closer you'll see that WASI chose to use the Cairngorm framework which provides a standard mechanism for organizing the various logic used within the application. For data access the network monitor uses both RemoteObject and Messaging. While this sample uses LiveCycle Data Services it could have been done with BlazeDS as well. Finally you can note that there is extensive use of styles and custom skins within the application.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.
Note: You may use the sample code in your products, commercial or not.