Biomod/2014/result.html: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(24 intermediate revisions by the same user not shown)
Line 7: Line 7:
body {     
body {     
     display:block;
     display:block;
     background-color: #99CCFF;
     background-color: #ffffff;
     background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
     background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
     }
     }
Line 23: Line 23:
top:0px;
top:0px;
         margin-right:0px;
         margin-right:0px;
width:1100px;
width:1000px;
height:150px;
height:150px;
z-index:1;
z-index:1;
overflow: visible;
overflow: visible;
text-align: left;
text-align: left;
background-image: url(http://openwetware.org/images/5/54/Tianjin_index23.png);
background-image: url(http://openwetware.org/images/9/9f/Wiki-top4.jpg);
         }
         }


Line 37: Line 37:
float:left;
float:left;
         left:0px;
         left:0px;
width:1100px;
width:1000px;
height:40px;
height:40px;
z-index:2;
z-index:2;
Line 70: Line 70:
         float: left;
         float: left;
height: 40px;  
height: 40px;  
width:1100px;
width:1000px;
left: 0px;
left: 0px;
background-color: #ffffff;
background-color: #ffffff;
background-repeat: repeat-x;
background-repeat: repeat-x;
box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
margin-bottom:60px;
margin-bottom:40px;
         z-index:60;
         z-index:60;
         font-family: "Arial Black", Gadget, sans-serif;
         font-family: "Arial Black", Gadget, sans-serif;
Line 83: Line 83:
#navDiv > ul > li {
#navDiv > ul > li {
     float: left;
     float: left;
     margin-left: 38px;
     margin-left: 60px;
     position: relative;
     position: relative;
}
}
Line 206: Line 206:
     *bottom: 50px;
     *bottom: 50px;
     _bottom: 35px;
     _bottom: 35px;
     right: 10px;
     right: 0px;
     z-index: 999;
     z-index: 999;
     width: 50px;
     width: 50px;
Line 288: Line 288:
       color: #F00;
       color: #F00;
       }
       }


#apDiv10 {
#apDiv10 {
Line 294: Line 295:
         display:block;
         display:block;
         left:0px;
         left:0px;
width:1100px;
width:980px;
z-index:3;
z-index:3;
text-align: left;
text-align: left;
Line 300: Line 301:
font-size: 18px;
font-size: 18px;
color: #000;
color: #000;
background-color: #FAF234;
background-color: #D2E9FF;
         padding: 20px;
         padding: 20px;
         }
         }
Line 319: Line 320:
<ul>
<ul>
       <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
       <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
       <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Project</span></a>
       <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
           <ul>
           <ul>
               <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
                     <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#design'><span>Design</span></a></li>
                     <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
                     <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#process'><span>Process</span></a></li>
                     <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Origami"><span>The Origami Amplifier</span></a></li>
           </ul>   
           </ul>   
             </li>
             </li>
        
        
             <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Experiment</span></a>
             <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
           <ul>
           <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/2014/experiment.html#strand replacement reaction"><span>Strand Replacement Reaction</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/2014/experiment.html#synthesis of au-dna-cy3"><span> Synthesis of AU-DNA-CY3</span></a></li>
                     <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/Origami'><span>The Origami Amplifier</span></a></li>
                     <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
                 </ul>
                 </ul>
             </li> 
             </li> 
Line 339: Line 339:
    </li>
    </li>
            
            
             <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members</span></a>
             <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</span></a>
             </li>
             </li>
       
 
            <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/acknowledgement.html"><span>Acknowledgement</span></a></li>
</ul>
</ul>
</div>
</div>
Line 399: Line 398:
== Autocatalytic reaction system:==
== Autocatalytic reaction system:==
(1).Harpin reaction: total volume 10ul
(1).Harpin reaction: total volume 10ul
 
<html>
    Water           7ul
<body>
    10×buffer       1ul
<table width="200" border="1" cellspacing="2" cellpadding="1" background-color: #99CCFF>
    10umDNA        2ul
  <tr>
    <th scope="row"><span class="ys01">Water</span></th>
    <td><span class="ys01">7μL</span></td>
  </tr>
  <tr>
    <th scope="row"><span class="ys01">10×buffer</span></th>
    <td><span class="ys01">1μL</span></td>
  </tr>
  <tr>
    <th scope="row"><span class="ys01">10μMDNA</span></th>
    <td><span class="ys01"> 2μL</span></td>
  </tr>
</table>
</body>
</html>


Reaction condition:
Reaction condition:


(a)heating at 90◦C for 5 minutes  
(a)heating at 90°C for 5 minutes.


(b)Cooling on ice for 1 minute.
(b)Cooling on ice for 1 minute.
Line 415: Line 428:


10×buffer:
10×buffer:
       
<table width="110" border="1" cellspacing="2" cellpadding="1" background-color: #99CCFF>
material Concentration(mM) MW(g/mol) Mass(g)
  <tr>
MgCl2’6H2O 4                 203             0.8132
    <th scope="col">Material</th>
