Biomod/2012/UTokyo/UT-Hongo/Test2

From OpenWetWare

< Biomod | 2012 | UTokyo/UT-Hongo(Difference between revisions)
Jump to: navigation, search
Current revision (06:00, 21 October 2012) (view source)
 
(43 intermediate revisions not shown.)
Line 15: Line 15:
#bodyContent{ width: 1080px; align: center; background-color: #ffffff;}
#bodyContent{ width: 1080px; align: center; background-color: #ffffff;}
#column-content{width: 1080px;background-color: #ffff;}
#column-content{width: 1080px;background-color: #ffff;}
-
#footer{position: center; width: 960px}
+
#footer{display: none; position: center; width: 960px}
@media screen {
@media screen {
-
     body { background: #ffffff 0 0 no-repeat;  /* changed default background */ }
+
     body { background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;  /* changed default background */ }
}
}
Line 23: Line 23:
<style>
<style>
 +
 +
* {
 +
text-shadow: 0px 1px 2px #aaa;
 +
}
 +
 +
#bodyContent, #column-content, #content {
 +
background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
 +
}
#header {
#header {
   width: 1080px;
   width: 1080px;
-
   height: 338px;
+
   height: 342px;
-
   background: url(http://openwetware.org/images/a/a5/Biomod_utokyo_uthongo_2012_Header.png) no-repeat;
+
   background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
   background-size: 100% auto;
   background-size: 100% auto;
-
   margin-bottom: 30px;
+
   margin-bottom: 0px;
-
   padding: 0px 0px 30px 0px;
+
   padding: 0px 0px 0px 0px;
/*  border-bottom: 1px solid #DEDEDE; */
/*  border-bottom: 1px solid #DEDEDE; */
}
}
-
#youtube {
+
#menu {
-
margin-bottom: 30px;
+
  display: block;
 +
  width: 1076px;
 +
  padding: 0px;
 +
  background-color: black;
 +
  border: 2px solid #888;
 +
  margin-bottom: 30px;
}
}
-
#description {
+
ul.menu li a {
-
border-bottom: 1px solid #dedede;
+
  display: block;
-
padding-bottom: 70px;
+
/*  border: 1px solid #474655; */
-
margin-bottom: 30px;
+
  padding: 8px;
 +
  text-decoration: none;
 +
/*  color: #333; */
 +
  color: #fff;
 +
  width: 120px;
 +
  margin: 0px;
 +
  text-align: center;
 +
  font-size: normal;
}
}
-
#menu {
+
ul.menu li a:hover{
-
   display: block;
+
   color: cyan;
-
  width: 80px;
+
-
  padding: 5px;
+
}
}
-
#menu ul {
+
ul.menu {
/*  display: none;
/*  display: none;
   position: absolute; */
   position: absolute; */
-
/*  height: 45px; */
+
  height: 45px;
   margin:0;
   margin:0;
   padding:0;
   padding:0;
Line 60: Line 78:
}
}
-
#menu li {
+
ul.menu li {
/*  display:inline;*/
/*  display:inline;*/
   margin:0;
   margin:0;
-
   padding:0px;
+
   padding:6px;
   float: left;
   float: left;
   position: relative;
   position: relative;
}
}
-
#menu a{
+
ul.menu li:hover ul {
-
   display: block;  
+
   display: block;
-
/*  border: 1px solid #474655; */
+
  position: absolute;
-
   border: 1px solid #000;
+
  z-index: 100;
-
   background-color: #fff;
+
}
-
   padding: 8px;
+
 
 +
ul.submenu {
 +
  display: none;
 +
  list-style: none;
 +
  background-color: #f0f0f0;
 +
   border: 1px solid #ccc;
 +
}
 +
 
 +
ul.submenu li {
 +
   float: none;
 +
  margin: 0px;
 +
  height: 30px;
 +
}
 +
 
 +
ul.submenu li a {
 +
  text-align: left;
 +
  margin: 0px;
 +
   padding-left: 12px;
 +
  color: black;
   text-decoration: none;
   text-decoration: none;
-
  color: #333;
 
-
  width: 120px;
 
-
  margin: 1px;
 
-
  text-align: center;
 
-
  font-size: large;
 
}
}
-
#menu a:hover{
+
ul.submenu li a:hover {
-
/* background-color:#888; */
+
  color: gray;
-
  background-color: #000;
+
}
-
  color:#fff;
+
 
 +
#youtube {
 +
margin-bottom: 30px;
 +
}
 +
 
 +
#video {
 +
}
 +
 
 +
#description {
 +
/* border-bottom: 1px solid #dedede; */
 +
