Team:Slovenia/ModelingInteractiveSimulations

From 2012.igem.org

(Difference between revisions)
Line 281: Line 281:
}  
}  
 +
 +
table{ border-radius: 30px;  background:cyan;  padding:10px 10px 10px 10px;}
</style>
</style>
Line 403: Line 405:
-
 
-
 
-
<body>
 
     <br/>
     <br/>
Line 412: Line 411:
      
      
     <p>
     <p>
-
Based on experimental data, we constructed what we refer to as a quantitative model. Please see <a href="https://2012.igem.org/Team:Slovenia/ModelingQuantitativeModel">Quantitative and stability model</a> for details.</p>
+
    Based on experimental data, we constructed a quantitative model. Please see <a href="https://2012.igem.org/Team:Slovenia/ModelingQuantitativeModel">Quantitative and stability model</a> for details of derivation.</p>
      
      
-
    <p>
 
-
      <ul style="margin-left:15px;">
 
-
        <li><a href="#model1">Mutual repressor switch simulation</a><br/></li>
 
-
        <li><a href="#model2">The positive feedback loop switch simulation</a><br/></li>
 
-
</ul>
 
-
</p>
 
-
<br />
 
-
<br />
 
-
    <h2><a name="model1"></a>Mutual repressor switch</h2>
 
      
      
-
     <form name="form1" action="http://igem2012.fri.uni-lj.si:443/cellulator/bistable" target="_blank" method="GET">
+
     <form name="form1" action="http://igem2012.fri.uni-lj.si:443/cellulator/bistable_feedback_new" method="GET" onsubmit="return validateForm(this)">
       <input type="hidden" name="check_submit" value="1"/>  
       <input type="hidden" name="check_submit" value="1"/>  
-
      <b>INPUT VECTORS DOSAGE</b> <br/>
+
   
        
        
        
        
-
      <p>     
+
       <table class="invisibile">
-
      <!-- inline figure 1 -->
+
       <tr class="invisibile">
-
       <table class="inliner" style="width:50%;">
+
-
      <tbody  class="inliner">
+
-
       <tr class="inliner"><td class="inliner"><img class="inliner" src="https://static.igem.org/mediawiki/2012/f/f1/Svn12_interactive_scheme-01.png"/></td></tr>
+
-
      .</td></tr>
+
-
      </tbody>
+
-
      </table>
+
-
      <!-- end figure 1-->
+
        
        
-
       <table class="normal">
+
       <td class="invisibile" width="700px" valign="top">
-
        <thead class="normal">
+
-
        <tr class="normal"><td class="normal">Construct</td><td class="normal">Dosage</td></tr>
+
-
        </thead>
+
-
        <tbody class="normal">
+
-
      <tr class="normal"><td class="normal"><strong>[A]_pCMV_TAL-B:KRAB_BFP</strong> </td><td class="normal"> <input type="text" name="plasmid1" size="5" value="190" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      <tr class="normal"><td class="normal"><strong>[B]_pCMV_TAL-A:KRAB_mCitrine</strong> </td><td class="normal"> <input type="text" name="plasmid2" size="5" value="180" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      <tr class="normal"><td class="normal"><strong>pCMV_[PIR]_TAL-B:KRAB</strong> </td><td class="normal"> <input type="text" name="plasmid3" size="5" value="190" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      <tr class="normal"><td class="normal"><strong>pCMV_[ETR]_TAL-A:KRAB</strong> </td><td class="normal"> <input type="text" name="plasmid4" size="5" value="180" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      <tr class="normal"><td class="normal"><strong>pCMV_PIP:KRAB</strong> </td><td class="normal"> <input type="text" name="plasmid5" size="5" value="180" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      <tr class="normal"><td class="normal"><strong>pCMV_E:KRAB </strong> </td><td class="normal"> <input type="text" name="plasmid6" size="5" value="180" onKeyPress="return numbersonly(this, event)" maxlength="4"/> ng</td></tr>
+
-
      </tbody>
+
-
      </table>
+
-
      <font color="blue">(Enter dosages for corresponding plasmids.)</font><br /><br />
+
-
      </p>
+
        
        
 +
      <b>INPUT VECTORS DOSAGE</b> <br/>
 +
      <hr/>
        
        
-
       <div style="clear:both;"></div>
