Team:ETH Zurich/modeling/overview

From 2014.igem.org

(Difference between revisions)
m
 
(98 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:ETH Zurich/tpl/head|Modeling overview}}
{{:Team:ETH Zurich/tpl/head|Modeling overview}}
-
<html><article>
+
<html>
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="90%" viewBox="0 0 1001 1528" enable-background="new 0 0 1001 1528" xml:space="preserve" preserveAspectRatio="xMinYMin slice">
+
<script type="text/javascript">
 +
(function($) {
 +
function img(url) {
 +
var i = new Image;
 +
i.src = url;
 +
return i;
 +
}
 +
 +
if ('naturalWidth' in (new Image)) {
 +
$.fn.naturalWidth = function() { return this[0].naturalWidth; };
 +
$.fn.naturalHeight = function() { return this[0].naturalHeight; };
 +
return;
 +
}
 +
$.fn.naturalWidth = function() { return img(this[0].src).width; };
 +
$.fn.naturalHeight = function() { return img(this[0].src).height; };
 +
})(jQuery);
-
<a xlink:href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:pointer">
 
-
<rect x="0.5" y="0.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="400" height="500"/>
 
-
<text transform="matrix(1 0 0 1 42.9624 41.6504)" font-family="'Source Sans Pro', sans-serif" font-size="25">Lux quorum sensing module</text>
 
-
<image x="1" y="200" width="398" height="300" xlink:href="https://static.igem.org/mediawiki/2014/8/89/ETH_Zurich_TF_LuxQSModel.jpg"></image>
 
-
<!--<foreignObject x="50" width="300" y="60" height="120">
 
-
\begin{align}
 
-
&\rightarrow LuxR \\
 
-
& AHL+LuxR \leftrightarrow R_{Lux}\\
 
-
& R_{Lux}+R_{Lux} \leftrightarrow DR_{Lux}\\
 
-
& DR_{Lux}+P_{luxOFF} \leftrightarrow P_{luxON}\\
 
-
& P_{luxON}\rightarrow P_{luxON}+Bxb1a+Bxb1b
 
-
\end{align}
 
-
</foreignobject >-->
 
-
</a>
 
-
<a xlink:href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:pointer">
 
-
<rect x="600.5" y="0.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="400" height="500"/>
 
-
<text transform="matrix(1 0 0 1 642.9624 41.6499)" font-family="'Source Sans Pro', sans-serif" font-size="25">Las quorum sensing module</text>
 
-
<image x="601" y="200" width="398" height="300" xlink:href="https://static.igem.org/mediawiki/2014/c/c0/ETH_Zurich_TF_LasQSModel.jpg"></image>
 
-
<!--<foreignObject x="650" width="300" y="60" height="120">
 
-
<body>
 
-
\begin{align}
 
-
&\rightarrow LasR \\
 
-
& PAI1+LasR \leftrightarrow R_{Las} \\
 
-
& R_{Las}+R_{Las} \leftrightarrow DR_{Las}\\
 
-
& DR_{Las}+P_{LasOFF} \leftrightarrow P_{LasON}\\
 
-
& P_{LasON}\rightarrow P_{LasON}+\phi C31a+\phi C31b\\
 
-
\end{align}
 
-
</foreignobject >-->
 
-
</body>
 
-
</a>
 
-
<rect x="0.5" y="600.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="400" height="500"/>
 
-
<rect x="600.5" y="600.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="400" height="500"/>
 
-
<rect x="200.502" y="1227.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="600" height="300"/>
 
