Difference between revisions of "Team:Peking/Demonstrate"

 
(41 intermediate revisions by 6 users not shown)
Line 2: Line 2:
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
<!--[if (gte IE 8)|!(IE)]><!-->
 
<!--[if (gte IE 8)|!(IE)]><!-->
<html class="no-js" lang="en">  
+
<html class="no-js" lang="en">
<!--<![endif]-->
+
    <!--<![endif]-->
<head>
+
    <head>
<!--- Basic Page Needs========================================================================= -->
+
        <!--- Basic Page Needs========================================================================= -->
    <meta charset="utf-8">
+
        <meta charset="utf-8"/>
  <title>Results</title>
+
        <title>Proof</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
    <meta name="description" content="Wiki of Peking iGEM 2016" />
+
        <meta name="description" content="Wiki of Peking iGEM 2016" />
    <meta name="author" content="Li Jiamian & Wang Yuqing">
+
        <meta name="author" content="Li Jiamian & Wang Yuqing"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Mobile Specific Metas===================================================================== -->
+
        <!-- Mobile Specific Metas===================================================================== -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<!-- Fix  Overwrite the original iGEM style=================================================== -->
+
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
    <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
<!-- CSS======================================================================================= -->
+
        <!-- CSS======================================================================================= -->
  <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
  <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
+
        <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
<!-- CSS======================================================================================= -->
+
        <!-- CSS======================================================================================= -->
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
<style>
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
    sup{font-size:11px;}
+
        <style>
    .references p{font-size:14px !important; color:#666161 !important;}
+
            .texttitle{
</style>
+
                color: #11abb0;
 
+
                font-size: 38px;
</head>
+
                line-height: 48px;
<body>
+
                margin-bottom: 12px;
<!-- Navigation -->
+
                font-family: raleway-bold, sans-serif !important;
    <div id="navigation" class="navbar navbar-fixed-top">
+
                background: transparent;
  <div class="navbar-inner ">
+
                letter-spacing: 3px;
    <div class="container no-padding">
+
                text-transform: uppercase;
      <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
                font-weight: 350;
    </a>
+
                text-align: center;
      <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
                padding-top:40px;
 +
            }
 +
        sup{font-size:11px;}
 +
        .references{margin-top:150px;margin-bottom:40px;}
 +
        .references p{font-size:14px !important; color:#666161 !important;}
 +
        .classic-title {font-weight: 300;padding-top:30px;}
 +
        .classic-title span {
 +
            padding-bottom: 8px;
 +
            border-bottom: 1px solid #383232;
 +
            font-weight: 400;
 +
        }
 +
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
 +
        .anchor{padding-top:100px;margin-top:-100px;}
 +
            </style>
 +
       
 +
    </head>
 +
    <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 +
        }
 +
       
 +
        #sidebar {
 +
            width: 25%;
 +
            margin-left: 0px;
 +
        }
 +
        @media (min-width:1024px){
 +
            #sidebar{position:relative;top:120px;max-width:200px;}}
 +
        @media (max-width: 1023px){
 +
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 +
        }
 +
        </style>
 +
       
 +
       
 +
        <script type="text/javascript">
 +
            function menuFixed(id){
 +
                var obj = document.getElementById(id);
 +
                var _getHeight = obj.offsetTop;
 +
               
 +
                window.onscroll = function(){
 +
                    changePos(id,_getHeight);
 +
                }
 +
            }
 +
        function changePos(id,height){
 +
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            if(w>=1024){
 +
                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                    $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
            }
 +
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            var w = window.innerWidth;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 +
        }
 +
        </script>
 +
       
 +
        <script type="text/javascript">
 +
            window.onload = function(){
 +
                menuFixed('sidebar');
 +
            }
 +
        </script>
 +
        <script>
 +
            function naver(id){
 +
                var obj=document.getElementById(id);
 +
                var oPos=obj.offsetTop;
 +
                return window.scrollTo(0,oPos+250);
 +
            }
 +
        </script>
 +
        <!--sidebar 引用 end ==============================================================================-->
 +
        <!--panel 引用==================================================================================-->
 +
        <style type="text/css">
 +
            .panel-default .panel-heading a{
 +
                text-decoration: none;
 +
                display:block;
 +
                padding:10px;
 +
            }
 +
        .panel-heading.panel-title{
 +
            text-decoration: none;
 +
            padding-top:0px;
 +
            padding-bottom:0px;
 +
            padding-left:0px;
 +
            padding-right:0px;
 +
            text-align:center;
 +
            font-size:19px;
 +
           
 +
        }
 +
        a[aria-expanded="true"] {
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
       
 +
        .panel-default .panel-heading a[aria-expanded="false"]{
 +
            -o-transition: background-color 1s linear;
 +
            -moz-transition: background-color 1s linear;
 +
            -khtml-transition: background-color 1s linear;
 +
            -webkit-transition: background-color 1s linear;
 +
            -ms-transition: background-color 1s linear;
 +
            transition: background-color 1s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]{
 +
            -o-transition: opacity 1s linear;
 +
            -moz-transition: opacity 1s linear;
 +
            -khtml-transition: opacity 1s linear;
 +
            -webkit-transition: opacity 1s linear;
 +
            -ms-transition: opacity 1s linear;
 +
            transition: opacity 0.7s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
            opacity:0.7;
 +
        }
 +
        </style>
 +
       
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                              $("#button1").click(function(){
 +
                                                  $(".panel-collapse").collapse("show");
 +
                                                  });
 +
                              });
 +
                              $(document).ready(function(){
 +
                                                $("#button2").click(function(){
 +
                                                                    $(".panel-collapse").collapse("hide");
 +
                                                                    });
 +
                                                });
 +
                                                $("#notebook").addClass("navbar-active");
 +
            </script>
 +
        <!--panel 引用 end ==================-->
 
          
 
          
         <div class="nav-collapse collapse">
