Team:Tianjin/Modeling

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
</div>
 +
</div>
-
<html>
+
<div class="content-section">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
<div class="logo-section">
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<style type="text/css">
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
*{margin:0;padding:0;font-family:"微软雅黑","Arial";}
 +
body{
 +
width: 960px;
 +
height: auto;
 +
margin: 0 auto;
 +
font-size:12px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
.bodystyle{
 +
background:url(../images/pic006-3.jpg) top repeat-x;
 +
background-color:#e1e6e9;
 +
}
 +
p {margin:0.5em 0 !important;
 +
text-decoration:none;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:12px;
 +
}
 +
.content-section{
 +
width:960px;
 +
height:10px;
 +
margin-top:5px;
 +
}
 +
.logo-section{
 +
background:url(../images/pic006.jpg) no-repeat center;
 +
height:140px;
 +
width:960px;
 +
position:relative;
 +
float:left;
 +
margin-top:5px;
 +
}
 +
.note{
 +
width:960px;
 +
height:200px;
 +
float:left;
 +
margin-top:10px;
 +
position:relative;
 +
background-color:#e1e6e9;
 +
padding:0;
 +
}
 +
.note1{
 +
width:960px;
 +
min-height:200px;
 +
float:left;
 +
background:url(../images/pic007.jpg) top no-repeat;
 +
background-color:#e1e6e9;
 +
margin-top:0px;
 +
}
 +
.note2{
 +
width:880px;
 +
height:auto;
 +
float:left;
 +
position:relative;
 +
margin-left:20px;
 +
padding:30px 10px 10px 30px;
 +
}
 +
#footer{
 +
margin:0 auto;
 +
width:960px;
 +
min-height:73px;
 +
text-align:center;
 +
color:#666;
 +
float:left;
 +
}
 +
#goTopBtn {
 +
POSITION: fixed;
 +
TEXT-ALIGN: center;
 +
LINE-HEIGHT: 30px;
 +
WIDTH: 30px;
 +
BOTTOM: 35px;
 +
HEIGHT: 33px;
 +
FONT-SIZE: 12px;
 +
RIGHT: 0px;
 +
}
 +
 
 +
 
 +
<!--hidden section-->
 +
.hidden {display:none;}
 +
#p-logo,#footer-box {display:none;}
 +
#top-section {margin:0px;padding:0px;width:960px;height:15px;position:relative;}
 +
.firstHeading {display:none;}
 +
#bodyContent{display:none;}
 +
#menubar a{text-decoration:none;color:#CCC;list-style: none;}
 +
#menubar a:hover{text-decoration:none;color:#FFF;list-style: none;}
 +
#search-controls{display:none;}
 +
.printfooter{display:none;}
 +
 
 +
</style>
 +
 
 +
 
 +
<!--content section-->
 +
 
 +
<style type="text/css">
 +
#sddm
 +
{ margin-left: 210px;
 +
    margin-right:0px;
 +
padding-bottom: 0;
 +
z-index: 30;
 +
width: 750px;
 +
height:50px;
 +
position:relative;
 +
float:left;
 +
background-color:#01427A;
 +
}
 +
 
 +
#sddm li
 +
{ margin: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 12px arial;
 +
}
 +
 
 +
#sddm li a
 +
{ display: block;
 +
margin:0;
 +
padding: 15px 0px 15px 0px;
 +
width: 75px;
 +
background: #01427A;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none;
 +
height:20px;
 +
}
 +
 
 +
#sddm li a:hover
 +
{ background:#FAFAFA;
 +
    color:#666;
 +
}
 +
 
 +
#sddm div
 +
{ position: absolute;
 +
    width:75px;
 +
    z-index:999;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
color: #000;
 +
font: 12px arial;
 +
height:20px;
 +
background-color:#FAFAFA;
 +
}
 +
 
 +
