Difference between revisions of "Team:ZJU-China/Demonstrate"

 
(79 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     <meta http-equiv="X-UA-Compatible" content3="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <meta name="viewport" content3="width=device-width, initial-scale=1">
 
      
 
      
     <title>Demonstrate</title>
+
     <title>Design</title>
  
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
 
     <style type="text/css">
 
     <style type="text/css">
@font-face{
 
    font-family: 'fsb';
 
    src:  url('https://static.igem.org/mediawiki/2016/3/3a/Fontfsb.ttf') format('turetype');
 
    }
 
 
 
body {
 
body {
background-color: #fffae6;
+
background-color: #e5e5e5;
color: #022634;
+
color: e5e5e5;
max-width:1440px;
+
 
width:100%;
 
width:100%;
padding-top:80px;
 
 
padding-bottom:20px;
 
padding-bottom:20px;
 
}
 
}
Line 26: Line 19:
 
   #div1 {
 
   #div1 {
 
position: relative;
 
position: relative;
margin-top:40px;
 
 
height:1.5px;
 
height:1.5px;
 +
margin-top:40px;
 
background-color: #990100;
 
background-color: #990100;
 
}
 
}
 
   #div2{
 
   #div2{
        position: relative;
+
    position: relative;
 
margin: 0 0 10.5px;
 
margin: 0 0 10.5px;
 
color: #990100;
 
color: #990100;
font-family= fsb;
+
font-family: fsb;
 +
letter-spacing: 8px;
 
font-size: 48px;
 
font-size: 48px;
 
text-align:center;
 
text-align:center;
Line 41: Line 35:
 
   .dcpt{
 
   .dcpt{
 
  text-align: justify;
 
  text-align: justify;
  margin-left:50px;
+
  margin:35px 50px 100px;
  margin-right:50px;
+
  margin-bottom:100px;
+
  margin-top:35px;
+
 
  background-color: #e5e5e5;
 
  background-color: #e5e5e5;
  padding-left:70px;
+
  padding: 40px 70px;
  padding-right:70px;
+
  padding-top:40px;
+
  padding-bottom:40px;
+
 
   }
 
   }
 
   .dcpt2{
 
   .dcpt2{
 
  text-align: center;
 
  text-align: center;
  margin-left:50px;
+
  margin: -20px;
  margin-right:50px;
+
  font-size: 36px;
  font-size: 40px;
+
 
  background-color: #d2d2d2;
 
  background-color: #d2d2d2;
 +
  font-family:fsb;
 +
          padding: 40px 200px;
 
   }
 
   }
 
   .dcpt3{
 
   .dcpt3{
 
  text-align: justify;
 
  text-align: justify;
  margin-left:50px;
+
  margin:0px -1% 1px;
  margin-right:50px;
+
  margin-bottom:100px;
+
  margin-top:0px;
+
 
  background-color: #e5e5e5;
 
  background-color: #e5e5e5;
  padding-left:70px;
+
  padding: 40px 10%;
  padding-right:70px;
+
  padding-top:40px;
+
  padding-bottom:40px;
+
 
   }
 
   }
 +
  .dcpt4{
 +
          text-align: justify;
 +
  margin:0px -1% 1px;
 +
  background-color: #fffae6;
 +
  padding: 40px 10%;
 
   }
 
   }
   .content{
+
   .content3{
 
  margin:0px auto;
 
  margin:0px auto;
  font: Sans-serif;
+
  font-family: gga;
 +
 
 +
  font-size:30px;
 +
  line-height:150%;
 +
  margin-bottom:10px;
 
   }
 
   }
 
   .content2{
 
   .content2{
 
  margin:0px auto;
 
  margin:0px auto;
  font-family:Geogia;
+
  font-family:fsb;
 
  color: #990100;
 
  color: #990100;
 +
  }
 +
  .content4{
 +
  margin:0px auto;
 +
  font-family: gga;  
 +
  font-size:36px;
 +
  line-height:150%;
 +
  margin-bottom:10px;
 
   }
 
   }
 
   .strong{
 
   .strong{
  font: Sans-serif;
+
  font: gga;
 
  font-weight: bold;
 
  font-weight: bold;
 
   }
 
   }
 +
  @media screen and (max-width: 600px) {
 +
#div1{
 +
height:0px;
 +
}
 +
