Screenshots
Screenshots Tour
Click on the images below to enlarge them. Once the image is open, click on the zoom button to see it in full size (appears only if the image does not fit your screen) and use the prev/next buttons to navigate through the images. The images and screencast were captured on Mac OS X. nWire supports other platforms as well.
The nWire Navigator
Upon opening a PHP file, the nWire Navigator shows all the relevant components. The navigator will search for the most relevant association and present it in the next column.
Browsing forward reveals the associations of related components. The navigator has no limitation on the number of columns shown. The view automatically adjusts to the type and quantity of associated items.
Associations include method invocations and field access. This provides a new way of tracing code execution in design time.
While the user works through the code in the editor the navigator focuses on the most relevant association. Instantiations are also considered associations, in this example, the instantiation is selected.
Searching
Clicking the search button, turns the navigator into search mode. The user begins typing and the navigator immediately shows the top hits.
Wildcard characters can be used in the search. When camel casing is used, the navigator assumes a wildcard. This makes it very easy to find what you are looking for with minimal keystrokes. Once the user finds the component, the navigator behaves as usual, showing all associated components.
The navigator can be used for further navigating the components in search mode as well.
The nWire Visualizer
Clicking the visualize button in the navigator brings up the visualizer. The visualizer presents the components and associations in a graphical representation.
The visualizer can be browsed much like the navigator. Double clicking a component expands it further to reveal all related components.