+
              <!-- Navigation -->
      <ul class="nav">
+
         <div id="navigation" class="navbar navbar-fixed-top">
        <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
+
            <div class="navbar-inner ">
        <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
+
                <div class="container no-padding">
                  <ul class="dropdown-menu">
+
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
                      <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
+
                    </a>
                      <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
+
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
                      <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
+
                   
                  </ul>
+
                    <div class="nav-collapse collapse">
        </li>
+
                        <ul class="nav">
        <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
+
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
                  <ul class="dropdown-menu">
+
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
                      <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
+
                                <ul class="dropdown-menu">
                      <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Results" >Results</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Retrievability" >Collection</a></li>
+
                                </ul>
                      <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
+
                            </li>
                      <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
+
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
                  </ul>
+
                                <ul class="dropdown-menu">
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
        <li class="dropdown menu-4"><a class="colapse-menu1" href="#" >Modeling</a>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
                  <ul class="dropdown-menu">
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
                  </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li>
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
        <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Final Performance</a></li>
                  <ul class="dropdown-menu">
+
                                </ul>
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
+
                            </li>
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li>
+
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
+
                                <ul class="dropdown-menu">
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/GelPoint" > Model of Gel Point </a></li>
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</a></li>
                  </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
        </li>
+
                                </ul>
        <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
+
                            </li>
        <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
+
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
                  <ul class="dropdown-menu">
+
                                <ul class="dropdown-menu">
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
                  </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Education&nbsp;&amp;&nbsp;Other</a></li>
        <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
+
                                </ul>
        </li>
+
                            </li>
    </div>
+
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
  </div>
+
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
  </div>
+
                                    <ul class="dropdown-menu">
  </div>
+
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
    <!--/Navigation -->
+
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
  