#sddm div a:hover
 +
{ background:#CCC;
 +
color: #000}
 +
</style>
 +
 
 +
<div class="cont1">
 +
<ul id="sddm">
 +
<li><a href="example11-1.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
</li>
 +
<li><a href="example12-1.html" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Safty</a>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Modeling</a>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Protocol</a>
 +
</li>
 +
    <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Society</a>
 +
</li>
 +
    <li><a href="#" onmouseover="mopen('m7')" onmouseout="mclosetime()">Data</a>
 +
</li>
 +
    <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Notebook</a>
 +
</li>
 +
    <li><a href="#" onmouseover="mopen('m9')" onmouseout="mclosetime()">Team</a>
 +
</li>
 +
    <li><a href="#" onmouseover="mopen('m10')" onmouseout="mclosetime()">Attributions</a>
 +
</li>
 +
</ul>
</div>
</div>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(e) {
 +
t = $('.fixed').offset().top;
 +
mh = $('.main').height();
 +
fh = $('.fixed').height();
 +
$(window).scroll(function(e){
 +
s = $(document).scrollTop();
 +
if(s > t - 10){
 +
$('.fixed').css('position','fixed');
 +
if(s + fh - 200 > mh){
 +
$('.fixed').css('top',mh-s-fh+'px');
 +
}
 +
}else{
 +
$('.fixed').css('position','');
 +
}
 +
})
 +
});
 +
</script>
 +
 +
<div class="note1">
 +
<style type="text/css">
 +
.box{ width:960px; margin:0 auto; overflow:hidden;}
 +
.main{ width:710px; height:1300px; float:right;position:relative;margin-left:0px;margin-top:0px;padding:30px 10px 10px 30px;}
 +
