Biomod/2012/Tianjin/Result/LogicGate

From OpenWetWare
Revision as of 19:04, 27 October 2012 by Andi Wangzhou (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

<html> <style> /* Back to top css */ .back-to {

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: 10px;
   z-index: 999;
   width: 50px;
   zoom: 1
   }
  • html .back-to {
   /* 不能用 _position 这种写法,因为它在IE7+也会执行expression。。。 */
   position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
   }

.back-to {

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-home.png) no-repeat 0 0;
   outline: 0 none;
   text-indent: -9999em;
   }

.back-to:hover {

   background-position: -50px 0
   }

.back-to .back-top {

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-top.png) no-repeat 0 0;
   margin-left: 10px;
   outline: 0 none;
   text-indent: -9999em
   }

.back-to .backtotop {

   float: left;
   display: block;
   width: 50px;
   height: 50px;
   background: #666 url(http://a.xnimg.cn/imgpro/arrow/btt.png) 8px -57px no-repeat;
   margin-bottom: 15px;
   outline: 0 none;
   text-indent: -9999em;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
   }

.back-to .backtotop:hover {

   background-color: #333;
   background-position: 8px 13px
   }

.back-to .backtotop .back-tip {

   position: absolute;
   visibility: hidden;
   top: -31px;
   left: -10px
   }

.back-to .backtotop:hover .back-tip {

   visibility: visible
   }

.back-to .back-top:hover {

   background-position: -50px 0
   }

/* changed default background */

