Biomod/2015/Tianjin/Protocol

From OpenWetWare
Jump to navigationJump to search

<html> <style type="text/css"> /**** Base styles ****/ /*#column-one, */

  1. footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
   display: none;

}

/*only show edit button - also remove p-cactions from previous style*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;

}

  1. ca-edit{
   display:block;

} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }

</style> <style type="text/css">

#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; }

#top-section { border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; }

#globalWrapper, #content { width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; font-size: 100%; }

html, body, .wrapper { width: 100%; height: 100%; background-color: transparent; }

.navbar { margin: 0 auto; margin-top: 1em; padding: 1em; border-radius: 10px; }

</style>

<!-- Start of CSS--> <style type="text/css">

  • {margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;}
  1. backcontain{width:100%;height:auto;background-color:#3CF;}
  2. contain{width:1100px;background-color:#FFF;height:auto;margin-left:auto;margin-right:auto; box-shadow: 0px 5px 8px rgba(0,0,0,0.4);}
  3. header{width:1100px;margin-left:auto;margin-right:auto;text-align:right;float:left;margin-top:10px;background-image:url(http://openwetware.org/images/e/e6/Home2.png);height:300px;box-shadow: 0px 5px 8px rgba(0,0,0,0.4);}

.menu ul {margin-top:250px;list-style:none;} .menu a {text-decoration:none;color:#480002} .menu ul li { height: 50px; background-color: transparent; float:right; text-align:right; font-family: Verdana, sans-serif; font-size: 24px; line-height: 50px; background-position: 100% 0%; margin-right:40px; } /*For the menu buttons, changes the color when hovering*/ .menu ul :hover { color: #F00; } .menu li:hover {color: #F00;border-bottom: 5px outset #FF0000;} /*Submenus are not displayed as default*/ .menu li ul {display: none;} /*Submenus are displayed when hovering the menu button */ .menu li:hover ul {display: block; position: absolute;margin-left:-150px;margin-top:5px;float:right;} /*Style the submenu buttons*/ .menu li ul li{background-color:transparent;float:left;text-align:center;font-family: Verdana, sans-serif;font-style: normal;font-weight: lighter;font-size:18px;line-height: 25px; margin-top:0px;color:#003;width:auto} .menu li ul li:hover {color: #F00;border-bottom:hidden;}

  1. parta{

width: 600px; font-family: Arial; margin-top: 10px; line-height: 35px; float: left; padding-left: 15px; padding-right: 10px; text-align: justify; }

  1. partb{

width:700px; font-family: Arial; margin-top: 28px; line-height: 35px; margin-left:15px;padding-top:10px; padding-left: 10px; padding-right: 10px;

text-align: justify; float: left; }

  1. partc{

width: 1070px;height:auto font-family: Arial; margin-top: 20px; line-height: 35px; padding-left: 15px; padding-right: 15px; padding-bottom:20px; padding-top:0px; text-align:justify; float: left; }

  1. tabletable{

width: 1070px;height:auto font-family: Arial; margin-top: 0px; line-height: 20px;font-size:16px; padding-left: 15px; padding-right: 15px; padding-bottom:20px; padding-top:0px; text-align:justify; float: left; }


h1{ font-size: 23px; text-align:left; font-weight: bold;color:#900;font-family: Arial; }

p{ font-size: 20px; text-align: justify;font-family: Arial; }

  1. foot{

height: 80px; background-color: #333; float: left; margin-left:auto;margin-right:auto; width:1100px;padding-top:5px; font-family: Arial, sans-serif; font-size:15px;line-height: 25px; color: rgba(255,255,255,1); text-align: center;} .table1{font-family:Arial;width:90%;border-collapse:collapse;margin-left:5%} .table1 td, .table1 th{font-size:17px;border:1px solid #ccc;padding:5px 10px 5px 10px;width:150px;} .table1 th {font-size:17px;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#ccc;color:#ffffff;} .table1 tr.alt td {color:#000000;background-color: #fafafa;font-size:16px}

</style> <!-- End of CSS --> <!--picture banner--> <style type="text/css">

  1. banner { padding: 0px; width:430; float:left;margin-top:0px;}

.slides { margin-left:auto;margin-right:auto; width: 100%; overflow: hidden; position: relative; } .slide-pic { margin-left:auto;margin-right:auto;padding:0px; width: 100%; overflow: hidden; list-style: none; } .slide-pic img { width: 100%; } .slide-pic li { display: none; } .slide-pic li.cur { display: block; } .slide-li {padding: 0px; right: 50px; bottom: 0px; position: absolute;float:left;} .slide-li li { margin: 0px; padding: 0px; width: 30px; height:20px ;float:left;overflow: hidden;} .slide-li a { width: 30px; height: 20px; color: #000; font-size: 20px; display: block; text-align:center;text-decoration:none;margin-bottom:5px;} .slide-li a:hover { color: #ccc; text-decoration: none; } .slide-txt span { display: none; } </style> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function ($) {

   if ($(".slide-pic").length > 0) {
       var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
       var _titles = $("ul.slide-txt li");
       var _titles_bg = $("ul.op li");
       var _bodies = $("ul.slide-pic li");
       var _count = _titles.length;
       var _current = 0;
       var _intervalID = null;
       var stop = function () { window.clearInterval(_intervalID); };
       var slide = function (opts) {
           if (opts) {
               _current = opts.current || 0;
           } else {
               _current = (_current >= (_count - 1)) ? 0 : (++_current);
           };
           _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () {
               _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
               _bodies.removeClass("cur").eq(_current).addClass("cur");
           });
           _titles.removeClass("cur").eq(_current).addClass("cur");
           _titles_bg.removeClass("cur").eq(_current).addClass("cur");
       };
       var go = function () {
           stop();
           _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);
       };
       var itemMouseOver = function (target, items) {
           stop();
           var i = $.inArray(target, items);
           slide({ current: i });
       };
       _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go);
       _bodies.hover(stop, go);
       go();
   }

}); </script>

