Difference between revisions of "Team:Tsinghua-A/Model"

(Prototype team page)
 
 
(55 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{Tsinghua-A}}
 
{{Tsinghua-A}}
 
<html>
 
<html>
 +
      <head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Discription</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
  
  
<div class="column full_size judges-will-not-evaluate">
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<h3>★  ALERT! </h3>
+
<link rel="shortcut icon" href="favicon.ico">
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
</div>
+
<div class="clear"></div>
+
  
<div class="column full_size">
+
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
<h1> Modeling</h1>
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
 +
<!-- Superfish -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/superfish?action=raw&ctype=text/css">
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/flexslider?action=raw&ctype=text/css">
  
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">
 +
      <script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript">
  
</div>
+
<!-- Modernizr JS -->
<div class="clear"></div>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript"></script>
 +
<![endif]-->
  
<div class="column half_size">
+
    <style type="text/css">
<h3> Gold Medal Criterion #3</h3>
+
 
<p>
+
.myTitle1 {
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.  
+
width:90%;
</p>
+
height:84px;
 
+
margin-left: 5%;
<p>
+
margin-bottom: 20px;
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.  
+
font-size: 40px;
</p>
+
margin-top: 30px
 +
}
 +
.myTitle2 {
 +
width:90%;
 +
height:50px;
 +
margin-left: 5%;
 +
margin-bottom: 20px;
 +
font-size: 28px;
 +
}
 +
    .myPara {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 60px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
.myPS {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 8px;
 +
font-size: 16px;
 +
text-align: left;
 +
}
 +
.myPic1 {
 +
font-size: 100px;
 +
text-align: left;
 +
margin-bottom: 15px;
 +
 +
text-align: center;
 +
}
 +
    .myPicDis {
 +
width:90%;
 +
margin-left: 5%;
 +
top: 370px;
 +
font-size: 15px;
 +
text-align: left;
 +
}
 +
    .background {
 +
position:absolute;
 +
width:70%;
 +
height:4300px;
 +
z-index:10000;
 +
top: 100px;
 +
left: 15%;
 +
background-color:white;
 +
}
 +
#fh5co-hero {
 +
  min-height: 4300px;
 +
  style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"
 +
}
 +
.mytable {
 +
width:100%;
 +
cellpadding:100;
 +
cellspacing:50;
 +
                border-width:0;
 +
                border-color:rgba(0, 0, 0, 0.00);
 +
}
 +
    </style>
 +
    </head>
 +
<body>
 +
<div id="fh5co-wrapper" >
 +
<div id="fh5co-page">
 +
<div id="fh5co-header">
 +
 +
</div>
 +
<!-- end:fh5co-header -->
 +
<aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;">
 +
<div class="flexslider js-fullheight">
 +
<ul class="slides">
 +
  <li style="background-image: url();">
 +
  <div class="overlay-gradient"></div>
 +
  <div class="container">
 +
  <div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
 +
  <div class="slider-text-inner desc">
 +
  <h2 class="heading-section">Discription here</h2>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </li>
 +
  </ul>
 +
  </div>
 +
</aside>
 +
<div style="position:fixed; top: 80%; left: 0%; width: 15%; font-size:16px;background-color:rgba(255,255,255,0.6)">For your better viewing experience, please adjust website to an optimized scale(ratio)</div>
 +
<div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div>
 +
<div style="position:fixed; top: 80%; left: 90%;"><a href="#top"><img src="https://static.igem.org/mediawiki/2017/3/31/TsinghuaA-backtotop.png" width="80" height="80"></a></div>  
 +