+
       <table>
 +
      <th><tr><td  style="background: #0099FF;"><b><font color="white">The Switch</font></b></td><td></td></tr></th>
 +
      <th>
 +
        <tr><td>Construct</td><td>Dosage</td></tr>
 +
        </th>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/0/09/Svn12_qm_interactive_p0.png" width="300px"/></td><td> <input type="text" name="plasmid0" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/2/28/Svn12_qm_interactive_p1.png" width="200px"/><td> <input type="text" name="plasmid1" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/f/f0/Svn12_qm_interactive_p2.png" width="300px"/><td> <input type="text" name="plasmid2" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/7/70/Svn12_qm_interactive_p3.png" width="200px"/><td> <input type="text" name="plasmid3" size="3" value="1" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td>
 +
      <tr><td></td><td></td></tr>
        
        
 +
      <th><tr><td  style="background: #0099FF;"><b><font color="white">Inducible system</font></b></td><td></td></tr></th>
 +
      <th>
 +
        <tr><td>Construct</td><td>Dosage</td></tr>
 +
        </th>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/c/cf/Svn12_qm_interactive_p4.png" width="200px"/><td> <input type="text" name="plasmid4" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/f/f7/Svn12_qm_interactive_p5.png" width="200px"/><td> <input type="text" name="plasmid5" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/9/96/Svn12_qm_interactive_p6.png" width="200px"/><td> <input type="text" name="plasmid6" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/9/9f/Svn12_qm_interactive_p7.png" width="200px"/><td> <input type="text" name="plasmid7" size="3" value="5" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td></td><td></td></tr>
 +
      <th><tr><td  style="background: #0099FF;"><b><font color="white">Pristinamycin/Erithromycin ind. proteins</font></b></td><td></td></tr></th>
 +
      <th>
 +
        <tr><td>Construct</td><td>Dosage</td></tr>
 +
        </th>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/6/6a/Svn12_qm_interactive_p8.png" width="200px"/><td> <input type="text" name="plasmid8" size="3" value="30" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      <tr><td><img align="left" src="https://static.igem.org/mediawiki/2012/b/b1/Svn12_qm_interactive_p9.png" width="200px"/><td> <input type="text" name="plasmid9" size="3" value="30" onKeyPress="return numbersonly2(this, event)" maxlength="3"/> ng</td></tr>
 +
      </table>
 +
      <font color="blue">(Enter dosages for corresponding plasmids. <font color="black">To comply with the jetPEI® protocol, the sum of masses shall not exceed 200 ng. </font>)</font><br /><br />
        
        
 +
      </td>
 +
      <td class="invisibile" valign="top">
 +
           
 +
      <b>INDUCERS</b> <br/>
       <hr/>
       <hr/>
-
      <b>TRANSCRIPTION FACTORS</b>
 
-
      <br />
 
-
      <input type="checkbox" name="req" value="1" /> Equal transcription factors
 
-
      <br/>
 
-
      <font color="blue">(Transcription factors will alter transcription with equal rates)</font><br /> <br />
 
-
     
 
-
      <hr/>
 
-
      <b>INDUCERS</b> <br/>
 
        
        
       <table>
       <table>
-
      <th><tr><td><i>Pristinamycin</i></td><td></td></tr></th>
+
        <th><tr><td style="background: #0099FF;"><b><font color="white">Pristinamycin</font></b></td><td></td></tr></th>
       <tr>
       <tr>
         <td>Input times [min]</td>
         <td>Input times [min]</td>
-
         <td><input type="text" name="pc_start1" size="5" value="2000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
         <td><input type="text" name="pc_start1" size="5" value="200" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
-
         <td><input type="text" name="pc_start2" size="5" value="10000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
         <td><input type="text" name="pc_start2" size="5" value="5000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="pc_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="pc_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="pc_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
         <td><input type="text" name="pc_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
Line 481: Line 474:
       <tr>
       <tr>
         <td>Durations [min]</td>
         <td>Durations [min]</td>
-
         <td><input type="text" name="pc_duration1" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
         <td><input type="text" name="pc_duration1" size="5" value="200" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
-
         <td><input type="text" name="pc_duration2" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
         <td><input type="text" name="pc_duration2" size="5" value="300" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
         <td><input type="text" name="pc_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
         <td><input type="text" name="pc_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
         <td><input type="text" name="pc_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
         <td><input type="text" name="pc_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
Line 492: Line 485:
       <table>
       <table>
-
       <th><tr><td><i>Erythromycin</i></td><td></td></tr></th>
+
       <th><tr><td style="background: #0099FF;"><b><font color="white">Erithromycin</font></b></td><td></td></tr></th>
       <tr>
       <tr>
         <td>Input times [min]</td>
         <td>Input times [min]</td>
