Biomod/2013/Sendai/design: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 84: Line 84:
何のシミュかもう少し具体的に書きたい
何のシミュかもう少し具体的に書きたい
-->
-->
そこでリポやDNAを使って私たちは1,2,3をみたす「リポ花火」という分子放出系を考えた
そこでリポやDNAを使って私たちは1,2,3をみたす「リポ花火」という分子放出系を考えた<br>
Here, Lipo means liposome, in which we store the payload molecules, and Hanabi is fireworks in Japanese.
Here, Lipo means liposome, in which we store the payload molecules, and Hanabi is fireworks in Japanese. <br><br>


Our system is driven by the following two stage mechanism.
Our system is driven by the following two stage mechanism. <br><br>


1st stage: we use a temperature-sensitive liposome as an initiator, that sense increase of the temperature because temperature change is easy to control. At a certain triggering high temperature, liposome of 1st stage collapses and releases key DNA for the 2nd stage.ここでkey DNAとはセカンドステージのリポソームを破壊するようにデザインされたDNAである。
1st stage: we use a temperature-sensitive liposome as an initiator, that sense increase of the temperature because temperature change is easy to control. At a certain triggering high temperature, liposome of 1st stage collapses and releases key DNA for the 2nd stage.ここでkey DNAとはセカンドステージのリポソームを破壊するようにデザインされたDNAである。<br><br>


2nd stage: The key molecule released from the 1st stage triggers collapse of liposomes of the 2nd stage. The 2nd stage liposomes contain payload molecules and also the key DNA. As a consequence, collapse of the liposomes goes on in a chain-reactive way.
2nd stage: The key molecule released from the 1st stage triggers collapse of liposomes of the 2nd stage. The 2nd stage liposomes contain payload molecules and also the key DNA. As a consequence, collapse of the liposomes goes on in a chain-reactive way. <br><br>


An advantage of using the two-stage strategy is that we can change the 1st stage to deal with various types of trigger signal, without changing the 2nd stage.
An advantage of using the two-stage strategy is that we can change the 1st stage to deal with various types of trigger signal, without changing the 2nd stage. <br><br>


<h3 id=bending>2. How to collapse liposomes</h3>
<h3 id=bending>2. How to collapse liposomes</h3>

Revision as of 01:51, 22 October 2013

<html> <head> <style>


/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }


.firstHeading {

display:none;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2{
 margin-top: 20px;
 margin-bottom: 10px;

}


  1. bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h4{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h5, #bodyContent h6{
 margin-top: 10px;
 margin-bottom: 10px;

/**** border-bottom-width: thin;

 border-bottom-style: solid;
 border-bottom-color: gray;
        • /

}

/********************************* Hide MediaWiki end *********************************/


/* Structure */ html{ background: #eee; } body {

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a {

 color: #105672;

}

header {/****position: fixed; ****/

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25;

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }


[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; text-align: justify; text-justify: inter-ideograph;

}


footer{ background: #333; color: #fff; padding: 1em 3em;

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;
       padding-left: 1.2em;

}

img{ max-width: 100%; /***** height: auto; *****/ }


blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }

/* Tabs */

  1. tabs

{ /*****position:fixed;****/

      width: 900px; 

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }


/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }

  1. content-left {

width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }

/*****キャプションレフト*****/

div.caption-left{ float: left; padding: 0 5px 5px 5px; }

.caption-left span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/*****キャプションライト*****/

div.caption-right{ float: right; padding: 0 5px 5px 5px; }

.caption-right span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/***floatの影響を絶つ。<div class="c-both"></div> のように使う***/

.c-both { clear: both; }

div.title{

        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        font-family: Helvetica;

}

div.caption{

       text-align: center;
       font-size: smaller;
       font-weight: bold;

}

div.captiontable{

       font-size: smaller;
       font-weight: bold;

}

/*topに戻る*/

  1. ttop {position:fixed;
      bottom:140px;
      left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
      width:100px;
      height:390px;
      background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) no-repeat left bottom;}

