Difference between revisions of "Team:Peking/Workplace"

Line 59: Line 59:
  
  
</head>
+
 
  
 
<body onLoad="init()">
 
<body onLoad="init()">
 +
 +
<!-- Navigation -->
 +
<div id="navigation" class="navbar navbar-fixed-top">
 +
    <div class="navbar-inner ">
 +
        <div class="container no-padding">
 +
            <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
            </a>
 +
            <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 +
           
 +
            <div class="nav-collapse collapse">
 +
                <ul class="nav">
 +
                    <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
 +
                    <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</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/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/Clearance" >Clearance</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" >Final Performance</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/GelPoint" > Model of Gel Point </a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</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/311" >Field research</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Education&nbsp;&amp;&nbsp;Other</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>Description</h1>
 +
                    <p class="title1" style="text-align:center">In this section, we describe the background and our Uranium Reaper project in brief. We advise you to have a quick overall  understanding of our project before viewing result pages. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!-- Page Title End-->
 +
       
 +
       
 +
        <div class="content-outer">
 +
            <div id="page-content" class="row page">
 +
                <div id="primary" class="twelve columns">
 +
                   
 +
                    <section id="overviewpic" class="content">
 +
                        <div class="row">
 +
                            <div class="twelve columns">
 +
                                <div class="texttitle">Overview</div>
 +
 
<div align="center" ><h1 align="center">Description of SoP</h1>
 
<div align="center" ><h1 align="center">Description of SoP</h1>
 
<div style="bottom: 20px; background:#FFFFFF; color:#333333; width:80%; overflow:auto; height:300px;"  >
 
<div style="bottom: 20px; background:#FFFFFF; color:#333333; width:80%; overflow:auto; height:300px;"  >
Line 192: Line 278:
 
   <p>&nbsp;</p>
 
   <p>&nbsp;</p>
  
<style><!-----style of copyright---->
+
 
                     footer .copyright span:before {
+
 
                        content: "|";
+
 
                        padding-left: 10px;
+
                            </div><!--twelve row end -->
                        padding-right: 12px;
+
                        </div> <!-- row End -->
                        color: #b4bbbb;
+
                     </section> <!-- section end -->
                    }
+
                </div> <!-- primary end -->
                footer .copyright span:after {
+
            </div> <!-- page-content End-->
                    content: "|";
+
        </div> <!-- Content End-->
                    padding-left: 10px;
+
 
                    padding-right: 12px;
+
       
                    color: #b4bbbb;
+
 
                }
+
        <!-- footer============================================================================== -->
                </style>
+
        <style>
               
+
            footer .copyright span:before {
              <div class="row" >
+
                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><a href="Home.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
+
                        <!--<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>
 
                         <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
                         <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><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</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>
                <!-----go-to-top------>
+
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
                 <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
+
             </div>
               
+
        </footer> <!-- Footer End-->
             </footer>
+
       
            <!-- Footer End-->
+
           
+
  
  

Revision as of 15:15, 19 October 2016

Home

Description

In this section, we describe the background and our Uranium Reaper project in brief. We advise you to have a quick overall understanding of our project before viewing result pages.

Overview

Description of SoP

For the software given bellow, it was programmed based on eq (5):

Most of these parameters’ definitions can be found from our introduction page
The “Weight Constraint” sets the confine of the molecular weight coordinate for both displaying and calculating. The “Monomer Weight”, defined as its name, may affect the height and the horizontal position of a bar in the chart. If one wish to compare the generated chart with experimental data that uses mass concentration as unit, the molar concentration must be changed according to the “Monomer Weight” as well. Kd, Pf and Pc are automatically generated after inputting other parameters (Kd and Pf affect each other). Click “Generate Chart” to obtain the theoretical outcome from eq (5). Adjust Pa_d, Pb_d and Pf according to your experimental data to find a similar point. The optimized value of Pa_d and Pb_d would be the indicator of hindrance or recruiting.

For example, the parameters given bellow corresponds to a reaction under the following condition:
I. 1 mol/L of 3-A monomers and 1mol/L of 3-B monomers are mixed together. A 3-A monomer has three functional groups a that can exclusively react with one functional group b.
II. The molecule weight of 3-A is 21.4kDa and the molecule weight of 3-B is 55.4kDa.
III. The column chart to be generated describes the state at "Pf = 0.3" (30% of all the functional groups have reacted, and the other 70% have not).
IV. Things like non-reactive protein attached to 3-A (or 3-B) may have influence on the reaction between a and b. If one of a 3-A's functional group a has reacted, the other functional groups on this 3-A will have a 1.5 times of its original chance to react. "Pb_d=1" means no such effect is imposed on b.

Sometimes the following parameters also need to be cared:
I. Weight Constraint= 300 makes the horizontal coordinate ranges from 21.4 kDa (the smallest molecule weight in the system) to 300kDa.
II. Click "Logarithmic Coordinate/Linear Coordinate" to change the attribute of the chart's horizontal coordinate.
III. If the Pf/Pc at the left-bottom corner of the parameter panel becomes green, which means gelation, the result of the generated column chart is invalid.

The SoP Calculator

Loading...
The browser may has blocked javascript
Drag to zoom in
Parameters
Functional Group
Numbers
FA
FB
Molar Concentration
(mol/L)
NA
NB
Monomer Weight
(kDa)
MA
MB
Reaction Degree
Correction Factors
Calculational Range
Kd(mol/L)
Pf
Pc =    ;
Pf/Pc =
Pa_d
Pb_d
Weight Constraint(kDa)