Difference between revisions of "Team:HZAU-China/Design"

(Prototype team page)
 
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
−
{{HZAU-China}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:HZAU-China/CSS?action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2015.igem.org/Template:HZAU-China/Javascript/rocketjs?action=raw&ctype=text/javascript"/></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:HZAU-China/Javascript/rocketjquery?action=raw&ctype=text/javascript"/></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:HZAU-China/Javascript/floathzaujs?action=raw&ctype=text/javascript"/></script>
 +
<style>
 +
.fixbar{
 +
width:100%;
 +
height:53px;
 +
}
  
−
<h2>Design</h2>
+
.firstHeading {
 +
visibility:hidden;
 +
display:none;
 +
}
  
−
<p>
+
#content {
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.
+
    background: transparent;
−
</p>
+
    line-height:5.5em;
 +
}
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
}
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
}
 +
#bodyContent p,#bodyContent h1, #bodyContent h2{
 +
margin:0px;
 +
padding:0px;
 +
}
  
−
<div class="highlightBox">
+
*{margin:0px;padding:0px;}
−
<h4>Note</h4>
+
.box{
−
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
+
margin:0 auto;
−
</div>
+
background-color:rgba(213,222,217,1.00);
 +
}
 +
.topbox{
 +
background:url(https://static.igem.org/mediawiki/2015/e/e1/Team_HZAU_China_bg.jpg) repeat-x;
 +
height:184px;
 +
}
 +
.topbox{
 +
padding: 1em 190px 1em;
 +
letter-spacing: -1px;
 +
text-align: center;
 +
padding-top:30px;
 +
}
 +
.left_topbox{
 +
position: absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
.right_topbox{
 +
position: absolute;
 +
top:0px;
 +
right: 0px;
 +
}
 +
.middle_topbox{
 +
padding-top:30px;}
 +
.topbox h1 {
 +
     
 +
    color: #fff;
 +
font-weight: 600;
 +
font-size: 50px;
 +
line-height: 1;
 +
margin-bottom: 0;
 +
font-family: 'Conv_JOKERMAN',sans-serif;
 +
        border-bottom:hidden;
 +
}
 +
.topbox h1 span {
 +
font-family: 'Conv_JOKERMAN',sans-serif;
 +
display: block;
 +
font-size: 60%;
 +
font-weight: 400;
 +
padding: 0.8em 0 0.5em 0;
 +
color: #c3c8cd;
 +
        border-bottom:hidden;
 +
}
 +
.tailbox{
 +
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 +
color: #fff;
 +
background:rgba(0,0,0,0.75);
 +
font-size: 1em;
 +
padding-bottom:50px;
 +
overflow: hidden;
 +
width:100%;
 +
margin:0 auto;
 +
      background:url(https://static.igem.org/mediawiki/2015/1/18/Team_HZAU_China_hometop_background.png) repeat-y;
 +
}
 +
.left_tailbox{
 +
float:left;
 +
width:30%;
 +
margin-left:10%;
 +
        margin-top:30px;
 +
      display:inline;
 +
}
 +
.right_tailbox{
 +
      margin-top:20px;
 +
      display:inline;
 +
margin-left:5%;
 +
float:left;
 +
}
 +
.right_tailbox h1{
 +
      color:#fff;
 +
}
 +
.contacts_left{
 +
float:left;
 +
width:60%;
 +
}
 +
.contacts_right{
 +
margin:0px 0px 0px 20px;
 +
float:left;
 +
}
 +
.contacts_left ul, .contacts_right ul{
 +
      list-style-image:none;
 +
      list-style-type:disc;
 +
}
 +
.bar{
 +
      height:53px;
 +
      background:rgba(25,44,60,1.00);
 +
}
 +
.bar ul{
 +
        padding:0px;
 +
        margin:0px;
 +
      background:rgba(25,44,60,1.00);
 +
}
 +
.bar ul.barname{
 +
        list-style-image:none;
 +
font-family:Conv_JOKERMAN;
 +
font-size:24px;
 +
float:right;
 +
padding-right:5%;
 +
}
 +
li{
 +
        margin-bottom:hidden;
 +
}
 +
.barname >li{
 +
float:left;
 +
list-style-type:none;
 +
position:relative;
 +
padding:5px 15px;
 +
z-index:1999;
 +
}
 +
.barname >li a:link,.barname >li a:visited{
 +
font-weight:bold;
 +
/*color:rgba(14,112,121,1.00);*/
 +
color:rgba(80,128,114,1.00);
 +
text-decoration:none;
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
}
 +
.barname >li a:hover,.barname >li a:active{
 +
color:#ffffff;
 +
}
 +
.barname >li:hover,.barname >li:active{
 +
background-color:rgba(0,0,0,0.8);
 +
}
 +
.barname >li ul
 +
{     
 +
        list-style-image:none;
 +
display:none;
 +
}
 +
.barname >li:hover ul{
 +
background-color:rgba(0,0,0,1.00);
 +
display:block;
 +
}
  
−
<p>
+
.barname li>ul{
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
float:none;
−
</p>
+
list-style-type:none;
 +
position:absolute;
 +
left:0px;
 +
}
 +
.barname li ul li{
 +
margin:0 auto;
 +
}
 +
.P li,.W li,.H li,.I li,.T li,.A li,.O li,.M li{
 +
    padding:0px 15px;
 +
}
 +
.P a:link,.P a:visited,.W a:link,.W a:visited,.H a:link,.H a:visited,.I a:link,.T a:link,.A a:link,.O a:link, .I a:visited,.T a:visited,.A a:visited,.O a:visited,.M a:link,.M a:visited{
 +
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 +
font-size:20px;
 +
text-decoration:none;
 +
}
 +
.P a:hover,.P a:active,.W a:hover,.W a:active,.H a:hover,.H a:active,.I a:hover,.I a:active, .T a:hover,.T a:active, .A a:hover,.A a:active, .O a:hover,.O a:active,.M a:hover,.M a:active{
 +
color:#ffffff;
 +
}
  
−
</div>
+
.maincontent{
 +
margin:0 auto;
 +
width:68%;
  
 +
line-height:1.5em;
 +
font-size:20px;
 +
font-family: Arial, "Times New Roman", Georgia, Helvetica, Arial, sans-serif;
 +
 +
}
 +
.maincontent h1{
 +
        font-weight:bold;
 +
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 +
text-align:center;
 +
font-size:250%;
 +
  text-shadow:2px 2px 1px white;
 +
color:rgba(0,0,0,1.00);
 +
        overflow:visible;
 +
        border-bottom:hidden;
 +
}
 +
.maincontent h3{
 +
clear:both;
 +
color:rgba(217,104,49,1.00);
 +
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 +
font-size:30px;
 +
        border-bottom:hidden;
 +
}
 +
 +
 +
 +
#rocket-to-top div {
 +
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
 +
}
 +
#rocket-to-top .level-2 {
 +
    background:url(https://static.igem.org/mediawiki/2015/1/1a/Team_HZAU-China_rocket_button_up.png) no-repeat scroll -149px 0 transparent;
 +
    display: none;
 +
    height: 250px;
 +
    opacity: 0;
 +
    z-index: 1;
 +
}
 +
#rocket-to-top .level-3 {
 +
    background: none repeat scroll 0 0 transparent;
 +
    cursor: pointer;
 +
    display: block;
 +
    height: 150px;
 +
    z-index: 2;
 +
}
 +
#rocket-to-top {
 +
    background: url(https://static.igem.org/mediawiki/2015/1/1a/Team_HZAU-China_rocket_button_up.png) no-repeat scroll 0 0 transparent;
 +
    cursor: default;
 +
    display: block;
 +
    height: 250px;
 +
    margin: -125px 0 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: fixed;
 +
    right: 0;
 +
    top: 80%;
 +
    width: 149px;
 +
    z-index: 11;
 +
}
 +
.maincontent img{
 +
display:block;
 +
margin:0 auto;
 +
}
 +
.maincontent .zhushi{
 +
text-align:center;
 +
        clear:both;
 +
}
 +
.juzhong img{
 +
display:inline;
 +
}
 +
.maincontent .juzhong{
 +
margin:0 auto;
 +
text-align:center;
 +
vertical-align:middle;
 +
}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
<div class="box">
 +
  <div class="topbox">
 +
    <div class="left_topbox"><img src="https://static.igem.org/mediawiki/2015/6/6e/Team_HZAU-China_ecoli.png"/></div>
 +
    <div class="middle_topbox"><h1>Mixed-Reality Cell<span>Bidirectinal coupling between real and virtual bio-oscillators</span></h1></div>
 +
    <div class="right_topbox"><img src="https://static.igem.org/mediawiki/2015/1/12/Team_HZAU-China_brain.png"></div>
 +
  </div><!--页面头部-->
 +
  <div class="middlebox">
 +
    <div id="rollchange" class="fixbar">
 +
<div class="bar"><!--菜单导航部分-->
 +
      <ul class="barname">
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China">Home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/Project">Project</a>
 +
          <ul class="P">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Project/Overview">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Project/Background">Background</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Project/mrcell">MR.Cell</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Project/Future">Future</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab">WetLab</a>
 +
            <ul class="W">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab/Overview">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab/Design">Design</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab/Characterization">Characterization</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab/Labnote">Labnote</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/WetLab/Protocol">Protocol</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/Modeling">Modeling</a>
 +
            <ul class="M">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Modeling/Overview">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Modeling/e-oscillators">E-oscillators</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Modeling/Regulation_to_oscillator">Regulation&nbsp;to&nbsp;oscillator</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Modeling/Coupling">Coupling</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/Hardware">HardWare</a>
 +
            <ul class="H">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/HardWare/Overview">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/HardWare/Interface_Device">Interface&nbsp;Device</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/HardWare/Mixed-Reality_of_physics">Mixed&nbsp;Reality&nbsp;of&nbsp;physics</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/InterLab">InterLab</a>
 +
          <ul class="I">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/InterLab/Overview">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/InterLab/Protocol">Protocol</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/InterLab/Results">Results</a></li>
 +
          </ul>
 +
        </li>
 +
          <li><a href="https://2015.igem.org/Team:HZAU-China/Achievements">Achievements</a>
 +
          <ul class="A">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Achievements">Judgement</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Achievements/Parts">Parts</a></li>
 +
          </ul>
 +
          </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/Team">Team</a>
 +
          <ul class="T">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Team">Members</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Team/Gallary">Gallary</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/Team/Attributions">Attributions</a></li>
 +
          </ul>
 +
          </li>
 +
        <li><a href="https://2015.igem.org/Team:HZAU-China/OutReach">OutReach</a>
 +
          <ul class="O">
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/OutReach">Human&nbsp;Practice</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/OutReach/Safety">Safety</a></li>
 +
            <li><a href="https://2015.igem.org/Team:HZAU-China/OutReach/Collaboration">Collaboration</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
      </div>
 +
</div>
 +
<script type="text/javascript">$("#rollchange").smartFloat();</script>
 +
     
 +
      <div class="maincontent">
 +
      <h1></br></br>Mixed-reality of physics</h1></br>
 +
      <p>As you can see at the Project page, to simplify the goal, we have divided our final goal into three phases. Compared the purpose between phase 1 and 2, phase 2 can be regarded as just putting out one of the two oscillators in computer into LED while others are nearly the same. In the same time, the target as well as a program for the interface device at phase 2 and 3 make almost no difference. So based on the successful result of phase 1 and completed phase 3, phase 2 seem to be achieved easily. The phase 2 is called Mixed- reality of physics which means that the coupling between the virtual part in computer and the real part of physics. The assumption is that the oscillators of computer and the LED can react with each other and end up in highly coupling.</p>
 +
<h3>Design principles</h3>
 +
<p>As for this part, we intend to construct a perfect circle. </p>
 +
</br>
 +
<img src="https://static.igem.org/mediawiki/2015/3/3d/Hzau_hd1.png">
 +
<p class="zhushi">Fig.1 the diagram of our design</p>
 +
</br>
 +
<p>At the beginning, the e-oscillator and the physical oscillator work independently. A period of time later, the camera start to detect the light intensity of LED beads and send the data to a computer. After quick analysis of these two oscillators, the computer would change the parameters of oscillation functions and send changed new data to a single chip. Finally, the status of LED would be uploaded after the command of a single chip. And then, go on this loop again and again till the Mixed-reality sate achieved.</p>
 +
<h3>Device</h3>
 +
<p>Based on the design principles above, we constructed a device as following.</p>
 +
</br>
 +
<img src="https://static.igem.org/mediawiki/2015/a/a7/Hzau_hd2.png">
 +
<p class="zhushi">a. The whole view of our device </p>
 +
</br>
 +
<div class="juzhong">
 +
<img src="https://static.igem.org/mediawiki/2015/3/33/Hzau_hd3.jpg" width="280px" height="200px">
 +
 +
<img src="https://static.igem.org/mediawiki/2015/6/6c/Hzau_hd4.jpg" width="280px" height="200px">
 +
<img src="https://static.igem.org/mediawiki/2015/8/8b/Hzau_hd5.jpg" width="280px" height="200px">
 +
<p class="zhushi">b. Details of pyboard      c.  Details of LED beads    d.  Details of camera</p>
 +
 +
</div>
 +
<p class="zhushi">Fig.2 The composition of our device and details of every parts.</p>
 +
</br>
 +
<h3>Results</h3>
 +
<p>The program of computer is in MATLAB while it’s Python in Pyboard. And the results turned to be inspiring that the whole design worked successfully, including interface device, programs and the simulation in computer. </p>
 +
<p style="text-align:center"><video width="640" height="480" controls="controls">
 +
<source src="https://static.igem.org/mediawiki/2015/3/30/Zq.mp4 " type="video/mp4" />
 +
</video></p>
 +
</br>
 +
<p>The phase 2 has completed and this device can be applied to the phase 3 directly. Once this simple camera is replaced by a fluorescence microscope with cells cultured on a microfluidic chips, the device of the phase 3 would be done and are possible to make Mixed-reality state come true. Thus, it’s the prototype of MR. Cell and has great potential in a wide range of the future biological research.</p>
 +
 
 +
</br></br>
 +
      </div><!--maincontent结束-->
 +
     
 +
      <div class="tailbox">
 +
    <div class="left_tailbox">
 +
      <img class="img_hazu" width="220px" alt="" src="https://static.igem.org/mediawiki/2014/c/cc/Hazulogo-w.png"/></br>
 +
      <p class="copyright-text">&copy; 2015 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
 +
    </div>
 +
    <div class="right_tailbox">
 +
      <h1>&nbsp;&nbsp;&nbsp;Contacts</h1>
 +
      <div class="contacts_left">
 +
        <ul>
 +
            <li class="address_inf">
 +
            No.1, Shizishan Street, Hongshan District
 +
            </br>
 +
            Wuhan, 430070, Hubei Province, P. R. China
 +
            </li>
 +
            <li class="email_inf">Email:hzauigem@gmail.com</li>
 +
        </ul>
 +
      </div>
 +
      <div class="contacts_right">
 +
        <ul>
 +
            <li class="twitter-inf">Twitter : hzau_igem</li>
 +
            <li class="wechat-inf">Wechat : hzauigem</li>
 +
            <li class="qq-inf">QQ Group : 313297095</li>
 +
            <li class="yt-inf">YouTube : hzauigem</li>
 +
        </ul>
 +
      </div>
 +
  </div>
 +
  </div><!--页面尾部-->
 +
</div><!--整个页面-->
 +
      <div style="display: none;" id="rocket-to-top">
 +
<div style="opacity:0;display: block;" class="level-2"></div>
 +
<div class="level-3"></div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:20, 19 September 2015

Mixed-Reality CellBidirectinal coupling between real and virtual bio-oscillators



Mixed-reality of physics


As you can see at the Project page, to simplify the goal, we have divided our final goal into three phases. Compared the purpose between phase 1 and 2, phase 2 can be regarded as just putting out one of the two oscillators in computer into LED while others are nearly the same. In the same time, the target as well as a program for the interface device at phase 2 and 3 make almost no difference. So based on the successful result of phase 1 and completed phase 3, phase 2 seem to be achieved easily. The phase 2 is called Mixed- reality of physics which means that the coupling between the virtual part in computer and the real part of physics. The assumption is that the oscillators of computer and the LED can react with each other and end up in highly coupling.

Design principles

As for this part, we intend to construct a perfect circle.


Fig.1 the diagram of our design


At the beginning, the e-oscillator and the physical oscillator work independently. A period of time later, the camera start to detect the light intensity of LED beads and send the data to a computer. After quick analysis of these two oscillators, the computer would change the parameters of oscillation functions and send changed new data to a single chip. Finally, the status of LED would be uploaded after the command of a single chip. And then, go on this loop again and again till the Mixed-reality sate achieved.

Device

Based on the design principles above, we constructed a device as following.


a. The whole view of our device


b. Details of pyboard c. Details of LED beads d. Details of camera

Fig.2 The composition of our device and details of every parts.


Results

The program of computer is in MATLAB while it’s Python in Pyboard. And the results turned to be inspiring that the whole design worked successfully, including interface device, programs and the simulation in computer.


The phase 2 has completed and this device can be applied to the phase 3 directly. Once this simple camera is replaced by a fluorescence microscope with cells cultured on a microfluidic chips, the device of the phase 3 would be done and are possible to make Mixed-reality state come true. Thus, it’s the prototype of MR. Cell and has great potential in a wide range of the future biological research.




© 2015 Huazhong Agricultural University iGEM Team. All rights reserved.

   Contacts

  • No.1, Shizishan Street, Hongshan District
    Wuhan, 430070, Hubei Province, P. R. China
  • Wechat : hzauigem
  • QQ Group : 313297095
  • YouTube : hzauigem