Biomod/2011/TeamJapan/Tokyo/Project/Over view

From OpenWetWare
Jump to navigationJump to search


<html> <!--<head>--> <!-- We refer to the wiki of team iGEM Heidlberg 2009. -->

      <style type="text/css">

/* ====================

  主に全体に関わるCSS

   ==================== */

      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
      .clear {clear:both;}

body.mediawiki {

                       font-size: 14px;

background-color:#707070; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font-family: Calibri, Verdana, helvetica, sans-serif; }

               h1 {
                       padding: 0px 20px 5px 20px;
                       font-size: 34px;
                       font-weight: bold;
               }
               h2 {
                       padding: 20px 20px 5px 20px;
                       font-size: 25px;
                       color: #0083eb;
                       text-decoration: none;
                       font-weight: bold;}
                       border: none;
               h2 a {
                       color: #eb8300;
               }
               h3 {
                       padding: 20px 20px 5px 20px;
                       font-size: 20px;
                       color: #000;
                       font-decoration: none;
                       font-weight: bold;
               }
               h1.firstHeading {

display: none;

               }

p { text-align: justify; } a:link { color: #00a5ea; text-decoration: none } a:visited { color:#00a5ea; text-decoration: none } a:hover {

                       color: #eb8300;

text-decoration: none } a:active { color:#f29400; text-decoration: none } #bodyContent {

                       width: 970px;
                       margin: 0px 0px 0px;
                       background-color:#ffffff;
                       border-width: 0px 1px 0px 1px;
                       border-color: #000000;
               }
               #content {
                       padding-left: 0px; width: 970px;
               }

table#team_members {

                       text-align: justify;
                       border: 0;
               }

table#team_members h2, table#team_members h3 {

                       clear: both;
               }

#content * a:hover {

                       text-decoration:none;
               }

#main_wrapper {

                       position:absolute;
                       left:0px;
                       top:20px;

margin-top: 0; width: 969px; height: 221px; align: center; border-style: solid;

                       border-color: white;

} /* ====================

  メニューの画像を変更できる部分
  ==================== */

#header {

                       position:relative;
                       left:0px;
                       top:0px;

margin-top: 0; width: 969px; height: 221px; align: left; background-color: #FFFFFF;

                       background-image: url(http://openwetware.org/images/e/e0/NEW_header.jpg); 

} /* ====================

  以下、特殊なclassに適用される
  ==================== */

#navigation { position:absolute;

                       left:18px; top:155px; width:1200px; height:69px;

z-index:100;

                       background-color: transparent;
                       float: left; 

color: #0000FF; } #super_main_wrapper {

                       position:absolute;
                       left:0px;
                       top:227px;

width: 975px; align: center; background-color: #ede8e2;

                       heigth: auto;
               }
               #SubWrapper {
                       width: 645px;
                       padding: 0px;
                       border-left:4px solid #ede8e2;
                       float: left;
                       margin-top: 0px;
                       background-color: #ede8e2;
               }
               #SubWrapper * p, #SubWrapper p  {
                       padding: 0 20px;
                       text-align: justify;
                       font-size: 12px;
               }
               #SubWrapper * h3, #SubWrapper h3 {
                       padding-top: 10px;
                       font-size: 18px;
               }
               #news {
                       width: 322px;
                       margin-top: 0px;
                       float: left;
                       background-color: #d8d5d0;
                       border-right:4px solid #ede8e2;
               }
               #news p {
                       padding: 0 20px 20px 20px;
                       text-align: justify;
                       font-size: 12px;
               }
               #news h3 {
                       padding: 10px 20px;
                       font-size: 18px;
               }
               #mission_box {
                       width:650px;
                       float: left;
               }
               #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {
                       width:215px;
                       float: left;
                       padding: 10px 0 0 0;
               }
               div.tleft {
                       border-width: 0px;
                       margin:0;
                       padding:0;
                       border-color:transparent;
               }

