Skip to content


Subversion checkout URL

You can clone with
Download ZIP
JavaScript Python CSS Other
Fetching latest commit...
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Ocean Observatories Initiative Cyberinfrastructure (OOI CI)
Integrated Observatory Network (ION) - OOINet

OOINet Web User Interface

(C) The Regents of the University of California, 2010-2014
Open source under BSD license. See LICENSE.txt for details.

ION-UX Setup

Getting ION-UX up and running is straightforward once you have a Capability Container running. In a nutshell, there are three steps with an optional fourth step and a NOTES section to catch everything else:

1.) Create virtualenv and install dependencies
2.) Configure FLASK, GATEWAY and PORTAL_ROOT settings
3.) Launch Flask web application
4.) Load "preload data" (test data) into COI Servies

1. Environment Setup

It is best to setup a virtualenv to install the dependencies (Flask, requests).

	virtualenv --no-site-packages venv
	pip install Flask -E venv/
	source venv/bin/activate
	pip install requests

2. Deploy Local

First, copy the config template file and enter appropriate values for your local machine.


For the most common scenario (i.e. running the UI on your development environment), the settings will look like this:

* FLASK_HOST = 'localhost'
* FLASK_PORT = 3000
* GATEWAY_HOST = 'localhost'
* PORTAL_ROOT = 'working/path/to/ion-ux/'

Next, make sure to create a log file (ion-ux.log) in the root directory.

3. Run Local

To run locally, simply execute the main module, be sure that PORTAL_ROOT is specified in


Point your browser to http://localhost:3000 and enjoy.

### Current features (in progress)

* Flask powered API (using mock data and calls to the service gateway)
* Continued development of JavaScript/CSS.
* Development of dynamic layouts defined by JSON

4. Load Data into COI Services

See also: ION-UX Guide for COI Developers

It will be a better browsing experience to have data preloaded into your COI Services Capability Container. The first thing you will want to do is create pyon.local.yml:


In pyon.local.yml:

  		force_clean: False
  		name: ionux

The name above ensures that your Capability Container will always use the same system name for creating, clearing and loading the data in CouchDB. After lauching you Capability Container with pyon.local.yml enabled, enter one of the following commands in another terminal window:

Beta Preload

	bin/pycc -x ion.processes.bootstrap.ion_loader.IONLoader op=load loadui=true scenario=BASE,BETA path=master ui_path='' attachments=res/preload/r2_ioc/attachments

To clear preload data, exit out of the running Capability Container and enter:

	bin/pycc -x ion.processes.bootstrap.datastore_loader.DatastoreLoader op=clear

5. Release

A fab script has been provided to tag specific releases of this software.  You need to be in a virtualenv with 'fabric' installed before running following command:

    fab -f release

6. Deploy Remote

A fab script has been provided to facilitate deployment to a remote VM.  To prepare to run the fab script, be sure to install fabric.

        easy_install fabric

Now you run the fab script, which will prompt you for necessary information to complete the deployment.  Currently, the script supports deployment to ion systems listed below.  You should deploy as the 'ux' user which needs to be configured by operations (with your ssh key).  Utilize one of the following command lines to deploy.

        > fab ion_dev deploy
        > fab ion_alpha deploy
        > fab r3_alpha deploy
        > fab ion_beta deploy
        > fab ion_stage deploy
	> fab ooinet deploy
	> fab r3_beta deploy


* We use a custom version of bootstrap.  So far, manual modifications have been made to static/bootstrap/css/bootstrap.css and static/bootstrap/less/bootstrap.min.css.
Something went wrong with that request. Please try again.