Difference between revisions of "AnimB Javascript Tutorial"

From Event-B
Jump to navigationJump to search
imported>Christophe
imported>Christophe
Line 6: Line 6:
 
The controller is ensured by a piece of javascript code running in the browser.
 
The controller is ensured by a piece of javascript code running in the browser.
  
= The basics =
+
= The installation =
 
In your Event-B project, create a directory called "animation".  
 
In your Event-B project, create a directory called "animation".  
 
Then dowload the two following files in this directory:
 
Then dowload the two following files in this directory:
 
* [https://rodin-b-sharp.svn.sourceforge.net/svnroot/rodin-b-sharp/trunk/AnimB/org.animb.jscomponent/animation/AnimB.js AnimB.js] the AnimB javascript component
 
* [https://rodin-b-sharp.svn.sourceforge.net/svnroot/rodin-b-sharp/trunk/AnimB/org.animb.jscomponent/animation/AnimB.js AnimB.js] the AnimB javascript component
 
* [https://rodin-b-sharp.svn.sourceforge.net/svnroot/rodin-b-sharp/trunk/AnimB/org.animb.jscomponent/animation/index.html index.html] a basic HTML file
 
* [https://rodin-b-sharp.svn.sourceforge.net/svnroot/rodin-b-sharp/trunk/AnimB/org.animb.jscomponent/animation/index.html index.html] a basic HTML file

Revision as of 12:31, 10 October 2010

This page discribes how to build a graphical animation for a event-b model. These animations are built following the pattern MVC (Model/View/Controller).

The view part is done by a browser and a HTML page. The model part is given by a running animation in the Rodin plateform through AnimB and a event-b model. The controller is ensured by a piece of javascript code running in the browser.

The installation

In your Event-B project, create a directory called "animation". Then dowload the two following files in this directory: