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

(Undo revision 307396 by L.Chenguang (talk))
 
(20 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/affix?action=raw&amp;ctype=text/css">
 
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
Line 37: Line 36:
 
.oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
.oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 +
.hpppp{margin-top:0px;}
 +
.col-md-6 p {line-height:22px;font-size:18px;}
  
 +
@media (min-width: 992px) {
 +
.hpppp{margin-top:60px;}
 +
}
 +
  
−
</style>
 
−
<script type="text/javascript">
 
  
  
−
  $(function(){
+
</style>
−
  var AllHet = $(window).height();
+
−
  var mainHet= $("#myNav").height();
+
−
  var fixedTop = (AllHet - mainHet)/2
+
−
//  $('div.floatCtro').css({top:fixedTop+'px'});
+
−
  $('#myNav li').click(function(){
+
−
var ind = $('#myNav li').index(this)+1;
+
−
var topVal = $('#float0'+ind).offset().top;
+
−
$('body,html').animate({scrollTop:topVal},1000)
+
−
})
+
−
$('#BtnTop').click(function(){
+
−
$('body,html').animate({scrollTop:0},1000)
+
−
})
+
−
  $(window).scroll(scrolls)
+
−
  scrolls()
+
−
  function scrolls(){
+
−
  var f1,f2,f3,f4,bck;
+
−
  var fixRight = $('#myNav li');
+
−
  var blackTop = $('#BtnTop')
+
−
  var sTop = $(window).scrollTop();
+
−
  fl = $("#float01").offset().top;
+
−
  f2 = $("#float02").offset().top;
+
−
  f3 = $("#float03").offset().top;
+
−
  f4 = $("#float04").offset().top;
+
−
 
+
−
 
+
−
+
−
  if(sTop<=f2-100){
+
−
  blackTop.fadeOut(300).css('display','none')
+
−
  }
+
−
  else{
+
−
  blackTop.fadeIn(300).css('display','block')
+
−
  }
+
−
  if(sTop>=fl){
+
−
  fixRight.eq(0).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
  if(sTop>=f2-100){
+
−
  fixRight.eq(1).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
  if(sTop>=f3-100){
+
−
  fixRight.eq(2).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
  if(sTop>=f4-100){
+
−
  fixRight.eq(3).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
 
+
−
 
+
−
+
−
    }
+
−
  })
+
−
 
+
−
</script>
+
−
 
+
  
 
</head>  
 
</head>  
Line 117: Line 68:
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
−
<li><a href="https://2016.igem.org/Team:OUC-China/Project">Introduction</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Description">Description</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
Line 134: Line 85:
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li class="active"><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
 
<li class="active"><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
−
<li><a href="https://2016.igem.org/Team:OUC-China/Communicating_&_improving">Communicating & improving</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Communicating">Communicating & Improving</a></li>
−
<li><a href="https://2016.igem.org/Team:OUC-China/Investigating_&_promoting">Investigating & promoting</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Investigating">Investigating & Promoting</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
 
</ul>
 
</ul>
Line 164: Line 115:
 
</nav>
 
</nav>
 
<div class="clearfix"></div>
 
<div class="clearfix"></div>
−
                <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/5/57/T--OUC-China--hp-banner.jpg" class="img-responsive"></div>
+
<div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/5/57/T--OUC-China--hp-banner.jpg" class="img-responsive"></div>
−
<div class="row">
+
<div class="row" class="hppp">
−
<div class="col-md-3" id="myScrollspy">
+
<div class="col-md-1"></div>
−
<ul class="" data-spy="affix" data-offset-top="90" data-offset-bottom="150" id="myNav">
+
<div class="col-md-5">
−
<li class="active"><a href="#float01">Overview</a></li>
+
<img src="https://static.igem.org/mediawiki/2016/4/44/T--OUC-China--hp-1-1.png" class="img-responsive" alt="3 parts of our human practices" style="margin:0 auto;"/>
−
<li><a href="#float02">Communicating and Improving</a></li>
+
</div>
−
<li><a href="#float03">Investigating and Promoting</a></li>
+
<div class="col-md-5">
−
<li><a href="#float04">Potential Application</a></li>
+
<p style="line-height:30px;" class="hpppp">This year our team devoted to a novel regulation element, which made great sense in synthetic biology but may be a little obscure for those who were unfamiliar with this field. Our regulation element worked out through synthetic biology and then be acknowledged by the public. So our work was performed around three cores: our design, synthetic biology and public acknowledgement. And below are the diagrams of our project working method.</p>
−
<a id="BtnTop">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2016/d/d2/T--OUC-China--btt.png" alt="Back to top">
+
<div class="col-md-1"></div>
 +
<div class="clearfix"></div>
 +
 
 +
<div class="col-md-1"></div>
 +
<div class="col-md-4">
 +
<p style="font-family:'Lucida Calligraphy';font-size:18px;">
 +
<a href="https://2016.igem.org/Team:OUC-China/Communicating">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a7/T--OUC-China--hp-1-2.png" class="img-responsive" alt="icon-1" style="display:inline;width:40px;height:80px;">Communicating and Improving:
 
</a>
 
</a>
−
</ul>
+
</p>
 
</div>
 
</div>
−
<div class="col-md-9 hpMain">
+
<div class="col-md-6">
−
<br id="float01">
+
<p style="margin-top:20px">Consult several experts of synthetic biology to evaluate our project or solve problems and then we improved our design according to the feedbacks.</p>
−
<br>
+
−
<h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">Overview<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
+
−
<p>This year our team devoted to a novel regulation element, which makes great sense in synthetic biology but may be a little obscure for those who are unfamiliar with this field. Our regulation element works out through synthetic biology and then being acknowledged by the public. So our work was performed around three cores: our design, synthetic biology and public acknowledgement. And below are the diagrams of our project working mechanism.</p>
+
−
<div class="row">
+
−
<div class="col-md-2"></div>
+
−
<div class="col-md-8">
+
−
<img src="https://static.igem.org/mediawiki/2016/2/2b/T--OUC-China--hp-0.jpg" class="img-responsive" alt="3 parts of our human practices" />
+
−
</div>
+
−
<div class="col-md-2"></div>
+
−
</div>
+
−
<p>We carried out our human practices in three parts:</p>
+
−
<p><b>1. Communicating and Improving: </b>Consulted experts of synthetic biology to evaluate our project and improved our design. <br><b>2. Investigating and Promoting:</b> Investigated the popularity and acknowledgement of our design as well as synthetic biology and devoted to promoting them.<br><b>3. Potential Application:</b> Did some practical research and looked for potential specific proteins that can be applied with our design.</p>
+
−
<hr>
+
−
<br id="float02">
+
−
<h3 class="text-center">PartⅠ</h3>
+
−
<h3 class="text-center" style="font-size:22px;"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">Communicating and Improving<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
+
−
<p>At the beginning of our project design, we met a tough problem of choosing chassis. We had two choices, <i>B.subtilis</i> and <i>E.coli</i>. The <i>B.subtilis</i> is a kind of Gram-positive bacterium and is more similar to our prototype---<i>C.cellulolyticum</i>, but the <i>E.coli</i> is more versatile and widely used. </p>
+
−
<p>We summarized our doubts and consulted Dr. Xu Chenggang, an expert in <i>C.cellulolyticum</i> research. Then we got the advice of comparing more differences that related to our design and he recommended us several useful software. In the process of blasting and comparing enzyme system between the two, we found that <i>E.coli</i> has no exoribonuclease that can digest from 5’ termini, which will be of great benefit to our whole design. With the help of expert and our deep research, we made sure our chassis and went on with further design.</p>
+
−
<div class="row">
+
−
<div class="col-md-2"></div>
+
−
<div class="col-md-8">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/T--OUC-China--hp1.jpg" class="img-responsive" alt="2016 OUC-iGEMers with Dr. Xu">
+
−
</div>
+
−
<div class="col-md-2"></div>
+
−
</div>
+
−
                <p class="text-center" style="font-size:16px;">Figure 1. 2016 OUC-iGEMers with Dr. Xu</p>
+
−
<p>Then in September, we joined the CCiC (Conference of China iGEMer Committee) held by SYSU, which is a communicating platform for Chinese iGEM teams. About 30 teams and 300 iGEMers from all over China gathered together. We shared our design with other iGEMers and we were glad that we received many specific responses, from constructive project design to detailed data process skills. Then according to those suggestions, we modified our original design and added two supplementary proof experiments, which was essential to the integrity of our project.</p>
+
−
<div class="row">
+
−
<div class="col-md-2"></div>
+
−
<div class="col-md-8">
+
−
<img src="https://static.igem.org/mediawiki/2016/f/f4/T--OUC-China--hp2.jpg" class="img-responsive" alt="Open ceremony of CCIC" />
+
−
</div>
+
−
<div class="col-md-2"></div>
+
−
</div>
+
−
                <p class="text-center" style="font-size:16px;">Figure 2．Open ceremony of CCIC</p>
+
−
<hr>
+
−
<br id="float03">
+
−
<h3 class="text-center">Part Ⅱ</h3>
+
−
<h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">Investigating and Promoting<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
+
−
<p>Our novel <b>regulation element</b> reflects on synthetic biology as the realization of quantitative expression. To explore the potential promotion of our design, we firstly carried out a questionnaire survey about <b>quantification and synthetic biology</b>.</p>
+
−
<p>We analyzed the survey result, to our astonishment, most people were lack of basic perception about quantification. For example, among the more than 500 investigators, 40% people didn’t consider meals combination as an example of quantification, and more than half frankly said that they knew little about synthetic biology. <a href="https://static.igem.org/mediawiki/2016/0/02/T--OUC-China--questionaire-result.pdf">Click here</a> to see the survey result.</p>
+
−
<div class="row">
+
−
<div class="col-md-2"></div>
+
−
<div class="col-md-8">
+
−
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--OUC-China--hp3.jpg" class="img-responsive" alt="Public Knowledge of Synthetic Biology">
+
−
</div>
+
−
<div class="col-md-2"></div>
+
−
</div>
+
−
                <p class="text-center" style="font-size:16px;">Figure 3  extent of the public knowing of synthetic biology</p>
+
−
<p>Given the insufficient popularization of quantification as well as synthetic biology, we focused on the spreading of basal knowledge. From campus to society, we used as much resource as possible to spreading synthetic biology and quantification.</p>
+
−
<h4>StepⅠ Spreading around us</h4>
+
−
<p>For people who are interested in nature science like university students, we designed series of activities for them to enjoy personal experience about synthetic biology.<br> Firstly, in our school, we held lectures and attracted about 100 students to introduce synthetic biology in details and got the feedback that they were interested in the newly developed subject and some were grouped together to explore more about it(Figure 4). <br>Then, we held an academic summer camp and invited about 20 students from different universities. We stayed together with them for two weeks and shared a lot with them. Besides basic communicating in literature and experiment skills, we also held a small academic jamboree activity, with integral presentation and poster sections(Figure 5).  Moreover, after the camp closing, we received the feedback that they enjoyed this academic exploration very much and would share what they had learned with more people.</p>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--OUC-China--hp4.jpg" class="img-responsive" alt="We held lectures in our school">
+
−
<p class="text-center" style="font-size:16px;">Figure4. We held lectures in our school</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/6/61/T--OUC-China--hp5.jpg" class="img-responsive" alt="Students were presenting their posters">
+
−
<p class="text-center" style="font-size:16px;">Figure5. Students were presenting their posters</p>
+
−
</div>
+
−
</div>
+
−
<h4>StepⅡ Popularizing to the public</h4>
+
−
<p>For the public, we tried to publicize synthetic biology by using relatively easy words toward as many people as possible through our activities.<br> We went to communities and tourist attractions and met people from the young to the old. With the help of our distributed brochures, we explained basic knowledge of synthetic biology and the meaning of quantification in their daily lives(Figure 6). <br>We also posted our original video on website which used simple words and vivid flash to introduce the basic knowledge of synthetic biology(Figure 7). </p>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/2/29/T--OUC-China--hp6.jpg" class="img-responsive" alt="Popularizing to the public">
+
−
<p class="text-center" style="font-size:16px;">Figure6. Popularizing to the public</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/b/bb/T--OUC-China--hp-7.jpg" class="img-responsive" alt="Popularizing to the public">
+
−
<p class="text-center" style="font-size:16px;">Figure7. Popularizing to the public</p>
+
−
</div>
+
−
</div>
+
−
<h4>StepⅢ Further communicating via social service organization</h4>
+
−
<p>Other novel ways are come up to spread synthetic besides above traditional ways. We got connected with Qingdao Association for Science and Technology, a non-profit social service organization for popularizing science and technology knowledge to the public<br> At there, we got the chance to displayed scientific knowledge to visitors. For example, we held an academic lecture for a delegation from Tibet, Autonomous Region, where the economic and educational development is relatively backward (Figure 8). According to the feedback from them, they were willing to know more innovative things and encourages us to do more.</p>
+
−
<div class="row">
+
−
<div class="col-md-2"></div>
+
−
<div class="col-md-8">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/45/T--OUC-China--hp-8.jpg" class="img-responsive" alt="We held a lecture to the delegation from Tibet">
+
−
</div>
+
−
<div class="col-md-2"></div>
+
−
</div>
+
−
<p class="text-center" style="font-size:16px;">Figure8. We held a lecture to the delegation from Tibet</p>
+
−
<hr>
+
−
<br id="float04">
+
−
<h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">Potential Application<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
+
−
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--OUC-China--hp3.jpg" class="img-responsive">
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--OUC-China--hp4.jpg" class="img-responsive">
+
−
</div>
+
−
</div>
+
−
<div class="clearfix"></div>
+
−
<br>
+
−
<br>
+
−
<br>
+
 
</div>
 
</div>
 +
<div class="col-md-1"></div>
 +
<div class="clearfix"></div>
 +
 +
<div class="col-md-1"></div>
 +
<div class="col-md-4">
 +
<p style="font-family:'Lucida Calligraphy';font-size:18px;">
 +
<a href="https://2016.igem.org/Team:OUC-China/Investigating">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--OUC-China--hp-1-3.png" class="img-responsive" alt="icon-2" style="display:inline;width:40px;height:80px;">Investigating and Promoting:
 +
</a>
 +
</p>
 +
</div>
 +
<div class="col-md-6">
 +
<p>Investigate the popularity and public perception of our design as well as synthetic biology and devote to promoting them. By making videos on website and setting up our own official accounts in Wechat we promoted to the public .</p>
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="clearfix"></div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-4">
 +
<p style="font-family:'Lucida Calligraphy';font-size:18px;">
 +
<a href="https://2016.igem.org/Team:OUC-China/Potential_application">
 +
<img src="https://static.igem.org/mediawiki/2016/0/07/T--OUC-China--hp-1-4.png" class="img-responsive" alt="icon-3" style="display:inline;width:40px;height:80px;">Potential Application:
 +
</a>
 +
</p>
 +
</div>
 +
<div class="col-md-6">
 +
<p style="margin-top:20px">Do practical research and look for potential specific proteins that can be applied by our design to optimize industrial production.</p>
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="clearfix"></div>
 +
<br>
 +
<br>
 
</div>
 
</div>
 
<div class="oucBanner">
 
<div class="oucBanner">
Line 287: Line 176:
 
<div class="col-md-1"></div>
 
<div class="col-md-1"></div>
 
<div class="col-md-5">
 
<div class="col-md-5">
−
<h3>Thanks</h3>
+
<h3>Thanks:</h3>
−
<br>
+
<p>1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
−
<p><b>1.</b>Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
+
<p>2.NEW ENGLAND Biolabs</p>
−
<p><b>2.</b>NEW ENGLAND Biolabs</p>
+
<p>3.GenScript</p>
 
</div>
 
</div>
 
<div class="col-md-5 Contact">
 
<div class="col-md-5 Contact">
 
<h3>Contact us:</h3>
 
<h3>Contact us:</h3>
−
<br>
 
 
<p><b>E-mail</b>: oucigem@163.com</p>
 
<p><b>E-mail</b>: oucigem@163.com</p>
 
<p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
 
<p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
Line 304: Line 192:
 
</div>
 
</div>
 
<div class="oucBottom">
 
<div class="oucBottom">
−
</div>
+
</div>
 
 
 
</div>
 
</div>

Latest revision as of 01:22, 12 November 2016

Human practices

3 parts of our human practices

This year our team devoted to a novel regulation element, which made great sense in synthetic biology but may be a little obscure for those who were unfamiliar with this field. Our regulation element worked out through synthetic biology and then be acknowledged by the public. So our work was performed around three cores: our design, synthetic biology and public acknowledgement. And below are the diagrams of our project working method.

icon-1Communicating and Improving:

Consult several experts of synthetic biology to evaluate our project or solve problems and then we improved our design according to the feedbacks.

icon-2Investigating and Promoting:

Investigate the popularity and public perception of our design as well as synthetic biology and devote to promoting them. By making videos on website and setting up our own official accounts in Wechat we promoted to the public .

icon-3Potential Application:

Do practical research and look for potential specific proteins that can be applied by our design to optimize industrial production.



Cistrons Concerto

Thanks:

1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences

2.NEW ENGLAND Biolabs

3.GenScript

Contact us:

E-mail: oucigem@163.com

Designed and built by @ Jasmine Chen and @ Zexin Jiao

We are OUC-iGEM logo-one logo-two