.dcpt2{
 +
font-size:24px;
 +
}
 +
.content3 {
 +
font-size: 16px;
 +
}
 +
.content4 {
 +
font-size:20px;
 +
}
 +
.dcpt {
 +
margin: auto 5%;
 +
padding: auto 5%;
 +
}
 +
.dcpt2{
 +
margin: auto 5%;
 +
padding: auto 5%;
 +
}
 +
.dcpt3{
 +
margin: auto 5%;
 +
padding: auto 5%;
 +
}
 +
        .dcpt4{
 +
margin: auto 5%;
 +
padding: auto 5%;
 +
}
 +
}
 +
  
 
.content_box2_parent {
 
.content_box2_parent {
 
     text-align: center;
 
     text-align: center;
padding: 0 7.5%;
+
padding: 0 5%;
 
}
 
}
  
 
.content_box2_child {                 
 
.content_box2_child {                 
     border-radius: 30px 60px;
+
     border-radius: 0px 0px;
 
     display: inline-block;
 
     display: inline-block;
 
     background-color: #FFFFFF;
 
     background-color: #FFFFFF;
Line 99: Line 129:
 
     -webkit-box-shadow: 1px 1px 10px #888;
 
     -webkit-box-shadow: 1px 1px 10px #888;
 
     -moz-box-shadow: 1px 1px 10px #888;
 
     -moz-box-shadow: 1px 1px 10px #888;
     padding: 4%;
+
     padding: 0.5%;
 
     min-height: 430px;
 
     min-height: 430px;
 
}
 
}
 +
 +
.pic .img2{display: none;}
 +
            .pic:hover .img1{display: none;}
 +
            .pic:hover .img2{display: block;}
 +
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
  <img src="https://static.igem.org/mediawiki/2016/b/b6/ZJUdemonstrate.jpg" width="100%">
 +
 
<div class="container">
 
<div class="container">
  <div class="row">
+
    <div class="dcpt3" style="font-size:20px;line-height:1.5;font-family: 'spr';">
    <div class="col-md-4">
+
    <div align="left" style="font-family: 'spr';font-size:40px;border-bottom:2px solid #584b4f;">Mechanical Device</div>
      <div id="div1" style="margin-left: 160px" align="center">
+
&nbsp;&nbsp;&nbsp;&nbsp;In addition to the microfluidics device, we have designed a mechanical device for the project. The whole system consists of four parts: the main body, lighting board, shading baffle and microfluidics chip. The details for each part are described in the <a href="https://2016.igem.org/Team:ZJU-China/Hardware">Hardware</a> page.
        </div>
+
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;When assembling, four LED lights are inserted into the corresponding holes. Four single-pole double-throw switches on the external circuit board can switch the light color (red or green). The power switch is on the battery box. Microfluidics chip is inserted into the upper slot. The shading baffle, which has the same size as the microfluidics chip, is inserted into the lower slot, to avoid the interference from stray light.
 +
</br></br>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2016/6/69/Whole_view.jpg" height="60%" width="75%">
 +
</br>
 +
Fig.1 The whole view
 +
</div>
 +
</br>
 +
<div align="center"><img src="https://static.igem.org/mediawiki/2016/c/c9/GIF.gif" height="40%" width="50%">
 +
</br>Fig.2 Operation Demonstration
 +
</div>
 +
 
 
     </div>
 
     </div>
        <div class="col-md-4">
+
 
            <div id="div2">
+
    <div class="dcpt4" style="font-size:20px;line-height:1.5;font-family: 'spr';text-align:left;">
        DEMONSTRATE
+
  <div align="left" style="font-family: 'spr';font-size:40px;border-bottom:2px solid #584b4f;">Enigma</div>
        </div>
