Team:Tsinghua

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>无标题文档</title>
+
<title>Tsinghua iGEM Team 2012</title>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js"></script>
-
</script>
+
<style type="text/css">
<style type="text/css">
/*hack*/
/*hack*/
-
 
+
body{
 +
background-color:#FFF;
 +
}
#content{
#content{
border:none;
border:none;
Line 15: Line 16:
visibility:hidden;
visibility:hidden;
}
}
-
.firstHeading{visibility:hidden}
+
.right-menu li a {  
 +
background-color:transparent;
 +
 
 +
 
 +
}
/*hack*/
/*hack*/
Line 27: Line 32:
}
}
a:link{
a:link{
-
text-decoration:none;
 
-
color:#000000;
 
}
}
a:active{
a:active{
-
text-decoration:none;
 
-
color:#000000;
 
}
}
a:visited{
a:visited{
-
text-decoration:none;
 
-
color:#000000;
 
}
}
Line 51: Line 50:
}
}
div#Header{
div#Header{
-
position:absolute;
+
position: absolute;
-
z-index:2;
+
z-index: 2;
-
top:-99px;
+
top: -99px;
-
left:0px;
+
left: 0px;
-
width:977px;
+
width: 977px;
-
height:306px;
+
height: 508px;
-
background:#32B4EB;
+
background: #32B4EB;
 +
/*background-image: url("https://static.igem.org/mediawiki/2012/8/8e/BannerHome.jpg");*/
}
}
div.buttom{
div.buttom{
Line 71: Line 71:
position:absolute;
position:absolute;
left: 433px;
left: 433px;
-
top: 217px;
+
top: 426px;
width: 110px;
width: 110px;
height: 157px;
height: 157px;
display:block;
display:block;
-
background:#C3C;
+
background:#FFF;
cursor:pointer;
cursor:pointer;
overflow:hidden;
overflow:hidden;
-
 
}
}
div.buttom:hover{
div.buttom:hover{
Line 94: Line 93:
position:absolute;
position:absolute;
left: 433px;
left: 433px;
-
top: 217px;
+
top: 426px;
width: 110px;
width: 110px;
height: 157px;
height: 157px;
display:block;
display:block;
-
background:#C3C;
+
 
opacity:0.7;
opacity:0.7;
filter:alpha(opacity = 70);
filter:alpha(opacity = 70);
Line 115: Line 114:
}
}
.content{
.content{
-
position:absolute;
+
position: absolute;
-
top:458px;
+
top: 661px;
-
left:0px;
+
left: 0px;
-
width:100%;
+
width: 978px;
-
height:600px;
+
height: 500px;
-
display:block;
+
display: block;
 +
border-style:none;
}
}
#ground{
#ground{
Line 127: Line 127:
background:#FFFFFF;
background:#FFFFFF;
}
}
-
.contentPanel{
+
-
position:absolute;
+
-
padding-left:12px;
+
-
padding-right:12px;
+
-
padding-top:20px;
+
-
padding-bottom:20px;
+
-
left: 180px;
+
-
top: 4px;
+
-
width: 831px;
+
-
height: auto;
+
-
display:none;
+
-
font-family:Tahoma, Geneva, sans-serif;
+
-
font-size:11pt;
+
-
color:#666;
+
-
}
+
-
.projectList{
+
-
padding-top: 20px;
+
-
position: fixed;
+
-
top: 379px;
+
-
height: 428px;
+
-
width: 160px;
+
-
left: 42px;
+
-
border:1px solid;
+
-
background-color:#FF9;
+
-
border-color:#F93;
+
-
border-radius:10px;
+
-
-moz-border-radius:10px;
+
-
}
+
-
#navi{
+
-
list-style:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
#navi li{
+
-
margin-left:2px;
+
-
font-family:Tahoma, Geneva, sans-serif}
+
-
#navi li ul{
+
-
list-style:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
#navi li ul li{
+
-
list-style:circle;
+
-
}
+
-
#navi ul ul{
+
-
list-style:disc;
+
-
}
+
-
li:hover{
+
-
background:#F63;
+
-
cursor:pointer;
+
-
}
+
-
.parag{
+
-
position: absolute;
+
-
left: 179px;
+
-
top: 379px;
+
-
width: 789px;
+
-
height: 446px;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
}
+
-
p.comment{
+
-
font-family:Tahoma, Geneva, sans-serif;
+
-
font-size:8px;
+
-
font-style:italic;
+
-
}
+
-
 
