Team:ETH Zurich/modeling/overview

From 2014.igem.org

(Difference between revisions)
m
 
(88 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:1652px;">
+
-
<div style="background-image:url(modeling-overview_01.gif); position:absolute; left:0px; top:0px; width:1100px; height:77px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_02.gif); position:absolute; left:0px; top:77px; width:113px; height:1575px;" title="">
+
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:hand">
+
-
<div style="background-image:url(Lux-quorum-sensing-module.gif); position:absolute; left:113px; top:77px; width:357px; height:446px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(modeling-overview_04.gif); position:absolute; left:470px; top:77px; width:174px; height:1081px;" title="">
+
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" style="cursor:hand">
+
-
<div style="background-image:url(Las-quorum-sensing-module.gif); position:absolute; left:644px; top:77px; width:357px; height:446px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(modeling-overview_06.gif); position:absolute; left:1001px; top:77px; width:99px; height:1575px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_07.gif); position:absolute; left:113px; top:523px; width:357px; height:85px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_08.gif); position:absolute; left:644px; top:523px; width:357px; height:85px;" title="">
+
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" style="cursor:hand">
+
-
<div style="background-image:url(Bxb1-integrase-module.gif); position:absolute; left:113px; top:608px; width:357px; height:446px;" title="">
+
-
</div></a>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" style="cursor:hand">
+
-
<div style="background-image:url(fC31-integrase-module.gif); position:absolute; left:644px; top:608px; width:357px; height:446px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(modeling-overview_11.gif); position:absolute; left:113px; top:1054px; width:357px; height:104px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_12.gif); position:absolute; left:644px; top:1054px; width:357px; height:104px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_13.gif); position:absolute; left:113px; top:1158px; width:222px; height:494px;" title="">
+
-
</div>
+
-
<a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview#xor" style="cursor:hand">
+
-
<div style="background-image:url(XOR-gate-module.gif); position:absolute; left:335px; top:1158px; width:444px; height:419px;" title="">
+
-
</div></a>
+
-
<div style="background-image:url(modeling-overview_15.gif); position:absolute; left:779px; top:1158px; width:222px; height:494px;" title="">
+
-
</div>
+
-
<div style="background-image:url(modeling-overview_16.gif); position:absolute; left:335px; top:1577px; width:444px; height:75px;" title="">
+
-
</div>
+
-
</div>
+
-
</article></html>
+
<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);
 +
 
 +
 
 +
 
 +
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