KCL         15                 74.55         1.11825
    <th scope="col">Concentration(mM) </th>
Tris-HCL 10                 121.14         1.2114
    <th scope="col">MW(g/mol)</th>
    <th scope="col"> Mass(g)</th>
  </tr>
  <tr>
    <th scope="row">MgCl<sub>2</sub>·6H<sub>2</sub>O</th>
    <td>4</td>
    <td>203</td>
    <td>0.8132</td>
  </tr>
  <tr>
    <th scope="row">KCl</th>
    <td>15</td>
    <td>74.55</td>
    <td>1.11825</td>
  </tr>
  <tr>
    <th scope="row">Tris-HCl</th>
    <td>10</td>
    <td>121.14</td>
    <td>1.2114</td>
  </tr>
</table>       


(2).reaction for A and I:
(2).reaction for A and I:


Mix 2ul A(at 2uM) and 2ul I(at 2uM), heating at 95◦C for 5 minutes followed by cooling to room temperature over approximately 2.5 hours.
Mix 2μL A(at 2μM) and 2μL I(at 2μM), heating at 95°C for 5 minutes followed by cooling to room temperature over approximately 2.5 hours.


(3).reaction for B+(AI):
(3).reaction for B+(AI):
Mix 2ul B (at 2uM) and 2ul (AI) to react at room temperature for 15 minutes.
Mix 2μl B (at 2μM) and 2μl (AI) to react at room temperature for 15 minutes.
 


== PAGE Gel:==
== PAGE Gel:==
Content Volume
Content Volume
Page Gel 30% 15ml
Page Gel 30% 15ml
5 x TBE 6ml
 
ddH2O 9ml
5 x TBE         6ml
TEMED 20µl
 
ASP 150µl
ddH2O         9ml
Total 30ml
 
TEMED         20µl
 
ASP         150µl
 
Total         30ml


prepare gel according the volumes in the table above
prepare gel according the volumes in the table above
Line 449: Line 488:


Run the gel by 200 V and 30 min
Run the gel by 200 V and 30 min


== Agarose Gel:==
== Agarose Gel:==

Latest revision as of 07:24, 29 August 2014

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css">

body {

    display:block;
    background-color: #ffffff;
    background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
    }

.ys01 {

     text-align: left;
     }

/* --the header css -- */

  1. apDiv1 {

position:relative;

       float:left;

left:0px; top:0px;

       margin-right:0px;

width:1000px; height:150px; z-index:1; overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/9/9f/Wiki-top4.jpg);

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left;

       left:0px;

width:1000px; height:40px; z-index:2; font-family: "Arial Black", Gadget, sans-serif; text-align: left; background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg);

       }
  1. apDiv2 table {

font-size: 18px;

             text-align: center;
             }


.ys01 #apDiv2 table { text-align: center;

                   }

.ys01 #apDiv2 table tr td a { color: #FFF;

                           }

/* -- navigator css -- */

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

{

       /* -- background body of navigator css -- */

position: relative;

       float: left;

height: 40px; width:1000px; left: 0px; background-color: #ffffff; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:40px;

       z-index:60;
       font-family: "Arial Black", Gadget, sans-serif;
       text-align: left;

}

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

}

/* -- when mouse not on the navigator css -- */

  1. navDiv > ul > li > a {
   color: #333333;
   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;

}

/* -- when mouse on the navigator css -- */

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

/* -- top and bottom of the sub meun css -- */

  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 0.3s 0.1s;

  -moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
       transition: all 0.3s 0.1s;

-webkit-border-radius: 5px;

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

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

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
       box-shadow: 0px 1px 3px rgba(0,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;}

/* -- when mouse not on the submeun css -- */

  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 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;}

/* -- when mouse on the navigator css -- */

  1. navDiv ul ul a:hover

{

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

}


/* Back to top css */

.back-to {

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: 0px;
   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;
   }

/* --video css -- */

  1. apDiv3 table {

text-align: center;

             }

.ys01 #apDiv6 table { text-align: left;

                    }


.ys02 {

     font-size: 36px;
     color: #F00;
     }


  1. apDiv10 {
        position:relative;

float:left;

        display:block;
        left:0px;

width:980px; z-index:3; text-align: left; font-family: "Comic Sans MS", cursive; font-size: 18px; color: #000; background-color: #D2E9FF;

        padding: 20px;
        }


</style> </head>


<body class="ys01";>

<!--header--> <div id="apDiv1"></div>

<!--navigator starts here-->

<div id="navDiv">

<ul>

  	    <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
  	    <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
 	        </ul>   
           </li>
  	    
           <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
  	        <ul>
  	            <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#strand replacement reaction"><span>Strand Replacement Reaction</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#synthesis of au-dna-cy3"><span> Synthesis of AU-DNA-CY3</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
               </ul> 			
           </li>   	
  	    
           <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/result.html"><span>Protocol</span></a> 

</li>

           <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</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>