+
-
 
+
</style>
</style>
-
<script type="text/javascript">
+
<script type="application/javascript">
 +
//jQuery.noConflict();
$("document").ready(function(){
$("document").ready(function(){
$("div[pID=1]").click(function(){
$("div[pID=1]").click(function(){
$(this).animate({left:'-=2', top:'-=2',width:'+=4',height:'+=4'}, 'fast');
$(this).animate({left:'-=2', top:'-=2',width:'+=4',height:'+=4'}, 'fast');
-
$(this).animate({left:'+=2', top:'+=2',width:'-=4',height:'-=4'}, 'fast');
+
$(this).animate({left:'+=2', top:'+=2',width:'-=4',height:'-=4'}, 'fast', null, function(){
-
window.location = "https://2012.igem.org/Team:Tsinghua/" + $(this).attr('id');
+
window.location = "https://2012.igem.org/Team:Tsinghua/" + $(this).attr('id');
 +
});
 +
 
});
});
});
});
-
 
-
 
-
var currentContent = 1
 
-
$("document").ready(function(){
 
-
$("#contentPanel" + 1).fadeIn('slow');
 
-
});
 
-
 
-
function showContent(number){
 
-
if (number != currentContent){
 
-
$("div[id*='contentPanel']").fadeOut('slow');
 
-
}
 
-
$("#contentPanel" + number).fadeIn('slow');
 
-
currentContent = number;
 
-
 
-
}
 
</script>
</script>
</head>
</head>
Line 224: Line 147:
<div id = "ground"></div>
<div id = "ground"></div>
<div id = "BannerCleaner"></div>
<div id = "BannerCleaner"></div>
-
<div class="Header" id="Header"></div>
+
<div class="Header" id="Header"><br />
-
<div id = "Home" class = "buttomHome" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua"><img src="https://static.igem.org/mediawiki/2012/4/43/Home_tsinghua.gif"/></a></div>
+
<object classid="clsid:D27CDB6E-
-
<div id = "Project" class = "buttom" style = "top:217px; left:1px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Project"><img src = "https://static.igem.org/mediawiki/2012/3/37/Project_tsinghua.gif"></a></div>
+
-
<div id = "Dataresult" class = "buttom" style = "top:217px; left:215px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Dataresult"><img src = "https://static.igem.org/mediawiki/2012/8/8a/Data.gif"></a></div>
+
-
<div id = "Team" class = "buttom" style = "top:217px; left:568px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Team"><img src = "https://static.igem.org/mediawiki/2012/a/a7/Team_tsinghua.gif"></a></div>
+
-
<div id = "Safety" class = "buttom" style = "top:217px; left:782px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Safety"><img src = "https://static.igem.org/mediawiki/2012/6/66/Safety_tsinghua.gif"></a></div>
+
-
<div id = "Notebook" class = "buttom" style = "top:302px; left:1px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Notebook"><img src = "https://static.igem.org/mediawiki/2012/4/49/Notebook_tsinghua.gif"/></a></div>
+
AE6D-11cf-96B8-444553540000"  
-
<div id = "Model" class = "buttom" style = "top:302px; left:215px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Model"><img src = "https://static.igem.org/mediawiki/2012/8/8e/Model_tsinghua.gif"></a></div>
+
-
<div id = "Humanpractice" class = "buttom" style = "top:302px; left:569px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Humanpractice"><img src = "https://static.igem.org/mediawiki/2012/c/ca/HumanPractice.gif"/></a></div>
+
-
<div id = "Parts" class = "buttom" style = "top:302px; left:782px;" pID = 1 flag1 = 0><a href="https://2012.igem.org/Team:Tsinghua/Parts"><img src = "https://static.igem.org/mediawiki/2012/b/b5/Parts_tsinghua.gif"></a></div>
+
-
<div id = "contentPanel1" class = "contentPanel">
+
-
</div>
+
-
<div class="projectList" id="projectList">
+
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/sw
-
<ul id = "navi">
+
-
<li><a href="#A">Signal transmission</a></li>
+
-
<li><a href="#B">Signal sensing and releasing</a></li>
+
-
<li><a href="#C">Signal Center</a></li>
+
-
</ul>
+
flash.cab#version=6,0,29,0" width="977" height="487">
-
</ul></div>
+
        <param name="movie" value="index.swf">
 +
        <param name="quality" value="high">
 +
        <embed