<!-- Page Title======================================================================== -->
 
  <div id="page-title">
 
      <div class="row">
 
        <div class="twelve columns centered text-center">
 
            <h1>Results<span>.</span></h1>
 
            <p class="title1" style="text-align:center"></p>
 
        </div>
 
      </div>
 
  </div>
 
  <!-- Page Title End-->
 
  
 +
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1> FINAL PERFORMANCE</h1>
 +
                    <p class="title1" style="text-align:center"></p>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 +
       
 +
       
 +
        <div id="page-content" class="row page">
 +
            <div id="primary" class="twelve columns">
 +
                <section>
 +
                    <div class="row">
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="three columns">
 +
                            <div id="page-wrap">
 +
                                <div id="sidebar" style="color:#000000">
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('Background')">Background&nbsp;&amp;&nbsp;Design</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('Methods')">Methods</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('Results')">Results<a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('Conclusion')">Discussion</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('App')">Potential&nbsp;Applications<a></h4>
 +
                                    <ul>
 +
                                        <li><a href="javascript:void(0);" onclick="naver('Cadmium')">Cadmium&nbsp;&amp;&nbsp;Lead&nbsp;Reaper</a></li>
 +
                                        <li><a href="javascript:void(0);" onclick="naver('Visual')">Visualization</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
                            <a id="Background"></a>
 +
                            <div class="texttitle">Background&nbsp;&amp;&nbsp;Design</div>
 +
                            <p class="lead add-bottom" style="color:#5E5656">Since we have successfully demonstrated that the bio-functional polymer network ould assemble itself quickly, capture uranyl efficiently and be enriched conveniently, we proposed to combine the features of these experiments in a single trial. We thus incubated triple SpyTag-SUP together with triple SpyTag-mSA and triple SpyCatcher, and contacted the product of crosslinking with simulated pollution. After adsorption, we used a magnet and biotin-coated beads to retrieve the polymer network, together with its contents of adsorbed uranyl (Fig. 1.).</p>
 +
                            <figure>
 +
                                <p style="text-align:center;"><img style="width:85% ;" src="https://static.igem.org/mediawiki/2016/e/e2/Fig1_%E6%94%B9.png" alt=""/></p>
 +
                                <figcaption style="text-align:center;">
 +
                                    Fig. 1. Conceptual graph of the integrated experiment.
 +
                                </figcaption>
 +
                            </figure>
 +
                           
 +
                            <br/>
 +
                            <br/>
 +
                           
 +
                           
 +
                            <a id="Methods"></a>
 +
                            <div class="texttitle">Methods</div>
 +
                            <p class="lead add-bottom" style="color:#5E5656">We prepared 10μM uranyl nitrate solutions in TBS buffer, as well as in fresh water (sampled from Weiming Lake in Peking University) and seawater (sampled from Qinhuang Island) to simulate real-life pollution.</p>
 +
                            <p class="lead add-bottom" style="color:#5E5656">After mixing of 5mg/mL solutions of triple SpyTag-SUP, triple SpyTag-mSA and triple SpyCatcher, each, in a volume ratio of 1:1:2, and subsequent incubation for 1h, we were able to obtain the dual-function crosslinked polymer network encompassing both uranium adsorption and polymer network clearance functions.</p>
 +
                            <p class="lead add-bottom" style="color:#5E5656">The protein polymer network was added into the polluted solution and the mixture shaken on a swing bed for 1min, after which the solution was contacted with a suspension of biotin-coated beads (10mg/ml) at a volume ratio of 5:1 (reaction system: beads), and shaken for 1h to ensure good contact between the protein and the beads. Finally, the beads were immobilized using a magnetic shelf, and the uranyl ion concentration in the supernatant was measured using the Arsenazo III assay.
 +
                            <h3 class="classic-title">Learn more:</h3>
 +
                            <div class="panel panel-default">
 +
                                <div class="panel-heading panel-title">
 +
                                    <a href="https://2016.igem.org/Team:Peking/Notebook/Protocol:integrating_experiments" aria-expanded="false">Integrating Experiment</a>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                           
 +
                            <br/>
 +
                            <br/>
 +
                           
 +
                            <a id="Results"></a>
 +
                            <div class="texttitle">Results</div>
 +
                            <p class="lead add-bottom" style="color:#5E5656">The statistical analysis of experimental results is shown in Fig.18. Under the circumstances mentioned above, the Uranium Reaper achieved a relatively good adsorption efficiency (51.4% in TBS buffer, 55.8% in seawater and 60.1% in fresh water). </p>
 +
                            <figure>
 +
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
 +
                                <figcaption>
 +
                                   
 +
                                </figcaption>
 +
                            </figure>
 +
                            <figure>
 +
                                <p style="text-align:center;"><img style="width:52%;" src="https://static.igem.org/mediawiki/2016/8/8d/T--Peking--images_FP_fig2zhuzhuangtu.png" alt=""/></p>
 +
                                <figcaption style="text-align:left;">
 +
                                    Fig. 2. The remaining proportion of 10μM uranyl in TBS buffer, fresh and seawater after treatment with our polymer network. ****p &lt; 0.0001. n=3. Error bars indicate standard deviations.
 +
                                </figcaption>
 +
                            </figure>
 +
                           
 +
                           
 +
                           
 +
                            <br/>
 +
                            <br/>
 +
                           
 +
                           
 +
                           
 +
                            <a id="Conclusion"></a>
 +
                            <div class="texttitle">Discussion</div>
 +
                            <p class="lead add-bottom" style="color:#5E5656">In this integrated experiment, the Uranium Reaper showed an adsorption rate of 60%, which corresponds well to the product of the uranyl adsorption rate and polymer network recovery rate (90% × 70% = 63%). This result has reached the expectations but is still far removed from the efficiencies that would be needed for an industrial process. Consequently, both the uranyl adsorption and polymer network recovery rate have to be increased to improve the overall efficiency of the Uranium Reaper, which, of course, requires further research and development.</p>
 +
                           
 +
                            <a id="App"></a>
 +
                            <div class="texttitle">Potential Applications</div>
 +
                            <h3 class="classic-title" id="Cadmium">Cadmium and Lead Reaper</h3>
 +
                            <p class="lead add-bottom" style="color:#5E5656">Due to the modularity of the SpyTag-SpyCatcher covalently cross-linked polymer network, we could easily replace the SUP fused to the Triple SpyTag module with other proteins of interest, such as Cadmium-Binding Protein (CBP) or Lead-Binding Protein (LBP), and use it to adsorb a variety of other heavy metals. A preliminary result is shown in Fig. 3.</p>
  