-
         <td><input type="text" name="rg_start1" size="5" value="6000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
         <td><input type="text" name="rg_start1" size="5" value="1500" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
-
         <td><input type="text" name="rg_start2" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
         <td><input type="text" name="rg_start2" size="5" value="10000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="rg_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="rg_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="rg_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
         <td><input type="text" name="rg_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
Line 503: Line 496:
       <tr>
       <tr>
         <td>Durations [min]</td>
         <td>Durations [min]</td>
-
         <td><input type="text" name="rg_duration1" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
         <td><input type="text" name="rg_duration1" size="5" value="2000" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
-
         <td><input type="text" name="rg_duration2" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
         <td><input type="text" name="rg_duration2" size="5" value="100" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
         <td><input type="text" name="rg_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
         <td><input type="text" name="rg_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
         <td><input type="text" name="rg_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
         <td><input type="text" name="rg_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
Line 515: Line 508:
       <br />
       <br />
       <b>SIMULATION</b> <br/>
       <b>SIMULATION</b> <br/>
 +
      <hr />     
 +
      <input type="checkbox" name="noise" value="1" /> Apply measurement noise.
 +
      <br/>
 +
      <font color="blue">(Measured standard deviations will be applied in the calculations.)</font><br /> <br />
 +
-
      <hr />
 
       Time: <input type="text" name="time" size="5" value="15000" onKeyPress="return numbersonly(this, event)" maxlength="7"/> min<br />
       Time: <input type="text" name="time" size="5" value="15000" onKeyPress="return numbersonly(this, event)" maxlength="7"/> min<br />
       <font color="blue">(Simulation running time)</font><br /><br />
       <font color="blue">(Simulation running time)</font><br /><br />
-
      <input type="submit" value="SIMULATE" /> <br />
 
-
      <font color="blue">(The results will be shown in a new browser window/tab after few seconds. Have fun.)</font><br /><br />
 
-
 
-
    </form>
 
-
 
-
    <br />
 
-
   
 
-
    <h2><a name="model2"></a>Positive feedback loop switch</h2>
 
-
 
-
    <form name="form1" action="http://igem2012.fri.uni-lj.si:443/cellulator/bistable_feedback" target="_blank" method="GET">
 
-
      <input type="hidden" name="check_submit" value="1"/>
 
-
      <b>INPUT VECTORS DOSAGE</b>
 
        
        
-
 
+
       <input type="submit" value="SIMULATE" /><br/>
-
      <p>     
+
       <font color="blue">(The results will be shown in a new browser window/tab after few seconds. Have fun.)</font>
-
      <!-- inline figure 1 -->
+
-
       <table class="inliner" style="width:50%;">
+
-
      <tbody  class="inliner">
+
-
       <tr class="inliner"><td class="inliner"><img class="inliner" src="https://static.igem.org/mediawiki/2012/a/a4/Svn12_interactive_scheme-02.png"/></td></tr>
+
-
      .</td></tr>
+
-
      </tbody>
+
-
      </table>
+
-
      <!-- end figure 1-->
+
        
        
-
       <table class="normal">
+
       </td>
-
        <thead class="normal">
+
-
        <tr class="normal"><td class="normal">Construct</td><td class="normal">Dosage</td></tr>
+
-
        </thead>
+
-
        <tbody class="normal">
+
-
        <tr class="normal"><td class="normal"><strong>[A]_pCMV_TAL-B:KRAB_TAL-A:VP16_BFP </strong></td><td class="normal"><input type="text" name="plasmid1" size="5" value="200" onKeyPress="return numbersonly(this, event)"/> ng</td></tr>
+
-
        <tr class="normal"><td class="normal"><strong>[B]_pCMV_TAL-A:KRAB_TAL-B:VP16_mCitrine</strong></td><td class="normal"><input type="text" name="plasmid2" size="5" value="200" onKeyPress="return numbersonly(this, event)"/> ng</td></tr>
+
-
        <tr class="normal"><td class="normal"><strong>pCMV_[PIR]_TAL-B:KRAB_TAL-A:VP16</strong></td><td class="normal"><input type="text" name="plasmid3" size="5" value="200" onKeyPress="return numbersonly(this, event)"/> ng</td></tr>
+
-
        <tr class="normal"><td class="normal"><strong>pCMV_[ETR]_TAL-A:KRAB_TAL-B:VP16</strong></td><td class="normal"><input type="text" name="plasmid4" size="5" value="200" onKeyPress="return numbersonly(this, event)"/> ng</td></tr>