-
<div class = "parag">
+
src="https://static.igem.org/mediawiki/2012/0/00/HOME_b.swf" quality="high"  
-
  <h3><em>Experiment and Data</em></h3>
+
-
  <p>In this part we will show the experiment we have  designed and carried out along with the results. Only valid and positive  results will be displayed.<br />
+
-
    Our project is based on three modules, so is the part  of experiment. So we will introduce our work to you according to different modules.</p>
+
-
  <h4><a name = "A">Module I. Signal transmission</a></h4>
+
-
  <p>In this module, we hope we can apply LuxI protein to  produce AHL which can keep the signal transmitting.<br />
+
-
    Construct 1: <em>lux</em>I on pet15b</p>
+
-
  <p><img src="KI/untitled.jpg" width="273" height="163" /></p>
+
-
  <p>To make sure the protein<em> Lux</em>I was produced we carried  out a SDS-page after purification using a Ni-column (LuxI was with a His tag).</p>
+
-
  <p><img src="KI/untitled2.jpg" width="554" height="287" /></p>
+
-
  <p class="comment">Figure0. A SDS-page showing the purification of LuxI.<br />
+
-
  The production of AHL needs LuxI protein as an enzyme  and a substrate molecule which is supposed to exist originally in E.<em>coli</em></p>
+
-
  <h4><a name="B">Module II. Signal sensing and releasing</a></h4>
+
-
  <p>According to the project design, we are using quorum  sensing system in gram negative bacteria as our signaling system.<br />
+
-
    Our first construct consists of Lux Promoter which can  be activated by AHL and RFP.<br />
+
-
    Construct 2: Plac-luxr-Plux-RFP on pSB1A2</p>
+
-
  <p><img src="KI/untitled3.jpg" width="554" height="221" /></p>
+
-
  <p><em>the part 1-9H in the  igem 2012 kit was used</em></p>
+
-
  <p><img src="KI/untitled4.jpg" alt="" width="492" height="294" /></p>
+
-
  <p class="comment">Figure 1. A PCR result to confirm the accomplishment  of construct 1.</p>
+
-
  <p>Then we did a few tests to see if this construct could  successfully sense the signal of AHL and produce RFP as an indicator. To test  the efficiency of this AHL trigger, we directly added AHL into the E.<em>coli</em> and the photo below is taken 12h  after adding AHL.</p>
+
-
  <p><img src="KI/untitled5.jpg" width="478" height="317" /></p>
+
-
  <p class="comment">Figure2. Tests of AHL trigger. Different AHL molecules  and different concentration were set as the photo shows.</p>
+
-
  <p>Next, we use fluorescence microscope to visualize the appearance of  RFP as the time goes. </p>
+
-
  <p><img src="KI/untitled6.jpg" width="326" height="326" /></p>
+
-
  <p class="comment">Figure3. Without AHL, the bacteria didn&rsquo;t tend to  produce much RFP.</p>
+
-
  <p><img src="KI/tsinghua_data1.jpg" width="206" height="281" /></p>
+
-
  <p class="comment">Figure4. 1h after AHL was added (bright and dark).</p>
+
-
  <p><img src="KI/tsinghua_data2.jpg" width="206" height="281" /></p>
+
-
  <p class="comment">Figure5. 2h after AHL was added.</p>
+
-
  <p><img src="KI/tsinghua_data3.jpg" width="268" height="268" /></p>