.container{background-color: #ffffff; margin-top:0px}

  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. column-one {display:none; width:0px;background-color: #ffffff;}
  1. globalWrapper{width: 970px; background-color: #ffffff; margin-left: auto; margin-right: auto;

-moz-box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 0px 0px 15px #ccc; box-shadow: 0px 0px 15px #ccc;}

  1. content{ margin: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width: 940px;background-color: #ffffff; border: 0;}
  2. bodyContent{ width: 940px; align: center; background-color: #ffffff;}
  3. column-content{width: 970px;background-color: #ffffff;}

body { background: url(http://openwetware.org/images/1/13/TJU2012-Bg.gif) repeat-x #F9F9F7; }


/* basic link rules */


a:link { color: #4F6DDC; } a:visited { color: #4F6DDC; } a:hover { color: #4F6DDC; text-decoration: none; }


/* -- navigator css -- */

  1. navDiv ul { margin: 0; padding: 0;}
  2. navDiv li { margin: 0; padding: 0;}
  3. navDiv a { margin: 0; padding: 0;}
  4. navDiv ul {list-style: none; z-index:999;}
  5. navDiv a {text-decoration: none;}
  6. navDiv

{ position: relative; height: 40px; width:970px; left: -12px; top: 0px; background-color: #111; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:20px; }


  1. navDiv > ul > li {
   float: left;
   margin-left: 38px;
   position: relative;

}

  1. navDiv > ul > li > a {
   color: #aaa;
   font-family: Verdana, 'Lucida Grande';
   font-size: 15px;
   line-height: 40px;
   padding: 11px 20px;

-webkit-transition: color .15s;

  -moz-transition: color .15s;
    -o-transition: color .15s;
       transition: color .15s;

}

  1. navDiv > ul > li > a:hover {color: #333333; background-color: #FFFFFF;}


  1. navDiv > ul > li > ul

{

   opacity: 0;
   visibility: hidden;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   position: absolute;
   top: 30px;
   left: 50%;
   margin-left: -90px;
   width: 180px;

-webkit-transition: all .3s .1s;

  -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
       transition: all .3s .1s;

-webkit-border-radius: 5px;

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}

  1. navDiv > ul > li:hover > ul

{

   opacity: 1;
   top: 40px;
   visibility: visible;

}

  1. navDiv > ul > li > ul:before

{

   content: '';
   display: block;
   border-color: transparent transparent rgb(250,250,250) transparent;
   border-style: solid;
   border-width: 10px;
   position: absolute;
   top: -20px;
   left: 50%;
   margin-left: -10px;

}

  1. navDiv > ul ul > li { position: relative;}
  1. navDiv ul ul a

{

   color: rgb(50,50,50);
   font-family: Verdana, 'Lucida Grande';
   font-size: 13px;
   background-color: rgb(250,250,250);
   padding: 5px 8px 7px 16px;
   display: block;

-webkit-transition: background-color .1s;

  -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
       transition: background-color .1s;

}

  1. navDiv ul ul a:hover {background-color: rgb(240,240,240);}


  1. navDiv ul ul ul

{

   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: -16px;
   left: 206px;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   width: 160px;

-webkit-transition: all .3s;

  -moz-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;

-webkit-border-radius: 5px;

  -moz-border-radius: 5px;
       border-radius: 5px;

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}


  1. navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


  1. navDiv ul ul a:hover

{

   background-color: #777777;
   color: rgb(240,240,240);

}


/* Abstract in pages css */

  1. tianjin-right-content {

float: right; width: 280px; margin-left: 20px; font-family:"Calibri"; font-size:120%; }

  1. tianjin-right-content ul {

margin: 0; padding: 0 1em; }

  1. tianjin-right-content ul li {

list-style: none; margin: 0 0 1em 0; } .tianjin-description { font-size: small; color: #8A8A8A; }

/* Text content css*/

  1. text-content {

width:620px; font-family:"Calibri"; font-size:120%; padding: 10px 10px 10px 10px; }

/* footer in the middle */

  1. footer{position: center; width: 970px;}

</style>

<!--header starts here-->

<div id="header"> <div class="title" style="height: 180px;"> <a href="http://openwetware.org/wiki/Biomod/2012/Tianjin"><img src ="http://openwetware.org/images/7/79/TJU2012-Header.png"></a> <div style="float:right;"><img src="http://openwetware.org/images/c/cd/TJU2012-logo.png"></div> <div class="topsearch" style="position:absolute;top:175px;right:90px;"> <form method="GET" action="http://www.google.com/search"> <input type="hidden" name="hl" value="en"> <input type="hidden" name="sitesearch" value="openwetware.org"> <input type="hidden" name="domains" value="openwetware.org"> <input type="hidden" name="as_epq" value="Tianjin"> <input type="text" name="q" class="frm"><input type="submit" class="btn" value="Search"> </form> </div> </div> </div>

<!--navigator starts here-->

<div id="navDiv">

<ul>

  	    <li class='active '><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin'><span>Home</span></a></li>
  	    <li class='active '><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Team'><span>Team</span></a>
       </li>
  	    <li class='has-sub'><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background'><span>Designs</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background'><span>Background</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/LogicGate'><span>The Logic Gate</span></a></li>
               <li><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/YDNA"><span>Y-DNA</span></a></li>
               <li><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Origami"><span>The Origami Amplifier</span></a></li>
 	        </ul>   

</li>

<li class='has-sub'><a href='#'><span>Experiments and Results</span></a>

  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/LogicGate'><span>The Logic Gate</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/YDNA'><span>Y-DNA</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/Origami'><span>The Origami Amplifier</span></a></li>

</ul>

       </li>   	
  	    <li class='active'><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Protocol"><span>Protocol</span></a> 

</li>

           <li class='active'><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Attributions'><span>Attributions</span></a></li>

</ul> </div>

<div id="toolBackTo" class="back-to" style="left: 1175px; "> <a stats="site_footer_back_to_top" class="backtotop" href="#top" onclick="if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = 'static';window.scrollTo(0,0);if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = '';return false;">Back to top <img stats="site_footer_back_to_top" src="http://openwetware.org/images/a/a7/TJU2012-Back-tip.png" class="back-tip"> </a> </div>


</html>

<html>


<style>

  1. frametext {

font-family:Cambria,Calibri; font-size:140%; line-height:140%; float:left; width:310px; }


  1. toc {

width:260px; margin-right:10px; }

.tocbefore { position:absolute; }

.tocafter { position:fixed; top:30px; }


</style>

<script type="text/javascript"> function getScrollTop() {

   var scrollPos; 
   if (window.pageYOffset) { 
       scrollPos = window.pageYOffset; 
   } 
   else if (document.compatMode) { 
   	if(document.compatMode != 'BackCompat')
   	{
       	scrollPos = document.documentElement.scrollTop; 
       }
       else if (document.body) 
       { 
       	scrollPos = document.body.scrollTop; 
   	}
   } 
   if(scrollPos < 700){

document.getElementById("toc").className="tocbefore"; } else{ document.getElementById("toc").className="tocafter"; } } window.onscroll=getScrollTop; </script>

<!-- Abstract in the page starts here -->

<div id="tianjin-right-content"> <ul><li> <strong class="selflink">The Logic Gate</strong><div class="tianjin-description">Looking at this design, there are two critical problems regarding our design</div> </li><li> <a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/YDNA" title="YDNA">Y-DNA</a><div class="tianjin-description">The Y-DNA was synthesized from three ssDNAs, each of which has partial complementary sequences to the other two ssDNAs.</div> </li><li> <a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/Origami" title="Origami">The Origami Amplifier</a><div class="tianjin-description">In this design, we focus on two essential problems.</div> </li></ul> </div>

<!-- main text frame starts here -->

<div id="outborder" style="background: #FAFAFA url(http://openwetware.org/images/d/d1/TJU2012-BMD-Stripe.png) repeat; height:360px; width:640px; padding:10px;"> <div id="inborder" style="background: #fff;height:340px;width:620px;padding:10px;"> <div id="frametext"><br><br><span style="font-size:300%;">L</span> ooking at this design, there are two critical problems regarding our design: 1. Is the activity of Cu<sup>2+</sup> dependent DNAzyme influenced by the presence of 8-17?<br>2. Can the structure really lock the binding arm of 8-17? Therefore, we conduct the following experiment to verify our consumption</div> <div id="frameimg"><img src="http://openwetware.org/images/f/f1/TJU2012-frame-RLG.png"></div> </div> </div>


<div style="width:280px;float:right;font-family:Calibri;font-size:120%"> <table id="toc" class="tocbefore" summary="Contents"><tbody><tr><td><div id="toctitle"><h2>Contents</h2> </div> <ul> <li class="toclevel-1"><a href="#Module_1"><span class="tocnumber">1</span> <span class="toctext">Module 1</span></a> <ul> <li class="toclevel-2"><a href="#Is_the_activity_of_Cu2.2B_DNAzyme_influenced_by_the_presence_of_8-17.3F"><span class="tocnumber">1.1</span> <span class="toctext">Is the activity of Cu<sup>2+</sup> DNAzyme influenced by the presence of 8-17?</span></a></li> <li class="toclevel-2"><a href="#Can_the_structure_really_lock_the_binding_arm_of_8-17.3F"><span class="tocnumber">1.2</span> <span class="toctext">Can the structure really lock the binding arm of 8-17?</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Module_2"><span class="tocnumber">2</span> <span class="toctext">Module 2</span></a></li> </ul> </td></tr></tbody></table> </div>


<!-- text starts here --> <div id="text-content"> </html>

Module 1

Is the activity of Cu2+ DNAzyme influenced by the presence of 8-17?

We used PAGE to evaluate the product after cutting with the control group. The logic gate was mixed with DNAzyme buffer and annealed. Cu2+ and vitamin C were added afterwards. Different fragments were separated using PAGE to examine the composition of product. The results were compared with the PAGE of original Cu2+ DNAzyme and substrate. As we can see in the control group, the upper most band is the original Cu2+ DNAzyme, the one next to it is the substrate, the lowest band is one of the cleaved substrate, and the other cleaved substrate are too short to appear in PAGE. As for the experiment group, the upper most band is our designed logic gate, the band next to it is the logic gate after cutting. The lowest one are the same with control group. Finally, the other two band in between may be produced by the nonspecific cleavage due to vitamin C.

Figure 16. Verification of self-cleavage of the logic gate in native PAGE. Lane 1: annealed logic gate; lane 2: annealed logic gate adding Cu2+ (100μM) and vitamin C (100μM), reacting for 10 min; lane 3: Cu2+ dependent DNAzyme annealed with substrate under the same condition for 10 min; lane 4: the reaction did not occur. (From BIOMOD Team Tianjin 2012.)

After qualitative characterization, we used the fluorescence intensity to quantify the efficiency of our design.

Figure 17. The kinetics curve of the self-cleavage of the logic gate. [Logic gate]=5μM, [Cu2+], [VC]=100μM. (From BIOMOD Team Tianjin 2012.)

As we can see in Figure 17., the logic gate concentration dropped with the increase of reaction time. This is the first kinetics curve of Cu2+ DNAzyme under the existence of Cu2+ and vitamin C ever measured. The figure showed more details about the kinetics of the self-cleavage of the logic gate. From the number of logic gates that are self-cleavage, we can estimate how many 8-17 are released in the solution . This kinetics figure will help us determine the process of interaction.

Can the structure really lock the binding arm of 8-17?

In the previous section, we have demonstrated the Cu2+ activated self-cleavage can work in our new design. So the second question emerged: can this structure lock 8-17 when only Pb2+ is present?

We compared the results of adding only Pb2+ with adding Pb2+ and Cu2+ into the system, and test how many substrate left after reaction. The system with only Pb2+ is shown in the left column, and with both ions in the right column in Figure 18. A band is the original design, B band is the substrate. We can see B in left column are much whiter than right. This demonstrated the tightness of our design.

Figure 18. The comparison between logic gate function under different conditions. Lane 1: Cu2+ and Pb2+; lane 2: only Pb2+. [logic gate], [substrate]=5μM, [Cu2+], [VC]=100μM, [Pb2+]=1μM. (From BIOMOD Team Tianjin 2012.)

As for the system, we want to know when the device can detect the concentration change, so we collected the date for this figure. From Figure 19., we can also see with only Pb2+, the substrate concentration remains the same. But with Pb2+ and Cu2+, the concentration dropped rapidly in the first two minutes. Because there is only one data in the first three minutes, we set to measure the precise concentration change. We conducted further experiment to gain more accurate results in the first three minutes.

Figure 19. The working curve of logic gate function under different conditions. Black line: reaction with Cu2+, VC, and Pb2+; Red line: reaction with only Pb2+. [logic gate], [substrate]=5μM, [Cu2+], [VC]=100μM, [Pb2+]=1μM. (From BIOMOD Team Tianjin 2012.)

Since we’ve answered all the questions about whether our design will work, we set out to characterize more of its properties under different circumstances.

Next, we characterized the self-cleavage in the same period with different temperature. As we predicted, the self-cleavage speed increased with growing temperature. But the difference is not so significant, so we assume the self-cleavage is not very sensitive to temperature. Therefore, our design can work across a wide range under room temperature.

Figure 20. The relation of self-cleavage and temperature. [logic gate], [substrate]=5μM, [Cu2+], [VC]=100μM, reaction time=10min. (From BIOMOD Team Tianjin 2012.)

Next, in Figure 21., is the logic gate concentration change under different Cu2+ concentration. This shows even when we decrease the Cu2+ concentration, our design still works quite well.

Figure 21. The relation of self-cleavage and the concentration of Cu2+ and vitamin C. [logic gate]=5μM; : [Cu2+], [VC]=100μM;  : [Cu2+], [VC]=10μM. (From BIOMOD Team Tianjin 2012.)

We are also interested in the Pb2+ concentration's influence on substrate cleavage. In Figure 22., substrate change under two concentrations are investigated. When Pb2+ is 1μM, substrate concentration dropped rapidly in the first two minutes and turned slowly later. When Pb2+ is 10nM, the concentration slowly decreased. Their main difference is the first two minutes of catalysis.

Figure 22. The kinetics of substrate cleavage with different Pb2+ concentration. [logic gate], [substrate]=5μM, Black line: [Cu2+], [VC]=100μM; Red line: [Cu2+], [VC]=10μM. (From BIOMOD Team Tianjin 2012.)

Module 2

First, we set to verify the self-cleavage of the design. The gel results demonstrated that Module can undergo self-cleavage (data not shown). Next, let's take a look at the tightness of the logic gate. In Figure 23., the lowest bands in the column represents the concentration of the substrate. We are disappointed to see that the substrate in both group has been cleaved. This showed our design can't lock the activity of 8-17 when there is only Pb2+ in the solution. The result is the same with 2-2.

Figure 23. Logic gate 2-1 and logic gate 2-2 with Cu2+ and Pb2+ (A) and with only Cu2+ (B), the fragment of substrate is all detectable, which means the logic gates cannot work properly. (From BIOMOD Team Tianjin 2012.)

<html> </div> <html>