Team:ETH Zurich/modeling/overview

From 2014.igem.org

(Difference between revisions)
m
 
(90 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>
-
<div style="position:absolute; left:0px; top:0px; width:1100px; height:1496px;">
+
<script type="text/javascript">
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/f/f0/ETH_Zurich_Modeling-overview_01.gif); position:absolute; left:0px; top:0px; width:113px; height:1496px;" title="">
+
(function($) {
-
</div>
+
function img(url) {
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:hand">
+
var i = new Image;
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/8/8c/ETH_Zurich_Lux-quorum-sensing-module.gif); position:absolute; left:113px; top:0px; width:357px; height:444px;" title="">
+
i.src = url;
-
</div></a>
+
return i;
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/2/2d/ETH_Zurich_Modeling-overview_03.gif); position:absolute; left:470px; top:0px; width:174px; height:1079px;" title="">
+
}
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:hand">
+
if ('naturalWidth' in (new Image)) {
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/a/a3/ETH_Zurich_Las-quorum-sensing-module.gif); position:absolute; left:644px; top:0px; width:357px; height:444px;" title="">
+
$.fn.naturalWidth = function() { return this[0].naturalWidth; };
-
</div></a>
+
$.fn.naturalHeight = function() { return this[0].naturalHeight; };
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/2/20/ETH_Zurich_Modeling-overview_05.gif); position:absolute; left:1001px; top:0px; width:99px; height:1496px;" title="">
+
return;
-
</div>
+
}
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/1/10/ETH_Zurich_Modeling-overview_06.gif); position:absolute; left:113px; top:444px; width:357px; height:84px;" title="">
+
$.fn.naturalWidth = function() { return img(this[0].src).width; };
-
</div>
+
$.fn.naturalHeight = function() { return img(this[0].src).height; };
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/c/cb/ETH_Zurich_Modeling-overview_07.gif); position:absolute; left:644px; top:444px; width:357px; height:84px;" title="">
+
})(jQuery);
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" style="cursor:hand">
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/e/ea/ETH_Zurich_Bxb1-integrase-module.gif); position:absolute; left:113px; top:528px; width:357px; height:447px;" title="">
+
-
</div></a>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" style="cursor:hand">
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/a/a4/ETH_Zurich_fC31-integrase-module.gif); position:absolute; left:644px; top:528px; width:357px; height:447px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/f/f4/ETH_Zurich_Modeling-overview_10.gif); position:absolute; left:113px; top:975px; width:357px; height:104px;" title="">
+
-
</div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/5/5a/ETH_Zurich_Modeling-overview_11.gif); position:absolute; left:644px; top:975px; width:357px; height:104px;" title="">
+
-
</div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/d/d1/ETH_Zurich_Modeling-overview_12.gif); position:absolute; left:113px; top:1079px; width:222px; height:417px;" title="">
+
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview#xor" style="cursor:hand">
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/2/25/ETH_Zurich_XOR-gate-module.gif); position:absolute; left:335px; top:1079px; width:444px; height:417px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/e/e0/ETH_Zurich_Modeling-overview_14.gif); position:absolute; left:779px; top:1079px; width:222px; height:417px;" title="">
+
-
</div>
+
-
</div>
+
-
</article></html>
+
 
 +
 
 +
function onWindowResize()
 +
{
 +
  var curWidth = $(window).width(),
 +
  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);
 +
}
 +
 
 +
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