|
|
| Line 7: |
Line 7: |
| | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&ctype=text/css"> |
| | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&ctype=text/css"> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/affix?action=raw&ctype=text/css">
| |
| | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&ctype=text/javascript"></script> |
| | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script> |
| Line 40: |
Line 39: |
| | | | |
| | </style> | | </style> |
| − | <script type="text/javascript">
| |
| − |
| |
| − |
| |
| − | $(function(){
| |
| − | 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 134: |
Line 77: |
| | <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 166: |
Line 109: |
| | <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"> |
| − | <div class="col-md-3" id="myScrollspy"> | + | <div class="col-md-2"> |
| − | <ul class="" data-spy="affix" data-offset-top="90" data-offset-bottom="150" id="myNav">
| + | |
| − | <li class="active"><a href="#float01">Overview</a></li>
| + | |
| − | <li><a href="#float02">Communicating and Improving</a></li>
| + | |
| − | <li><a href="#float03">Investigating and Promoting</a></li>
| + | |
| − | <li><a href="#float04">Potential Application</a></li>
| + | |
| − | <a id="BtnTop">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2016/d/d2/T--OUC-China--btt.png" alt="Back to top">
| + | |
| − | </a>
| + | |
| − | </ul>
| + | |
| | </div> | | </div> |
| − | <div class="col-md-9 hpMain"> | + | <div class="col-md-8 hpMain"> |
| − | <br id="float01">
| + | |
| − | <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> | | <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="row"> |
| Line 188: |
Line 119: |
| | </div> | | </div> |
| | <div class="col-md-2"></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> |
| | <div class="clearfix"></div> | | <div class="clearfix"></div> |
| − | <br> | + | <p>We carried out our human practice in three parts:</p> |
| − | <br> | + | <p><b><a href="https://2016.igem.org/Team:OUC-China/Communicating">Communicating and Improving</a></b> : Consulted experts of synthetic biology to evaluate our project and improved our design.</p> |
| − | <br> | + | <p><b><a href="https://2016.igem.org/Team:OUC-China/Investigating">Investigating and Promoting</a></b> : Investigated the popularity and acknowledgement of our design as well as synthetic biology and devoted to promoting them.</p> |
| | + | <p><b><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential Application</a></b> : Did some practical research and looked for potential specific proteins that can be applied with our design.</p> |
| | + | </div> |
| | + | <div class="col-md-2"> |
| | </div> | | </div> |
| | </div> | | </div> |
