Team:Paris Saclay/Modeling/Simulator

From 2013.igem.org

(Difference between revisions)
(→How to include this simulator in your wiki)
(→How to include this simulator in your wiki)
Line 51: Line 51:
=== How to include this simulator in your wiki ===
=== How to include this simulator in your wiki ===
-
This simulator is designed to be simple to use. You can embed your own by following these steps :
+
Our simulator is designed to be simple to use. You can embed your own by following these steps :
*First upload a copy of our script available here : [[Team:Paris_Saclay/simbox.js|HTML5 simulator code]]
*First upload a copy of our script available here : [[Team:Paris_Saclay/simbox.js|HTML5 simulator code]]
*Then insert the script one time at the beginning of each page where you want to use the simulator :
*Then insert the script one time at the beginning of each page where you want to use the simulator :

Revision as of 21:00, 27 September 2013

Project What are PCBs ? Overview Modeling Achievements PSPCR


Modeling Overview Simulator Oxygen sensor

Contents

Simulator

Wiki-integrated simulator

A simulation graph is worth a thousand words. But an integrated, user-controllable online simulator is worth a million.

Explanation

In order to make our models easier to understand, we have created an on-line simulator fully integrated in the iGEM wiki system. This simulator uses the aforementioned HSIM rules and implements one of the HSIM algorithms that can be summed up as the following series of steps :

  1. Randomly reorder the reaction list
  2. Compute the number of reactions to execute : *R*. R is a rational number proportional to the concentrations, the reaction probability, and a constant factor α.
  3. Execute the reaction integer part of R times
  4. Execute it one more time with the probability decimal part of R

See the reference article for more details.

This self-contained simulator is written in standard HTML5 and is therefore compatible with the iGEM 2013 rules which forbid the embedding of plug-ins and external data.

How to control the simulator

Our wiki-based simulator in action

The simulator is easy to use. The graph represents the live quantities of the different molecules as a function of time. The line color for each molecule is shown just below the graph. The controllable quantities involved in the simulation also appear under the graph. Finally, there are two control buttons : START and RESET.

In order to launch a simulation, you can press START. To pause it, click on this same button again. Another click will resume the simulation. While the simulation is paused, you can modify the controllable quantities. If you want to reset the simulation to its initial state and default molecule quantities, just click on the RESET button.

How to include this simulator in your wiki

Our simulator is designed to be simple to use. You can embed your own by following these steps :

  • First upload a copy of our script available here : HTML5 simulator code
  • Then insert the script one time at the beginning of each page where you want to use the simulator : 
<script src="http://YEAR.igem.org/Team:TEAM/simbox.js?action=raw&ctype=text/javascript"></script>
  • For each simulation, create an XML configuration file


  • Finally, include the simulator in your page : 
<html>
<div class="simbox" data-width="785" data-height="300" data-load="URL_OF_YOUR_XML_FILE">
Loading simulation...
</div>
</html>

Retrieved from "http://2013.igem.org/Team:Paris_Saclay/Modeling/Simulator"