+
</br>
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;While using, the overall device will be placed in incubator of 37 ° . Pressing the four switches can adjust the LED light into the appropriate color, waiting for bacteria to respond to light signals. Later, take out the baffle and observe the color of each chamber, and that is the "cipher text" we get.
 +
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;There are five kinds of bacteria in our cipher machine: the core bacteria with the oscillation circuit and four affiliated bacteria. As for these four bacteria, they are controlled by the oscillation system and contain the signal transformation circuit (which is composed of the light control circuit and the logic gate circuit). Before using the cipher machine, we should first mix these five bacteria together according to a certain proportion and insert them into the microfluidics chip. Then, insert the chip in our device and put the whole device in the thermos-stated container.
 +
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;While encrypting, we should select a specific time (for example, to begin counting when the bacteria solution is added into the microfluidics chip) to press the LED switch on the top of the device according to the input information (for example, if the input is 0101, then the LED light should be red, green, red, green). Using corresponding light to irradiate different areas on the chip (we regard each area as an encryption unit. In our initial device, we select 4 areas as encryption units). After a period of time, we can observe fluorescence which is the cipher text (for example, if we observe gfp, rfp, rfp, gfp, then the output is 1001).
 +
</br>
 +
</br>
 +
<div class="row">
 +
    <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/6/6d/Zjudevice1.jpg" height="60%" width="75%">
 
       </div>
 
       </div>
    <div class="col-md-4">
 
      <div id="div1" style="margin-right: 160px">
 
        </div>
 
 
     </div>
 
     </div>
 +
        <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/2/2d/Zjudemon1.jpg" height="60%" width="75%">
 +
      </div>
 
   </div>
 
   </div>
  <div class="container">
+
</br>
<div class="dcpt" style="font-size:30px;line-height:1.5;">
+
</div>
<div><img src="https://static.igem.org/mediawiki/2016/thumb/6/69/Whole_view.jpg/800px-Whole_view.jpg"></div>
+
&nbsp;&nbsp;&nbsp;&nbsp;In addition to the microfluidic device as the core part, we have designed the mechanical device for the project. The whole system consists of four parts: the main body, lighting board, shading baffle and microfluidic chip. The design details for each part are described in the hardware page.
+
When assembled, four LED lights into the corresponding four holes, four single-pole double-throw switch on the external circuit board can switch the light color (red or green), the power switch is on the battery box. Microfluidic chip inserted into the above slot, the shading baffle, which has the same size as the microfluidic chip, is inserted into the following slot, to avoid the stray light interference. When used, the overall device will be placed in 37 ° incubator, press the four switches to adjust the LED light into the appropriate color, waiting for flora to respond to light signals. Later, take out the baffle and observer the color of each trap, and that is the "cipher text" we get.
+
</div>  
+
</div>
+
  
  
 +
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;While decrypting, input the cipher text by pressing the LED switch at the same time, or at the same phase in the oscillation period (for example, if the cipher text is 1001, then the LED light should be green, red, red, green). After a period of time, we can observe the original text (for example, if we observe rfp, gfp, rfp, gfp, then the output is 0101).
 +
</br>
 +
</br>
 +
<div class="row">
 +
    <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/4/42/Zjudemon3.jpg" height="60%" width="75%">
 +
      </div>
 +
    </div>
 +
        <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/c/cf/Zjudemon4.jpg" height="60%" width="75%">
 +
      </div>
 +
  </div>
 +
</br>
 +
</div>
  
 +
 +
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;However, if we input the cipher text at a wrong time (which means the user does not know the encryption time), even if the cipher text is true (1001), the output is not convincing, sometimes even opposite from the real information (for example, 0110) because at this phase, the codebook is not the same as encrypting. So, compared with the first generation, this second generation of cipher machine is more reliable.
 +
</br>
 +
</br>
 +
<div class="row">
 +
    <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/a/a7/Zjudemon5.jpg" height="60%" width="75%">
 +
      </div>
 +
    </div>
 +
        <div class="col-md-6">
 +
<div align="center">
 +
        <img src="https://static.igem.org/mediawiki/2016/2/22/Zjudemon6.jpg" height="60%" width="75%">
 +
      </div>
 +
  </div>
 +
</br>
 +
</div>
 +