.fixed{ width:210px; height:300px; font:normal; text-align:center;top:10px;float:left;background-color:#f0f0f0;word-spacing:0.1em;}
 +
.main img{
 +
border:hidden;}
 +
.main div,li,p{
 +
font-family:Arial;
 +
    line-height:150%;
 +
word-spacing:0.1em;
 +
}
 +
.main div{float:right;position:relative;line-height:150%;word-spacing:0.1em;}
 +
.main span{clear:both;word-spacing:0.1em;}
 +
.main #Enlarge{float:left;}
 +
</style>
 +
 +
<div class="box">
 +
<!--代码开始-->
 +
    <div class="sub">
 +
<div class="fixed"></div>
 +
</div>
 +
<div class="main">
 +
    <p><br />
 +
</p>
 +
<center><span style="font-size:46px;font-family:Arial;margin-top:10px;line-height:100%">Project</span></center>
 +
<p><br/>
 +
</p>
 +
<p>The Glossary: </p>
 +
<ul><li> The O-Key System -- Any orthogonal system containing a pair of orthogonal ribosome and mRNA
 +
</li><li> The O-Key -- the orthogonal ribosome, which serves like a key to translate the orthogonal mRNA
 +
</li><li> The O-Lock -- the orthogonal mRNA, which can only be deciphered by the O-Key.
 +
</li></ul>
 +
<h1> <span>Orthogonal System</span></h1>
 +
<hr />
 +
<div>
 +
<div style="width:300px;">
 +
<a href="#" ><img alt="" src="images/pic001.jpg" width="300" height="192"/></a> 
 +
<div>
 +
<div id="Enlarge">
 +
<a href="#"  title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a></div>
 +
<b>Figure 1.</b> Word "RNA" (from "<a href="#" rel="nofollow">http://www.mfpl.ac.at</a>")</div></div></div>
 +
<p>By rationally mutate the Shine-Dalgarno (SD) and anti-Shine-Dalgarno (ASD) sequence, we are able to take advantage of the interaction of mRNA and ribosome to build our O-Key System of orthogonal ribosome and orthogonal mRNA. Within this system, we constructed an operon containing RFP and GFP coding sequence to verify the orthogonality of the O-Key. By selectively mutate the SD sequence of RFP or GFP, we were able to establish four translation pathways to characterize the effect of the O-Key System. In addition, we set up a model to predict the output of GFP and RFP under various circumstances. The model calculates the ΔG of ASD and SD sequence binding, and make use of this energy to evaluate the feasibility and translation efficiency of our O-Key System. The model turned out to be highly convincing as it corresponds with our wet lab result. In the end, both the wet and dry lab results matches our design. 
 +
</p>
 +
<br/><br/><br/><br/>
 +
<h1> <span><span style="line-height:100%">Genetic Pollution Prevention and Genetic Encryption</span></span></h1>
 +
<hr />
 +
<div><div style="width:300px;"><a href="#"><img alt="" src="images/pic002.jpg" width="300" height="192" /></a>  <div><div id="Enlarge"><a href="#" title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a></div><b>Figure 2.</b> Comic of genetic pollution defence (from TJU iGEM　Team 2012)</div></div></div>
 +
<p>Aiming at preventing genetic pollution, we employed the O-Key System to establish a translational fence that can restrain unwanted protein expression. The convenience and effectiveness of the O-Key System will make it applied to a larger scale in genetic engineering. We predict different companies will embed the O-Key system in their various product to ensure biosafety. In the meantime, because the O-Key System includes a key and a lock, we can make use of this mechanism to encrypt information into cell or locking the product information. This characteristic showed a promising application in information encryption, intellectual property protection, etc. Furthermore, the O-Key System can be applied to the entire organism to construct an orthogonal organism. We began with the simplest creature - the phage, and worked on the RBS of its various protein. After mutation, the phage becomes a brand new orthogonal organism that can only infect the cells with orthogonal ribosomes.  Using this O-Key Phage, we greatly reduce risk of phage pollution in the lab, while performing regular experiment using the phage. At last, a successful interdisciplinary model that combines marketing and bioengineering was constructed to predict the diffusion of exogenous gene across space and time. This creative model used the analogy of human society and bacteria colony to predict the speed and probability of genetic transfer.</p><br/>
 +
<h1> <span>Logic Metabolism Regulation</span></h1><hr />
 +
<div ><div style="width:300px;"><a href="#"><img alt="" src="images/pic003.jpg" width="300" height="192"/></a>  <div>
 +
<div id="Enlarge"><a href="#" title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a></div>
 +
<b>Figure 3.</b> Metabolism Network (from TJU iGEM　Team 2012)</div>
</div>
</div>
-
</html>
+
</div>
 +
<p>In this section, we describe the principles of Yeast Assembler, a novel way of assemble multiple fragments into a long operon, and specifically used this method to construct the gene needed to produce Violacein. The pathway of expressing violacein consists of five genes, and they build up a long operon. The conventional assembly methods for violacein takes too much time and labor, up to several weeks and offer resulting in failure, but using Yeast Assembler we can complete the whole process in a week. We will introduce and elaborate on the assembler in details. Through such an experiment, we could also prove the feasibilities of the O-Key System in regulating metabolism. Furthermore, we talked about the application of AND gate based on O-Key System in adjusting metabolism.
 +
</p>
 +
</div>
 +
</div>
 +
    </div>
-
<!-- *** End of the alert box *** -->
+
<!--代码结束-->
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Tianjin|Home]]
 
-
!align="center"|[[Team:Tianjin/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Tianjin Official Team Profile]
 
-
!align="center"|[[Team:Tianjin/Project|Project]]
 
-
!align="center"|[[Team:Tianjin/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Tianjin/Modeling|Modeling]]
 
-
!align="center"|[[Team:Tianjin/Notebook|Notebook]]
 
-
!align="center"|[[Team:Tianjin/Safety|Safety]]
 
-
!align="center"|[[Team:Tianjin/Attributions|Attributions]]
 
-
|}
 
 +
<div class="note2">
-
If you choose to include a '''Modeling''' page, please write about your modeling adventures here. This is not necessary but it may be a nice list to include.
+
</div>
 +
 
 +
<!--
 +
<div class="note">
 +
 
 +
</div>
 +
<div class="note">
 +
 
 +
</div>
 +
-->
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div id="footer">
 +
<p><br />
 +
<br />
 +
E-mail：austinamens@gmail.com | Address:Building No.20, No.92 Weijin Road, Tianjin, China | Zip-code：300072
 +
<br />Copyright 2013 © Tianjin University iGEM Team
 +
</p>
 +
</div>
 +
 
 +
<!--top button section-->
 +