padding-bottom: 40px;
 +
/* margin-bottom: 30px; */
}
}
.block-container {
.block-container {
overflow: hidden;
overflow: hidden;
-
margin-bottom: 30px;
+
margin-bottom: 12px;
-
padding: 0px 0px 30px 0px;
+
padding: 0px 0px 0px 0px;
/* border-bottom: 1px solid #DEDEDE; */
/* border-bottom: 1px solid #DEDEDE; */
}
}
Line 97: Line 139:
h2.block-container {
h2.block-container {
padding: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
-
color: #303030;
+
/* color: #303030; */
 +
}
 +
 
 +
img.thumb {
 +
  width: 338px;
 +
  height: 215px;
 +
}
 +
 
 +
.column a:hover img {
 +
  opacity: 0.8;
 +
  filter: alpha(opacity=80);
 +
  background: #fff;
 +
}
 +
 
 +
.column {
 +
width: 338px;
 +
height: 510px;
 +
padding: 5px;
 +
background: #333 url(http://openwetware.org/images/6/6e/Biomod-2012-utokyo-uthongo-column-bg.jpg) repeat;
 +
color: #ccc;
 +
}
 +
 
 +
.column h2 {
 +
color: #f0f0f0;
}
}
.column1 {
.column1 {
float: left;
float: left;
-
width: 230px;
+
margin-right: 18px;
-
margin-right: 35px;
+
-
padding: 5px;
+
-
background: #F0F0F0;
+
}
}
.column2 {
.column2 {
float: left;
float: left;
-
width: 230px;
+
margin-right: 18px;
-
margin-right: 35px;
+
-
padding: 5px;
+
-
background: #F0F0F0;
+
}
}
.column3 {
.column3 {
-
float: left;
+
float: right;
-
width: 230px;
+
-
margin-right: 35px;
+
-
padding: 5px;
+
-
background: #F0F0F0;
+
}
}
-
.column4 {
+
#navi {
-
float: right;
+
  padding-bottom: 18px;
-
width: 230px;
+
  margin-bottom: 48px;
-
padding: 5px;
+
  border-bottom: 1px solid #dedede;
-
background: #F0F0F0;
+
}
}
.block h2 {
.block h2 {
font-size: medium;
font-size: medium;
-
border-bottom: none;
 
}
}
Line 139: Line 192:
font-size: x-small;
font-size: x-small;
}
}
 +
#myfooter {
#myfooter {
width: 1080px;
width: 1080px;
height: 250px;
height: 250px;
-
background: #333;
+
background: #f0f0f0;
 +
  padding: 12px;
 +
border: 1px solid #808080;
}
}
 +
 +
#myfooter a {
 +
  color: #666;
 +
}
 +
 +
#myfooter h3 a {
 +
  text-decoration: underline;
 +
}
 +
 +
#myfooter a:hover {
 +
  font-style: italic;
 +
}
 +
 +
#footer-contents {
 +
  padding: 12px;
 +
  height: 140px;
 +
}
 +
 +
#myfooter h2 {
 +
  color: #888;
 +
}
 +
 +
.footer-section {
 +
width: 120px;
 +
float: left;
 +
margin-right: 30px;
 +
}
 +
 +
#section7 {
 +
  float: right;
 +
}
 +
 +
.footer-section h3 {
 +
  font-size: small;
 +
}
 +
 +
#copyright {
 +
  text-align: center;
 +
  color: #aaa;
 +
}
 +
</style>
</style>
</head>
</head>
<body>
<body>
-
<div id="header">
 
-
</div>
 
-
<!--
+
<div style="text-align: right">
-
<div id="menu">
+
<a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/&action=edit">edit this page</a>
-
<ul>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Abstract</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motivation</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></li>
+
-
  <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>
+
-
</ul>
+
</div>
</div>
-
-->
 
-
<div id="youtube">
+
  <div id="wrapper">
-
<iframe width="1080" height="608" src="http://www.youtube.com/embed/KaU-tjKYBlQ" frameborder="0" allowfullscreen></iframe>
+
-
</div>
+
-
<div id="description">
+
    <div id="header">
-
<h2>Abstract - Medical DNA Shell</h2>
+
    </div>
