GUI Overview

The ONOS GUI is a single-page web-application, providing a visual interface to the ONOS controller (or cluster of controllers).

...

For documentation on the design of the GUI, see the GUI Architecture page.

GUI Configuration Notes

• The onos-gui feature must be installed in ONOS.
• The GUI listens on port 8181.
• The base URL is /onos/ui; for example, to access the GUI on localhost, use: http://localhost:8181/onos/ui
• The GUI has been developed to work on Google Chrome. Other browsers may work, but have not been extensively tested, and are not currently actively supported.
  
  

GUI Session Notes

Note that the current version of the GUI does not support the concept of users, nor require login credentials. These enhancements will be added in a later release.

...

The ONOS Summary Panel gives a brief summary of properties of the network topology.

GUI Navigation

Navigating from one view to another is done by opening the navigation pane and clicking on a link ("nav item"). As of the current release (1.1.0 "Blackbird") this is still under development.

GUI Views

The GUI is capable of supporting multiple views, although this feature has not yet been fully developed. As views are added to the base release, they will be documented here.

Note also, that the capability of adding views to the GUI dynamically at run-time is also being developed. This will allow, for example, an ONOS App developer to create GUI content that works specifically with his application. The content will be dynamically injected into the GUI when the app is installed, and removed from the GUI when the app is uninstalled. For more details on this feature, see (TBD).

Topology View

The Topology View provides an interactive visualization of the network topology, along with indications of which ONOS controller instance is master to the devices (switches) in the network.

Device View

The Device View provides a top level listing of the devices in the network.

Sample View

The Sample View is a skeletal example of creating a view.

Release Notes

Blackbird – 1.1.0

• GUI Framework migrated to use AngularJS.
  • View-agnostic features refactored as Angular Services.
• Topology View refactored to be an Angular module.
  • Topology source code broken out into multiple source files.
• Device View added.
  • Implemented as a simple table for now; one device per row, sortable by column header clicks.
• Sample View added.
  • Skeletal example code.
• Beginnings of UIExtension mechanism implemented
  • Over future releases, this will facilitate the ability of Apps to inject their own content into the GUI.
    
    
• Note that the new (Angular-based) GUI currently co-exists with the old (Avocet) GUI.
  • By default, the Avocet GUI is launched; the base URL http://localhost:8181/onos/ui is mapped to http://localhost:8181/onos/ui/legacy/index.html#topo.
  • The new Angular-based GUI can be launched by manually adjusting the URL to be:  http://localhost:8181/onos/ui/index.html#topo, (that is, remove "legacy/"). 

Avocet – 1.0.0

• GUI implemented using a home-grown framework. 
• Single view (Topology View) implemented, displaying network topology and providing a certain level of interaction to show traffic & flow information.

...