MOVI API - Mash-up Oryx Models
API facilitates enrichment of process diagrams for mash-ups, e.g., displaying model documentation, or visualization of process execution states.
- Viewing of models from remote Oryx installations (in all browsers)
- Easy navigation in large-sized process diagrams
- Access to shape and stencil properties
- Shape marking and annotations
- Shape selection and registration of callbacks for mouse events on single shapes
The development of the MOVI
API is ongoing work. Look forward to heaps of new features in the near future!
Check out the MOVI live demo page
demonstrating all basic features. Or have a look at applications others have build
Just check out the Oryx trunk
and find the MOVI
. You will also find the documentation
and some examples
in the movi directory.
depends on YUI 2.7.0 (other versions might work as well, but are not tested). We recommend to include the YUI scripts directly from Yahoo! servers as this is probably the most performant option - however, you may also download YUI
and deploy it on your own server. MOVI
requires at least the following YUI modules: "yahoo", "dom", "element", "get", "event", "logger", "slider", "container"
In most cases you would like to import the full compressed API in the embedding HTML page. Run the 'build' ANT task to build the compressed API:
A new directory named 'build' will be created in the MOVI
base directory. Next, you'll have to import the resources in the embedding page:
This section describes how you could load the MOVI
resources dynamically. Thus you only import small scripts in the head section of the embedding document. All other resources are loaded when calling the MOVI
.init() function. For most users this is not recommended due to performance loss. Instead, follow the steps described in the section above. However, there are cases in which dynamic loading could save page loading time if MOVI
is not required at the time the page is loaded or only if special conditions are met.
and the YUI Loader in the embedding page: (You won't need to build MOVI
Initialize YUI and MOVI
(loads all required resources):
"../api", // path to MOVI scripts directory
["resize"] // additional YUI modules to load
In the specified
function you can start to use MOVI
. With the last (optional) parameter you can specify any additional YUI modules your page depends on.
If you want to deploy YUI on your own server you will have to change the
in the movi.js file (line 100).