<div id="page-content" class="row page">
+
                            <figure>
    <div id="primary" class="twelve columns">
+
                                <p style="text-align:center;"><img style="width:80% ;" src="https://static.igem.org/mediawiki/2016/c/c8/T--Peking--images_FP_fig3.png" alt=""/></p>
      <section>
+
                                <figcaption style="text-align:left;">
          <div class="row">
+
                                    Fig. 3. The adsorption of Cd (A) and Pb (B) by modified functional polymer network based on the Uranium Reaper platform.
 
+
                                </figcaption>
 
+
                            </figure>
 
+
                            <p class="lead add-bottom" style="color:#5E5656">We simulated Cd and Pb pollution (10μM) in TBS buffer. Using the same strategy which we have used for uranyl removal, with the 3A-SUP monomer replaced by 3A-CBP or 3A-LBP, about 84.5% of the Cd 53.9% of the Pb could be adsorbed, respectively. The results demonstrated that the strategy has great potential for broader metal recovery applications. It is thus necessary to optimize the polymer network under various conditions.</p>
  </div><!--row end-->
+
                            <h3 class="classic-title" id="Visual">Visualization</h3>
  </section>
+
                            <p class="lead add-bottom" style="color:#5E5656">We fused mRFP to the Triple SpyTag to make impart color to our polymer network (Fig. 4.).</p>
</div><!--12 columes end-->
+
                            <figure>
</div><!--page-content end-->
+
                                <p style="text-align:center;"><img style="width:75% ;" src="https://static.igem.org/mediawiki/2016/4/48/T--Peking--images_FP_fig4.png" alt=""/></p>
 
+
                                <figcaption style="text-align:left;">
 
+
                                    Fig. 4. Left: Crosslinking of Triple SpyTag-mRFP and Triple SpyCatcher at high concentrations, showing gel formation. Right: Triple SpyTag-mRFP monomer solution (negative control).
 
+
                                </figcaption>
 
+
                            </figure>
 
+
                            <p class="lead add-bottom" style="color:#5E5656">When the SUP module in the Triple SpyTag-SUP monomer was changed to mRFP, a red-colored gel was formed (Fig 4. left), and by crosslinking proteins at higher concentrations, we could get a relatively stable gel structure. This attribute of the polymer network promises a literally colorful future in artistic creation, with potential applications in 3D printing.</p>
 
+
                           
 
+
                           
 
+
                           
<!-- footer============================================================================== -->
+
                           
<style>
+
                           
footer .copyright span:before {
+
                           
    content: "|";
+
                           
    padding-left: 10px;
+
                        </div><!--9 columns end-->
    padding-right: 12px;
+
                       
    color: #b4bbbb;
+
                       
}
+
                       
footer .copyright span:after {
+
                       
    content: "|";
+
                    </div><!--row end-->
    padding-left: 10px;
+
                </section>
    padding-right: 12px;
+
            </div><!--12 columes end-->
    color: #b4bbbb;
+
        </div><!--page-content end-->
}
+
       
</style>
+
       
  <footer id="page-footer">
+
       
      <div class="row">
+
       
        <div class="twelve columns" >
+
       
            <ul class="copyright">
+
       
              <!--<li>&copy; 2014 Sparrow</li> -->
+
       
              <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
+
       
              <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
+
        <!-- footer============================================================================== -->
              <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
+
        <style>
            </ul>
+
            footer .copyright span:before {
        </div>
+
                content: "|";
<div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
+
                padding-left: 10px;
        </div>
+
                padding-right: 12px;
  </footer> <!-- Footer End-->
+
                color: #b4bbbb;
 
+
            }
 
+
        footer .copyright span:after {
<!-- Java Script======================================================================= -->
+
            content: "|";
  <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
+
            padding-left: 10px;
  <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
+
            padding-right: 12px;
 
+
            color: #b4bbbb;
  <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
+
        }
  <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
+
        </style>
  <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>  
+
        <footer id="page-footer">
 
+
            <div class="row">
 
+
                <div class="twelve columns" >
<!--quotations from black: start-->
+
                    <ul class="copyright">
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
+
                        <!--<li>&copy; 2014 Sparrow</li> -->
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>       
+
                        <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