+
-
  <p class="comment">Figure6. 3h after AHL was added.</p>
+
-
  <p>After all these tests, we are convinced that this  construct does function as both a signal sensor and a signal releaser.</p>
+
-
  <p>After confirming construct2, we naturally want to  combine module I and II to see what will happen.<br />
+
-
    At the first, we just mix up these two kinds of  bacteria(one can produce AHL, the other sense it), the result was as  below(negative control was not red which isn&rsquo;t shown here).</p>
+
-
  <p><img src="KI/tsinghua_data4.jpg" width="387" height="290" /></p>
+
-
  <p>Then, we decide to separately locate the two kinds of  bac and see if it could appear red in the contacting area.</p>
+
-
  <p><img src="KI/tsinghua_data5.jpg" alt="" width="388" height="291" /></p>
+
-
  <p>After all these tests, we decided to move on, so we  designed the next construct.<br />
+
-
  Construct 3: Plac-luxr-Plux-RFP-Plac-LuxI on pet15b</p>
+
-
  <p><img src="KI/dataTsinghua6.png" alt="" width="306" height="120" /></p>
+
-
  <p><img src="KI/dataTsinghua7.png" width="178" height="161" /></p>
+
-
  <p class="comment">Figure8. A enzyme digestion test showing that the  sample on lane 4 is positive.<br />
+
-
  However, we didn&rsquo;t see any sign of AHL signaling  through this construct and we believe the arrangement of promoters is somehow  inappropriate. So we redesigned the plasmid and built construct 5.</p>
+
-
  <p>Construct 5:Plac-luxr-Plux-RFP-LuxI on pet15b</p>
+
-
  <p><img src="KI/tsinghua_data8.jpg" width="317" height="169" /></p>
+
-
  <p><img src="KI/tsinghua_data9.jpg" alt="" width="251" height="151" /></p>
+
-
  <p class="comment">Figure9. A PCR screen showing that lane 5 is positive.</p>
+
-
  <p>Then we made dishes with AHL in the middle of the  plate only and spread E.<em>coli</em> with construct  5 on the whole plate hoping we can see the red firstly appear in the middle and  then spread out to the whole plate. </p>
+
-
  <p><img src="KI/tsinghua_data10.jpg" width="417" height="313" /></p>
+
-
  <p class="comment">Figure10. AHL in the middle. We can see that only the  central part of the plate turned red.</p>
+
-
  <p>And we have known that concentration of AHL needs to  be higher than some certain value to activate the expression. So we also tried  to add a low level of AHL all over the plate and still with a high level of AHL  in the middle of the plate.</p>
+
-
  <p><img src="KI/tsinghua_data11.jpg" alt="" width="492" height="547" /></p>
+
-
  <p class="comment">Figure11. a, E.<em>coli</em> with construct 2, a red patch appears where there is AHL(yet the photo is not  clear); b-f, 200μl water with 0, 0.05, 0.2,  0.5, 2μl AHL(10-4mol/L). RFP appear all  over the plate in c-f, while some on the edge in b.</p>
+
-
  <p>The results were not perfect and not able to prove the  successful transmission of AHL. However, the result show us some hope that the  system will work as long as the circumstances are appropriately modified. </p>
+
-
  <h4><a name="C">Module III. Signal Center</a></h4>
+
-
  <p>The work done before was not just for seeing some RFP,  we build this system to see if we can get some amplified signal transmitting  through some distance that can be processed in a signal center. Then we design  construct 6&amp;7.</p>
+
-
  <p>Construct6: <span style=" color:#F06">Plux</span>-<span style="color:#0CF">LacI</span>-<span style="color:#0CF">LuxI</span>-<span style=" color:#F06">Plac</span>-<span style="color:#0CF">LuxR</span>-<span style="color:#0CF">LasR</span>-<span style=" color:#F06">Plac</span>-<span>LacO</span>-<span style="color:#0CF">cI</span>-<span style=" color:#F06">Plas</span>-<span style="color:#0CF">LasI</span>-<span style=" color:#F06">Plas/cI</span>-<span style="color:#0CF">RFP</span></p>