<div id="apDiv10"> </html>

CY3 NHS ester labelingt:

(1).Calculate required amount of NHS ester:

NHS ester weight [mg] = 8 × amino compound weight [mg] × NHS ester molar weight [Da] / amino compound molar weight [Da].

In our experiments, in order to label 100ug of amino-modified DNA (molar weight 10927 Dalton) with Cy3 NHS ester (molar weight 590.15Dalton), and obtain maximum yield of mono-labeled product, we use

8× 100ug × 590.15 Da /10297 Da = 45.85 ug of Cy3 dye NHS ester.

(2).Determine volume of reaction mixture: use 10ul volume which concentration is 5ug of amino-modified DNA per uL of mixture.

(3).Dissolve 1mg CY3 NHS ester in 22ul of DMF. After the reaction, NHS ester can be stored in solution for 1-2 months at -20ºC.

(4).Dissolve amino-modified DNA in 9ul of 0.1 M Tris buffer with pH 8.3-8.5. Note pH is the most important thing.

(5).Add 1ul CY3 NHS ester solution to the solution of DNA, and vortex well. Keep the mixture at room temperature during at least 4 hours.

(6).Purify the conjugate using ethanol precipitation.


Synthesis of AU-DNA-CY3:

(1).Prepare 10 mM TCEP

(2).Prepare 13 nM gold nanoparticles: two kinds of gold nanoparticles with diameter of 13nm and 40nm

(3).Pipette 9μl of 1 mM DNA into a microcentrifuge tube

(4).Add 1μl of 500 mM acetate buffer (pH 5.2) and 1.5μl of 10 mM TCEP to the tube to activate the thiol-modified DNA. Incubate the sample at room temperature for 1 h.

(5).Transfer 3 ml of the already prepared gold nanoparticles (13 nM)to the centrifuge tube, and then add the TCEP-treated thiol DNA with gentle shaking by hand.

(6).Cap the centrifuge tube and store them in a drawer at room temperature for at least 16 h.

(7).Add 30 μl of 500 mM Tris acetate (pH 8.2) buffer drop wise to each tube with gentle hand shaking. The final Tris acetate concentration is 5 mM.

(8).Add 300 μl of 1 M NaCl dropwise to each tube with gentle hand shaking. Store the tube in a drawer for at least another day before use.

(9).Transfer 500 μl of functionalized particles into 1.5-ml microcentrifuge tubes, respectively.

(10).Centrifuge the two tubes at 16,110g at room temperature (23–25 °C) on a benchtop centrifuge for 15 min.


Autocatalytic reaction system:

(1).Harpin reaction: total volume 10ul <html> <body> <table width="200" border="1" cellspacing="2" cellpadding="1" background-color: #99CCFF>

 <tr>
   <th scope="row"><span class="ys01">Water</span></th>
   <td><span class="ys01">7μL</span></td>
 </tr>
 <tr>
   <th scope="row"><span class="ys01">10×buffer</span></th>
   <td><span class="ys01">1μL</span></td>
 </tr>
 <tr>
   <th scope="row"><span class="ys01">10μMDNA</span></th>
   <td><span class="ys01"> 2μL</span></td>
 </tr>

</table> </body> </html>

Reaction condition:

(a)heating at 90°C for 5 minutes.

(b)Cooling on ice for 1 minute.

(c)At room temperature for 30 minutes before use.

The hairpins A B were prepared in reaction buffer as follows:

10×buffer:

Material Concentration(mM) MW(g/mol) Mass(g)
MgCl2·6H2O 4 203 0.8132
KCl 15 74.55 1.11825
Tris-HCl 10 121.14 1.2114

(2).reaction for A and I:

Mix 2μL A(at 2μM) and 2μL I(at 2μM), heating at 95°C for 5 minutes followed by cooling to room temperature over approximately 2.5 hours.

(3).reaction for B+(AI): Mix 2μl B (at 2μM) and 2μl (AI) to react at room temperature for 15 minutes.

PAGE Gel:

Content Volume

Page Gel 30% 15ml

5 x TBE 6ml

ddH2O 9ml

TEMED 20µl

ASP 150µl

Total 30ml

prepare gel according the volumes in the table above

Pour gel into casting tray, and insert comb (make sure there are no bubbles)

Put the whole setup in 37℃ incubator for 30 min

Fill in TBE-Buffer

Prepare the sample by adding 6× loading buffer containing Golden View

Run the gel by 200 V and 30 min

Agarose Gel:

Measure 3g for 3% gel agarose in 250mL flask.

Add 100 mL 1X TBE into flask.

Microwave for about 3 minutes to disolve the powder.

Gently swirl in an ice water bath until it is not hot for your hand

Add EB stain in the gel with concentration of 5ul per 100ml

Pour gel into casting tray, and insert comb

cast the gel and cool the whole setup in room temperature

Prepare the sample by adding 6× loading buffer containing Golden View

Set to 150 V, run for 30 minutes


<html>

</body> <html>