Biomod/2014/Sendai/Design

From OpenWetWare
Revision as of 03:10, 29 August 2014 by Shunsuke Imai (talk | contribs)
Jump to navigationJump to search

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


html{

      background-color: #5b2d01;
      height: 100%;

} body{

      background-color: #f5e4b4;
      font-size: 1.4em;
      font-size: 125%;
      font-family:Arial,'Lucida Grande';
      height: 100%;

}


figure{

      margin-bottom: 10px;

} figcaption{

      font-size: 14px;

}


/* hiding wikiUI*/ .firstHeading {

display:none;

}

  1. content{
background-color: #f5e4b4;
background-image: linear-gradient(#f5e4b4,#eace7f);
border-style:none;
margin:0;
padding-top:0px;
padding-bottom:15px;
padding-right:0px;
padding-left:0px;
min-height:600px;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

} /*----------*/

  1. header{
       height: 96px;
       width:1000px;
       margin:0 auto;
       margin-top: 10px;
       margin-bottom: 10px;

}

  1. left_header{

height: 96px; width: 96px;

       float:left;

}


  1. homebutton {
       width: 96px;
       height: 96px;
       float: left;

}

  1. homebutton li{
       display: inline;

}

  1. homebutton li a{
       float: left;
       height: 0px;
       width: 96px;
       padding-top: 96px;
       overflow-x: hidden;
       overflow-y: hidden;
       background-image: url(http://openwetware.org/images/0/02/Homebutton.png);
       background-repeat: no-repeat;

}


  1. homebutton #stamp a{ background-position: 0 -96px; }
  2. homebutton #stamp a:hover{ background-position: 0 0; }
  3. homebutton.home #stamp a{ background-position: 0 0; }



  1. globalnav {

height: 96px; width: 808px;

       float:left;

}


  1. globalnav li{

display: inline; }


  1. globalnav li a{

float: left; height: 0pt; padding-top: 96px; overflow-x: hidden; overflow-y: hidden; background-image: url(http://openwetware.org/images/e/e8/Uiparts_navigation-01.jpg); background-repeat: no-repeat; }


  1. globalnav #gn-home a{ width: 55px; }
  2. globalnav #gn-intro a{ width: 122px; }
  3. globalnav #gn-design a{ width: 84px; }
  4. globalnav #gn-simu a{ width: 118px; }
  5. globalnav #gn-xp a{ width: 114px; }
  6. globalnav #gn-protocol a{ width: 92px; }
  7. globalnav #gn-dis a{ width: 112px; }
  8. globalnav #gn-team a{ width: 78px; }
  9. globalnav #gn-end a{ width: 71px; }


  1. globalnav #gn-home a { background-position: 0 0; }
  2. globalnav #gn-intro a { background-position: -55px 0; }
  3. globalnav #gn-design a { background-position: -177px 0; }
  4. globalnav #gn-simu a { background-position: -261px 0; }
  5. globalnav #gn-xp a { background-position: -379px 0; }
  6. globalnav #gn-protocol a { background-position: -493px 0; }
  7. globalnav #gn-dis a { background-position: -585px 0; }
  8. globalnav #gn-team a { background-position: -697px 0; }
  9. globalnav #gn-end a { background-position: -775px 0; }


  1. globalnav #gn-home a:hover { background-position: 0 -96px; }
  2. globalnav #gn-intro a:hover { background-position: -55px -96px; }
  3. globalnav #gn-design a:hover { background-position: -177px -96px; }
  4. globalnav #gn-simu a:hover { background-position: -261px -96px; }
  5. globalnav #gn-xp a:hover { background-position: -379px -96px; }
  6. globalnav #gn-protocol a:hover { background-position: -493px -96px; }
  7. globalnav #gn-dis a:hover { background-position: -585px -96px; }
  8. globalnav #gn-team a:hover { background-position: -697px -96px; }


  1. globalnav #gn-home a:active { background-position: 0 -192px; }
  2. globalnav #gn-intro a:active { background-position: -55px -192px; }
  3. globalnav #gn-design a:active { background-position: -177px -192px; }
  4. globalnav #gn-simu a:active { background-position: -261px -192px; }
  5. globalnav #gn-xp a:active { background-position: -379px -192px; }
  6. globalnav #gn-protocol a:active { background-position: -493px -192px; }
  7. globalnav #gn-dis a:active { background-position: -585px -192px; }
  8. globalnav #gn-team a:active { background-position: -697px -192px; }


  1. globalnav.home #gn-home a { background-position: 0 -288px; }
  2. globalnav.intro #gn-intro a { background-position: -55px -288px; }
  3. globalnav.design #gn-design a { background-position: -177px -288px; }
  4. globalnav.simu #gn-simu a { background-position: -261px -288px; }
  5. globalnav.xp #gn-xp a { background-position: -379px -288px; }
  6. globalnav.protocol #gn-protocol a { background-position: -493px -288px; }
  7. globalnav.dis #gn-dis a { background-position: -585px -288px; }
  8. globalnav.team #gn-team a { background-position: -697px -288px; }


  1. wikiwrapper{
       width: 980px;
       background-color: #fffcf5;

}


  1. mainvisual{
       width: 980px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;

}

  1. main{
       width: 980px;
       min-height: 600px;
       background-color: #fffcf5;
       padding-right: 15px;
       padding-left: 15px;
       padding-bottom: 150px;
       margin-right: auto;

margin-left: auto;

       text-align: justify;
       font-size: 110%;

}

p{

       text-indent:1em;

}


/*テーブルの色づけ*/

table.table tr:nth-child(odd) {

 /* 奇数行の背景色を設定します。 */
 background-color: #ecf6fb;

} table.table tr:nth-child(even) {

 /* 偶数行の背景色を設定します。 */
 background-color: #ffffff;

}

.overline{

       text-decolation: overline;
      }


/*simulationページの段組みコンテナ*/

  1. container {
      width: 100%;
      height: auto;    
      height: 100%;
      min-height: 100%;

}

div.blockleft{

      float: left;
      width: 625px;
      height: 475px;

} div.blockright{

      float:right;
      width: 355px;
      height: 490px;

div.blockleft2{

      float: left;
      width: 450px;
      height: 475px;

} div.blockright2{

      float:right;
      width: 450px;
      height: 475px;

} div.block{

      width:980px;
      height: 475px;
      margin-bottom: 20px;

}

p.textbox{

      padding:20px;

}

div.blockright span{

      vertical-align: middle;

}


  1. new_footer{
       margin-top:30px;

padding-top:15px; width:100%; height:100px; background-color:#5b2d01; color:#fff;

       font-size: 125%;
       position: absolute;
       bottom: 0;
       display: inline;

}

.lefttext{

       height:auto;
       width:30%;
       padding-left:20%;
       float:left;

}

.rightimg{

       height:auto;
       width:30%;
       padding-left:20%;

}

</style> </head> </html> <html> <head> <title></title>

<style type="text/css"> .overline {

   text-decoration: overline;

} </style> </head>

<body> <div id="container">

<div id="header">

<div id="homebutton"> <li id="stamp"><a href="http://openwetware.org/wiki/Biomod/2014/Sendai">Home</a></li> </div>

<div id="globalnav" class="design"> <ul> <li id="gn-home"><a href="/wiki/Biomod/2014/Sendai">Home</a></li> <li id="gn-intro"><a href="/wiki/Biomod/2014/Sendai/Introduction">Introduction</a></li> <li id="gn-design"><a href="/wiki/Biomod/2014/Sendai/Design">Design</a></li> <li id="gn-simu"><a href="/wiki/Biomod/2014/Sendai/Simulation">Simulation</a></li> <li id="gn-xp"><a href="/wiki/Biomod/2014/Sendai/Experiment">Experiment</a></li> <!--<li id="gn-protocol"><a href="/wiki/Biomod/2014/Sendai/Protocol">Protocol</a></li>--> <li id="gn-dis"><a href="/wiki/Biomod/2014/Sendai/Discussion">Discussion</a></li> <li id="gn-team"><a href="/wiki/Biomod/2014/Sendai/Team">Team</a></li> <li id="gn-end"><a href="#"></a></li> </ul> </div>

</div>

<div id="main">

<h1>Design</h1> <p>To complete our goal, it is necessary to develop a system that releases output liposome in order. The liposome encapsulates taste substances and is immobilized on substrate. The order of output is coded on input DNA. Following two different approaches are proposed. <br> <a href="#approach1">1st Approach</a> / <a href="#approach2">2nd Approach</a> </p>

<h2 id="approach1">1st Approach: Enzyme system</h2> <p>This system uses DNA as an input and following reaction are driven by enzymes such as polymerase, nickase, and restriction enzyme. These enzymes can be regarded as hardware while DNA serves as software. In this system, there are three processes shown in Fig.1. Before the addition of input DNA, some sets of DNA molecule (Templates, Gates) and enzymes are mixed in advance. </p> 1. Amplifying process: DNA polymerase amplifies key-DNA for next 2nd and 3rd process. <br> 2. Releasing process: Key-DNA releases the liposome that encapsulates taste substances. <br> 3. Updating process: Restriction enzyme updates the input-DNA sequence to repeat next circle. <br> <p> Following section explains the enzyme system when the input DNA encodes “ABC”. </p>

<div align="center"> <img src="http://openwetware.org/images/9/9e/Fde1a0-01.png"><br> Fig.1 Schematic explanation of Enzyme system<br> </div>

<h3>1. Amplifying process</h3>

<p> In this process, DNA polymerase creates key-DNA (in this case A<sub>1</sub>) for next processes. Then, key-DNA A<sub>1</sub> is amplified by polymerase, nickase, and templates when input is added.(Fig.2) The sequence of template-A is 5’-<span style="text-decoration: overline">A</span><sub>1</sub> <span style="text-decoration: overline">A</span><sub>0</sub>-3’. The sequence A</span><sub>0</sub> is complementary to <span style="text-decoration: overline">A</span>. Furthermore, Input DNA that encodes “ABC” has a sequence of 5’-C<sub>0</sub> x B<sub>0</sub> x A<sub>0</sub>-3’. </p> <p> The details of this process is shown as follows.<br> </p> <p> When input DNA is added, the sequences <span style="text-decoration: overline">A</span><sub>0</sub>, <span style="text-decoration: overline">B</span><sub>0</sub>, and <span style="text-decoration: overline">C</span><sub>0</sub> in the templates hybridizes to sequences A<sub>0</sub>, B<sub>0</sub>, and C<sub>0</sub> in the inputs respectively (we name the hybridized structure “Complex”)(①). Then, polymerase extends the input from 3’ end synthesizing new sequence A<sub>1</sub> that is complementary to the template DNA(②). After that, the nickase cleaves sequence between A<sub>0</sub> and A<sub>1</sub> by recognizing the sequence in A<sub>0</sub>(③). Then, polymerase works at the gap created by the nickase thereby DNA displaces the domain A(④). Repeating ③,④, the sequence A<sub>1</sub> is amplified. </p> <p> This amplified sequence will become an input of following process 2nd and 3rd. </p>

<div align="center"> <img src="http://openwetware.org/images/c/c9/Figure-01.png"><br> Fig.2 Schematic explanation of the amplifying process<br> </div>

<h3>2. Releasing process</h3> <p> This process releases the liposome-A when it accepts the A<sub>1</sub> sequence DNA from amplifying process.(Fig.3) The liposome is immobilized on substrate in advance. To immobilize that, cholesterol-modified DNA (output-A) and thiol-modified DNA can be used. Thiol-modified DNA can be fixed on gold plate. When output-A attached on liposome hybridizes to thiol-modified DNA, liposome is immobilized on substrate. </p> <p> The details of this process is shown as follows.<br> </p> <p> After the amplifying process, A<sub>1</sub> sequence hybridizes to thiol-modified DNA on substrate(⑤). Polymerase synthesizes new DNA from the 3’-end of A<sub>1</sub>, separating existing hybridization(⑥). Eventually, liposome-A is released with output-A from the A<sub>1</sub> sequence. </p>

<div align="center"> <img src="http://openwetware.org/images/a/a2/Figure2_fusen-04.png"><br> Fig.3 Schematic explanation of the releasing process<br> </div>

<h3>3. Updating process</h3> <p> In this process, the code “A” on the complex is updated to next code (in this case “B”) by gate-A, polymerase, and restriction enzyme.(Fig.4) After the acceptation of key-DNA A<sub>1</sub> from amplifying process, gate-A creates signal-A whose sequence is 5’-<span style="text-decoration: overline">A</span><sub>0</sub> <span style="text-decoration: overline">x</span> <span style="text-decoration: overline">α</span>-3’. The domain “x” is recognition site for restriction enzyme.<br> Signal-A forms the recognition site for restriction enzyme when it hybridizes to the complex. After that, restriction enzyme cleaves the complex. This cleaving means that the code on input updated. </p> <p> The details of this process is shown as follows.<br> </p> <p> After A<sub>1</sub> hybridize to Gate-A(⑦), polymerase extends A<sub>1</sub> and displace a signal DNA(⑧). When the signal DNA hybridizes to input complex, a recognition site for the restriction enzyme is formed(⑨). Due to the recognition site, restriction enzyme cleaves the complex, forming a next complex for the repetition(⑩). </p> <p> The three processes are repeated with the code changed. Regardless of the numbers and kinds of domains, the orders of outputs only depend on encoded information in the input. </p>

<div align="center"> <img src="http://openwetware.org/images/7/7f/Figure3-01.png"><br><br> Fig.4 Schematic explanation of the updating process<br> </div>

<h2 id="approach2">2nd Approach; Enzyme-free System</h2>

<div align="center"> <img src="http://openwetware.org/images/8/82/Enzyme-free.png"><br> Fig.5 #<br> </div>

<p>This approach is inspired by seesaw gate (Lulu Qian et.al, 2011). Our goal is to get different output signals in order of input signals. In this system , we should arrange a input , a trigger ,fuels, the double strand DNA bonding with liposome.</p>

<div align="center"> <img src="http://openwetware.org/images/7/70/Figure_EnzymeFree2-02.png"><br> Fig.6 #<br> </div>

<p>(用意するもの) fuel,gate、Liposomeが結合した二本鎖DNA (Fa,b,c Ga,b,c La,b,c) input(I1),trigger(T1)それぞれ一種類 </p>

<p>Reactions as follows : </p> <h3>1.</h3> <p> Input-DNA sequence are dissolved in the solution including trigger , fuels , gates , and the double strand DNA bonding with liposome. Then,  trigger combines with input and the single strand DNA (DNA1)which makes input are released. </p>

<h3>2.</h3> <p> DNA1 combines with the double strand DNA bonding with liposome . In this reaction , the single strand DNA bonding with liposome are released due to the difference in length of DNA sequence which makes the double strand DNA. This reaction causes earlier so that toehold is longer than that of gate.

</p>

<h3>3.</h3> <p> Other DNA1 combine with gate(Ga). the single strand DNA (DNA2)which makes gate(Ga) are released so that the length of the double strand is difference. In addition , DNA1 combines with gate. </p>

<h3>4.</h3> <p> DNA1 is released again so that DNA3 react with fuel(Fa) , due to the difference in length of DNA.

</p>

<h3>5.</h3> <p> When we perform process3 and 4 repeatedly , the number of DNA2 is increasing. DNA2 is the key of next process. </p>

<div align="center"> <img src="http://openwetware.org/images/2/24/Figure_EnzymeFree2-03.png"><br> Fig.7 #<br> </div>


<h3>6.</h3> <p> DNA2 combines with input as trigger , so the reaction said above caused.In this reaction , DNA is released as DNA2 in the reaction said above . </p>

<div align="center"> <img src="http://openwetware.org/images/6/6f/Figure_EnzymeFree2-04.png"><br> <!--<img src="http://openwetware.org/images/2/20/Enzyme-free_System_picture3.jpg" width="426px" height="600px">--> Fig.8 #<br> </div>

<h3>7.</h3> <p> DNA4 combines with input as trigger , so the reaction said above caused. </p> <!--<img src="http://openwetware.org/images/d/d4/Enzyme-free_System_picture4.jpg" width=395px height="599px">-->

<p> We can get output signals in order by using this reaction. </p>

</div>

<div id="footer1">

<div class="lefttext">

(C)Copyright Biomod 2014 Team Sendai<br /> E-MAIL: <a href="mailto:teamsendai2014@gmail.com"><span style="color:white">teamsendai2014@gmail.com</span></a>

</div>
<div class="rightimg">

<a href="http://www.molbot.mech.tohoku.ac.jp/index.html"> <img src="http://openwetware.org/images/f/f3/Muratalab-icon2_dark-01.png"

width="200" alt="Molcular Robotics Lab"></a>
</div>

</div>

</div>

</body> </html>