View source for Team:HZAU-China/HardWare/Mixed-Reality of physics

<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;
}

.firstHeading {
 visibility:hidden;
 display:none;
}

#content {
    background: transparent;
    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;
}

*{margin:0px;padding:0px;}
.box{
	margin:0 auto;
	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;

}
.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;
}

.barname li>ul{
	float:none;
	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;
}

.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>
</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>