/* IE6以下用、アスタリスクハックでググれ */

  • html #ttop {margin:0 0 -390px 0;
             position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */
             left:960px;}
  1. ttop:hover {background:url(http://openwetware.org/images/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */
            }

a.page_top {display:block;width:100px;height:390px;}


</style> </head> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

   <title>Biomod2013 Sendai ver2.0</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   
   <style type="text/css">
   h1{color: white;}
   </style>

</head>

<body> <!-- <div style="max-width:900px; position:fixed;">****/ -->

   <header>
        <nav>      
          <div>

<!--

               <a href="#"  class="whiteSendai">Blog</a> 
               <a href="#"  class="whiteSendai">Twitter</a>
               <a href="#"  class="whiteSendai">Facebook</a>

--> <br><br>

           </div>
          <a href="http://openwetware.org/wiki/Biomod/2013/Sendai" class="whiteSendai">Top</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/project" class="whiteSendai">Project</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/design" class="whiteSendai">Design</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/calcuation" class="whiteSendai">Calculation</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/experiment" class="whiteSendai">Experiment</a>

<a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"

                                              width="75" height="75" alt="Biomod2013" border="0"></a><br>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Member</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
           </nav>
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a> 

</header>


<section role="main">
       <article>
        <h2>Design</h2>

<table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div> <ul> <li class="toclevel-1"><a href="#chain"> <span class="tocnumber">1</span> <span class="toctext">Our Target(Lipo HANABI)</span></a></li> <li class="toclevel-1"><a href="#bending"> <span class="tocnumber">2</span> <span class="toctext">How to break</span></a></li> <ul> <li class="toclevel-2"><a href="#Flower"> <span class="tocnumber">2-1</span> <span class="toctext">step1 温度感受性リポソームの破壊</span></a></li> <li class="toclevel-2"><a href="#sensing"> <span class="tocnumber">2-2</span> <span class="toctext">step2 DNAによる連鎖的リポソームの破壊</span></a></li> <ul> <li class="toclevel-2"><a href="#5"> <span class="tocnumber">2-2-1</span> <span class="toctext">DNAオリガミによるアプローチ</span></a></li> <li class="toclevel-2"><a href="#6"> <span class="tocnumber">2-2-2</span> <span class="toctext">anchored DNAによるアプローチ</span></a></li> </li>


</ul> </li> </ul> </td></tr></table>

<h3 id=chain>1. Our target(Lipo-HANABI) </h3> In order to success our project, 3 things below are necessary. <br> (1) Containers of the same size as weak signals and some of which can detect specific signals<br> (2) Key molecules to open containers selectively<br> (3) The state where a series of containers’ opening can be achieved<br><br>

Liposomes are suitable for (1), because they can contain something and some of them can sense temperature, light, pH. <br> DNA is perfect for (2), because it can open containers selectively due to sequence-specific. <br> We used simulations to prove (3). <br> <!-- 何のシミュかもう少し具体的に書きたい --> そこでリポやDNAを使って私たちは1,2,3をみたす「リポ花火」という分子放出系を考えた<br> Here, Lipo means liposome, in which we store the payload molecules, and Hanabi is fireworks in Japanese. <br><br>

Our system is driven by the following two stage mechanism. <br><br>

1st stage: we use a temperature-sensitive liposome as an initiator, that sense increase of the temperature because temperature change is easy to control. At a certain triggering high temperature, liposome of 1st stage collapses and releases key DNA for the 2nd stage.ここでkey DNAとはセカンドステージのリポソームを破壊するようにデザインされたDNAである。<br><br>

2nd stage: The key molecule released from the 1st stage triggers collapse of liposomes of the 2nd stage. The 2nd stage liposomes contain payload molecules and also the key DNA. As a consequence, collapse of the liposomes goes on in a chain-reactive way. <br><br>

An advantage of using the two-stage strategy is that we can change the 1st stage to deal with various types of trigger signal, without changing the 2nd stage. <br><br>

<h3 id=bending>2. How to collapse liposomes</h3>


<h4 id=Flower>2-1)Step1 The collapse of temperature-senstive loposomes</h4> <h4 id=sensing>2-2)Step2 DNAによる連鎖的リポソームの破壊 <br>The chain-reactive collaption by DNA </h4>

<h5 id=5>2-2-1) DNA origami approach</h5> <h6>The abstract of this approach</h6>


<h6>このアプローチの原理的根拠<br>The fundamental reason of the approach</h6>



<h6>このアプローチのDNAデザイン<br>The DNA design of the approach</h6>


<h5 id=6>2-2-2) Flower DNAによるアプローチ</h5> <h6>このアプローチの概要<br>The abstraction of the approach</h6>



<h6>このアプローチの原理的根拠<br>The fundamental reason of the approach</h6>



<h6>このアプローチのDNAデザイン<br>The design of the approach</h6>




       </article>


</section>



<!-- /***** </div> ****/ -->


   <footer>
       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="http://www.molbot.mech.tohoku.ac.jp/index.html">

                  <img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png"

                                     width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right">

         </a>      </p>

       <p>E-MAIL:
           <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com
           </a>
       </p>
       <br>
       <a href="?action=edit" align="center"><p>edit</p></a>
   </footer>
   

</body> </html>

<html> <head>

       <script type="text/javascript">
     function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       </script>
       <script type="text/javascript">

var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>