<div class="background" id="apDiv_background">
 +
 
 +
 
 +
    <div class="myTitle1" id="top">Model overview</div>
 +
  <div class="myPara" >&nbsp;&nbsp;&nbsp;&nbsp;The system we designed involves many kinds of relationships between populations and individuals. To help us understand these relationships better, we designed models to describe how the amount of E.coli and substance change with time. <br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Concretely, we designed a fluid model and a solid model, where the solid model takes spatial effects on relationships between populations and individuals into consideration. In fluid model, we use Ordinary Differential Equation (ODE) to describe the behavior of the amount of different characters and molecules. In solid model, however, we use Cellular Automaton (CA) to mimic effects of spatial factors. (See more at <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_model">Fluid Model </a>and <a href="https://2017.igem.org/Team:Tsinghua-A/solid_model">Solid Model</a>) <br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;We use models to do the things listed below:</div>
 +
<div class="myTitle2">I Design warriors that can be killed only by the warrior from the other group</div>
 +
<div class="myPara">
 +
&nbsp;&nbsp;&nbsp;&nbsp;According to our results from <a href="https://2017.igem.org/Team:Tsinghua-A/orthogonality_test">Orthogonality test</a>, we can just determine the circuit of warrior II and what AHL warrior I should secrete. The results are shown as below:</div>
 +
<div class="myPic1"><img src="https://static.igem.org/mediawiki/2017/d/d0/Wushi1%3F.png" width=80%></div>
 +
<div class="myPicDis">Fig.1 Gene circuit designed from results, the upper one is warrior I while the one below is warrior II</div>
 +
<div class="myPara">
 +
&nbsp;&nbsp;&nbsp;&nbsp;We cannot design a warrior I that can be killed by warrior II but not by itself regardless of whatever receptor-promoter pair we put inside warrior I. (See more at <a href="https://2017.igem.org/Team:Tsinghua-A/orthogonality_test">Orthogonality test</a>)<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;The problem now becomes how to block warrior I’s response to C4HSL secreted by itself. Our model tells us if we design warrior I as below (Fig.2), we can realize that warrior I is only killed by warrior II. It is realized through the regulation of the RBS of TetR to an appropriate intensity. The basic principle here is C4HSL can activate the expression of TetR, which can be used to inhibit the expression of LacI. Therefore, the activating of LacI by C4HSL can be counteracted.
 +
</div>
 +
<div class="myPic1"><img src="https://static.igem.org/mediawiki/2017/1/12/TsinghuaA-lsl_1_f3.png" width=80%></div>
 +
<div class="myPicDis"> Fig.2 Improved gene circuit, the upper one is warrior I while the one below is warrior II<br>
 +
See more details at <a href="https://2017.igem.org/Team:Tsinghua-A/design_of_characters ">Design of characters</a></div>
 +
<div class="myPara">&nbsp;&nbsp;&nbsp;&nbsp;Results are shown below:</div>
 +
<div class="myPic1"><img src="https://static.igem.org/mediawiki/2017/thumb/2/2f/TsinghuaA-Project_4.png/800px-TsinghuaA-Project_4.png"></div>
 +
<div class="myPicDis">Fig.3 Performance of improved gene circuit<br>
 +
See more information at <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_model/improved_gene_circuit ">Improved gene circuit </a><br><br></div>
 +
<div class="myTitle2">II Design an easy way to regulate the killing ability of warriors.</div>
 +
<div class="myPara">&nbsp;&nbsp;&nbsp;&nbsp;To mimic the situation we investigate in real world, sometimes we need to regulate the killing ability to an appropriate level, like making the two warriors have the same killing ability. What can we do to regulate the killing ability of the warriors? Our model suggests that it is possible to regulate the killing ability of the two warriors by just changing the promoter intensity of some proteins! (Fig.4)</div>
 +
  <div class="myPic1"><img src="https://static.igem.org/mediawiki/2017/thumb/c/c3/TsinghuaA-Project_5.png/800px-TsinghuaA-Project_5.png"></div>
 +
  <div class="myPicDis">Fig.4 Regulation of killing ability
 +
  <br>
 +
  See more details at <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_model/regulation_of_killing_ability">Regulation of killing ability</a><br><br></div>
 +
  <div class="myTitle2">III Design our E.coli War based on our models.</div>
 +
  <div class="myPara">&nbsp;&nbsp;&nbsp;&nbsp;We found that it will be much easier to consider the effects of some factors (Like initial number of each populations and spatial factors) on population interactions if we can visualize it. Therefore, we designed our game---E.coli War (<a href="https://2017.igem.org/Team:Tsinghua-A/Game"> Game Overview</a>) based on our model to satisfy our needs. What's more, the game can also help us realize educational purpose of our project and make the public know more about synthetic biology! (<a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link1">Exhibition at National Museum</a> and <a href="https://2017.igem.org/Team:Tsinghua-A/Game">Game Overview</a>)<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Our game is made on the structure of html5. The two small videos below are our fluid E.coli War and solid E.coli War.</div>
 +
<table >
 +
<tr>
 +
<td align="center">
 +
<video src="https://static.igem.org/mediawiki/2017/f/f8/TsinghuaA-Fluidgameplay.MP4" width="400" height="300" controls="controls" ></video>
 +
</td>
 +
<td align="center">
 +
<video src="https://static.igem.org/mediawiki/2017/c/c9/Playgame.mp4" width="400" height="300" controls="controls"></video>  
 +
</td>
 +
</tr>
 +
</table>  
 +
<div class="myPara">&nbsp;&nbsp;&nbsp;&nbsp;See more details on <a href="https://2017.igem.org/Team:Tsinghua-A/fluid_game">Fluid E.coli War</a> and <a href="https://2017.igem.org/Team:Tsinghua-A/solid_game">Solid E.coli War</a>.</div>  
 +
<div class="myPara" ><br><br></div>
 +
<div class="myPic1" id="apDiv_figure1">
 +
    <img src="https://static.igem.org/mediawiki/2017/7/74/Great-sponsors.png" width="840.5" height="150"></div>
 +
<div class="myPicDis"><a href="https://2017.igem.org/Team:Tsinghua-A">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;Copyright©&nbsp;iGEM&nbsp;2017&nbsp;Tsinghua-A.&nbsp;All&nbsp;rights&nbsp;reserved.&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Follow&nbsp;us:&nbsp;igem2017THU_A@163.com</div>
 +
 
 
</div>
 
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
<!-- END fh5co-page -->
  
<div class="column half_size">
+
</div>
<h3>Best Model Special Prize</h3>
+
<!-- END fh5co-wrapper -->
  
<p>
+
<!-- jQuery -->
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
+
<br><br>
+
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
</p>
+
  
</div>
 
<div class="clear"></div>
 
  
<div class="column full_size">
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
<h5> Inspiration </h5>
+
<!-- jQuery Easing -->
<p>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
Here are a few examples from previous teams:
+
<!-- Bootstrap -->
</p>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script>
<ul>
+
<!-- Waypoints -->
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script>
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
+
<!-- Superfish -->
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script>
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script>
</ul>
+
<!-- Flexslider -->
 
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
 
+
</div>
+
  
 +
<!-- Main JS (Do not remove) -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/main?action=raw&ctype=text/javascript"></script>
 +
        <script src="fixed.js"></script>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:34, 2 November 2017

Discription
For your better viewing experience, please adjust website to an optimized scale(ratio)
Model overview
    The system we designed involves many kinds of relationships between populations and individuals. To help us understand these relationships better, we designed models to describe how the amount of E.coli and substance change with time.
    Concretely, we designed a fluid model and a solid model, where the solid model takes spatial effects on relationships between populations and individuals into consideration. In fluid model, we use Ordinary Differential Equation (ODE) to describe the behavior of the amount of different characters and molecules. In solid model, however, we use Cellular Automaton (CA) to mimic effects of spatial factors. (See more at Fluid Model and Solid Model)
    We use models to do the things listed below:
I Design warriors that can be killed only by the warrior from the other group
    According to our results from Orthogonality test, we can just determine the circuit of warrior II and what AHL warrior I should secrete. The results are shown as below:
Fig.1 Gene circuit designed from results, the upper one is warrior I while the one below is warrior II
    We cannot design a warrior I that can be killed by warrior II but not by itself regardless of whatever receptor-promoter pair we put inside warrior I. (See more at Orthogonality test)
    The problem now becomes how to block warrior I’s response to C4HSL secreted by itself. Our model tells us if we design warrior I as below (Fig.2), we can realize that warrior I is only killed by warrior II. It is realized through the regulation of the RBS of TetR to an appropriate intensity. The basic principle here is C4HSL can activate the expression of TetR, which can be used to inhibit the expression of LacI. Therefore, the activating of LacI by C4HSL can be counteracted.
Fig.2 Improved gene circuit, the upper one is warrior I while the one below is warrior II
See more details at Design of characters
    Results are shown below:
Fig.3 Performance of improved gene circuit
See more information at Improved gene circuit

II Design an easy way to regulate the killing ability of warriors.
    To mimic the situation we investigate in real world, sometimes we need to regulate the killing ability to an appropriate level, like making the two warriors have the same killing ability. What can we do to regulate the killing ability of the warriors? Our model suggests that it is possible to regulate the killing ability of the two warriors by just changing the promoter intensity of some proteins! (Fig.4)
Fig.4 Regulation of killing ability
See more details at Regulation of killing ability

III Design our E.coli War based on our models.
    We found that it will be much easier to consider the effects of some factors (Like initial number of each populations and spatial factors) on population interactions if we can visualize it. Therefore, we designed our game---E.coli War ( Game Overview) based on our model to satisfy our needs. What's more, the game can also help us realize educational purpose of our project and make the public know more about synthetic biology! (Exhibition at National Museum and Game Overview)
    Our game is made on the structure of html5. The two small videos below are our fluid E.coli War and solid E.coli War.
    See more details on Fluid E.coli War and Solid E.coli War.


Home    Copyright© iGEM 2017 Tsinghua-A. All rights reserved.    |    Follow us: igem2017THU_A@163.com