/* ====================

  ここからプルダウン周辺のデザイン
  ==================== */
  1. menu * {

margin: 0; padding: 0; }

  1. menu {

behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> font-family: calibri, verdana, sans-serif;

       font-color: #ffffff;

font-size: 19px; background-color: transparent; float:left; padding: 12px 0 0 0; }

  1. menu ul {

float: left; list-style: none; }

  1. menu ul li {

background-color:transparent;

       position:relative;

float:left; list-style: none; padding: 10px 20px 0 0;

       font-weight: bold;
       width: auto;

}

  1. menu a {

color: #FFFFFF; display: inline; text-decoration: none; }

  1. menu a:visited {

color:#FFFFFF; text-decoration: none }

  1. menu a:hover {

color: #00a5ea; }

  1. menu ul li ul {

display: none; position: absolute; left: 0px;

       width: 155px;
       heigth: 1%;

font-size: 19px; opacity: 0.8; list-style: none;

       top: 30px;
       padding-top: 20px;
       z-index:500;

}

  1. menu ul li:hover ul {

display: inline;

       background-position: bottom;

}

  1. menu ul li ul li {

width: 100%; list-style: none;

       background-color: #000;
       margin: -1px;
       padding: 0px 0 0 5px;
       display: inline;

}

</style> <!-- </head> -->


<!-- ############################# BODY!!!!! #################################### -->

<!-- <body> --> <!--[if IE]> <style type="text/css">

  1. SubWrapper {width: 645px;}
  2. news {width: 317px;}
  3. super_main_wrapper {position:static;}
  4. navigation {left: 15px;}
  5. menu ul li ul {left: -2px; top: 22px;}

</style> <![endif]--> <div id="main_wrapper">

 <div id="header">

<div id="navigation"> <div id="menu" style="position:static"> <ul> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li> <li><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team/Students">Team</a></li> <li><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a> <!-- <ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Overview</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/introduction">Introduction</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Model">Model</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Devices">Devices</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Modes">Modes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> </ul> --> <li><font color="#ffffff">Results</font> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Experiments</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Simulations">Simulations</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Design</a></li> </ul></li> <!-- <li><a class="Simulation" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Simulations">Simulations</a></li> <li><a class="DNA design" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Designs</a></li> --> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Protocols">Protocols</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Lab.notebook">Notes</a></li> <li><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors/">Sponsors</a></li> <li><a class="aSitemap" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sitemap">Sitemap</a></li>

</ul> </div><!-- end drop menu --> </div> <!-- end navigation --> </div> </div> <!-- For IE 6 --> <script type="text/javascript">

/***********************************************

  • CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com)
  • Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
  • This notice must stay intact for usage
  • Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
                                                                                              • /

var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){ for (var i=0; i<menuids.length; i++){

 var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
   for (var t=0; t<ultags.length; t++){
   var spanref=document.createElement("span")

spanref.className="arrowdiv" spanref.innerHTML="&nbsp;&nbsp;" ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

   ultags[t].parentNode.onmouseover=function(){
   this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"
   this.getElementsByTagName("ul")[0].style.display="block"
   }
   ultags[t].parentNode.onmouseout=function(){
   this.getElementsByTagName("ul")[0].style.display="none"
   }
   }
 }

} if (window.addEventListener) window.addEventListener("load", createcssmenu, false) else if (window.attachEvent) window.attachEvent("onload", createcssmenu) </script> <!-- </body> --> </html>






Over view

Project Highlights

  • We developed an autonomous micrometer-sized molecular robot "DNA ciliate".
  • DNA ciliate has three independent modes, switched according different situations.
  • We designed and developed three devices to achieve our aim.
  • We designed our original DNA device "UV-switching DNA".
  • The three modes are based on the three devices.
  • We confirmed the three modes of DNA ciliate.

Introduction

Back ground of our project, our motivation and goals of our project.
Please see Introduction page.

Devices

In order to complete our project, we developed three devices.
On each of device page, we explained how we designed these devices and how to check the devices.

First device is DNA ciliate body. To construct micro-sized molecular robot, we attached many DNA probes to a micro-sized object.
Second device is micrometer-sized track. Because our DNA ciliate is micrometer-sized, we can't use DNA origami landscape as the our robot's track. Instead, we made micrometer-sized track for DNA ciliate. This is micro-sized rail laid out substrate molecule of deoxyribozyme on DNA ciliate or UV-switching DNA. Moreover, we developed various shapes of the track. In this page, we explained how to made the track in any shape and how to fix DNA Devices on track.
Third device is DNA Devices. In this page, we explained the interactions between deoxyribozyme of DNA ciliate and two DNA devices on tracks. The two DNA devices are substrate of deoxyribozyme and UV-switching DNA.

Please see each page of the devices or summary of the devices page.

<html><body> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/DNA_ciliate's_body"><img src="http://openwetware.org/images/8/8c/DNA_ciliate_body.jpg" border=0 width=200 height=200></a> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/DNA_tracks"><img src="http://openwetware.org/images/f/f6/Micrometer_sized_track.jpg" border=0 width=200 height=200></a> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/UV_switch"><img src="http://openwetware.org/images/b/b5/DNA_devices.jpg" border=0 width=200 height=200></a> </body></html>

Modes

Corresponding to the different situations, DNA ciliate can switch three independent modes: the free moving mode, the tracks walking mode, the light-irradiated gathering mode.
These three modes are based on our three devices. On each of mode page, we explained how to confirm these modes.

<html><body> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Modes"><img src="http://openwetware.org/images/9/9c/DNA_ciliate概念図.png" border=0 height=400></a></body></html>

The free moving mode is utilizing Brownian motion. We changed the size of DNA ciliate and observed the DNA ciliate movement by Brownian motion.
The track walking mode is utilizing deoxyribozyme activity for substrate. We checked deoxyribozyme activity and simulated DNA ciliate's movement on micrometer-sized track and confirmed the track walking mode by simulation.
The light-irradiated mode is utilizing UV-switching DNA. We checked the "UV-switching system" and confirmed DNA ciliate trapping at one spot.

Please see each page of modes or summary of the modes page.

<html><body> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Free_moving_mode"><img src="http://openwetware.org/images/f/f8/Biomod2011_Team_Tokyo111028FreeMovingMode.png" border=0 height=200></a> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Track_walking_mode"><img src="http://openwetware.org/images/b/bc/Biomod2011_Team_Tokyo111028TrackWalkingMode.png" border=0 height=200></a> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Light_irradiated_gathering_mode"><img src="http://openwetware.org/images/9/9f/Biomod2011_Team_Tokyo111028Light-irradiatedGatheringMode02.png" border=0 height=200></a> </body></html>


Future works

In the future, many functional molecular devices are installed in the DNA ciliate, and the DNA ciliate will become an ultimate functional molecular robot.
Please see the Future works page

<html><body> <a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works"><img src="http://openwetware.org/images/1/18/Biomod2011_Team_Tokyo_111030FutureWorks.png" border=0 height=200></a> </body></html>