-
<p>Methodologies to apply DNA for building precisely controlled nanostructures have greatly developed over the recent years. Our focus for BIOMOD is to utilize DNA to make a shell like structure which can capture molecules inside the shell-like body, as if a shellfish is eating its prey. Entrapment of the substrate was detected by the numerous florescent molecules that are attached to the body. This research may become a foundation for using DNA to mimic catalytic activity of enzymes.</p>
+
-
<p>Medical functions such as detection of diseases with small amount of blood are possible by using microfluidics. For example, detecting and sensing the concentration of Thrombin which causes blood coagulation is possible by using Shell and microfluidics developed by our team. In the future, we will develop medical DNA Shell system for monitoring components of blood, detecting diseases, inputting medicine by DNA Shell, computing system integrated in microfluidics.</p>
+
-
</div>
+
 +
    <div id="menu">
 +
      <ul class="menu">
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a>
 +
  <ul class="submenu">
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></li>
 +
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>
 +
      </ul>
 +
    </div>
 +
 +
    <div id="description">
 +
      <h2>Medical DNA Shell</h2>
 +
      <div style="float: right; margin-left: 1em; width=350px; padding: 5px; border: 1px solid #666; border-style: dashed;">
 +
<img src="http://openwetware.org/images/e/e8/Biomod-2012-UTokyo-UT-Hongo-Idia-4.jpg" width="350px"></img>
 +
<p style="font-weight: bold; margin-left: auto; margin-right: auto; text-align: center">fig1. Schematic of Medical DNA Shell system</p>
 +
      </div>
 +
      <p>Methodologies to apply DNA for building precisely controlled nanostructures have greatly developed over the recent years. Our focus for BIOMOD is to utilize DNA to make a shell like structure which can capture molecules inside the shell-like body, as if a shellfish is eating its prey. Entrapment of the substrate was detected by the numerous florescent molecules that are attached to the body. This research may become a foundation for using DNA to mimic catalytic activity of enzymes.</p>
 +
      <p>Medical functions such as detection of diseases with small amount of blood are possible by using microfluidics. For example, detecting and sensing the concentration of Thrombin which causes blood coagulation is possible by using Shell and microfluidics developed by our team. In the future, we will develop medical DNA Shell system for monitoring components of blood, detecting diseases, inputting medicine by DNA Shell, computing system integrated in microfluidics.</p>
 +
      <br style="clear: both">
 +
    </div>
 +
 +
    <div id="youtube">
 +
      <h2>YouTube</h2>
 +
      <div id="video"><iframe width="1080" height="608" src="http://www.youtube.com/embed/KaU-tjKYBlQ" frameborder="0" allowfullscreen></iframe></div>
 +
    </div>
 +
 +
  </div>
 +
  <div id="navi">
 +
    <h2>Links</h2>
 +
    <p style="margin-bottom: 15px"></p>
 +
    <div id="row1" class="block-container">
 +
      <div class="column1 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro"><img src="http://openwetware.org/images/d/d7/Biomod-2012-UTokyo-UT-Hongo_Design_Thumb.jpeg" class="thumb" alt="" /></a></p>
 +
<h2>Motives</h2>
 +
<p></p>
 +
      </div>
 +
      <div class="column2 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Function"><img src="http://openwetware.org/images/a/a0/Biomod-2012-UTokyo-UT-Hongo-outline-2.jpg" class="thumb" alt="" /></a></p>
 +
<h2>Design</h2>
 +
<p></p>
 +
      </div>
 +
      <div class="column3 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly"><img src="http://openwetware.org/images/4/45/Biomod-2012-UToky%E2%80%8Bo-UT-Hongo-2012aug31no3x1_h.011m0.5.jpg" class="thumb" alt="" /></a></p>
 +
<h2>Result</h2>
 +
<p>In this section, we write about the result of our experiment. We can classify the experiment that we performed roughly into four themes:
 +
<ol>
 +
<li>Assembly of the DNA Shell</li>
 +
<li>Capturing Ability</li>
 +
<li>Immobilizing on microfluidic device</li>
 +
<li>Supporting Enzyme</li>
 +
</ol>
 +
We describe the part which I was able to confirm by each experiment.</p>
 +
      </div>
 +
    </div>
 +
    <div id="row2" class="block-container">
 +
      <div class="column1 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Method"><img src="" class="thumb" alt="" /></a></p>
 +
<h2>Method</h2>
 +
<p></p>
 +
      </div>
 +
      <div class="column2 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork"><img src="http://openwetware.org/images/c/cf/Fig.4-6.jpg" class="thumb" alt="" /></a></p>
 +
<h2>Future Work</h2>
 +
<p> We aim to make a device that has wider usage than an enzyme.
 +
By putting together DNA Shell, certain target substances, and an enzyme, you can bring functionality or selectivity to the enzyme.
 +
It will become possible thanks to the diversity of DNA Shell. </p>
 +
      </div>
 +
      <div class="column3 column">
 +
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Team"><img src="" class="thumb" alt="" /></a></p>
 +