</br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;We have got the double-period oscillation circuit already. But when doing an experiment, we could not realize a stable oscillation because of the continuous split of bacteria and the accumulation of autoinducers. In order to solve this problem, we use micro-fluid technology. Microfluidics is science and technology using micro-channel to operate micro fluid. By this methods, we can keep the quantity of bacteria at a certain level and take the accumulated autoinducers away, making the system a better coupling and could operate steadily.
 +
</div>
 +
</div>
 +
</div>
 +
</br>
 +
 +
 
 +
</div>
 
</body>
 
</body>
 +
 +
    <div class="color3">
 +
<address>
 +
  <strong>Contact Us</strong></br>
 +
  Room 413,Biology lab center, Zijingang Campus</br>
 +
  Zhejiang University, YuHangTang Road NO.866</br>
 +
  Hangzhou, China</br>
 +
</address>
 +
 +
<address>
 +
  <strong>iGEM ZJU-China 2016 Team</strong><br>
 +
  <a href="mailto:#">igem_zjuchina_2016@outlook.com</a>
 +
</address>
 +
 +
 +
</div>
 +
 
</html>
 
</html>

Latest revision as of 23:44, 19 October 2016

Design
Mechanical Device
    In addition to the microfluidics device, we have designed a mechanical device for the project. The whole system consists of four parts: the main body, lighting board, shading baffle and microfluidics chip. The details for each part are described in the Hardware page.
    When assembling, four LED lights are inserted into the corresponding holes. Four single-pole double-throw switches on the external circuit board can switch the light color (red or green). The power switch is on the battery box. Microfluidics chip is inserted into the upper slot. The shading baffle, which has the same size as the microfluidics chip, is inserted into the lower slot, to avoid the interference from stray light.


Fig.1 The whole view


Fig.2 Operation Demonstration
Enigma

    While using, the overall device will be placed in incubator of 37 ° . Pressing the four switches can adjust the LED light into the appropriate color, waiting for bacteria to respond to light signals. Later, take out the baffle and observe the color of each chamber, and that is the "cipher text" we get.
    There are five kinds of bacteria in our cipher machine: the core bacteria with the oscillation circuit and four affiliated bacteria. As for these four bacteria, they are controlled by the oscillation system and contain the signal transformation circuit (which is composed of the light control circuit and the logic gate circuit). Before using the cipher machine, we should first mix these five bacteria together according to a certain proportion and insert them into the microfluidics chip. Then, insert the chip in our device and put the whole device in the thermos-stated container.
    While encrypting, we should select a specific time (for example, to begin counting when the bacteria solution is added into the microfluidics chip) to press the LED switch on the top of the device according to the input information (for example, if the input is 0101, then the LED light should be red, green, red, green). Using corresponding light to irradiate different areas on the chip (we regard each area as an encryption unit. In our initial device, we select 4 areas as encryption units). After a period of time, we can observe fluorescence which is the cipher text (for example, if we observe gfp, rfp, rfp, gfp, then the output is 1001).



    While decrypting, input the cipher text by pressing the LED switch at the same time, or at the same phase in the oscillation period (for example, if the cipher text is 1001, then the LED light should be green, red, red, green). After a period of time, we can observe the original text (for example, if we observe rfp, gfp, rfp, gfp, then the output is 0101).



    However, if we input the cipher text at a wrong time (which means the user does not know the encryption time), even if the cipher text is true (1001), the output is not convincing, sometimes even opposite from the real information (for example, 0110) because at this phase, the codebook is not the same as encrypting. So, compared with the first generation, this second generation of cipher machine is more reliable.



    We have got the double-period oscillation circuit already. But when doing an experiment, we could not realize a stable oscillation because of the continuous split of bacteria and the accumulation of autoinducers. In order to solve this problem, we use micro-fluid technology. Microfluidics is science and technology using micro-channel to operate micro fluid. By this methods, we can keep the quantity of bacteria at a certain level and take the accumulated autoinducers away, making the system a better coupling and could operate steadily.

Contact Us
Room 413,Biology lab center, Zijingang Campus
Zhejiang University, YuHangTang Road NO.866
Hangzhou, China
iGEM ZJU-China 2016 Team
igem_zjuchina_2016@outlook.com