Difference between revisions of "Team:WHU-China/Human Practices"

 
(49 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>HP</title>
 
 
<style>
 
<style>
.background {
+
#content{
overflow: visible;
+
background:#C1F2FF;
visibility: visible;
+
}
z-index:-1;
+
.c_row{
position: realative;  
+
margin: 0 auto;
width: 100%;  
+
width:1000px;
top: 0px;  
+
left: 0px;  
+
}
height: auto;
+
html{
}
+
margin:0;
.pD1 {
+
padding:0;
position: absolute;
+
height:100%;
visibility: visible;
+
weight:100%;
z-index: 0;
+
}
height: 40%;
+
body{
width: 40%;
+
  overflow-y:auto;
left: 55%;
+
  overflow-x:hidden;
top: 30%;
+
  background:#C1F2FF;
bottom: 10%;
+
  font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
+
}
 +
p{
 +
  font-size:24px;
 +
}
 +
h1{
 +
  font-size:34px;
 +
  font-weight:400;
 +
}
 +
h2{
 +
  font-size:30px;
 +
  font-weight:400;
 +
  position:relative;
 +
  left:20px;
 +
    }
 +
h3{
 +
  font-size:28px;
 +
  font-weight:400;
 +
  position:relative;
 +
  left:30px;
 +
    }
  
.pD2 {
+
h4{
position: absolute;
+
  font-size:26px;
visibility: visible;
+
  font-weight:400;
z-index: 0;
+
  position:relative;
height: 40%;
+
  left:40px;
width: 35%;
+
    }
left: 10%;
+
top: 50%;
+
bottom: 10%;
+
}
+
  
.pD3 {
+
h1,h2,h3,h4{
position: absolute;
+
  font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
visibility: visible;
+
z-index: 0;
+
height: 40%;
+
width: 35%;
+
left: 10%;
+
top: 10%;
+
bottom: 10%;
+
 
}
 
}
  
.pD4 {
+
img{
position: absolute;
+
width:100%;
visibility: visible;
+
height:100%;
z-index: 0;
+
max-height:100%;
height: 50%;
+
max-width:100%;
width: 45%;
+
}
left: 45%;
+
</style>
top: 40%;
+
bottom: 10%;
+
}
+
 
+
.pD5 {
+
position: absolute;
+
visibility: visible;
+
z-index: 0;
+
height: 40%;
+
width: 35%;
+
left: 10%;
+
top: 5%;
+
bottom: 10%;
+
}
+
  
 +
<style>
  
.pD6 {
+
a:link,
position: absolute;
+
a:hover,
visibility: visible;
+
a:visited,
z-index: 0;
+
a:active {
height: 40%;
+
  color: #fff;
width: 20%;
+
  text-decoration: none;
left: 10%;
+
top: 45%;
+
bottom: 10%;
+
 
}
 
}
  
.pD7 {
+
.card-holder {
position: absolute;
+
  position: fixed;
visibility: visible;
+
  top:200px;
z-index: 0;
+
  width: 0px;
height: 45%;
+
  overflow: visible;
width: 35%;
+
left: 25%;
+
top: 5%;
+
bottom: 10%;
+
 
}
 
}
  
.pD8 {
+
.card-wrapper {
position: absolute;
+
  display: inline-block;
visibility: visible;
+
  float: right;
z-index: 0;
+
  clear: both;
height: 45%;
+
width: 35%;
+
left: 25%;
+
top: 50%;
+
bottom: 10%;
+
 
}
 
}
  
.pD9 {
+
.card {
position: absolute;
+
  position: relative;
visibility: visible;
+
  left: 80%;
z-index: 0;
+
  margin: 12px;
height: 45%;
+
  padding: 16px 32px 16px 64px;
width: 35%;
+
  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
left: 60%;
+
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
top: 5%;
+
  background: #fff;
bottom: 10%;
+
  transition: all 0.3s ease-in-out 0.1s;
 
}
 
}
  
.pD10 {
+
.card:hover {
position: absolute;
+
  position: relative;
visibility: visible;
+
  left: 100%;
z-index: 0;
+
  margin-left: -32px;
height: 45%;
+
  box-shadow:  
width: 35%;
+
    0 -8px 8px -8px rgba(0, 0, 0, 0.5),
left: 60%;
+
    0 8px 8px -8px rgba(0, 0, 0, 0.5);
top: 50%;
+
  transition: all 0.3s ease-in-out;
bottom: 10%;
+
 
}
 
}
  
.pD11 {
+
.card-content {
position: absolute;
+
  display: inline-block;
visibility: visible;
+
  color: #fff;
z-index: 0;
+
  font-family: 'Droid Sans', sans-serif ,"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
height: 45%;
+
  font-size: 16px;
width: 40%;
+
  font-weight: bold;
left: 10%;
+
  white-space: nowrap;
top: 5%;
+
bottom: 10%;
+
 
}
 
}
  
.pD12 {
+
.bg-01 { background: #9AE0FF; }
position: absolute;
+
.bg-02 { background: #57BDFC; }
visibility: visible;
+
z-index: 0;
+
height: 45%;
+
width: 40%;
+
left: 10%;
+
top: 50%;
+
bottom: 10%;
+
}
+
  
.pD13 {
+
#t_tab1{}
position: absolute;
+
#t_tab2{}
visibility: visible;
+
z-index: 0;
+
height: 45%;
+
width: 40%;
+
left: 50%;
+
top: 50%;
+
bottom: 10%;
+
}
+
  
.pD14 {
+
</style>
position: absolute;
+
visibility: visible;
+
z-index: 0;
+
height: 45%;
+
width: 35%;
+
left: 10%;
+
top: 5%;
+
bottom: 10%;
+
}
+
  
.pD15 {
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
position: absolute;
+
<title>HP</title>
visibility: visible;
+
</head>
z-index: 0;
+
<body>
height: 45%;
+
<header>
width: 35%;
+
<div class="container agile-banner_nav">
left: 10%;
+
<div class="row header-top">
top: 50%;
+
                  <div class="col-md-5 top-left p-0">
bottom: 10%;
+
<p> IGEM-WHU </p>
}
+
</div>
 
+
<div class="col-md-7 top-right p-0">
.pD16 {
+
</div>
position: absolute;
+
                </div>
visibility: visible;
+
z-index: 0;
+
height: 50%;
+
width: 45%;
+
left: 45%;
+
top: 45%;
+
bottom: 10%;
+
 
 
}
+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
 +
 +
<h1><a class="navbar-brand" href="https://2018.igem.org/Team:WHU-China">IGEM - WHU</a></h1>
 +
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
<span class="navbar-toggler-icon"></span>
 +
</button>
  
.pD17 {
+
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
position: absolute;
+
<ul class="navbar-nav ml-auto">
visibility: visible;
+
<li class="nav-item">
z-index: 0;
+
<a class="nav-link" href="https://2018.igem.org/Team:WHU-China">Home <span class="sr-only">(current)</span></a>
height: 60%;
+
</li>
width: 40%;
+
                   
left: 5%;
+
<li class="dropdown nav-item">
top: 30%;
+
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Project
bottom: 10%;
+
<b class="caret"></b>
+
</a>
}
+
<ul class="dropdown-menu agile_short_dropdown">
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Experiments">Experiments</a></li>
 +
                                <li><a href="https://2018.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
 +
                                <li><a href="https://2018.igem.org/Team:WHU-China/Protocol">Protocol</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Model">Modelling</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Improve">Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Future_plan">Furture plans</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/InterLab">InterLab</a></li>
 +
                                <li><a href="https://2018.igem.org/Team:WHU-China/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
                   
 +
                   
 +
<li class="dropdown nav-item">
 +
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Team
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu agile_short_dropdown">
 +
                        <li><a href="https://2018.igem.org/Team:WHU-China/Team">Team members</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:WHU-China/Attributions">Attribution</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:WHU-China/Collaborations">Collaboration</a></li>
 +
</ul>
 +
</li>
  
.pD18 {
+
                    <li class="dropdown nav-item">
position: absolute;
+
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Parts
visibility: visible;
+
<b class="caret"></b>
z-index: 0;
+
</a>
height: 30%;
+
<ul class="dropdown-menu agile_short_dropdown">
width: 20%;
+
                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts">Overview</a></li>
left: 45%;
+
                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Basic_parts">Basic parts</a></li>
top: 30%;
+
                                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Composite parts">Composite parts</a></li>
bottom: 10%;
+
</ul>
+
</li>
}
+
  
.pD19 {
+
                    <li class="dropdown nav-item active">
position: absolute;
+
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">HP
visibility: visible;
+
<b class="caret"></b>
z-index: 0;
+
</a>
height: 30%;
+
<ul class="dropdown-menu agile_short_dropdown">
width: 20%;
+
    <li><a href="https://2018.igem.org/Team:WHU-China/Human_Practices">Human Practice</a></li>
left: 45%;
+
                   
top: 60%;
+
                      <li><a href="https://2018.igem.org/Team:WHU-China/Public_Engagement">Education engagement</a></li>
bottom: 10%;
+
</ul>
+
</li>
}
+
                   
 +
<li class="dropdown nav-item">
 +
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Awards
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu agile_short_dropdown">
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Medal_criteria">Meadal criteria</a></li>
 +
<li><a href="https://2018.igem.org/Team:WHU-China/Applied_Design">Applied design</a></li>
 +
                <li><a href="https://2018.igem.org/Team:WHU-China/Hardware">Hardware</a></li>
 +
                <li><a href="https://2018.igem.org/Team:WHU-China/Measurement">Measurement</a></li>
 +
</ul>
 +
</li>
 +
<li class="nav-item pr-lg-0">
 +
<a class="nav-link pr-lg-0" href="https://2018.igem.org/Team:WHU-China/Device">Device</a>
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
</nav>
 +
</div>
 +
</header>
  
.pD20 {
 
position: absolute;
 
visibility: visible;
 
z-index: 0;
 
height: 62%;
 
width: 55%;
 
left: 5%;
 
top: 29%;
 
bottom: 10%;
 
}
 
  
.pD21  {
+
<div class='card-holder'>
position: absolute;
+
  <div class='card-wrapper'>
visibility: visible;
+
    <a href='#t_tab1'>
z-index: 0;
+
      <div class='card bg-01'>
     left: 50%;
+
        <span class='card-content'>Human Practice</span>
top: 30%;
+
      </div>
height: 60%;
+
     </a>
width: 45%;
+
  </div>
}
+
  <div class='card-wrapper'>
 +
    <a href='#t_tab2'>
 +
      <div class='card bg-02'>
 +
        <span class='card-content'>Integrated HP</span>
 +
      </div>
 +
    </a>
 +
  </div>
 +
</div>
  
.pD22  {
+
<div style="margin:0 auto;width:100%;">
position: absolute;
+
<img src="https://static.igem.org/mediawiki/2018/d/d5/T--WHU-China--wiki-HP_banner.png" alt="" style="max-height:900px;">
visibility: visible;
+
</div>
z-index: 0;
+
    left: 5%;
+
top: 25%;
+
height: 65%;
+
width: 55%;
+
}
+
  
.pD23  {
+
<div class="c_row" id="t_tab1">
position: absolute;
+
<br/><br/><br/>
visibility: visible;
+
<h1 style="font-size:40px;">Human Practices Overview</h1>
z-index: 0;
+
<br/>
    left: 10%;
+
<h4>Only laboratory can't produce a great project! There must be some interaction between your design, your project with the real world——we must enter the society, factory,sewage plant, classroom and even other laboratories! In this section-HP overview, we will introduce how our project affected the world and be affected by the world briefly, it does not only contain why our project is respondible for the world, but also tell you how our design was improved step by step with the help of Human Practice. To see it more clearly, <span style="color:red;font-weight:700;">integrated HP is just below the HP overview in this page, and education+public engagement is on the next page.</span>
top: 10%;
+
</h4>
height: 30%;
+
<br/>
width: 20%;
+
<h1>1.Candlelight navigation—communicate with professor</h1>
}
+
<br />
 +
<p style="font-size:22px;">The motivation of our project came from a conversation between a professor and some of our team members.
 +
In Wuhan University, “Candlelight navigation” is an opportunity for students to directly communicate with professors and get instruction ranging from life to academy. By this chance, we had an unforgettable conversation with Professor Xin Lu who majored in bird ecology in May, 2017. He stressed the importance of environmental protection for many times:” The water of the East Lake used to be so clear that there were always many teachers and students swimming in it… However, because of the deterioration of the ecological environment and excessive sewage discharge, the East Lake was once covered with a layer of horrible green film. </p>
 +
<p style="font-size:22px;">From then on, we have no longer seen anyone swimming in the lake…”
 +
Since then, these words has been lingering in our minds. After a year, five people from that conversation joined iGEM. The purpose of the competition was to make the world a better place. At that time, we set the initial blueprint for our project.</p>
 +
<br />
 +
</div>
 +
<div class="c_row" style="text-align:center;">
 +
<img src="https://static.igem.org/mediawiki/2018/7/76/T--WHU-China--wiki-HP_main1.jpg" style="width:70%;">
 +
<br />
 +
</div>
 +
<div class="c_row">
 +
<h1>2.BioBuilder</h1>
 +
<br />
 +
<p style="font-size:22px;">In Wuhan University, iGEM group is builded in March every year. In order to learn more about synthetic biology, some of us visit Boston in winter vacation and take part in a course from Bio-builder in February, 2018. Dr. Natalie Kudull teaches us the basic knowledge of synthetic biology in a heuristic and guiding teaching way. </p>
 +
<br />
 +
</div>
  
.pD24  {
 
position: absolute;
 
visibility: visible;
 
z-index: 0;
 
    left: 30%;
 
top: 10%;
 
height: 30%;
 
width: 20%;
 
}
 
  
 +
<div class="c_row" style="text-align:center;">
 +
<img src="https://static.igem.org/mediawiki/2018/f/fc/T--WHU-China--wiki-HP_main2.jpg" style="width:60%;">
 +
<br />
 +
</div>
  
.pD25  {
 
position: absolute;
 
visibility: visible;
 
z-index: 0;
 
    left: 50%;
 
top: 10%;
 
height: 30%;
 
width: 20%;
 
}
 
  
 +
<div class="c_row">
 +
<h1>3.Visit iGEM headquarter</h1>
 +
<br />
 +
<p style="font-size:22px;">In that vocation, we also visited iGEM headquarters. We were full of enthusiasm for iGEM and decided to join the iGEM team, and contribute to make a better world…</p>
 +
<br />
 +
</div>
  
.pD26  {
+
<div class="c_row" style="text-align:center;">
position: absolute;
+
<img src="https://static.igem.org/mediawiki/2018/7/7e/T--WHU-China--wiki-HP_main3.png" style="width:75%;">
visibility: visible;
+
  <br />
z-index: 0;
+
</div>
    left: 70%;
+
top: 10%;
+
height: 30%;
+
width: 20%;
+
}
+
.pD27 {
+
position: absolute;
+
visibility: visible;
+
z-index: 0;
+
    left: 10%;
+
top: 40%;
+
height: 50%;
+
width: 20%;
+
}
+
  
 +
<div class="c_row">
 +
<h1>4.East Lake HP set</h1>
 +
<p style="font-size:22px;">(we put these 4 HP activity in this HP set, they are in a series and have strong connection with each other)</p>
 +
<h2>4.1 East Lake Water Quality Test</h2>
 +
<br />
 +
<p style="font-size:22px;">Later, in order to take a deep understanding of the environmental problem of the East Lake, especially the eutrophication, which is attributed to phosphorus content, we sampled from three different position of the East Lake, and measured the OD value after using the total phosphorus content measurement kit. After that, we compared it with prepared standard curve to measure the total phosphorus content of East Lake.</p>
 +
<br />
 +
</div>
 +
<div class="c_row" style="text-align:center;">
 +
<img src="https://static.igem.org/mediawiki/2018/a/a0/T--WHU-China--wiki-HP_main4.png" style="width:75%;">
 +
<br />
 +
</div>
  
.div {
+
<div class="c_row" style="text-align:center;">
position:relative;
+
  <table border="2px" cellpadding="0" cellspacing="0" width="999" bordercolor="#FFFFFF">
}
+
  <col width="161" />
 +
  <col width="169" span="3" />
 +
  <col width="169" />
 +
  <col width="162" />
 +
  <tr bgcolor="#4472C4">
 +
    <td width="161"><p style="font-size:18px;">number</p></td>
 +
    <td width="507" colspan="3"><p style="font-size:18px;">result(OD(700nm))</p></td>
 +
    <td width="169"><p style="font-size:18px;">average</p></td>
 +
    <td width="162"><p style="font-size:18px;">P concentration mg/L</p></td>
 +
  </tr>
 +
  <tr>
 +
    <td width="161" bgcolor="#4472C4"><p style="font-size:18px;">1</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.069</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.063</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.072</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.068</p></td>
 +
    <td width="162" bgcolor="#CFD5EA"><p style="font-size:18px;">0.79</p></td>
 +
  </tr>
 +
  <tr>
 +
    <td width="161" bgcolor="#4472C4"><p style="font-size:18px;">2 </p></td>
 +
    <td width="169" bgcolor="#E9EBF5"><p style="font-size:18px;">0.107</p></td>
 +
    <td width="169" bgcolor="#E9EBF5"><p style="font-size:18px;">0.109</p></td>
 +
    <td width="169" bgcolor="#E9EBF5"><p style="font-size:18px;">0.105</p></td>
 +
    <td width="169" bgcolor="#E9EBF5"><p style="font-size:18px;">0.107</p></td>
 +
    <td width="162" bgcolor="#E9EBF5"><p style="font-size:18px;">1.23</p></td>
 +
  </tr>
 +
  <tr>
 +
    <td width="161" bgcolor="#4472C4"><p style="font-size:18px;">3</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.097</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.097</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.096</p></td>
 +
    <td width="169" bgcolor="#CFD5EA"><p style="font-size:18px;">0.097</p></td>
 +
    <td width="162" bgcolor="#CFD5EA"><p style="font-size:18px;">1.17</p></td>
 +
  </tr>
 +
</table>
 +
<br />
 +
</div>
 +
 
  
.div_w1 {
+
<div class="c_row">
z-index: 0;
+
<p style="font-size:22px;">According to Vollenweider's classification criteria for reservoir lake nutrition status, the water quality of East Lake exceeded 7 to 10 times of the standard criteria. </p>
position: absolute;
+
<br />
left: 10%;
+
<h2>4.2 Questionnaire and interview</h2>
top: 5%;
+
<br />
bottom: 10%;
+
<p style="font-size:22px;">In order to know people’s understanding of the eutrophication pollution of the East Lake to make our project more realistic, we did some survey activities. We designed an electronic questionnaire and distributed it in Wuhan University, Xincun Street, East Lake community and the sewage treatment plant. In the end, 85 questionnaires were collected. We processed the data and the result is as follows:</p>
height: 90%;
+
<br />
width: 40%;
+
<div class="c_row" style="width:500px;">
filter:alpha(Opacity=80);
+
<img src="https://static.igem.org/mediawiki/2018/0/04/T--WHU-China--wiki-Hp_Questionnaire.jpg">
-moz-opacity:0.5;
+
</div>
opacity: 0.5;
+
<br />
background-color:#ffffff;
+
<h2>4.3 Synthetic biology enters the community</h2>
}
+
<br />
 +
<p style="font-size:22px;">In order to spread the idea of synthetic biology, we contacted with the local community and organized “WHU-iGEM come to the community, synthetic biology science activities”.
 +
We introduced GM, synthetic biology, and the pollution situation of the East Lake water quality to community. Meanwhile, the contents of our project was also included. Not only do we promoted synthetic biology, but also brought some science knowledge and technology to the residents, which enhanced the scientific awareness of them. Finally, this activity achieved great result.</p>
 +
<br />
 +
</div>
  
.div_w2 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--WHU-China--wiki-HP_main7.png" style="width:70%;">
position: absolute;
+
<br />
left: 45%;
+
</div>
top: 10%;
+
<div class="c_row">
height: 30%;
+
<h2>4.4 Summer camp of High school </h2>
width: 45%;
+
<br />
filter:alpha(Opacity=80);
+
<p style="font-size:22px;">Several high schools visited our collage of Life Science for a summer camp. We popularized the knowledge of biology and synthetic biology for them. Due to their strong demands, we also introduced our project to them and we actively discussed about it.</p>
-moz-opacity:0.5;
+
<div class="c_row" style="text-align:center;width:500px;">
opacity: 0.5;
+
<img src="https://static.igem.org/mediawiki/2018/f/f5/T--WHU-China--wiki-HP_main21.jpg">
background-color:#ffffff;
+
<br />
}
+
</div>
 +
<br />
 +
</div>
 +
<div class="c_row">
 +
<h1>5.Breakthrough——collaborate with IHB CAS</h1><br />
 +
<br />
 +
<h2>5.1 problem solving</h2>
 +
<br />
 +
<p style="font-size:22px;">After our first round of brainstorm, we found that there is a flaw in our design— we didn’t take the bacteria resistance into consideration. If we intended to use synthetic biology to solve eutrophication, the harmful substances in the environmental water body would have an impact on the expression and bacteria survival, so as the resistance problem. Realizing this, we visited the authoritative algae research base in China—— Institute of hydrobiology, Chinese Academy of Sciences, in April. R. Zhang introduced the most advanced sewage treatment method - the bacterial and algal symbiosis system and the biofilm system. Then, we systematically reviewed the relevant information of it, and made dramatically improved and improvement to our design.</p>
 +
<br />
 +
</div>
  
.div_w3 {
+
<div class="c_row">
z-index: 0;
+
position: absolute;
+
<div class="c_row" style="width:375px;float:left;">
left: 45%;
+
<img src="https://static.igem.org/mediawiki/2018/3/3b/T--WHU-China--wiki-HP_main8a.jpg">
top: 5%;
+
</div>
height: 40%;
+
<div class="c_row" style="width:500px;float:right;">
width: 55%;
+
<img src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-HP_main8.jpg">
filter:alpha(Opacity=80);
+
</div>
-moz-opacity:0.5;
+
</div>
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w4 {
+
<div class="c_row" style="clear:both;">
z-index: 0;
+
<p style="font-size:22px;">the left picture shows the group leader of lab B was discussing with R. Zhang</p>
position: absolute;
+
<br />
left: 5%;
+
<h2>5.2 new lab for WHU-China</h2>
top: 5%;
+
<br />
height: 90%;
+
<p style="font-size:22px;">After redesign our project, we found that there were insufficient equipment in our scientific training lab. Fortunately, IHB CAS generously extend a hand to us. R. Zhang instruct us to carry out the experiment related to algae research.</p>
width: 20%;
+
<br />
filter:alpha(Opacity=80);
+
</div>
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w5 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/c/cc/T--WHU-China--wiki-HP_main9.jpg" style="width:75%;">
position: absolute;
+
<br />
left: 50%;
+
</div>
top: 5%;
+
height: 45%;
+
width: 40%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_s {
+
<div class="c_row">
z-index: 0;
+
<h1>6. Synthetic biology enters the classroom!</h1>
position: absolute;
+
<br />
left: 15%;
+
<p style="font-size:22px;">In April 2018, we carried out the "Synthetic Biology Science Lecture, Microbial Plate Graffiti Competition", and did propaganda and education work. We guided them to understand the concept of engineering bacteria. To make the learnig process fun, we organized a microbial flat-grain graffiti competition by using engineered E. coli as painting material. This activity gave us the opportunity to educate children about synthetic biology and introduce iGEM.</p>
top: 15%;
+
</div>
height: 70%;
+
width: 70%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w6 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/a/a6/T--WHU-China--wiki-HP_main10.jpg" style="width:60%;">
position: absolute;
+
<br />
left: 45%;
+
</div>
top: 5%;
+
height: 40%;
+
width: 45%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w7 {
+
<div class="c_row">
z-index: 0;
+
<h1>7. Visit BGI!</h1>
position: absolute;
+
<br />
left: 5%;
+
<p style="font-size:22px;">We visited BGI headquarter in May, 2018. During this trip to BGI, we were fortunate to have the chance to communicate with the instructor of the Huada High school team (previously judge). She gave us a lot of help and provided us with some new idea in aspect of HP development and experimental design. By coincidence, we met her in CCIC and she give us some precious suggestions on how to give presentation.</p>
top: 10%;
+
<br />
height: 20%;
+
</div>
width: 45%;
+
<div class="c_row" style="text-align:center;">
filter:alpha(Opacity=80);
+
<img src="https://static.igem.org/mediawiki/2018/4/4b/T--WHU-China--wiki-HP_main11.jpg" style="width:60%;">
-moz-opacity:0.5;
+
<br />
opacity: 0.5;
+
</div>
background-color:#ffffff;
+
<div class="c_row" style="text-align:center;">
}
+
<img src="https://static.igem.org/mediawiki/2018/b/b3/T--WHU-China--wiki-HP_main12.jpg" style="width:60%;">
 +
<br />
 +
</div>
  
.div_w8 {
+
<div class="c_row">
z-index: 0;
+
<h1>8. Visit Bluepha!</h1>
position: absolute;
+
<br />
left: 50%;
+
<p style="font-size:22px;">We visited Bluepha in May, 2018. Bluepha is the first synthetic biology company in China and they have done a fascinating job in industrialization of synthetic biology. Member of Bluepha, our alumnus Boxiang Wang gave us some important suggestions on the guidance of the development of follow-up experiments. Moreover, it was very crucial that he advised us to try the CCAS/R optical switches, which we finally used and worked well in our project.</p>
top: 10%;
+
<br />
height: 20%;
+
</div>
width: 45%;
+
<div class="c_row" style="text-align:center;">
filter:alpha(Opacity=80);
+
<img src="https://static.igem.org/mediawiki/2018/3/31/T--WHU-China--wiki-HP_main13.jpg" style="width:70%;">
-moz-opacity:0.5;
+
<br />
opacity: 0.5;
+
</div>
background-color:#ffffff;
+
}
+
  
.div_w9 {
+
<div class="c_row">
z-index: 0;
+
<h1>9. Communication with Team SYSU</h1>
position: absolute;
+
<br />
left: 65%;
+
<p style="font-size:22px;">We met up with the iGEM team in Sun Yat-Sen University in May, introducing each other's projects, teams and experiments, sharing some experience in modeling, and exchanging ideas. We built strong friendship with each other and later they gave us a big help in modelling about data processing. We communicated with each other by video chat. </p>
top: 30%;
+
<br />
height: 60%;
+
</div>
width: 30%;
+
filter: alpha(Opacity=80);
+
-moz-opacity: 0.5;
+
opacity: 0.5;
+
background-color: #ffffff;
+
}
+
  
.div_w10 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/5/50/T--WHU-China--wiki-HP_main14.png" style="width:70%;">
position: absolute;
+
<br />
left: 5%;
+
</div>
top: 10%;
+
<div class="c_row" style="text-align:center;">
height: 20%;
+
<img src="https://static.igem.org/mediawiki/2018/5/50/T--WHU-China--wiki-HP_main15.png" style="width:70%;">
width: 55%;
+
<br />
filter:alpha(Opacity=80);
+
</div>
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w11 {
+
<div class="c_row">
z-index: 0;
+
<h1>10.Communication with Team worldshaper-wuhan</h1>
position: absolute;
+
<br />
left: 5%;
+
<p style="font-size:22px;">On July 31, 2018, the high school team worldshaper-wuhan came to visit us. In addition to giving them introduction on the project, we took the initiative to help them contact the community and provide them with a platform to showcase project and broadcast synthetic biology.</p>
top: 10%;
+
<br />
height: 15%;
+
</div>
width: 50%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w12 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/e/e7/T--WHU-China--wiki-HP_main16.png" style="width:70%;">
position: absolute;
+
<br />
left: 60%;
+
</div>
top: 30%;
+
height: 60%;
+
width: 35%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
 +
<div class="c_row">
 +
<h1>11.Sewage plant interview</h1>
 +
<br />
 +
<p style="font-size:22px;">We visited XSH Water Co., Ltd. to learn more about how the real factory works. The manager Zhang gave us a detailed introduction about the overall process of sewage disposal. He took us to the sewage treatment tank and showed us the drug add-on room as well as some laboratories equipped with sewage plants. We talked about our project and he thought our design was very creative——instead of controlling the sewage discharge,active remediation of environment is more direct. In addition, the idea of changing pollutant back to resource is very effective and exciting.</p>
 +
<br />
 +
</div>
  
.div_w13 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/4/47/T--WHU-China--wiki-HP_main17.jpg"style="width:70%;">
position: absolute;
+
<br />
left: 5%;
+
</div>
top: 10%;
+
height: 80%;
+
width: 45%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
.div_w14 {
+
<div class="c_row" style="text-align:center;">
z-index: 0;
+
<img src="https://static.igem.org/mediawiki/2018/6/6a/T--WHU-China--wiki-HP_main18.jpg" style="width:70%;">
position: absolute;
+
<br />
left: 60%;
+
</div>
top: 25%;
+
height: 65%;
+
width: 35%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
  
 
+
<div class="c_row">
.div_w15 {
+
<h1>12.CCiC meeting</h1>
z-index: 0;
+
<br />
position: absolute;
+
<p style="font-size:22px;">In summer, we participate in the biggest iGEMer communication meeting in China——CCiC. This meeting attracted nearly all teams in China, which is a brilliant platform for us to communicate, to learn and to reflect. During these wonderful days in Shanghai, not only did we broaden our horizon but also we got many suggestions on our project from other groups, for example XMU, SDU and HZAU. </p>
left: 30%;
+
<br />
top: 40%;
+
height: 50%;
+
width: 60%;
+
filter:alpha(Opacity=80);
+
-moz-opacity:0.5;
+
opacity: 0.5;
+
background-color:#ffffff;
+
}
+
.div_w16 {
+
z-index: 0;
+
position: absolute;
+
height: 40%;
+
width: 60%;
+
left: 30%;
+
top: 45%;
+
+
}
+
 
+
 
+
</style>
+
</head>
+
 
+
<body>
+
<div class="div">
+
<img class="background" src="https://static.igem.org/mediawiki/2018/d/da/T--WHU-China--wiki-prod.jpg">
+
 
</div>
 
</div>
  
 
+
<div class="c_row" style="text-align:center;">
<div class="div">
+
  <img src="https://static.igem.org/mediawiki/2018/d/d8/T--WHU-China--wiki-HP_main19.jpg" style="width:70%;">
  <img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
+
<br />
<div class="div_w1">
+
</div>
  <p style="font-family: Arial, Helvetica, sans-serif;
+
<div class="c_row" style="text-align:center;">
font-size: 1.25em;">
+
<img src="https://static.igem.org/mediawiki/2018/8/84/T--WHU-China--wiki-HP_main20.jpg" style="width:70%;">
    candlelight navigation—— communicate with professor like a friend
+
<br />
 
+
The college students who just entered the school have many confusions. “Candlelight navigation” is an opportunity for them to communicate with some professors. Last summer, as freshmen, we had an unforgettable conversation with Professor Lu Xin.
+
As a professor that majors in bird ecology, he stressed the importance of environmental protection for many times. I still remember the words he said on that day:” The water of the East Lake of Wuhan used to be so clear that there were always many teachers and students swimming in it…
+
However, because of the deterioration of the ecological environment and excessive sewage discharge, the East Lake was once covered with a layer of horrible green film.
+
Since then, we have no longer seen anyone swimming or playing in the lake…”
+
Since then, this sentence has been lingering in our minds because we can’t control ourselves not to imagine the picture.
+
After a year, Five people from the six at that time joined iGEM. The purpose of the competition was to make the world a better place. At that time, we set the initial direction for our ideas (time 2017.5).   
+
  </p>
+
</div>
+
<img class="pD1" src="https://static.igem.org/mediawiki/2018/6/60/T--WHU-China--wiki-hp1.png">
+
 
</div>
 
</div>
 +
<div>
 +
<br/><br/><br/><br/>
  
  
  
<div class="div">
 
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
 
<img class="pD2" src="https://static.igem.org/mediawiki/2018/c/c5/T--WHU-China--wiki-hp2.jpg">
 
<img class="pD3" src="https://static.igem.org/mediawiki/2018/7/74/T--WHU-China--wiki-hp3.jpg">
 
<img class="pD4" src="https://static.igem.org/mediawiki/2018/f/fe/T--WHU-China--wiki-hp4.jpg">
 
 
<div class="div_w2">
 
  <p style="font-family: Arial, Helvetica, sans-serif;
 
font-size: 1.3em;">
 
    We were curious about synthetic biology. In order to gain a deeper understanding of synthetic biology and iGEM, several of us visited iGEM headquarters during the winter vacation (2018.2). We were full of enthusiasm for iGEM and decided to join the iGEM team, and contribute our strength to make a better world…
 
  </p>
 
</div>
 
  
</div>
+
<div class="c_row" id="t_tab2">
  
<div class="div">
+
<h1 style="font-size:40px;">Integrated Human Practices</h1>
<img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
+
<br/>
<img class="pD5" src="https://static.igem.org/mediawiki/2018/7/7f/T--WHU-China--wiki-hp5.png" >
+
<p style="font-size:22px;">Rome was not built in a day, so as the establishment of our system. Step by step, we improved it in the process of thinking about how to better deal with the problem of eutrophication caused by excessive phosphorus in environmental waters. Finally, we discovered that the system we built can be applied to the processing of other elements. In the process, some HP plays a decisive role. In the integrated HP category, we will show how these HPs directly influence the direction of our project design—the impact of society and the environment on our projects.</p>
<img class="pD6" src="https://static.igem.org/mediawiki/2018/6/61/T--WHU-China--wiki-hp6.jpg">
+
<br />
<div class="div_w16">
+
<br />
<table style="width:100%;height:100%;" border="1" cellspacing="0" cellpadding="0">
+
<h4>Our general design step<a href="https://2018.igem.org/Team:WHU-China/Human_Practices/GD">(click to see details)</a>
  <tr>
+
</h4>
    <td width="90" valign="top"><p align="center">水样编号 </p></td>
+
<br />
    <td width="283" colspan="3" valign="top"><p align="center">测量结果(OD(700nm)) </p></td>
+
<br />
    <td width="94" valign="top"><p align="center">平均值 </p></td>
+
<h1>1.Candlelight navigation—— communicate with professor like a friend</h1>
    <td width="91" valign="top"><p align="center">磷浓度mg/L</p></td>
+
<br />
  </tr>
+
  <tr>
+
    <td width="90" valign="top"><p align="center">1号水样 </p></td>
+
    <td width="94" valign="top"><p align="center">0.069</p></td>
+
    <td width="94" valign="top"><p align="center">0.063</p></td>
+
    <td width="94" valign="top"><p align="center">0.072</p></td>
+
    <td width="94" valign="top"><p align="center">0.068</p></td>
+
    <td width="91" valign="top"><p align="center">0.79</p></td>
+
  </tr>
+
  <tr>
+
    <td width="90" valign="top"><p align="center">2号水样 </p></td>
+
    <td width="94" valign="top"><p align="center">0.107</p></td>
+
    <td width="94" valign="top"><p align="center">0.109</p></td>
+
    <td width="94" valign="top"><p align="center">0.105</p></td>
+
    <td width="94" valign="top"><p align="center">0.107</p></td>
+
    <td width="91" valign="top"><p align="center">1.23</p></td>
+
  </tr>
+
  <tr>
+
    <td width="90" valign="top"><p align="center">3号水样 </p></td>
+
    <td width="94" valign="top"><p align="center">0.097</p></td>
+
    <td width="94" valign="top"><p align="center">0.097</p></td>
+
    <td width="94" valign="top"><p align="center">0.096</p></td>
+
    <td width="94" valign="top"><p align="center">0.097</p></td>
+
    <td width="91" valign="top"><p align="center">1.17</p></td>
+
  </tr>
+
</table>
+
</div>
+
<div class="div_w3">
+
  <p style="font-family: Arial, Helvetica, sans-serif;
+
font-size: 1.2em;">
+
    East Lake Water Quality Test<br>
+
  
    Later, in order to understand the eutrophication of the East Lake water quality more clearly, especially the phosphorus content, we went to three different places in the East Lake for sampling, and measured the OD value after processing with the total phosphorus content measurement kit, and prepared well. The standard curve is compared to measure the total phosphorus content of Donghu Lake
+
<p style="font-size:22px;">The motivation of our project came from a conversation between a professor and some of our team members.
    <br>
+
In Wuhan University, “Candlelight navigation” is an opportunity for students to directly communicate with professors and get instruction ranging from life to academy. By this chance, we had an unforgettable conversation with Professor Xin Lu who majored in bird ecology. He stressed the importance of environmental protection for many times:” The water of the East Lake used to be so clear that there were always many teachers and students swimming in it… However, because of the deterioration of the ecological environment and excessive sewage discharge, the East Lake was once covered with a layer of horrible green film.  
According to Vollenweider's classification criteria for reservoir lake nutrition status, if the total phosphorus content is greater than 0.1ml/L, the eutrophication standard is reached. According to the data we measured, the water quality of Donghu Lake has exceeded 7 to 10 times the standard .
+
From then on, we have no longer seen anyone swimming in the lake…”</p>
  </p>
+
</div>
+
 
</div>
 
</div>
  
<div class="div">
+
<div class="c_row" style="text-align:center;">
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
+
<img src="https://static.igem.org/mediawiki/2018/6/64/T--WHU-China--wiki-intergratedHP_main1.png" style="width:80%;">
<div class="div_w4">
+
<br />
  <p style="font-family: Arial, Helvetica, sans-serif;
+
</div>
font-size: 1.2em;">
+
<div class="c_row">
    4. Eutrophication in people's minds- Questionnaire and interview
+
<p style="font-size:22px;">Since then, these words has been lingering in our minds. After a year, five people from that conversation joined iGEM. The purpose of the competition was to make the world a better place. At that time, we set the initial blueprint for our project.</p>
    <br>
+
<p style="font-size:22px;">East Lake is the second biggest lake in the city in China and Wuhan University is located on the shore of it. Therefore, it is convenient for us to see it, the once beautiful East Lake. . .</p>
In order to make our project closer to the society, we have completed some survey activities to understand the residents and students' understanding of the eutrophication pollution of the East Lake, especially for the eutrophication. We designed an electronic questionnaire and distributed questionnaires in Wuhan University, Xincun Street, Donghu Lake community and sewage treatment plant. A total of 85 questionnaires were collected. We processed the data of these questionnaires. The results are as follows:
+
<p style="font-size:22px;">Eutrophication is a big problem in China, In the past few decades, many beautiful rivers and lakes have become no longer clear due to eutrophication, and the delicate ecosystem has been destroyed. East Lake is one of them…</p>
 
+
<br />
  </p>
+
</div>
+
<img class="pD7" src="https://static.igem.org/mediawiki/2018/e/ea/T--WHU-China--wiki-hp7.png">
+
  <img class="pD8" src="https://static.igem.org/mediawiki/2018/3/3f/T--WHU-China--wiki-hp8.png">
+
<img class="pD9" src="https://static.igem.org/mediawiki/2018/d/db/T--WHU-China--wiki-hp9.png">
+
<img class="pD10" src="https://static.igem.org/mediawiki/2018/6/67/T--WHU-China--wiki-hp10.png">
+
+
 
</div>
 
</div>
  
 
+
<div class="c_row" style="text-align:center;">
 
+
<img src="https://static.igem.org/mediawiki/2018/d/dd/T--WHU-China--wiki-intergratedHP_main2.png" style="width:80%;">
<div class="div">
+
<br />
<img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
+
<img class="pD11" src="https://static.igem.org/mediawiki/2018/e/e6/T--WHU-China--wiki-hp11.png">
+
 
+
<img class="pD12" src="https://static.igem.org/mediawiki/2018/c/c8/T--WHU-China--wiki-hp12.png">
+
 
+
<img class="pD13" src="https://static.igem.org/mediawiki/2018/0/00/T--WHU-China--wiki-hp13.png">
+
<div class="div_w5">
+
  <p style="font-family: Arial, Helvetica, sans-serif;
+
font-size: 1em;">
+
  Through the data of the questionnaire, we can see that most people are aware of the pollution in the East Lake water body and said that they have a certain understanding of the situation.
+
This shows that many people, especially young people, are aware of the importance of managing water pollution. But when we asked if we knew about the eutrophication problem in Donghu, only little people said that the problem of eutrophication of water is a very common problem of water pollution, but few people really know what is rich in water. What are the indicators of eutrophication and eutrophication of water? How should water eutrophication be treated? This shows that most people understand that the water quality of Donghu Lake has certain problems, but the details are rarely known. This tells us that we need to do more public education about the details of these water pollution. At the same time, it is necessary to continue to complete our project.
+
  </p>
+
</div>
+
 
</div>
 
</div>
  
<div class="div">
+
<div class="c_row">
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
+
<p style="font-size:22px;">In the following year, we have been thinking about how to solve the problem of eutrophication more effectively., and we determined our project – phosphorus accumulation, the content of phosphorus is the key to eutrophication. At the same time, we consider that the general phosphorus removal process is to directly fill the sludge containing phosphorus, because it is impossible to achieve "bacteria phosphorus separation". the release of phosphorus is introduced to our design, so that the phosphorus collected from the environment can be controlled by people and released as resources for reuse. It is a resource-friendly environmental treatment.</p>
<div class="div_s">
+
<br />
  <p style="font-family: Arial, Helvetica, sans-serif;
+
<br />
font-size: 1.4em;">
+
<h1>2. Breakthrough——collaborate with IHB CAS</h1>
  After the guidance of the teacher and the brainstorming, we chose the design of polyphosphate. Teacher Mao asked us the question, which is the problem of the bacteria resistance. If we really intend to use synthetic biology to solve eutrophication. Then, the harmful substances in the environmental water body will have an impact on the expression and bacteria survival, and it is necessary to consider the resistance problem. We visited the very famous algae research base in China, the Aquatic Institute, in April. Mr. Zhang introduced us to the most advanced sewage treatment method - the bacterial and algal symbiosis system and the biofilm system. After we went back, We systematically reviewed the relevant information, and greatly improved and improved our design.
+
<br />
  </p>
+
<p style="font-size:22px;">After we discussed our thoughts with the professor Mao in the collage of Resources and Environment, he gave us some advice: If you want your ideas to become reality, you must consider the survival of the bacteria when they are exposed to contaminated water. We have not done so much thinking about the resistance of bacteria before.</p>
</div>
+
<p style="font-size:22px;">Then, we have consulted a lot of academic literature, and we found that it takes plenty of energy for bacteria to recycle phosphorus since this process involves Poly P dynamics. We also found that some environmental factors such as nitrogen content will not only affect the growth of bacteria, but also the efficiency of phosphorus accumulation.</p><br />
 +
<p style="font-size:22px;">We came across a big problem therefore because we can’t solve these problems by just adding a few pathways. </p>
 +
<br />
 +
<p style="font-size:22px;">Finally we went to the Institute of Hydrobiology, Chinese Academy of Sciences for help, R. Xuezhi Zhang introduced us a very advanced methods to treat the sewage—the symbiotic system of bacteria and algae! He also introduced us a symbiotic biofilm system, which is so helpful for our design and project improvement.</p>
 +
<br />
 
</div>
 
</div>
<div class="div">
 
<img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
 
<img class="pD14" src="https://static.igem.org/mediawiki/2018/f/f6/T--WHU-China--wiki-hp14.png">
 
<img class="pD15" src="https://static.igem.org/mediawiki/2018/8/8f/T--WHU-China--wiki-hp15.png">
 
<img class="pD16" src="https://static.igem.org/mediawiki/2018/b/ba/T--WHU-China--wiki-hp16.png">
 
 
<div class="div_w6">
 
  <p style="font-family: Arial, Helvetica, sans-serif;
 
font-size: 1em;">
 
   
 
6. Synthetic biology enters the classroom!
 
<br>
 
  
  In April 2018, we collaborated with the School of Life Sciences of Wuhan University to carry out the "Synthetic Biology Science Lecture, Microbial Flat Graffiti Competition", which enabled us to have the opportunity to educate children about synthetic biology and introduce them to iGEM and Our project. We first introduced the common microbial products around us, explained the mystery of yogurt and bean curd to children. After introducing the concept of microbes, we guided other children to understand the concept of engineering bacteria by exemplifying other microbes that dispel plastics. And then show the children an abstract synthetic biology.
+
<div class="c_row">
Finally, in order to enhance the children's understanding and understanding of synthetic biology, we conducted a microbial flat-grain graffiti competition, using LB solid plates with IPTG and introduction of related plasmids to express GFP as E. coli.
+
 
+
  </p>
+
</div>
+
</div>
+
<div class="div">
+
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
+
<img class="pD17" src="https://static.igem.org/mediawiki/2018/5/54/T--WHU-China--wiki-hp17.jpg">
+
<img class="pD18" src="https://static.igem.org/mediawiki/2018/4/44/T--WHU-China--wiki-hp18.jpg">
+
<img class="pD19" src="https://static.igem.org/mediawiki/2018/4/4e/T--WHU-China--wiki-hp19.jpg">
+
<div class="div_w7">
+
  <p  style="font-family: Arial, Helvetica, sans-serif;
+
    text-align:center;
+
font-size: 3.0em;">
+
    Visit Huada and Bluepha!
+
  </p>
+
</div>
+
 
   
 
   
  <div class="div_w8">
+
  <div class="c_row" style="width:375px;float:left;">
  <p style="font-family: Arial, Helvetica, sans-serif;
+
<img src="https://static.igem.org/mediawiki/2018/3/3b/T--WHU-China--wiki-HP_main8a.jpg">
font-size: 1.2em;
+
    ">
+
  During this trip to Huada, we were also fortunate to have exchanges with the instructor of the Huada High school team (previously judge). She gave us a lot of help and provided us with some aspects in HP development and experimental design.  
+
  </p>
+
 
  </div>
 
  </div>
+
  <div class="c_row" style="width:500px;float:right;">
  <div class="div_w9">
+
<img src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-HP_main8.jpg">
  <p style="font-family: Arial, Helvetica, sans-serif;
+
font-size: 1.5em;text-align:center;"><br>
+
<br>
+
During the communication with Bluepha, alumnus Wang Boxiang affirmed our project and gave important suggestions for the selection and guidance of optical switches and the development of follow-up experiments.
+
 
+
  </p>
+
 
  </div>
 
  </div>
 
 
 
 
</div>
 
</div>
<div class="div">
+
<div class="c_row" style="clear:both;">
<img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
+
<p style="font-size:22px;">the left picture shows the group leader of lab B was discussing with R. Zhang</p>
<div class="div_w10">
+
<br/>
  <p style="font-family: Arial, Helvetica, sans-serif;
+
<p style="font-size:22px;">The symbiotic system can greatly improve the resistance of bacteria and the algae can reduce nitrogen content in water. The EPS (extracellular poly substances) can trap almost all kinds of harmful chemical agents. Furthermore, algae can provide bacteria energy through photosynthesis. The problems that troubled us can be completely solved by introducing a symbiotic system, and even make it better!</p><br />
    text-align:center;
+
<p style="font-size:22px;">After that, we improve our project and carefully re-design the whole system!</p>
font-size: 2.8em;">
+
<br />
    communication with Team SYSU
+
<p style="font-size:22px;">Our laboratory conditions were not sufficient to culture and monitor algae. Fortunately, we have cooperated with the Aquatic Institute and we sent a group of our team member to the Aquatic institute to complete the experiment of symbiotic and biofilm formation with the guidance of teachers!</p>
  </p>
+
<br />
</div>
+
</div>
  <img class="pD20" src="https://static.igem.org/mediawiki/2018/8/87/T--WHU-China--wiki-hp20.png">
+
  <div class="div_w12">
+
  
    <img src="https://static.igem.org/mediawiki/2018/9/96/T--WHU-China--wiki-hp21.jpg" style="float:left;heigrht:60%;width:60%;">
+
<div class="c_row" style="text-align:center;">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--WHU-China--wiki-intergratedHP_main3.png" style="width:80%;">
 +
<br />
 +
</div>
 +
<div class="c_row">
 +
<h1>3. Visit Bluepha!</h1>
 +
<br />
 +
<p style="font-size:22px;">During the communication with Bluepha, alumnus Boxiang Wang affirmed our project and gave us lots of suggestions. We talked about our project in detail. The most troublesome thing for us at the time was the search for optical switches. He recommended two valuable documents for us. Finally, we decided to use CcaS/R optical switch system and this system works well in our experiments!</p><br />
 +
</div>
  
  <style="font-family: Arial, Helvetica, sans-serif;
+
<div class="c_row" style="text-align:center;">
    text-align:center;
+
<img src="https://static.igem.org/mediawiki/2018/5/53/T--WHU-China--wiki-intergratedHP_main4.png" style="width:80%;">
font-size: 1.4em;">
+
<br />
    <br>
+
</div>
  
    We exchanged with Sun Yat-Sen University in May, describing each other's projects, teams and experiments, some experience in modeling, can be said to give us a very huge help!
+
<div class="c_row">
  </p>
+
<p style="font-size:22px;">He also gave us a follow-up experiment grouping and expanded recommendations, which were helpful.</p><br />
</div>
+
</div>
+
<div class="c_row" style="text-align:center;">
+
<img src="https://static.igem.org/mediawiki/2018/c/c5/T--WHU-China--wiki-intergratedHP_main5.png" style="width:80%;">
 +
<br /><br />
 
</div>
 
</div>
  
 
+
<div class="c_row">
<div class="div">
+
<h1>4. XSH Water Co., Ltd.</h1>
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
+
<br />
<div class="div_w8">
+
<p style="font-size:22px;">We visited XSH Water Co., Ltd. to learn more about how the real factory works. The manager Zhang gave us a detailed introduction about the overall process of sewage disposal. He took us to the sewage treatment tank and showed us the drug add-on room as well as some laboratories equipped with sewage plants. We talked about our project and he thought our design was very creative——instead of controlling the sewage discharge, active remediation of environment is more direct. In addition, the idea of changing pollutant back to resource is very effective and exciting.</p>
  <p style="font-family: Arial, Helvetica, sans-serif;
+
<p style="font-size:22px;">Besides the encouragement, we also learnt that most of sewage plant would make a direct landfill of sludge which contains phosphorus absorbed from polluted water. This is not a sustainable way for both environment and resource. This makes us more determined to complete the whole design chain from the pathway to the hardware application about our project.</p>
    text-align:center;
+
<br />
font-size: 2.2em;">
+
</div>
    Synthetic biology <br>
+
<div class="c_row" style="text-align:center;">
enters the community
+
<img src="https://static.igem.org/mediawiki/2018/1/12/T--WHU-China--wiki-intergratedHP_main6.png" style="width:80%;">
  </p>
+
<br /><br />
</div>
+
<div class="div_w13">
+
<p style="font-family: Arial, Helvetica, sans-serif;
+
    text-align:center;
+
font-size: 1.7em;">
+
    In order to let more people know about synthetic biology, we contacted the local community to carry out “WHU-iGEM into the community, synthetic biology science activities” to introduce the community to the GM, introduce the synthetic biology closely related to life, and also The science of the pollution of the East Lake water quality, and introduced the contents of our project, not only promoted synthetic biology, but also brought some tips on science and technology to the residents, which enhanced the scientific awareness of the residents, and the event was finally successful.
+
  </p>
+
</div>
+
+
<img class="pD21" src="https://static.igem.org/mediawiki/2018/d/db/T--WHU-China--wiki-hp22.png">
+
 
</div>
 
</div>
  
  
<div class="div">
 
<img class="background" src="https://static.igem.org/mediawiki/2018/d/df/T--WHU-China--wiki-ihpb1.jpg">
 
<div class="div_w11">
 
  <p  style="font-family: Arial, Helvetica, sans-serif;
 
    text-align:center;
 
font-size: 2.0em;">
 
    communication with Team Worldshaper
 
  </p>
 
</div>
 
<img class="pD22" src="https://static.igem.org/mediawiki/2018/4/47/T--WHU-China--wiki-hp23.png">
 
 
<div class="div_w14">
 
  <p  style="font-family: Arial, Helvetica, sans-serif;
 
    text-align:center;
 
font-size: 1.6em;">
 
    On July 31, 2018, the high school team worldshaper came to visit us. In addition to giving them introductions and exchanges on the project, in the process of communication, we learned that they encountered great publicity in the promotion of synthetic biology. Difficulties, we took the initiative to help them contact the community, provide them with a platform to showcase projects and promote synthetic biology, and the event was finally a complete success.
 
  </p>
 
</div>
 
</div>
 
  
  
<div class="div">
+
  <br />
<img class="background" src="https://static.igem.org/mediawiki/2018/8/83/T--WHU-China--wiki-ihpb2.jpg">
+
  <br />
<img class="pD23" src="https://static.igem.org/mediawiki/2018/e/ea/T--WHU-China--wiki-hp24.jpg">
+
  <br />
<img class="pD24" src="https://static.igem.org/mediawiki/2018/7/7b/T--WHU-China--wiki-hp26.jpg">
+
<svg class="editorial" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
<img class="pD25" src="https://static.igem.org/mediawiki/2018/3/38/T--WHU-China--wiki-hp27.jpg">
+
    <defs>
<img class="pD26" src="https://static.igem.org/mediawiki/2018/d/d4/T--WHU-China--wiki-hp28.jpg">
+
        <path id="gentle-wave" d="m -160,44.4 c 30,0 58,
<img class="pD27" src="https://static.igem.org/mediawiki/2018/6/6e/T--WHU-China--wiki-hp25.jpg">
+
        -18 87.7,-18 30.3,0 58.3,
<div class="div_w15">
+
        18 87.3,18 30,0 58,-18 88,
  <p  style="font-family: Arial, Helvetica, sans-serif;
+
        -18 30,0 58,18 88,18 l 0,
    text-align:center;
+
        34.5 -351,0 z" />
font-size: 1.8em;">
+
    </defs>
    The existing method of environmental water control is mainly to control sewage discharge. We want to know more about how the real sewage plant works. The manager of the sewage plant gave us a detailed introduction to the overall process and took us to the sewage treatment tank,the drug add-on room, and some laboratories equipped with sewage plants.
+
    <g class="parallax">
  </p>
+
        <use xlink:href="#gentle-wave" x="50" y="0" fill="#E7FBFF" />
</div>
+
        <use xlink:href="#gentle-wave" x="50" y="3" fill="#9AE0FF" />
+
        <use xlink:href="#gentle-wave" x="50" y="6" fill="#57BDFC" />
</div>
+
    </g>
<div class="div">
+
</svg>
<img class="background" src="https://static.igem.org/mediawiki/2018/d/d5/T--WHU-China--wiki-hpbot.jpg">
+
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:44, 18 October 2018

HP




Human Practices Overview


Only laboratory can't produce a great project! There must be some interaction between your design, your project with the real world——we must enter the society, factory,sewage plant, classroom and even other laboratories! In this section-HP overview, we will introduce how our project affected the world and be affected by the world briefly, it does not only contain why our project is respondible for the world, but also tell you how our design was improved step by step with the help of Human Practice. To see it more clearly, integrated HP is just below the HP overview in this page, and education+public engagement is on the next page.


1.Candlelight navigation—communicate with professor


The motivation of our project came from a conversation between a professor and some of our team members. In Wuhan University, “Candlelight navigation” is an opportunity for students to directly communicate with professors and get instruction ranging from life to academy. By this chance, we had an unforgettable conversation with Professor Xin Lu who majored in bird ecology in May, 2017. He stressed the importance of environmental protection for many times:” The water of the East Lake used to be so clear that there were always many teachers and students swimming in it… However, because of the deterioration of the ecological environment and excessive sewage discharge, the East Lake was once covered with a layer of horrible green film.

From then on, we have no longer seen anyone swimming in the lake…” Since then, these words has been lingering in our minds. After a year, five people from that conversation joined iGEM. The purpose of the competition was to make the world a better place. At that time, we set the initial blueprint for our project.



2.BioBuilder


In Wuhan University, iGEM group is builded in March every year. In order to learn more about synthetic biology, some of us visit Boston in winter vacation and take part in a course from Bio-builder in February, 2018. Dr. Natalie Kudull teaches us the basic knowledge of synthetic biology in a heuristic and guiding teaching way.



3.Visit iGEM headquarter


In that vocation, we also visited iGEM headquarters. We were full of enthusiasm for iGEM and decided to join the iGEM team, and contribute to make a better world…



4.East Lake HP set

(we put these 4 HP activity in this HP set, they are in a series and have strong connection with each other)

4.1 East Lake Water Quality Test


Later, in order to take a deep understanding of the environmental problem of the East Lake, especially the eutrophication, which is attributed to phosphorus content, we sampled from three different position of the East Lake, and measured the OD value after using the total phosphorus content measurement kit. After that, we compared it with prepared standard curve to measure the total phosphorus content of East Lake.



number

result(OD(700nm))

average

P concentration mg/L

1

0.069

0.063

0.072

0.068

0.79

2

0.107

0.109

0.105

0.107

1.23

3

0.097

0.097

0.096

0.097

1.17


According to Vollenweider's classification criteria for reservoir lake nutrition status, the water quality of East Lake exceeded 7 to 10 times of the standard criteria.


4.2 Questionnaire and interview


In order to know people’s understanding of the eutrophication pollution of the East Lake to make our project more realistic, we did some survey activities. We designed an electronic questionnaire and distributed it in Wuhan University, Xincun Street, East Lake community and the sewage treatment plant. In the end, 85 questionnaires were collected. We processed the data and the result is as follows:



4.3 Synthetic biology enters the community


In order to spread the idea of synthetic biology, we contacted with the local community and organized “WHU-iGEM come to the community, synthetic biology science activities”. We introduced GM, synthetic biology, and the pollution situation of the East Lake water quality to community. Meanwhile, the contents of our project was also included. Not only do we promoted synthetic biology, but also brought some science knowledge and technology to the residents, which enhanced the scientific awareness of them. Finally, this activity achieved great result.



4.4 Summer camp of High school


Several high schools visited our collage of Life Science for a summer camp. We popularized the knowledge of biology and synthetic biology for them. Due to their strong demands, we also introduced our project to them and we actively discussed about it.



5.Breakthrough——collaborate with IHB CAS



5.1 problem solving


After our first round of brainstorm, we found that there is a flaw in our design— we didn’t take the bacteria resistance into consideration. If we intended to use synthetic biology to solve eutrophication, the harmful substances in the environmental water body would have an impact on the expression and bacteria survival, so as the resistance problem. Realizing this, we visited the authoritative algae research base in China—— Institute of hydrobiology, Chinese Academy of Sciences, in April. R. Zhang introduced the most advanced sewage treatment method - the bacterial and algal symbiosis system and the biofilm system. Then, we systematically reviewed the relevant information of it, and made dramatically improved and improvement to our design.


the left picture shows the group leader of lab B was discussing with R. Zhang


5.2 new lab for WHU-China


After redesign our project, we found that there were insufficient equipment in our scientific training lab. Fortunately, IHB CAS generously extend a hand to us. R. Zhang instruct us to carry out the experiment related to algae research.



6. Synthetic biology enters the classroom!


In April 2018, we carried out the "Synthetic Biology Science Lecture, Microbial Plate Graffiti Competition", and did propaganda and education work. We guided them to understand the concept of engineering bacteria. To make the learnig process fun, we organized a microbial flat-grain graffiti competition by using engineered E. coli as painting material. This activity gave us the opportunity to educate children about synthetic biology and introduce iGEM.


7. Visit BGI!


We visited BGI headquarter in May, 2018. During this trip to BGI, we were fortunate to have the chance to communicate with the instructor of the Huada High school team (previously judge). She gave us a lot of help and provided us with some new idea in aspect of HP development and experimental design. By coincidence, we met her in CCIC and she give us some precious suggestions on how to give presentation.




8. Visit Bluepha!


We visited Bluepha in May, 2018. Bluepha is the first synthetic biology company in China and they have done a fascinating job in industrialization of synthetic biology. Member of Bluepha, our alumnus Boxiang Wang gave us some important suggestions on the guidance of the development of follow-up experiments. Moreover, it was very crucial that he advised us to try the CCAS/R optical switches, which we finally used and worked well in our project.



9. Communication with Team SYSU


We met up with the iGEM team in Sun Yat-Sen University in May, introducing each other's projects, teams and experiments, sharing some experience in modeling, and exchanging ideas. We built strong friendship with each other and later they gave us a big help in modelling about data processing. We communicated with each other by video chat.




10.Communication with Team worldshaper-wuhan


On July 31, 2018, the high school team worldshaper-wuhan came to visit us. In addition to giving them introduction on the project, we took the initiative to help them contact the community and provide them with a platform to showcase project and broadcast synthetic biology.



11.Sewage plant interview


We visited XSH Water Co., Ltd. to learn more about how the real factory works. The manager Zhang gave us a detailed introduction about the overall process of sewage disposal. He took us to the sewage treatment tank and showed us the drug add-on room as well as some laboratories equipped with sewage plants. We talked about our project and he thought our design was very creative——instead of controlling the sewage discharge,active remediation of environment is more direct. In addition, the idea of changing pollutant back to resource is very effective and exciting.




12.CCiC meeting


In summer, we participate in the biggest iGEMer communication meeting in China——CCiC. This meeting attracted nearly all teams in China, which is a brilliant platform for us to communicate, to learn and to reflect. During these wonderful days in Shanghai, not only did we broaden our horizon but also we got many suggestions on our project from other groups, for example XMU, SDU and HZAU.








Integrated Human Practices


Rome was not built in a day, so as the establishment of our system. Step by step, we improved it in the process of thinking about how to better deal with the problem of eutrophication caused by excessive phosphorus in environmental waters. Finally, we discovered that the system we built can be applied to the processing of other elements. In the process, some HP plays a decisive role. In the integrated HP category, we will show how these HPs directly influence the direction of our project design—the impact of society and the environment on our projects.



Our general design step(click to see details)



1.Candlelight navigation—— communicate with professor like a friend


The motivation of our project came from a conversation between a professor and some of our team members. In Wuhan University, “Candlelight navigation” is an opportunity for students to directly communicate with professors and get instruction ranging from life to academy. By this chance, we had an unforgettable conversation with Professor Xin Lu who majored in bird ecology. He stressed the importance of environmental protection for many times:” The water of the East Lake used to be so clear that there were always many teachers and students swimming in it… However, because of the deterioration of the ecological environment and excessive sewage discharge, the East Lake was once covered with a layer of horrible green film. From then on, we have no longer seen anyone swimming in the lake…”


Since then, these words has been lingering in our minds. After a year, five people from that conversation joined iGEM. The purpose of the competition was to make the world a better place. At that time, we set the initial blueprint for our project.

East Lake is the second biggest lake in the city in China and Wuhan University is located on the shore of it. Therefore, it is convenient for us to see it, the once beautiful East Lake. . .

Eutrophication is a big problem in China, In the past few decades, many beautiful rivers and lakes have become no longer clear due to eutrophication, and the delicate ecosystem has been destroyed. East Lake is one of them…



In the following year, we have been thinking about how to solve the problem of eutrophication more effectively., and we determined our project – phosphorus accumulation, the content of phosphorus is the key to eutrophication. At the same time, we consider that the general phosphorus removal process is to directly fill the sludge containing phosphorus, because it is impossible to achieve "bacteria phosphorus separation". the release of phosphorus is introduced to our design, so that the phosphorus collected from the environment can be controlled by people and released as resources for reuse. It is a resource-friendly environmental treatment.



2. Breakthrough——collaborate with IHB CAS


After we discussed our thoughts with the professor Mao in the collage of Resources and Environment, he gave us some advice: If you want your ideas to become reality, you must consider the survival of the bacteria when they are exposed to contaminated water. We have not done so much thinking about the resistance of bacteria before.

Then, we have consulted a lot of academic literature, and we found that it takes plenty of energy for bacteria to recycle phosphorus since this process involves Poly P dynamics. We also found that some environmental factors such as nitrogen content will not only affect the growth of bacteria, but also the efficiency of phosphorus accumulation.


We came across a big problem therefore because we can’t solve these problems by just adding a few pathways.


Finally we went to the Institute of Hydrobiology, Chinese Academy of Sciences for help, R. Xuezhi Zhang introduced us a very advanced methods to treat the sewage—the symbiotic system of bacteria and algae! He also introduced us a symbiotic biofilm system, which is so helpful for our design and project improvement.


the left picture shows the group leader of lab B was discussing with R. Zhang


The symbiotic system can greatly improve the resistance of bacteria and the algae can reduce nitrogen content in water. The EPS (extracellular poly substances) can trap almost all kinds of harmful chemical agents. Furthermore, algae can provide bacteria energy through photosynthesis. The problems that troubled us can be completely solved by introducing a symbiotic system, and even make it better!


After that, we improve our project and carefully re-design the whole system!


Our laboratory conditions were not sufficient to culture and monitor algae. Fortunately, we have cooperated with the Aquatic Institute and we sent a group of our team member to the Aquatic institute to complete the experiment of symbiotic and biofilm formation with the guidance of teachers!



3. Visit Bluepha!


During the communication with Bluepha, alumnus Boxiang Wang affirmed our project and gave us lots of suggestions. We talked about our project in detail. The most troublesome thing for us at the time was the search for optical switches. He recommended two valuable documents for us. Finally, we decided to use CcaS/R optical switch system and this system works well in our experiments!



He also gave us a follow-up experiment grouping and expanded recommendations, which were helpful.




4. XSH Water Co., Ltd.


We visited XSH Water Co., Ltd. to learn more about how the real factory works. The manager Zhang gave us a detailed introduction about the overall process of sewage disposal. He took us to the sewage treatment tank and showed us the drug add-on room as well as some laboratories equipped with sewage plants. We talked about our project and he thought our design was very creative——instead of controlling the sewage discharge, active remediation of environment is more direct. In addition, the idea of changing pollutant back to resource is very effective and exciting.

Besides the encouragement, we also learnt that most of sewage plant would make a direct landfill of sludge which contains phosphorus absorbed from polluted water. This is not a sustainable way for both environment and resource. This makes us more determined to complete the whole design chain from the pathway to the hardware application about our project.