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

 
(62 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
  
−
<html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <title>body</title>
+
     <title>attribution</title>
 
     <style>
 
     <style>
 
         *{margin: 0;padding: 0;}
 
         *{margin: 0;padding: 0;}
Line 34: Line 33:
 
             position: fixed;
 
             position: fixed;
 
             right: 0%;
 
             right: 0%;
−
             background-color: #e5ffd9;
+
             background-color:white;
 
             border-radius: 50%;
 
             border-radius: 50%;
 +
        }
 +
      .content_part>a{
 +
            text-decoration: none;
 +
            color: white;
 +
            font-family: Arial;
 +
            font-size: 16px;
 +
            display: block;
 +
            padding-left: 10% ;
 +
            padding-top: 5px;
 +
            height: 25px;
 +
            width: 70%;
 +
            background-color: #0e5386;
 +
            float: left;
 +
            margin-bottom: 5px;
 +
            transition: 0.3s;
 
         }
 
         }
 
         .menutitle{
 
         .menutitle{
 +
            height: 25px;
 
             background-color: #0e5386;
 
             background-color: #0e5386;
 
             cursor:pointer;
 
             cursor:pointer;
 +
            padding-top: 5px;
 
             margin-bottom: 5px;
 
             margin-bottom: 5px;
−
             width:100%;
+
             width:20%;
−
            padding:6px;
+
−
            text-align:center;
+
−
            font-weight:bold;
+
−
            font-size: 20px;
+
 
             color: white;
 
             color: white;
−
             position: relative;
+
             float: right;
 
         }
 
         }
 
         .little{
 
         .little{
 
             content: "";
 
             content: "";
−
             position: absolute;
+
             float: left;
−
             top: 10px;
+
             margin-top: 6px;
−
             right: 40px;
+
             margin-left: 18px;
 
             border-left: 6px solid transparent;
 
             border-left: 6px solid transparent;
 
             border-right: 6px solid transparent;
 
             border-right: 6px solid transparent;
 
             border-bottom: 6px solid #fff955;
 
             border-bottom: 6px solid #fff955;
−
             opacity: 0.6;
+
             opacity: 1;
 
         }
 
         }
 
         .my_submenu{
 
         .my_submenu{
−
             padding: 0;
+
            margin:0 !important;
 +
             padding:0;
 +
            border:0;
 
             margin-bottom: 0.5em;
 
             margin-bottom: 0.5em;
 
             text-align: center;
 
             text-align: center;
Line 66: Line 80:
 
         }
 
         }
 
         .my_submenu a{
 
         .my_submenu a{
 +
            display: block;
 +
            background-image: linear-gradient(white, #efefef);
 
             text-decoration: none;
 
             text-decoration: none;
 
             background-color:white;
 
             background-color:white;
−
             font-size: 20px;
+
            padding: 5px;
 +
             font-size: 14px;
 +
            font-family: Arial;
 +
            color: #3d42e8;
 
         }
 
         }
 
         .menutitle:hover {
 
         .menutitle:hover {
−
             opacity: 0.8;
+
             opacity: 0.2;
 
         }
 
         }
−
         .menutitle:hover .little{
+
         .content_part >a:hover{
−
             opacity: 1;
+
            background-color: rgba(14, 83, 134, 0.38);
 +
            color: #0e5386;
 +
        }
 +
        .my_submenu a:hover{
 +
             color: #e7376d;
 +
        }
 +
        .random{
 +
            position: relative ;
 +
        }
 +
        .random a{
 +
            position: absolute;
 +
            top: -88px;
 
         }
 
         }
 
         .article p{
 
         .article p{
 
             text-align:justify;
 
             text-align:justify;
 
             font-family: Verdana;
 
             font-family: Verdana;
−
             font-size: 16px;
+
             font-size: 16px !important;
−
            text-indent: 2em;
+
 
             line-height: 190%;
 
             line-height: 190%;
 
         }
 
         }
 
         .article h2{
 
         .article h2{
−
             font-size: 45px;
+
            padding-bottom:15px;
 +
             font-size: 50px;
 
             font-family: Arial;
 
             font-family: Arial;
 
             color: #1e6ed0;
 
             color: #1e6ed0;
 
         }
 
         }
 
         .article h3{
 
         .article h3{
 +
            display: block;
 +
            background-color:white;
 +
            padding-top:20px;
 +
            padding-bottom:15px;
 
             font-size: 30px;
 
             font-size: 30px;
 
             font-family: Helvetica;
 
             font-family: Helvetica;
Line 94: Line 128:
  
 
         }
 
         }
−
         .pointer{
+
         .article h4{
−
             position: absolute;
+
             display: block;
−
             top: 30%;
+
             padding-top: 18px;
−
             left: 4%;
+
             padding-bottom:15px;
−
             z-index: 100;
+
             background-color: white;
−
             background-color: #dec5df;
+
             font-size: 25px;
 +
            font-family: Calibri;
 +
            color: #0e7eb1;
 
         }
 
         }
 +
        .article h5{
 +
            display: block;
 +
            padding-top: 16px;
 +
            padding-bottom:15px;
 +
            background-color: white;
 +
            font-size: 18px;
 +
            font-family: Arial;
 +
            color: #3c7ab1;
 +
        }
 +
 +
 
     </style>
 
     </style>
  
Line 133: Line 180:
  
 
     <div class="content_part" id="masterdiv">
 
     <div class="content_part" id="masterdiv">
−
         <div class="menutitle" onclick="SwitchMenu('sub1')">Main Menu
+
        <a href="#A1">Wet Lab</a>
−
            <div class="little"></div>
+
         <div class="menutitle" onclick="SwitchMenu('sub1')">
 +
            <div class="little"></div>
 
         </div>
 
         </div>
 
         <ul class="my_submenu" id="sub1" style="display: block">
 
         <ul class="my_submenu" id="sub1" style="display: block">
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A11">Optogenetics</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A12">Motility</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A13">Riboswitch</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A14">Gene knockout</a></li>
 +
            <li><a href="#A15">Safety</a></li>
 
         </ul>
 
         </ul>
  
−
         <div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help
+
        <a href="#A2">Dry lab</a>
 +
         <div class="menutitle" onclick="SwitchMenu('sub2')">
 
             <div class="little"></div>
 
             <div class="little"></div>
 
         </div>
 
         </div>
 
         <ul class="my_submenu" id="sub2" style="display: block">
 
         <ul class="my_submenu" id="sub2" style="display: block">
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A21">models</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A22">Software</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A23">Hardware</a></li>
−
            <li><a href="/">Main Page</a></li>
+
 
         </ul>
 
         </ul>
  
−
         <div class="menutitle" onclick="SwitchMenu('sub3')" >Help Forum
+
        <a href="#A3">Human Practice</a>
−
            <div class="little"></div>
+
         <div class="menutitle" onclick="SwitchMenu('sub3')" >
 
         </div>
 
         </div>
−
        <ul class="my_submenu" id="sub3" style="display: block">
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
        </ul>
 
  
−
         <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links
+
 
−
            <div class="little"></div>
+
        <a href="#A4">Art Designer</a>
 +
         <div class="menutitle" onclick="SwitchMenu('sub4')">
 +
        </div>
 +
 
 +
 
 +
        <a href="#A5">Acknowledgement</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub5')">
 
         </div>
 
         </div>
−
        <ul class="my_submenu" id="sub4" style="display: block">
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
        </ul>
 
  
 
     </div>
 
     </div>
  
 
     <div class="main_part">
 
     <div class="main_part">
−
          <img src="project.png" width="130px" height="2000px">
+
        <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--attribution.png"  width="168px" >
−
          <div class="pointer"> <img src="pointer.png"></div>
+
−
          <div class="article">
+
−
            <h2>1.overview</h2>
+
−
              <br/><br/>
+
−
              <h3>&nbsp;1.1 what's AR</h3>
+
−
              <br/>
+
−
              <p>
+
−
                  With the unprecedented rapid development in computer technology and the significant promotion in
+
−
                computing capacity, it is undeniable truth that computer and computer products such as smartphone
+
−
                  has played a great role in our lives. People spend their spare time using twitter and facebook, analyze
+
−
                data through computer applications, they can’t live without high-tech computer products. Contrary to the
+
−
                reality world that we actually exist in, computer creates a virtual world. Though computer itself is tangible,
+
−
                what emerges on the screen is an intangible product of a series of logical combination from electronic circuit.
+
−
                Our iGEM team in 2015 proposed the concept of “Mixed Reality Cell”, constructed by the interaction between the
+
−
                genetic oscillator and the e-oscillator, eventually leads to coupling and synchronization. However, existing in
+
−
                a world based on reality rather than mixed reality, computers are utilized as a tool to enhance one’s perception
+
−
                on reality and meet substantial requirements. This is a reality-oriented mixed-reality, which can also be called
+
−
                augmented reality (AR).
+
−
            </p>
+
−
              <br/><br/><br/><br/><br/>
+
  
−
            <h3>
 
−
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
−
                1.2 BioPafiar!</h3>
 
  
−
            <br/><br/>
+
        <div class="article">
−
            <p>
+
            <h2 class="head" >Attributions</h2>
−
              The growth of bacteria complies with certain laws, among which the easiest would be the law of reproduction-diffusion,
+
−
                under whose control the shape of colony would appears to be round. If a total regulation on bacterial growth is added,
+
−
                for example the enhancement on its motility, the size of colony will be larger; if a local regulation is imposed on
+
−
                bacteria growth, the round shape of the colony will disappear; if the regulation is time-dependent, the regulation will
+
−
                make adjustment according to the certain circumstance of the bacterial colony at specific time. Therefore, the shape of
+
−
              the bacterial lawn will match our intended design. In contrary to the isolated state in nature, the cells and computer
+
−
              together forms a system, which is composed of both reality and virtual world, and reality occupied most part of the
+
−
                augmented reality system. In the system, the pattern formation of the bacteria population will be established as required.
+
−
                So we design this project to propose a concept that biochemistry reaction in different kinds of biological stimulation can
+
−
                be mimicked by placing cells in AR system, such as synthesis of enzymes, signal transduction, and bio-pattern formation.
+
−
              In addition, in the near future, this AR system can be applied in medical field or in our daily lives. For example, biological
+
−
              material 3D printing, and in vitro induction of tissue or organ.
+
−
              Welcome to our project: BioPafiar!
+
−
            </p>
+
  
 +
            <p>Integrative Design of circuit: Pan Chu, Kangjian Hua</p>
  
−
            <br/>
 
−
            <h2>2.Background</h2>
 
−
          </div>
 
  
 +
            <div class="random"><a id="A1" ></a></div>
 +
            <h3>Wet Lab</h3>
 +
 +
            <div class="random"><a id="A11" ></a></div>
 +
            <h4>Optogenetics</h4>
 +
            <p>Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li</p>
 +
            <p>Data detection on TCS: Boyao Zhang, Jun Li</p>
 +
 +
            <div class="random"><a id="A12" ></a></div>
 +
            <h4>Motility</h4>
 +
            <p>Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu</p>
 +
            <p>Figure collection of motility： Zewen Ding, Wenqi Huang, Wen Wang</p>
 +
            <p>Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang</p>
 +
            <p>Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang</p>
 +
 +
            <div class="random"><a id="A13" ></a></div>
 +
            <h4>Riboswitch</h4>
 +
            <p>Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang</p>
 +
            <p>Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang</p>
 +
 +
            <div class="random"><a id="A14" ></a></div>
 +
            <h4 id="A14">Gene knockout</h4>
 +
            <p>Gene knockout: Boyao Zhang</p>
 +
 +
            <div class="random"><a id="A15" ></a></div>
 +
            <h4 id="A14">Safety</h4>
 +
            <p>Safety:Jun Li,Wenqi Huang</p>
 +
 +
            <div class="random"><a id="A2" ></a></div>
 +
            <h3>Dry lab</h3>
 +
 +
            <div class="random"><a id="A21" ></a></div>
 +
            <h4 >models</h4>
 +
            <p>Modeling on motility dynamics: Kangjian Hua</p>
 +
            <p>Modeling on motility cellular model: Bochen Cheng</p>
 +
            <p>Modeling on genetic circuits: Bochen Cheng</p>
 +
 +
            <div class="random"><a id="A22" ></a></div>
 +
            <h4 id="A22">Software</h4>
 +
            <p>Software design: Kangjian Hua, Bochen Cheng</p>
 +
            <p>Design on video: Kangjian Hua</p>
 +
            <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p>
 +
 +
            <div class="random"><a id="A23" ></a></div>
 +
            <h4 >Hardware</h4>
 +
            <p>Design: Zhihao Li, Yang Bai</p>
 +
            <p>Manufacture and welding of PCB: Zhihao Li</p>
 +
            <p>Download of SCM: Zhihao Li</p>
 +
            <p>Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua</p>
 +
            <p>Programming: Yang Bai</p>
 +
 +
 +
            <div class="random"><a id="A3" ></a></div>
 +
            <h3>Human Practice</h3><br/>
 +
            <p>Collaboration and communication with other teams: Xinran Zhao, Haimeng Li</p>
 +
            <p>Handbook manufacture: all iGEM members</p>
 +
 +
 +
            <div class="random"><a id="A4" ></a></div>
 +
            <h3> Art Designer</h3>
 +
            <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p><br/>
 +
            <p style="font-size:30px !important">Detailed attributions can be found <a href = "https://2016.igem.org/Team:HZAU-China/Detailed-Attributions">here.</a><p><br/><br/>
 +
         
 +
            <h4> Acknowledgement:</h4>
 +
 +
                </p><p>For each parts of experiments, our appreciations are as follow:</p>
 +
                <h5>Gene knock out</h5>
 +
                <p>Thanks to Dr. Youming Zhang’s laboratory, Shandong University, for sharing the material and instruction on method.</p>
 +
              <h5>Riboswitch</h5>
 +
                <p>Thanks to Professor Jin He’s lab, Huazhong Agricultural University, for sharing the material (Gene: pleD, tandem riboswitch; Plasmid: pETb ) and special thanks to Dr. Xinfeng Li, for his proposal of gene circuit assembly. </p>
 +
                <p>The paper (Characterization of a natural tripletandem c-di-GMP riboswitch and application of the riboswitch-based dual-fluorescence reporter ) provides the experiment design idea.</p>
 +
                <h5>Motility</h5>
 +
                <p>Thanks to Dr. Chenli Liu from SIAT CSynBER enerous share(Strain: Escherichia coli MG1655, CL-1), our experiment can process successfully.</p>
 +
                <h5>We really appreciate your support!</h5>
 +
 +
 +
        </div>
  
 
     </div>
 
     </div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 07:49, 31 December 2016

attribution

Wet Lab
Dry lab
Human Practice
Art Designer
Acknowledgement

Attributions

Integrative Design of circuit: Pan Chu, Kangjian Hua

Wet Lab

Optogenetics

Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li

Data detection on TCS: Boyao Zhang, Jun Li

Motility

Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu

Figure collection of motility： Zewen Ding, Wenqi Huang, Wen Wang

Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang

Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang

Riboswitch

Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang

Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang

Gene knockout

Gene knockout: Boyao Zhang

Safety

Safety:Jun Li,Wenqi Huang

Dry lab

models

Modeling on motility dynamics: Kangjian Hua

Modeling on motility cellular model: Bochen Cheng

Modeling on genetic circuits: Bochen Cheng

Software

Software design: Kangjian Hua, Bochen Cheng

Design on video: Kangjian Hua

Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao

Hardware

Design: Zhihao Li, Yang Bai

Manufacture and welding of PCB: Zhihao Li

Download of SCM: Zhihao Li

Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua

Programming: Yang Bai

Human Practice


Collaboration and communication with other teams: Xinran Zhao, Haimeng Li

Handbook manufacture: all iGEM members

Art Designer

Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen


Detailed attributions can be found here.



Acknowledgement:

For each parts of experiments, our appreciations are as follow:

Gene knock out

Thanks to Dr. Youming Zhang’s laboratory, Shandong University, for sharing the material and instruction on method.

Riboswitch

Thanks to Professor Jin He’s lab, Huazhong Agricultural University, for sharing the material (Gene: pleD, tandem riboswitch; Plasmid: pETb ) and special thanks to Dr. Xinfeng Li, for his proposal of gene circuit assembly.

The paper (Characterization of a natural tripletandem c-di-GMP riboswitch and application of the riboswitch-based dual-fluorescence reporter ) provides the experiment design idea.

Motility

Thanks to Dr. Chenli Liu from SIAT CSynBER enerous share(Strain: Escherichia coli MG1655, CL-1), our experiment can process successfully.

We really appreciate your support!