<style type="text/css"> .icon{float:left;} .icon img{width:190px;height:190px;} </style> <style type="text/css">

  1. apDiv10 {
        position:relative;

float:left;margin-top:20px;margin-left:20px;

        display:block;   

width:300px; z-index:3;

        box-shadow: 0px 5px 8px rgba(0,0,0,0.4);

text-align: left; font-family:Arial; font-size: 18px; line-height:28px; color: #000; background-color: #ffffff;

        padding:20px;
        }

.toclevel-1 a {text-decoration:none;color:#000} .toclevel-1 a:hover{color:#900} .kuang{z-index:3;box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;} </style>




<div id ="backcontain"> <div id ="contain"> <div id ="header"> <div class="menu"> <ul> <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Team"><li>Team</li></a>

       <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Protocol"><li>Protocol</li></a>
       <li><a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Project">Project</a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Idea">Idea</a>
       	<ul>

<a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Idea#Artificial cells"><li>Artificial cells</li></a> <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Idea#Cell-free system"><li>Cell-free system </li></a>

               <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Idea#Droplet"><li>Droplet</li></a> 
               <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin/Idea#Motivation"><li>Motivation </li></a>
           </ul> 
           </li>
       <a href="http://openwetware.org/wiki/Biomod/2015/Tianjin"><li>Home</li></a>

</ul>

   </div><!--end of menu-->	

</div><!--end of header-->

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

<table id="toc" class="toc" summary="Contents" border="0"><tr><td bordercolor="#FFFFFF"> <div id="toctitle">

 	<h2 style="font-size:24px"><strong>Contents</strong></h2>

</div> <ul> <li class="toclevel-1"><a href="#Preparation of cell lysate"><span class="tocnumber">1</span> <span class="toctext">Preparation of cell lysate</span></a></li> <li class="toclevel-1"><a href="#Fabrication of microfluidic device"><span class="tocnumber">2</span> <span class="toctext">Fabrication of microfluidic device</span></a></li> <li class="toclevel-1"><a href="#Preparation of microdroplets"><span class="tocnumber">3</span> <span class="toctext">Preparation of microdroplets</span></a></li> </ul> </td></tr></table> <script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script> </div>

<div id="partb">


</div>

<div id="partc"> <a name="Preparation of cell lysate" id="Preparation of cell lysate"></a> <h1>1. Preparation of cell lysate</h1> <p>The cells (E. coli strain BL21) were grown at 37 °C. When OD600 reached about 2, cell suspension was washed and centrifuged, and the resultant cells pellets were suspended and disrupted. Last, the crude lysate was centrifuged, and the supernatant was collected. The lysate used for IVTT contained 30 % E. coli cell extract, and other components including Hepes–KOH (pH 8.2), ATP, CTP, GTP, UTP, DTT, tRNA mixture, cAMP, potassium glutamate, ammonium acetate, magnesium acetate, folinic acid, 20 amino acids, creatine phosphate, and creatine kinase. The lysate mixture was divided into small aliquots and stored at −80 °C for further use.</p></br> <a name="Fabrication of microfluidic device" id="Fabrication of microfluidic device"></a> <h1>2. Fabrication of microfluidic device</h1> <p>We fabricated microfluidic devices by combining photo lithography and soft lithography. A poly(dimethylsiloxane) (PDMS) replica of the channel design was formed by mixing the PDMS oligomer and curing reagent with a ratio of 10 : 1 (w/w) and curing the degassed mixture at 65 °C for 2 hours. Thereafter, access ports were bored into the soft replica with a needle. We boned PDMS replica to a glass slide after oxygen plasma treatment. The bonding process was completed in an oven at 90 °C for 1 h. Microfluidic devices were connected to syringe pumps via plastic tubing. </p></br> <a name="Preparation of microdroplets" id="Preparation of microdroplets"></a> <h1>3. Preparation of microdroplets</h1> <p>The set-up includes microfluidic devices, syringe pumps, syringes and microscopy. IVTT mixture and mineral oil were hold in two syringes. We used plastic tubing to connect syringes and devices. The syringe pump was employed to control the flow rate of IVTT and oil phases. We set the flow rate ratio 1: 10 (IVTT: oil), such as 50μl/hour (IVTT): 500μl/hour (oil). At the outlet of the device, we used a vial or a home-made device to collect the microdroplets. </p></br>

</div>

<div id="foot">
     E-mail: ggjyliuyue@gmail.com |Address: Building No.20, No.92 Weijin road, Tianjin University, China | Zip-cod: 300072</br>
     Copyright 2015@Tianjin Biomod Team
   </div>

</div><!--end of contain--> </div><!--end of backcontain-->

</html>