+
-
        <tr class="normal"><td class="normal"><strong>pCMV_PIP:KRAB_E:KRAB</strong></td><td class="normal"><input type="text" name="plasmid5" size="5" value="200" onKeyPress="return numbersonly(this, event)"/> ng</td></tr>
+
-
        </tbody>
+
-
        </table>
+
-
      <font color="blue">(Enter dosages for corresponding plasmids.)</font><br /><br />
+
-
      </p>
+
-
      <div style="clear:both;"></div>
+
-
     
+
-
     
+
-
      <hr/>
+
-
      <b>TRANSCRIPTION FACTORS</b>
+
-
      <br />
+
-
      <input type="checkbox" name="req" value="1" /> Equal transcription factors <br />
+
-
      <font color="blue">(Transcription factors will alter transcription with equal rates)</font><br /><br />
+
-
      <hr/>
+
-
      <b>INDUCERS</b> <br/>
+
-
 
+
-
     
+
-
      <table>
+
-
      <th><tr><td><i>Pristinamycin</i></td><td></td></tr></th>
+
-
      <tr>
+
-
        <td>Input times [min]</td>
+
-
        <td><input type="text" name="pc_start1" size="5" value="7000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start2" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
+
-
        <td><input type="text" name="pc_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
        <td><input type="text" name="pc_start5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
+
-
      </tr>
+
-
      <tr>
+
-
        <td>Durations [min]</td>
+
-
        <td><input type="text" name="pc_duration1" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration2" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
-
        <td><input type="text" name="pc_duration5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"><br/></td>
+
       </tr>
       </tr>
       </table>
       </table>
-
 
 
-
      <br/>
 
-
 
-
      <table>
 
-
      <th><tr><td><i>Erythromycin</i></td><td></td></tr></th>
 
-
      <tr>
 
-
        <td>Input times [min]</td>
 
-
        <td><input type="text" name="rm_start1" size="5" value="3000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
 
-
        <td><input type="text" name="rm_start2" size="5" value="14000" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
 
-
        <td><input type="text" name="rm_start3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
 
-
        <td><input type="text" name="rm_start4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
 
-
        <td><input type="text" name="rm_start5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"/></td>
 
-
      </tr>
 
-
      <tr>
 
-
        <td>Durations [min]</td>
 
-
        <td><input type="text" name="rm_duration1" size="5" value="1000" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
 
-
        <td><input type="text" name="rm_duration2" size="5" value="2000" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
 
-
        <td><input type="text" name="rm_duration3" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
 
-
        <td><input type="text" name="rm_duration4" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
 
-
        <td><input type="text" name="rm_duration5" size="5" value="" onKeyPress="return numbersonly(this, event)" maxlength="6"></td>
 
-
      </tr>
 
-
      </table>
 
-
      <font color="blue">(For each input time of an inducer, enter its corresponding duration, i.e. after how many minutes the inducer will be removed. )</font>
 
-
      <br />
 
-
      <br />
 
        
        
-
 
-
 
-
 
-
      <hr/>
 
-
      <b>SIMULATION</b> <br/>
 
-
      Time: <input type="text" name="time" size="5" value="20000"/> min<br />
 
-
      <font color="blue">(Simulation running time)</font><br />
 
-
      <br />
 
        
        
-
      <input type="submit" value="SIMULATE" /><br/>
 
-
      <font color="blue">(The results will be shown in a new browser window/tab after few seconds. Have fun.)</font>
 
     </form>  
     </form>  

Revision as of 15:51, 15 October 2012


Quantitative model interactive simulations


Based on experimental data, we constructed a quantitative model. Please see Quantitative and stability model for details of derivation.

INPUT VECTORS DOSAGE

The Switch
ConstructDosage
ng
ng
ng
ng
Inducible system
ConstructDosage
ng
ng
ng
ng
Pristinamycin/Erithromycin ind. proteins
ConstructDosage
ng
ng
(Enter dosages for corresponding plasmids. To comply with the jetPEI® protocol, the sum of masses shall not exceed 200 ng. )

INDUCERS

Pristinamycin
Input times [min]
Durations [min]





Erithromycin
Input times [min]
Durations [min]
(For each input time of an inducer, enter its corresponding duration, i.e. after how many minutes the inducer will be removed. )

SIMULATION

Apply measurement noise.
(Measured standard deviations will be applied in the calculations.)

Time: min
(Simulation running time)


(The results will be shown in a new browser window/tab after few seconds. Have fun.)

Next: Parts >>