<h2>Team</h2>
 +
<p>About Us</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div id="myfooter">
 +
    <h2 style="border-bottom: none;">BIOMOD 2012 Team UT-Hongo</h2>
 +
    <hr>
 +
    <div id="footer-contents">
 +
      <div class="footer-section" id="section1">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo">Top</a></h3>
 +
<ul>
 +
  <li><a href="Biomod/2012/UTokyo/UT-Hongo#youtube">YouTube Video</a></li>
 +
  <li><a href="Biomod/2012/UTokyo/UT-Hongo#description">Abstract</a></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section2">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section3">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section4">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section5">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section6">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
      <div class="footer-section" id="section7">
 +
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></h3>
 +
<ul>
 +
  <li></li>
 +
</ul>
 +
      </div>
 +
    </div>
 +
    <p id="copyright">
 +
      Copyright (C) 2012 | Design by Yuichi Nishwiaki | BIOMOD Team UT-Hongo
 +
    </p>
 +
    <br style="clear: both;">
 +
  </div>
</div>
</div>
-
<div id="row1" class="block-container">
 
-
<div class="column1">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro"><img src="http://openwetware.org/images/d/d7/Biomod-2012-UTokyo-UT-Hongo_Design_Thumb.jpeg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Motivation</h2>
 
-
<p>The great scope of our research is to make a DNA origami structure that has functionalities similar to that of enzymes... however, that is far too much for students to do in one summer. Therefore, we chose to narrow down to making a structure which can bind to certain molecules and capture it, just like enzymes makes specific bondings to make ES complex.</p>
 
-
</div>
 
-
<div class="column2">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Function"><img src="http://openwetware.org/images/a/a0/Biomod-2012-UTokyo-UT-Hongo-outline-2.jpg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Design</h2>
 
-
<p>We designed the structure shell-shaped so that it can efficiently capture target molecule with a dramatic change in the fluorescence for easy detection. We actually created three shell-shaped structures: plane shell, shell with florescent molecules and quenching molecules attached, shell with florescent molecules, quenching molecules, and biotin attached.</p>
 
-
</div>
 
-
<div class="column3">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly"><img src="images/pics03.jpg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Result</h2>
 
-
<p>In this section, we write about our experiment. First, we mixed M13 and staples, and check whether DNAorigami was hybridized as designed by agarose gel electrophoresis and atomic force microscope.</p>
 
-
</div>
 
-
<div class="column4">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Method"><img src="http://openwetware.org/images/4/45/Biomod-2012-UToky%E2%80%8Bo-UT-Hongo-2012aug31no3x1_h.011m0.5.jpg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Method</h2>
 
-
<p></p>
 
-
</div>
 
-
</div>
 
-
<div id="row2" class="block-container">
 
-
<div class="column1">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork"><img src="http://openwetware.org/images/c/cf/Fig.4-6.jpg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Future Work</h2>
 
-
<p>In order to "catch" some kind of a substrate, the bonding between the lid and the bottom must be flexible enough to bend. Before we catch the target molecule (Streptavidin) by the DNA Shell, we have to make it clear whether the DNA Shell can be closed or not.</p>
 
-
</div>
 
-
<div class="column2">
 
-
<p><a href="http://openwetware.org/wiki/Biomod/2012/UTokyo/UT-Hongo/Team"><img src="images/pics02.jpg" width="230" height="215" alt="" /></a></p>
 
-
<h2>Team</h2>
 
-
<p>About Us</p>
 
-
</div>
 
-
</div>
 
-
<div id="myfooter">
 
-
</div>
 
-
<a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/Test2&action=edit">edit this page</a>
 
</body>
</body>
</html>
</html>

Current revision

edit this page

Medical DNA Shell

fig1. Schematic of Medical DNA Shell system

Methodologies to apply DNA for building precisely controlled nanostructures have greatly developed over the recent years. Our focus for BIOMOD is to utilize DNA to make a shell like structure which can capture molecules inside the shell-like body, as if a shellfish is eating its prey. Entrapment of the substrate was detected by the numerous florescent molecules that are attached to the body. This research may become a foundation for using DNA to mimic catalytic activity of enzymes.

Medical functions such as detection of diseases with small amount of blood are possible by using microfluidics. For example, detecting and sensing the concentration of Thrombin which causes blood coagulation is possible by using Shell and microfluidics developed by our team. In the future, we will develop medical DNA Shell system for monitoring components of blood, detecting diseases, inputting medicine by DNA Shell, computing system integrated in microfluidics.


YouTube

BIOMOD 2012 Team UT-Hongo



Views
Personal tools