+
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
                        <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
+
                    </ul>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
+
                </div>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
+
                <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
+
            </div>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
+
        </footer> <!-- Footer End-->
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
+
       
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
+
       
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
+
        <!-- Java Script======================================================================= -->
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
+
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
<!--quotations from black: end-->
+
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
</body>
+
       
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
       
 +
       
 +
        <!--quotations from black: start-->
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>       
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
        <!--quotations from black: end-->
 +
    </body>
 
</html>
 
</html>

Latest revision as of 15:23, 1 December 2016

Proof

FINAL PERFORMANCE

Background & Design

Since we have successfully demonstrated that the bio-functional polymer network ould assemble itself quickly, capture uranyl efficiently and be enriched conveniently, we proposed to combine the features of these experiments in a single trial. We thus incubated triple SpyTag-SUP together with triple SpyTag-mSA and triple SpyCatcher, and contacted the product of crosslinking with simulated pollution. After adsorption, we used a magnet and biotin-coated beads to retrieve the polymer network, together with its contents of adsorbed uranyl (Fig. 1.).

Fig. 1. Conceptual graph of the integrated experiment.


Methods

We prepared 10μM uranyl nitrate solutions in TBS buffer, as well as in fresh water (sampled from Weiming Lake in Peking University) and seawater (sampled from Qinhuang Island) to simulate real-life pollution.

After mixing of 5mg/mL solutions of triple SpyTag-SUP, triple SpyTag-mSA and triple SpyCatcher, each, in a volume ratio of 1:1:2, and subsequent incubation for 1h, we were able to obtain the dual-function crosslinked polymer network encompassing both uranium adsorption and polymer network clearance functions.

The protein polymer network was added into the polluted solution and the mixture shaken on a swing bed for 1min, after which the solution was contacted with a suspension of biotin-coated beads (10mg/ml) at a volume ratio of 5:1 (reaction system: beads), and shaken for 1h to ensure good contact between the protein and the beads. Finally, the beads were immobilized using a magnetic shelf, and the uranyl ion concentration in the supernatant was measured using the Arsenazo III assay.

Learn more:



Results

The statistical analysis of experimental results is shown in Fig.18. Under the circumstances mentioned above, the Uranium Reaper achieved a relatively good adsorption efficiency (51.4% in TBS buffer, 55.8% in seawater and 60.1% in fresh water).

Fig. 2. The remaining proportion of 10μM uranyl in TBS buffer, fresh and seawater after treatment with our polymer network. ****p < 0.0001. n=3. Error bars indicate standard deviations.


Discussion

In this integrated experiment, the Uranium Reaper showed an adsorption rate of 60%, which corresponds well to the product of the uranyl adsorption rate and polymer network recovery rate (90% × 70% = 63%). This result has reached the expectations but is still far removed from the efficiencies that would be needed for an industrial process. Consequently, both the uranyl adsorption and polymer network recovery rate have to be increased to improve the overall efficiency of the Uranium Reaper, which, of course, requires further research and development.

Potential Applications

Cadmium and Lead Reaper

Due to the modularity of the SpyTag-SpyCatcher covalently cross-linked polymer network, we could easily replace the SUP fused to the Triple SpyTag module with other proteins of interest, such as Cadmium-Binding Protein (CBP) or Lead-Binding Protein (LBP), and use it to adsorb a variety of other heavy metals. A preliminary result is shown in Fig. 3.

Fig. 3. The adsorption of Cd (A) and Pb (B) by modified functional polymer network based on the Uranium Reaper platform.

We simulated Cd and Pb pollution (10μM) in TBS buffer. Using the same strategy which we have used for uranyl removal, with the 3A-SUP monomer replaced by 3A-CBP or 3A-LBP, about 84.5% of the Cd 53.9% of the Pb could be adsorbed, respectively. The results demonstrated that the strategy has great potential for broader metal recovery applications. It is thus necessary to optimize the polymer network under various conditions.

Visualization

We fused mRFP to the Triple SpyTag to make impart color to our polymer network (Fig. 4.).

Fig. 4. Left: Crosslinking of Triple SpyTag-mRFP and Triple SpyCatcher at high concentrations, showing gel formation. Right: Triple SpyTag-mRFP monomer solution (negative control).

When the SUP module in the Triple SpyTag-SUP monomer was changed to mRFP, a red-colored gel was formed (Fig 4. left), and by crosslinking proteins at higher concentrations, we could get a relatively stable gel structure. This attribute of the polymer network promises a literally colorful future in artistic creation, with potential applications in 3D printing.