Difference between pages "AnimB Javascript Tutorial" and "Code Generation Tutorial"

From Event-B
(Difference between pages)
Jump to navigationJump to search
imported>Christophe
 
imported>Andy
 
Line 1: Line 1:
−
This page discribes how to build a graphical animation for a event-b model.
+
'''This Page is Under Construction'''
−
These animations are built following the pattern MVC (Model/View/Controller).
 
  
−
The view part is done by a browser and a HTML page.
+
=== Tutorial Overview ===
−
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 =
+
The aim of the tutorial is to allow users to explore the approach with a relatively simple example. The example uses a shared buffer with reader and writer processes. The tutorial is presented in three stages, making use of the example projects from the download site. The example projects are,
−
In your Event-B project, create a directory called "animation".
 
−
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/index.html index.html] a basic HTML file. This file could be used to create your own animation.
 
  
−
= Create your own animation =
+
SharedBuffer20100819Demo
  
−
First you must set the three variables describing your project.
+
A project with a completed Tasking Development, and IL1 model (post IL1 translation, but before Event-B translation).
−
* project this variable must be to set with the Rodin project name
+
 
−
* model this variable must be to set with the model used to build the animation
+
sharedbuffer20100819Tasking
 +
A completed project, with translated Event-B; a model of the implementation with program counters.
 +
 
 +
SharedBuffer20100819Tutorial
 +
A bare project for step 1 of the tutorial.
 +
 
 +
sharedbuffer20100819Tutorial2
 +
A partially completed tasking development for steps 2 and 3 of the tutorial.
 +
 
 +
The steps will be as follows,
 +
* Step 1 - Create the tasking development.
 +
* Step 2 - Add annotations.
 +
* Step 3 - Invoke translators.
 +
 
 +
== Preliminaries ==
 +
Before discussing the modelling aspects further we discuss the PrettyPrint viewers. The PrettyPrinters make the viewing of tasking models easier, and provides a quick route to source code generation. The source code can easily be pasted into an Ada source file.
 +
==== The PrettyPrint View of a Tasking Development ====
 +
From the top-menu select ''Window/Show View/Other/Tasking Pretty Printer''.
 +
 
 +
Note that the Tasking PrettyPrinter may have to be closed when editing the Tasking Development, since it can give rise to exceptions. The PrettyPrinter would need further work to make it robust, however it is intended only as a short-term solution.
 +
 
 +
Open the ''SharedBuffer20100819Demo'' Project and switch to the Resource Perspective. Open the ''.tasking'' model and inspect it. Clicking on the Main, Machine or Event nodes updates the pretty print window.
 +
 
 +
==== Viewing an IL1 Model ====
 +
 
 +
From the top-menu select ''Window/Show View/Other/IL1 Pretty Printer''.
 +
 
 +
Open the ''SharedBuffer20100819Demo'' Project and switch to the Resource Perspective. Open the ''.il1'' model and inspect it. Clicking on the Protected, Main Entry, or Task nodes updates the pretty print window.
 +
 
 +
== Creating The Tasking Development ==
 +
 
 +
From the Event-B Perspective,
 +
 
 +
Open the SharedBuffer20100819Tutorial Project.
 +
 
 +
Select the following Machines: Reader, Writer and Shared.
 +
 
 +
Right-click and select Make Tasking Development/Generate Tasking Development.
 +
 
 +
The new Tasking Development will not be visible in the Event-B perspective, change to the resource perspective, open and inspect the new .tasking file. The Tasking Development contains the machines that we wish to provide implementations for. In order to introduce the new concepts we have prepared a partially complete development.
 +
 
 +
Go to the Project SharedBuffer20100819Tutorial2 to begin the next step.
 +
 
 +
==== Providing the Annotations for Implementations ====

Revision as of 17:02, 7 December 2010

This Page is Under Construction

Tutorial Overview

The aim of the tutorial is to allow users to explore the approach with a relatively simple example. The example uses a shared buffer with reader and writer processes. The tutorial is presented in three stages, making use of the example projects from the download site. The example projects are,

SharedBuffer20100819Demo

A project with a completed Tasking Development, and IL1 model (post IL1 translation, but before Event-B translation).

sharedbuffer20100819Tasking A completed project, with translated Event-B; a model of the implementation with program counters.

SharedBuffer20100819Tutorial A bare project for step 1 of the tutorial.

sharedbuffer20100819Tutorial2 A partially completed tasking development for steps 2 and 3 of the tutorial.

The steps will be as follows,

  • Step 1 - Create the tasking development.
  • Step 2 - Add annotations.
  • Step 3 - Invoke translators.

Preliminaries

Before discussing the modelling aspects further we discuss the PrettyPrint viewers. The PrettyPrinters make the viewing of tasking models easier, and provides a quick route to source code generation. The source code can easily be pasted into an Ada source file.

The PrettyPrint View of a Tasking Development

From the top-menu select Window/Show View/Other/Tasking Pretty Printer.

Note that the Tasking PrettyPrinter may have to be closed when editing the Tasking Development, since it can give rise to exceptions. The PrettyPrinter would need further work to make it robust, however it is intended only as a short-term solution.

Open the SharedBuffer20100819Demo Project and switch to the Resource Perspective. Open the .tasking model and inspect it. Clicking on the Main, Machine or Event nodes updates the pretty print window.

Viewing an IL1 Model

From the top-menu select Window/Show View/Other/IL1 Pretty Printer.

Open the SharedBuffer20100819Demo Project and switch to the Resource Perspective. Open the .il1 model and inspect it. Clicking on the Protected, Main Entry, or Task nodes updates the pretty print window.

Creating The Tasking Development

From the Event-B Perspective,

Open the SharedBuffer20100819Tutorial Project.

Select the following Machines: Reader, Writer and Shared.

Right-click and select Make Tasking Development/Generate Tasking Development.

The new Tasking Development will not be visible in the Event-B perspective, change to the resource perspective, open and inspect the new .tasking file. The Tasking Development contains the machines that we wish to provide implementations for. In order to introduce the new concepts we have prepared a partially complete development.

Go to the Project SharedBuffer20100819Tutorial2 to begin the next step.

Providing the Annotations for Implementations

Retrieved from ‘https://wiki.event-b.org/index.php?title=AnimB_Javascript_Tutorial&oldid=1510’