<div style="display: block" id="goTopBtn">
 +
<a href="#top"><img border=0 src="images/lanren_top.jpg"></a>
 +
</div>

Revision as of 06:18, 27 August 2013

</div> </div>

<style type="text/css">

  • {margin:0;padding:0;font-family:"微软雅黑","Arial";}

body{ width: 960px; height: auto; margin: 0 auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .bodystyle{ background:url(../images/pic006-3.jpg) top repeat-x; background-color:#e1e6e9; } p {margin:0.5em 0 !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .content-section{ width:960px; height:10px; margin-top:5px; } .logo-section{ background:url(../images/pic006.jpg) no-repeat center; height:140px; width:960px; position:relative; float:left; margin-top:5px; } .note{ width:960px; height:200px; float:left; margin-top:10px; position:relative; background-color:#e1e6e9; padding:0; } .note1{ width:960px; min-height:200px; float:left; background:url(../images/pic007.jpg) top no-repeat; background-color:#e1e6e9; margin-top:0px; } .note2{ width:880px; height:auto; float:left; position:relative; margin-left:20px; padding:30px 10px 10px 30px; }

  1. footer{

margin:0 auto; width:960px; min-height:73px; text-align:center; color:#666; float:left; }

  1. goTopBtn {

POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; RIGHT: 0px; }


.hidden {display:none;}

  1. p-logo,#footer-box {display:none;}
  2. top-section {margin:0px;padding:0px;width:960px;height:15px;position:relative;}

.firstHeading {display:none;}

  1. bodyContent{display:none;}
  2. menubar a{text-decoration:none;color:#CCC;list-style: none;}
  3. menubar a:hover{text-decoration:none;color:#FFF;list-style: none;}
  4. search-controls{display:none;}

.printfooter{display:none;}

</style>


<style type="text/css">

  1. sddm

{ margin-left: 210px; 

   margin-right:0px;

padding-bottom: 0; z-index: 30; width: 750px; height:50px; position:relative; float:left; background-color:#01427A; }

  1. sddm li

{ margin: 0; list-style: none; float: left; font: bold 12px arial; }

  1. sddm li a

{ display: block; margin:0; padding: 15px 0px 15px 0px; width: 75px; background: #01427A; color: #FFF; text-align: center; text-decoration: none; height:20px; }

  1. sddm li a:hover

{ background:#FAFAFA; 

   color:#666;

}

  1. sddm div

{ position: absolute; 

   width:75px;
   z-index:999;

visibility: hidden; margin: 0; padding: 0; }

  1. sddm div a

{ position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color: #000; font: 12px arial; height:20px; background-color:#FAFAFA; }

#sddm div a:hover { background:#CCC; color: #000} </style>

  • <a href="example11-1.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
  • <a href="example12-1.html" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a>
  • <a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Safty</a>
  • <a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Modeling</a>
  • <a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Protocol</a>
  • <a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Society</a>
  • <a href="#" onmouseover="mopen('m7')" onmouseout="mclosetime()">Data</a>
  • <a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Notebook</a>
  • <a href="#" onmouseover="mopen('m9')" onmouseout="mclosetime()">Team</a>
  • <a href="#" onmouseover="mopen('m10')" onmouseout="mclosetime()">Attributions</a>

<script type="text/javascript"> $(document).ready(function(e) { t = $('.fixed').offset().top; mh = $('.main').height(); fh = $('.fixed').height(); $(window).scroll(function(e){ s = $(document).scrollTop(); if(s > t - 10){ $('.fixed').css('position','fixed'); if(s + fh - 200 > mh){ $('.fixed').css('top',mh-s-fh+'px'); } }else{ $('.fixed').css('position',); } }) }); </script>

<style type="text/css"> .box{ width:960px; margin:0 auto; overflow:hidden;} .main{ width:710px; height:1300px; float:right;position:relative;margin-left:0px;margin-top:0px;padding:30px 10px 10px 30px;} .fixed{ width:210px; height:300px; font:normal; text-align:center;top:10px;float:left;background-color:#f0f0f0;word-spacing:0.1em;} .main img{ border:hidden;} .main div,li,p{ font-family:Arial; 

   line-height:150%;

word-spacing:0.1em; } .main div{float:right;position:relative;line-height:150%;word-spacing:0.1em;} .main span{clear:both;word-spacing:0.1em;} .main #Enlarge{float:left;} </style>


Project


The Glossary:

  • The O-Key System -- Any orthogonal system containing a pair of orthogonal ribosome and mRNA
  • The O-Key -- the orthogonal ribosome, which serves like a key to translate the orthogonal mRNA
  • The O-Lock -- the orthogonal mRNA, which can only be deciphered by the O-Key.

Orthogonal System

<a href="#" ><img alt="" src="images/pic001.jpg" width="300" height="192"/></a>

<a href="#" title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a>
Figure 1. Word "RNA" (from "<a href="#" rel="nofollow">http://www.mfpl.ac.at</a>")

By rationally mutate the Shine-Dalgarno (SD) and anti-Shine-Dalgarno (ASD) sequence, we are able to take advantage of the interaction of mRNA and ribosome to build our O-Key System of orthogonal ribosome and orthogonal mRNA. Within this system, we constructed an operon containing RFP and GFP coding sequence to verify the orthogonality of the O-Key. By selectively mutate the SD sequence of RFP or GFP, we were able to establish four translation pathways to characterize the effect of the O-Key System. In addition, we set up a model to predict the output of GFP and RFP under various circumstances. The model calculates the ΔG of ASD and SD sequence binding, and make use of this energy to evaluate the feasibility and translation efficiency of our O-Key System. The model turned out to be highly convincing as it corresponds with our wet lab result. In the end, both the wet and dry lab results matches our design.





Genetic Pollution Prevention and Genetic Encryption

<a href="#"><img alt="" src="images/pic002.jpg" width="300" height="192" /></a>
<a href="#" title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a>
Figure 2. Comic of genetic pollution defence (from TJU iGEM　Team 2012)

Aiming at preventing genetic pollution, we employed the O-Key System to establish a translational fence that can restrain unwanted protein expression. The convenience and effectiveness of the O-Key System will make it applied to a larger scale in genetic engineering. We predict different companies will embed the O-Key system in their various product to ensure biosafety. In the meantime, because the O-Key System includes a key and a lock, we can make use of this mechanism to encrypt information into cell or locking the product information. This characteristic showed a promising application in information encryption, intellectual property protection, etc. Furthermore, the O-Key System can be applied to the entire organism to construct an orthogonal organism. We began with the simplest creature - the phage, and worked on the RBS of its various protein. After mutation, the phage becomes a brand new orthogonal organism that can only infect the cells with orthogonal ribosomes. Using this O-Key Phage, we greatly reduce risk of phage pollution in the lab, while performing regular experiment using the phage. At last, a successful interdisciplinary model that combines marketing and bioengineering was constructed to predict the diffusion of exogenous gene across space and time. This creative model used the analogy of human society and bacteria colony to predict the speed and probability of genetic transfer.


Logic Metabolism Regulation

<a href="#"><img alt="" src="images/pic003.jpg" width="300" height="192"/></a>
<a href="#" title="Enlarge"><img src="images/loading.gif" width="15" height="11" alt="" /></a>
Figure 3. Metabolism Network (from TJU iGEM　Team 2012)

In this section, we describe the principles of Yeast Assembler, a novel way of assemble multiple fragments into a long operon, and specifically used this method to construct the gene needed to produce Violacein. The pathway of expressing violacein consists of five genes, and they build up a long operon. The conventional assembly methods for violacein takes too much time and labor, up to several weeks and offer resulting in failure, but using Yeast Assembler we can complete the whole process in a week. We will introduce and elaborate on the assembler in details. Through such an experiment, we could also prove the feasibilities of the O-Key System in regulating metabolism. Furthermore, we talked about the application of AND gate based on O-Key System in adjusting metabolism.


</div>



</div>


<a href="#top"><img border=0 src="images/lanren_top.jpg"></a>

Retrieved from "http://2013.igem.org/Team:Tianjin/Modeling"