(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" /> | ||
− | < | + | <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> |
− | < | + | <link rel="shortcut icon" href="favicon.ico"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'> |
− | < | + | <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"> | ||
− | < | + | <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"> | ||
− | </ | + | <!-- Modernizr JS --> |
− | < | + | <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=" | + | <style type="text/css"> |
− | < | + | |
− | < | + | .myTitle1 { |
− | To | + | width:90%; |
− | </ | + | height:84px; |
− | + | margin-left: 5%; | |
− | < | + | margin-bottom: 20px; |
− | + | font-size: 40px; | |
− | </ | + | 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" > 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> | ||
+ | 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> | ||
+ | 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"> | ||
+ | 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"> | ||
+ | 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> | ||
+ | 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"> 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"> 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"> 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> | ||
+ | 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"> 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> Copyright© iGEM 2017 Tsinghua-A. All rights reserved. | Follow us: igem2017THU_A@163.com</div> | ||
+ | |||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <!-- END fh5co-page --> | ||
− | <div | + | </div> |
− | < | + | <!-- END fh5co-wrapper --> |
− | < | + | <!-- jQuery --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | < | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script> |
− | + | <!-- jQuery Easing --> | |
− | < | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script> |
− | + | <!-- Bootstrap --> | |
− | </ | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script> |
− | < | + | <!-- Waypoints --> |
− | < | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script> |
− | < | + | <!-- Superfish --> |
− | < | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script> |
− | < | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script> |
− | </ | + | <!-- Flexslider --> |
− | + | <script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> | |
− | + | ||
− | </ | + | |
+ | <!-- 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
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:
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.
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
See more details at Design of characters
Results are shown below:
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)
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.
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