+
-
  <p><img src="KI/tsinghua_data12.jpg" width="554" height="154" /></p>
+
-
  <p>The advanced version of our design consists of too  many parts which can hardly assembled one by one. So we decided to use overlap  PCR to get the construct. However, we have only finished part of the plan and  are concentrating on the rest.</p>
+
-
  <p><img src="KI/tsinghua_data13.jpg" width="271" height="205" /><img src="KI/tsinghua_data14.jpg" width="247" height="205" /><img src="KI/tsinghua_data15.jpg" alt="" width="202" height="205" /></p>
+
-
  <p align="center"><img src="KI/tsinghua_data16.jpg" alt="" width="215" height="212" /></p>
+
-
  <p class="comment" align="center">Figure12. Some results of a complex overlap PCR to get  construct 6.</p>
+
-
  <p>Construct7:  And-not  Gate</p><p>
+
-
    And-not  gate works when one signal exists while the other one not. We designed this  part based on two kinds of AHL:C6HSL(signal A) and C12HSL(signal B). </p>
+
-
  <p>&nbsp;</p>
+
-
<p align="center"><img src="KI/tsinghua_data17.jpg" alt="" width="553" height="184" /></p>
+
-
<p>As the  picture above shows, C6HSL could activate the promoter Plux and the promoter  Plas is activated by C12HSL. In the design of this part, we also added cI  operator downstream of Plas. As a result, the promoter Plas could be activated  by signal B but repressed by cI protein. The expression of cI protein is under  the control of Plux, which could be activated by signal A. RFP is controled by  Hybrid promoter(Plas and cI operator), which would work as a reporter. </p>
+
-
<p>In a  word, the expression of RFP is only on the condition that A is absent and B is  present. </p>
+
-
<div>
+
pluginspage="http://www.macromedia.com/go/getflashplayer"  
-
  <p>This design is simpler than the last one and we also chose  overlap PCR to construct this part. Fortunately, we finished this part and  obtained the effect we want. The pictures below show part of the construction process.</p>
+
-
</p>
+
-
<img src="KI/tsinghua_data18.jpg" alt="" width="548" height="409" /></div>
+
-
<p>Figure13. Results of overlap PCR to get construct 7. The picture on the left shows the acquirement of two of the single parts  (Hybrid promotor (HP) and RFP). The Picture on the right shows that we obtained  the fusion product of HP and RFP. (F means Failure, while S means Success. the  fusion product is marked by red arrow)</p>
+
-
<p align="center">&nbsp;</p>
+
-
</div>
+
-
</div>
+
 +
type="application/x-shockwave-flash" width="977"
 +
height="481"></embed></object></div>
 +
<div id = "Home" class = "buttomHome" pID = 1 flag1 = 0><img src="https://static.igem.org/mediawiki/2012/4/43/Home_tsinghua.gif"/></div>
 +
<div id = "Project" class = "buttom" style = "top:426px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/3/37/Project_tsinghua.gif"></div>
 +
<div id = "Dataresult" class = "buttom" style = "top:426px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8a/Data.gif"></div>
 +
<div id = "Team" class = "buttom" style = "top:426px; left:568px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/a/a7/Team_tsinghua.gif"></div>
 +
<div id = "Safety" class = "buttom" style = "top:426px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/6/66/Safety_tsinghua.gif"></div>
 +
 +
<div id = "Notebook" class = "buttom" style = "top:511px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/4/49/Notebook_tsinghua.gif"/></div>
 +
<div id = "Model" class = "buttom" style = "top:511px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8e/Model_tsinghua.gif"></div>
 +
<div id = "Humanpractice" class = "buttom" style = "top:511px; left:569px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/c/ca/HumanPractice.gif"/></div>
 +
<div id = "Parts" class = "buttom" style = "top:511px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/b/b5/Parts_tsinghua.gif"></div>
 +
<div class = "content">
 +
  <p>&nbsp;</p>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 16:41, 26 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Tsinghua iGEM Team 2012