Difference between revisions of "Team:Peking/Model"

 
(20 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
 
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
Line 4: Line 5:
 
<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>Model</title>
+
        <title>Model</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"/>
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
<style>
+
        <style>
    .texttitle{
+
            .texttitle{
        color: #11abb0;
+
                color: #11abb0;
        font-size: 38px;
+
                font-size: 38px;
        line-height: 48px;
+
                line-height: 48px;
        margin-bottom: 12px;
+
                margin-bottom: 12px;
        font-family: raleway-bold, sans-serif !important;
+
                font-family: raleway-bold, sans-serif !important;
        background: transparent;
+
                background: transparent;
        letter-spacing: 3px;
+
                letter-spacing: 3px;
        text-transform: uppercase;
+
                text-transform: uppercase;
        font-weight: 350;
+
                font-weight: 350;
        text-align: center;
+
                text-align: center;
        padding-top:40px;
+
            }
    }
+
        sup{font-size:11px;}
    sup{font-size:11px;}
+
        .references{margin-top:150px;margin-bottom:40px;}
    .references{margin-top:150px;margin-bottom:40px;}
+
        .references p{font-size:14px !important; color:#666161 !important;}
    .references p{font-size:14px !important; color:#666161 !important;}
+
        .classic-title {font-weight: 300;}
    sub{color:white;}
+
        .classic-title span {
    .classic-title {font-weight: 300;padding-top:30px;}
+
            padding-bottom: 8px;
    .classic-title span {
+
            border-bottom: 1px solid #383232;
        padding-bottom: 8px;
+
            font-weight: 400;
        border-bottom: 1px solid #383232;
+
        }
        font-weight: 400;
+
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
    }
+
        .anchor{padding-top:100px;margin-top:-100px;}
    figure{margin-top:40px;margin-bottom:40px;height:auto;}
+
            </style>
    .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(){
+
     </head>
            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"] {
+
     <body>
     background-color:rgba(70, 73, 76, 0.95);
+
     text-decoration: none;
+
    color:white;
+
}
+
  
.panel-default .panel-heading a[aria-expanded="false"]{
+
            <!-- Navigation -->
    -o-transition: background-color 1s linear;
+
         <div id="navigation" class="navbar navbar-fixed-top">
    -moz-transition: background-color 1s linear;
+
            <div class="navbar-inner ">
    -khtml-transition: background-color 1s linear;
+
                <div class="container no-padding">
    -webkit-transition: background-color 1s linear;
+
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
    -ms-transition: background-color 1s linear;
+
                    </a>
    transition: background-color 1s linear;
+
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
}
+
                   
.panel-default .panel-heading a[aria-expanded="false"]:hover{
+
                    <div class="nav-collapse collapse">
    background-color:rgba(70, 73, 76, 0.95);
+
                        <ul class="nav">
    text-decoration: none;
+
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
    color:white;
+
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
}
+
                                <ul class="dropdown-menu">
.panel-default .panel-heading a[aria-expanded="true"]{
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Results" >Results</a></li>
    -o-transition: opacity 1s linear;
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
    -moz-transition: opacity 1s linear;
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
    -khtml-transition: opacity 1s linear;
+
                                </ul>
    -webkit-transition: opacity 1s linear;
+
                            </li>
    -ms-transition: opacity 1s linear;
+
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
    transition: opacity 0.7s linear;
+
                                <ul class="dropdown-menu">
}
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
.panel-default .panel-heading a[aria-expanded="true"]:hover{
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
    opacity:0.7;
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
}
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
</style>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li>
 
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
<script type="text/javascript">
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Final Performance</a></li>
    $(document).ready(function(){
+
                                </ul>
                      $("#button1").click(function(){
+
                            </li>
                                          $(".panel-collapse").collapse("show");
+
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
                                          });
+
                                <ul class="dropdown-menu">
                      });
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/GelPoint" > Model of Gel Point </a></li>
                      $(document).ready(function(){
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</a></li>
                                        $("#button2").click(function(){
+
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
                                                            $(".panel-collapse").collapse("hide");
+
                                </ul>
                                                            });
+
                            </li>
                                        });
+
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
                                        $("#notebook").addClass("navbar-active");
+
                                <ul class="dropdown-menu">
</script>
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
<!--panel 引用 end ==================-->
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
          
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
<!-- Navigation -->
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
<div id="navigation" class="navbar navbar-fixed-top">
+
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Education&nbsp;&amp;&nbsp;Other</a></li>
    <div class="navbar-inner ">
+
                                </ul>
        <div class="container no-padding">
+
                            </li>
            <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
            </a>
+
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
            <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
                                    <ul class="dropdown-menu">
           
+
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
            <div class="nav-collapse collapse">
+
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
                <ul class="nav">
+
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
                    <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
+
                                    </ul>
                    <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
+
                                </li>
                        <ul class="dropdown-menu">
+
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
                            <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
+
                                </li>
                            <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
+
                                </div>
                            <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</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/Recovery" >Recovery</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
+
                        <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
+
                            <ul class="dropdown-menu">
+
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
+
                                <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>Model<span>.</span></h1>
+
                    <p class="title1" style="text-align:center"></p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <!-- Page Title End-->
+
         <!--/Navigation -->
       
+
 
       
+
           
        <div id="page-content" class="row page">
+
            <style>
             <div id="primary" class="twelve columns">
+
                .home_img{
                 <section>
+
                    padding: 10px;
 +
                    margin: 10px;
 +
                    width: 420px;
 +
                    float: left;
 +
                    height: 300px;
 +
                }
 +
            .home_text{
 +
                padding-top: 20px;
 +
                margin: 10px;
 +
                float: left;
 +
                height: 300px;
 +
            }
 +
            .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
            }
 +
            </style>
 +
           
 +
           
 +
           
 +
           
 +
           
 +
           
 +
           
 +
            <!--content-outer-->
 +
             <div class="content-outer">
 +
               
 +
                 <!-- Page Title======================================================================== -->
 +
                <div id="page-title">
 
                     <div class="row">
 
                     <div class="row">
                       
+
                         <div class="twelve columns centered text-center">
                       
+
                             <h1>Model</h1>
                       
+
                            <p class="title1" style="text-align:center">The Peking iGEM team 2016 has set up a model on the basis of the principles of polymer science, to describe the fundamental properties of our bio-materials.</p>
                       
+
                         <div class="three columns">
+
                        <div id="page-wrap">
+
                             <div id="sidebar" style="color:#000000">
+
                                <h4><a href="javascript:void(0);" onclick="naver('gel')">Gel&nbsp;point</a></h4>
+
                                <h4><a href="javascript:void(0);" onclick="naver('diff')">Property&nbsp;differences</a></h4>
+
                                <h4><a href="javascript:void(0);" onclick="naver('distribution')">Polymer distribution<a></h4>
+
                            </div>
+
 
                         </div>
 
                         </div>
                        </div>
+
                    </div>
                       
+
                </div><!-- Page Title End-->
                       
+
               
                       
+
                <div id="page-content">
 +
                    <div class="row add-bottom">
 
                          
 
                          
                         <div class="nine columns">
+
                         <section id="description" class="content">
 +
                            <div class="row">
 
                              
 
                              
            <a id="gel"></a>
+
                               
                            <div class="texttitle">Selection of Reactants</div>
+
                                <div class="four columns" style="text-align:center;">
                            <h3 class="classic-title" style="text-align:right">&mdash;Calculation of Gel Points</h3>
+
                                    <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/d/da/T--Peking--images_modelgelpoint.png " alt="" /></p></a>
 +
                          <p style="font-family:raleway, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify; margin-top:20px;">The Peking iGEM Team has learned Wallace H. Carothers’s and Paul J. Flory’s methods to predict the gel point of three-dimensional polymerization, and developed the latter as a way to forecast that point of their SpyTag/SpyCatcher crosslinking system. They made it a way to choose the monomers suitable for crosslinking reaction.</p>
 +
                                   
 +
                                </div>
 +
                               
 +
                               
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                    <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/0/0b/T--Peking--image_modelmass.png" /></p></a>
 +
                                    <p style="font-family:raleway, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify; margin-top:20px;">The Peking iGEM Team has studied and expanded Paul J. Flory's method to predict the molecular weight distribution of polymer. They compared their reaper’s experimental molecular weight distribution data with the theoretical one and find it is necessary to improve the polymer network's orthogonality with its functional protein. To optimize the reaper's design, they have brought up some compare standards. </p>
 +
                                   
 +
                                </div>
 +
                               
 +
                               
 +
                               
 +
                                <div class="four columns" style="text-align:center;">
 +
                                    <p style="text-align:center;"><a href="https://2016.igem.org/Team:Peking/Software"><img style="width:  %;" src="https://static.igem.org/mediawiki/2016/f/f1/T--Peking--image_H51.png" alt=""/></p></a>
 +
                                    <p style="font-family:raleway, sans-serif !important; font-weight:100;font-size:18px !important; text-align:justify; margin-top:20px;">SoP is originally built to help our team members work out molecular weight distribution results more efficiently, at least more efficient than excel. Now for the wish of sharing, the software was published on webpage so that everyone can try our method or even compare it with experiments. Note that this application exclusively uses the formula described in our "Model-Mass Distribution" part.</p>
 +
                                   
 +
                                </div>
 +
                               
 +
                               
 +
                               
 +
                               
 +
                            </div><!--row ended-->
 
                              
 
                              
                            <p>According to polymer science, we know that a condensation polymerization comprises 2 kinds of reactions - linear polymerization and three-dimensional polymerization. The difference between the two reaction types is that the former can lead to the formation of covalently linked one-dimensional polymers, while the latter can lead to the formation of high-dimensional linkage hydrogel. To increase the contact area and the strength of the polymer, we decided to use monomers containing more than 3 functional groups, i.e., the multi-branched monomer Af (f>=3). We attempted to anticipate the gel point specific for the three-dimensional polymerization (TDP) with reaction extent p through Flory Theory and Carothers Theory.</p>
+
                        </section>
                            <p>In Flory’s description, the sol becomes a gel when its reaction extent reaches the gel point Pc. For a more direct route from initial experimental parameter configuration to its prediction, the linkage between the initial solution state and final reaction extent (when it reaches stability) must be established. A simple way to do this, with enough qualitative credibility, is to use the concentrations of A and B, together with the dissociation constant Kd (1).</p>
+
                    </div>
                            <img class="formula" src="" alt=""/>
+
                </div>
                            <p>The gel point also limits the obtainable states by confining Pf. Any gelation is not acceptable for the reasons described earlier. In Flory’s theory, the formula used to calculate the gel point is well described. We have therefore derived for our own case (2):</p>
+
            </div>
                            <img class="formula" src="" alt=""/>
+
           
                            <p>Assuming that the total number of a and b is unchanged, the differences of the propensities towards different kinds of configurations can easily be compared via their respective gel points. Hereby a tetrad SpyTag-SUP and double SpyTag reaction is a different configuration from a triple SpyTag-SUP and triple SpyTag reaction. The corresponding comparison chart is shown in Fig. 1.</p>
+
           
                            <figure>
+
           
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
            <br />
                                <figcaption>
+
           
                                    Fig. 1.  Theoretical gel points for a number of monomer configurations
+
           
                                </figcaption>
+
           
                            </figure>
+
           
                            <br/>
+
           
                            <br/>
+
            <!--/content-outer-->
                           
+
           
                           
+
           
             <a id="diff"></a>
+
           
                            <div class="texttitle">Properties of the polymerization reaction</div>
+
             <!-- footer(Home special)
                            <h3 class="classic-title" style="text-align:right">&mdash; differences between 3A-SUP and 3A-mSA </h3>
+
            ================================================== -->
                            <p>It has been witnessed that changing the protein attached to the 3A part can notably affect the polymerization reaction. The result could be easily understood based on the corresponding SDS-PAGE picture (Fig. 2).</p>
+
            <footer id="page-footer">
                            <figure>
+
                <div class="row,row1">
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
                    <ul class="footer-social">
                                    <figcaption>Fig. 2.  The differences in polymerization characteristics of 3A-SUP and 3A-mSA.v
+
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
                                    </figcaption>
+
                             <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
                             </figure>
+
                        </li>
                            <p>The figure illustrates the reaction process from 10-120 min after mixing of the reactants 3A and 3B. Both of these pre-experiments were done at 25 centigrade, pH=7.4 and an initial concentration of 1mg/ml for both 3A and 3B. The difference was that in the first group each 3A module was attached to an SUP module while in the second group mSA was substituted for SUP. The red vector in Fig. 3 indicates the passage of time and also a sharp decrease of the relevant band. Briefly, the decreasing band on the left represents 3B (55.4 kDa) and the one on the right represents 3A_mSA (24.2 kDa).</p>
+
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
                            <p>Such differences could be attributed to the effect of steric hindrance. Based on such a presumption, the terms  and  would change accordingly. Additionally, one of Flory’s assumptions must be reconsidered. That assumption is that all individual representatives of a single type of functional group in the system have the same probability of reacting. We thus developed a new method to deal with the probability terms , which can be expressed simply as “if one of the functional groups on a 3A or 3B monomer has already reacted, then a residual functional group has a lower/higher probability of reacting”. If the lower/higher probability has the format of min (1, Pa_d · Pa), the formula will change into (3):</p>
+
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
                            <img class="formula" src="" alt=""/>
+
                        </li>
                            <p>Hereby a Pa_d larger than 1 indicates a recruiting effect of the first reacted “AB” of 3A on the rest of its functional groups. Conversely, a Pa_d lower than 1 indicates that the first “AB” bond hinders further reaction of functional groups in its immediate vicinity (the reaction of the rest of functional groups on its parent 3A monomer). This new approach has been programmed into the web-calculator “MWCal”.
+
                        <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
                            A monomer ratio experiment shows the validity of the formula via weight distribution analysis (Fig. 3).</p>
+
                             <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
                            <figure>
+
                        </li>
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
                                <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
                        </li>
                                <figcaption>Fig. 3. Weight distributions in completed reactions between 3A and 3B (2hours, ph=7.4, 25 centigrade) at different initial mass concentration ratios of the reactants 3A to 3B.
+
                        <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
                                    </figcaption>
+
                        <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
                            </figure>
+
                        </li>-->
                            <p>Based on the experiment shown in Fig. 3, for the monomer functionalized with the SUP module, this ratio ranged from 1:1 to 1:3, and for mSA the ratio ranged from 1:1 to 3:1. The total initial mass concentrations (3A+3B) in the two experiments were set to 1mg/ml. The SDS-PAGE experiments were analyzed via densitometry, whereby each OD value roughly represents the protein mass located in a particular band. Hence we can get a coarse molecular weight distribution line graph with the help of gel analysis tools. Since there is no quantitative access to the mass concentrations from the light absorbance data, the shape and area of each peak (relative intensity) needs to be taken into account.</p>
+
                        <li class="col-md-6" id="PKU-CCME" style="margin-bottom:25px;max-width:300px">
                            <p>The bar charts below the line graphs were generated using the software “MWCal”. The blue bar charts have the same vertical values as the yellow bar charts below them, but with logarithmic coordinates, which helps when comparing them with the experimental results. The calculations in Figs. 28(A) and (B) share the following parameters: fa=3, fb=3 and Kd=4.64e-5. The molar concentrations and monomer weights correspond to the experimental facts. The Pa_d and Pb_d values were set to 0.9 and 1.38 for SUP, and 1.5 and 0.8 for mSA, respectively, which optimized the similarity between the relative intensities of the experimental and theoretical peaks, since said values were fitted based on this similarity. It is essential to bear in mind that proper choice of values for these two parameters can produce good similarity over a wide range (1:1 to 1:3) of cases, with 4 to 5 peaks in each case. This indicates the effectiveness of eq. (5).</p>
+
                            <a href="http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Peking--images_PKU_CCME_logo.png"></a>
                             <p>The experiment shown in Fig. 28(C) is the same as the one in 28(B), while the calculation uses Pa_d=1, Pb_d=1. In other words, Fig. 6 shows the calculation without any correction for the Pa_d and Pb_d terms, from which we can see the limitation of the original eq. (4) (see below).</p>
+
                         </li>
                            <p>The result of this fitting work can be rough due to the low accuracy of the line graph. One can nevertheless qualitatively estimate the recruiting or hindering effect of the attached protein from the values of the optimized Pa_d and Pb_d terms. For example, in the SUP experiment, Pa_d=0.9 and Pb_d=1.38 indicate that the SUP protein reduces the likelihood of reaction for the second bond on its 3A monomer, and conversely makes it more likely that any 3B directly linked to this 3A monomer will react with another 3A. </p>
+
                    </ul>
                           
+
                </div>
                            <figure>
+
               
                                    <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
               
                                        <figcaption>Fig. 4. Schematic of the effects of monomer modules - facilitating (upright arrows) or hindering (lightning shapes) the polymerization reaction.
+
                <style><!-----style of copyright---->
                                        </figcaption>
+
                    footer .copyright span:before {
                            </figure>
+
                        content: "|";
                            <p>Based on the definition of orthogonality for biological parts, the design of the SpyTag - SpyCatcher pair, which are the structural molecules, should ideally make this hindrance/recruiting effect negligible for any attached protein. In other words, whether it is SUP or mSA, the value Pa_d and Pb_d should remain unchanged. Otherwise, the resulting weight distribution will be uncontrollable, together with any related mechanical traits such as viscosity. We thus planned to optimize the design using Pa_d and Pb_d as index values.</p>
+
                        padding-left: 10px;
                           
+
                        padding-right: 12px;
                           
+
                        color: #b4bbbb;
                           
+
                    }
                           
+
                footer .copyright span:after {
            <a id="distribution"></a>
+
                    content: "|";
                            <div class="texttitle"> The Distribution of Polymers</div>
+
                    padding-left: 10px;
                          <p>It is easy to imagine that in cases where most of the polymer molecules in a colloidal sol are small in size, the system would require more biotin units for recovery than when the molecules are big on average. However, making the Reaper molecules too big may turn the polymer into a gel, which would make the relative surface area collapse to nil and with it the likelihood of effective SUP - uranyl collisions. Hence, finding a proper molecular size is important for the Reaper hydrogel’s adequate functioning. We consequently also focused on finding an optimal molecular weight distribution as a major research objective.</p>
+
                    padding-right: 12px;
                          <p>Since the target product should behave as a sol and not a gel, we found that the strategy introduced in Flory’s Principles of Polymer Chemistry, Chapter IX, is well supported and capable of predicting the molecular weight distribution for nonlinear polymers below the gel point, or in other words, when they constitute a sol. We have derived our own equation based on Flory’s strategy, which omits any intramolecular reactions and treats any functional group with the same reaction probability as its counterpart. The equation is as follows (4):</p>
+
                    color: #b4bbbb;
                          <img class="formula" src="" alt=""/>
+
                }
                          <p>wherebyrepresent two kinds of monomers in the solution and represent the functional groups of  and . The termsare the total numbers of  and  in a selected type of molecule, e. g. (2,4) molecules contain two  and four -type functional groups. The terms describe the numbers of functional groups in monomersand, respectively, i.e. the monomers’ functionality (e.g. the functionality of triple SpyTag-SUP is 3).  and  are reaction extents defined as follows (5):</p>
+
                </style>
                          <img class="formula" src="" alt=""/>
+
               
                          <p>It is essential to note that the reaction extent Pf in the formula depends on the empirical result. The percentage given above just depicts all the possible distributions that should be actually implemented by adjusting the reagent concentrations to reach a particular Pf.</p>
+
                <div class="row" >
                          <p>The corresponding SDS-PAGE experiments used to evaluate the molecular distribution can underscore the validity of this theory by measuring both the Pf values and the molecular weight distributions. The corresponding theoretical chart is shown in Fig. 5.</p>
+
                          <figure>
+
                              <img class="featurette-image" src="" style="width:100%;" alt=""/>
+
                              <figcaption>
+
                                  Fig. 5. Theoretical molecular weight distributions of polymers containing the indicated monomers. The formula is only valid when the Pf value is below the gel point (0.5).
+
                              </figcaption>
+
                          </figure>
+
                       
+
                   
+
            <a id="references"></a>
+
                        <div class="references">
+
                            <h3>References:</h3>
+
                            <p>Flory, Paul J. Principle of Polymer Chemistry. 1953.</p>
+
                        </div>
+
 
+
 
+
                        </div><!--9 columns end-->
+
                          
+
                       
+
                       
+
 
+
                       
+
                       
+
                    </div><!--row end-->
+
                </section>
+
            </div><!--12 columes end-->
+
        </div><!--page-content end-->
+
       
+
       
+
       
+
       
+
       
+
       
+
       
+
       
+
        <!-- footer============================================================================== -->
+
        <style>
+
            footer .copyright span:before {
+
                content: "|";
+
                padding-left: 10px;
+
                padding-right: 12px;
+
                color: #b4bbbb;
+
            }
+
        footer .copyright span:after {
+
            content: "|";
+
            padding-left: 10px;
+
            padding-right: 12px;
+
            color: #b4bbbb;
+
        }
+
        </style>
+
        <footer id="page-footer">
+
            <div class="row">
+
                <div class="twelve columns" >
+
 
                     <ul class="copyright">
 
                     <ul class="copyright">
                        <!--<li>&copy; 2014 Sparrow</li> -->
+
                         <li><a href="Home.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></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>
 
                         <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
                         <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
+
                         <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><i class="fa fa-facebook"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/c4/T--Peking--image_homefacebook.png"/></i></a></li>
 +
                        <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><i class="fa fa-twitter"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/3/39/T--Peking--image_hometwitter.png"/></i></a></li>
 +
                        <li style="padding-right:20px"><a href="#"><i class="fa fa-skype"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/cc/T--Peking--image_homeskype.png"/></i></a></li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
+
                <!-----go-to-top------>
             </div>
+
                 <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
        </footer> <!-- Footer End-->
+
               
       
+
             </footer>
       
+
            <!-- Footer End-->
        <!-- Java 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>
+
           
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
+
            <!-- Java 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>
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?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>
+
            <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>
+
            <!--quotations from flexslider: start-->
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>      
+
            <script src='https://2016.igem.org/Template:Peking/Javascript/modernizr_js?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/fjquery_polaroid?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/fjquery_easing?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/fjquery_transform_0_8_0_min?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/fjquery_preloader?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>
+
                <!--quotations from flexslider: end-->
        <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>
+
                <!--quotations from black: start-->
        <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?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_sticky?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/jquery_easing_1_3_pack?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>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
        <!--quotations from black: end-->
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
    </body>
+
                <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
</html>
+
                <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>

Latest revision as of 03:09, 2 December 2016

Model

Model

The Peking iGEM team 2016 has set up a model on the basis of the principles of polymer science, to describe the fundamental properties of our bio-materials.

The Peking iGEM Team has learned Wallace H. Carothers’s and Paul J. Flory’s methods to predict the gel point of three-dimensional polymerization, and developed the latter as a way to forecast that point of their SpyTag/SpyCatcher crosslinking system. They made it a way to choose the monomers suitable for crosslinking reaction.

The Peking iGEM Team has studied and expanded Paul J. Flory's method to predict the molecular weight distribution of polymer. They compared their reaper’s experimental molecular weight distribution data with the theoretical one and find it is necessary to improve the polymer network's orthogonality with its functional protein. To optimize the reaper's design, they have brought up some compare standards.

SoP is originally built to help our team members work out molecular weight distribution results more efficiently, at least more efficient than excel. Now for the wish of sharing, the software was published on webpage so that everyone can try our method or even compare it with experiments. Note that this application exclusively uses the formula described in our "Model-Mass Distribution" part.