-
<text transform="matrix(1 0 0 1 42.9629 641.6685)" font-family="'Source Sans Pro', sans-serif" font-size="25">Bxb1 integrase module</text>
+
function onWindowResize()
-
<text transform="matrix(1 0 0 1 642.9624 641.6685)" font-family="'Source Sans Pro', sans-serif" font-size="25">φC31 integrase module</text>
+
{
-
<text transform="matrix(1 0 0 1 342.9624 1266.6685)" font-family="'Source Sans Pro', sans-serif" font-size="25">XOR gate module</text>
+
  var curWidth = $(window).width(),
-
</svg>
+
  curHeight = $(window).height(),
 +
  checking=false;
 +
  if (checking) {
 +
      return;
 +
  }
 +
  checking = true;
 +
  window.setTimeout(
 +
    function() {
 +
        var newWidth = $(window).width(),
 +
            newHeight = $(window).height();
 +
        if (!(newWidth !== curWidth ||
 +
            newHeight !== curHeight)) {
 +
            resize(false);
 +
        }
 +
        checking=false;
 +
    }, 300);
 +
}
-
</article></html>
+
function resize(initial) {
 +
if (!initial)
 +
{
 +
    var container =  $('#article');
 +
    var imgWidth = container.width();
 +
 
 +
  $( "#map" ).each(function() {
 +
      $(this).css('height', 'auto', 'width', 'auto');
 +
      $(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); 
 +
  });
 +
}
 +
 
 +
}
 +
 
 +
 
 +
$(document).ready(function(){
 +
 
 +
$('#map').mapster({
 +
    fillOpacity: 0.5,
 +
    isSelectable: false,
 +
    clickNavigate: true,
 +
    mapKey: 'name',
 +
    areas: [
 +
            {
 +
                key: "qs",
 +
                fillColor: '2C2F3D'
 +
            },
 +
 
 +
            {
 +
                key: "integrases",
 +
                fillColor: '2C2F3D'
 +
            },
 +
 
 +
            {
 +
                key: "xor",
 +
                fillColor: '2C2F3D'
 +
            },
 +
 
 +
            {
 +
                key: "diff",
 +
                fillColor: '2C2F3D'
 +
            },
 +
 
 +
            {
 +
                key: "cell",
 +
                fillColor: 'FFFFFF'
 +
            }
 +
            ]
 +
  });
 +
 
 +
 
 +
 
 +
 
 +
$(window).resize(
 +
  function()
 +
  {
 +
onWindowResize();
 +
  });
 +
resize(true);
 +
});
 +
</script>
 +
 
 +
<article id="article">
 +
<center>
 +
Our whole model is the result of separate studies for every module of the system. We started with mass action kinetics to model the reactions of all modules, and chose the proper approximations to fit parameters when they were unknown.
 +
The flow of the information is characterized by transfer functions. Click on the different modules to check out their precise characterization. For a global description of the whole cell model as a black box, click on Whole cell model.
 +
</center>
 +
<br/>
 +
<br/>
 +
<center>
 +
<img usemap="#map" id="map" src="/wiki/images/1/11/ETH_Zurich_Modeling-overview.png" style="width:100%;"/>
 +
<map id="map" name="map"><area shape="rect" alt="" title="Diffusion model" coords="448,1,642,185" href="https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel" target="" name='diff' /><area shape="rect" name='qs' alt="" title="Quorum sensing module" coords="636,349,997,799" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area shape="rect" name='integrases' alt="" title="Integrase module" coords="97,889,457,1339" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area name='qs' shape="rect" alt="" title="Quorum sensing module" coords="97,349,456,798" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area name='integrases' shape="rect" alt="" title="Integrase module" coords="636,889,997,1338" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area shape="rect" name='xor' alt="" title="Xor gate module" coords="325,1446,770,1866" href="https://2014.igem.org/Team:ETH_Zurich/modeling/xor" target="" /><area name='cell' shape="rect" alt="" title="Whole cell model" coords="1,301,61,2037" href="https://2014.igem.org/Team:ETH_Zurich/modeling/whole" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
 +
 
 +
</center>
 +
 
 +
 
 +
</article>
 +
 
 +
 
 +
</html>
{{:Team:ETH Zurich/tpl/foot}}
{{:Team:ETH Zurich/tpl/foot}}

Latest revision as of 00:15, 18 October 2014

iGEM ETH Zurich 2014