|
|
Line 4: |
Line 4: |
| <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>无标题文档</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:#FFFFFF; |
| + | } |
| + | .content{ |
| + | border-style:none; |
| + | } |
| | | |
- | #content{
| |
- | border:none;
| |
- | }
| |
| #catlinks{ | | #catlinks{ |
| visibility:hidden; | | visibility:hidden; |
Line 27: |
Line 29: |
| } | | } |
| 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 47: |
| } | | } |
| 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: 578px; |
- | background:#32B4EB; | + | background: #32B4EB; |
| + | background-image: url("https://static.igem.org/mediawiki/2012/8/8e/BannerHome.jpg"); |
| } | | } |
| div.buttom{ | | div.buttom{ |
Line 71: |
Line 68: |
| position:absolute; | | position:absolute; |
| left: 433px; | | left: 433px; |
- | top: 217px; | + | top: 496px; |
| width: 110px; | | width: 110px; |
| height: 157px; | | height: 157px; |
Line 78: |
Line 75: |
| cursor:pointer; | | cursor:pointer; |
| overflow:hidden; | | overflow:hidden; |
- |
| |
| } | | } |
| div.buttom:hover{ | | div.buttom:hover{ |
Line 94: |
Line 90: |
| position:absolute; | | position:absolute; |
| left: 433px; | | left: 433px; |
- | top: 217px; | + | top: 496px; |
| width: 110px; | | width: 110px; |
| height: 157px; | | height: 157px; |
Line 115: |
Line 111: |
| } | | } |
| .content{ | | .content{ |
- | position:absolute; | + | position: absolute; |
- | top:458px; | + | top: 661px; |
- | left:0px; | + | left: 0px; |
- | width:100%; | + | width: 978px; |
- | height:600px; | + | height: 600px; |
- | display:block; | + | display: block; |
| + | border-style:none; |
| } | | } |
| #ground{ | | #ground{ |
Line 127: |
Line 124: |
| 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: 487px;
| + | |
- | height: 428px;
| + | |
- | width: 160px;
| + | |
- | left: 132px;
| + | |
- | 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 225: |
Line 145: |
| <div id = "BannerCleaner"></div> | | <div id = "BannerCleaner"></div> |
| <div class="Header" id="Header"></div> | | <div class="Header" id="Header"></div> |
- | <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> | + | <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: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 = "Project" class = "buttom" style = "top:496px; 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: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 = "Dataresult" class = "buttom" style = "top:496px; 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: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 = "Team" class = "buttom" style = "top:496px; 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: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 = "Safety" class = "buttom" style = "top:496px; 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: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>
| + | |
- | <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">
| + | |
- | <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>
| + | |
- | </ul></div>
| + | |
- | | + | |
- | <div class = "parag">
| + | |
- | <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’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’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’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&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> </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>
| + | |
- | <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"> </p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
| | | |
| + | <div id = "Notebook" class = "buttom" style = "top:581px; 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:581px; 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:581px; 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:581px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/b/b5/Parts_tsinghua.gif"></div> |
| + | <div class = "content"> |
| + | <p>Domino is a popular game all over the world with very simple rules. When several dominoes are placed in a long line and are close enough, they could be knocked over one by one. The first toppled domino would topple the second one, and then the third one, etc... As a result, all the dominoes fall.</p> |
| + | <p>The easiest way of playing domino is to knock over a string of tiles by just pushing the first tile. Of course there are harder methods, for example, with the different design of placing dominoes, one could achieve different ways for tiles of being knocked down. Finally, with the combination of sophisticated design, beautiful and complex patterns would appear.</p> |
| + | <p>This simple and popular game inspires us greatly and we decided to draw an analogy to domino game by using <i>E. coli</i>. We use <i>E. coli</i> as tiles, and imitate the falling of domino by using different fluorescent proteins. Finally we need a signal to trigger the process and we decide to adopt AHL. </p> |
| + | Our goal is that by adding AHL to modified <i>E. coli</i> at specific place, XFP would express and the expression of color could expand and spread, just like the falling down of dominoes. With our design, various approaches of falling down are achievable and if possible, sophisticated patterns could be obtained as well.</div> |
| </body> | | </body> |
| </html> | | </html> |
Domino is a popular game all over the world with very simple rules. When several dominoes are placed in a long line and are close enough, they could be knocked over one by one. The first toppled domino would topple the second one, and then the third one, etc... As a result, all the dominoes fall.
The easiest way of playing domino is to knock over a string of tiles by just pushing the first tile. Of course there are harder methods, for example, with the different design of placing dominoes, one could achieve different ways for tiles of being knocked down. Finally, with the combination of sophisticated design, beautiful and complex patterns would appear.
This simple and popular game inspires us greatly and we decided to draw an analogy to domino game by using E. coli. We use E. coli as tiles, and imitate the falling of domino by using different fluorescent proteins. Finally we need a signal to trigger the process and we decide to adopt AHL.
Our goal is that by adding AHL to modified
E. coli at specific place, XFP would express and the expression of color could expand and spread, just like the falling down of dominoes. With our design, various approaches of falling down are achievable and if possible, sophisticated patterns could be obtained as well.