Difference between revisions of "Team:Peking/Workplace"

Line 1: Line 1:
 +
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<head>
Line 38: Line 39:
 
<h1 align="center">The SoP Calculator</h1>
 
<h1 align="center">The SoP Calculator</h1>
 
<div align="center">
 
<div align="center">
<div id="barchart1" style="height:400px">The browser has blocked javascript</div>
+
<div id="barchart1" style="height:400px">Loading... <br>The browser may has blocked javascript</div>
 
</div>
 
</div>
<div align="center" class="STYLE2" style="font-size:18px; margin-bottom:18px;">Drag to zoom in</div>
+
<div align="center" class="STYLE2" style="font-size:18px; margin-bottom:18px; color:#5C9085">Drag to zoom in</div>
  
 
<div align="center"><button onClick="GenerateChart()" style="font-size:24px; font:Geneva, Arial, Helvetica, sans-serif" >Generate Chart</button>
 
<div align="center"><button onClick="GenerateChart()" style="font-size:24px; font:Geneva, Arial, Helvetica, sans-serif" >Generate Chart</button>
  
+
 
 
<button onClick="ChangeLog(this)"  style="font-size:24px; font:Geneva, Arial, Helvetica, sans-serif">Logarithmic Coordinate</button>
 
<button onClick="ChangeLog(this)"  style="font-size:24px; font:Geneva, Arial, Helvetica, sans-serif">Logarithmic Coordinate</button>
 
</div>
 
</div>
Line 52: Line 53:
 
     </caption>
 
     </caption>
 
     <tr>
 
     <tr>
       <td width="200" align="center"><table width="200" border="0">
+
       <td width="200" align="center"><table width="200" border="0">
 
           <caption style="font-size:20px;" >
 
           <caption style="font-size:20px;" >
 
             Functional Group <br/>Numbers  
 
             Functional Group <br/>Numbers  
 
           </caption>
 
           </caption>
 
         <tr>
 
         <tr>
             <td  style="width:auto" nowrap="nowrap"><span  style="font-size:20px;">Fa</span><br>
+
             <td  style="width:auto" nowrap="nowrap"><span  style="font-size:20px;">F<sub>A</sub></span><br>
 
                 <input name="fa" id="IN_fa" style="font-size:20px; width:80px"  onchange="UpdateData()" value="3" />
 
                 <input name="fa" id="IN_fa" style="font-size:20px; width:80px"  onchange="UpdateData()" value="3" />
 
        
 
        
 
             </td>
 
             </td>
           <td width="100" nowrap="nowrap"><span style="font-size:20px;" >Fb</span><br>
+
           <td width="100" nowrap="nowrap"><span style="font-size:20px;" >F<sub>B</sub></span><br>
 
               <input name="fb"  style="font-size:20px; width:80px" id="IN_fb" onChange="UpdateData()" value="3"/>
 
               <input name="fb"  style="font-size:20px; width:80px" id="IN_fb" onChange="UpdateData()" value="3"/>
 
             </td>
 
             </td>
Line 71: Line 72:
 
           </caption>
 
           </caption>
 
         <tr>
 
         <tr>
           <td width="100" nowrap="nowrap"><span  style="font-size:20px;">Na</span><br>
+
           <td width="100" nowrap="nowrap"><span  style="font-size:20px;">N<sub>A</sub></span><br>
 
               <input name="na" style="font-size:20px; width:120px"  id="IN_Na" onChange="UpdateData()" value="1.000"/>
 
               <input name="na" style="font-size:20px; width:120px"  id="IN_Na" onChange="UpdateData()" value="1.000"/>
 
  </td>
 
  </td>
           <td width="100" nowrap="nowrap"><span  style="font-size:20px;">Nb</span><br>
+
           <td width="100" nowrap="nowrap"><span  style="font-size:20px;">N<sub>B</sub></span><br>
 
               <input name="nb" style="font-size:20px; width:120px"  id="IN_Nb" onChange="UpdateData()" value="1.000" />
 
               <input name="nb" style="font-size:20px; width:120px"  id="IN_Nb" onChange="UpdateData()" value="1.000" />
 
           </td>
 
           </td>
Line 85: Line 86:
 
         </caption>
 
         </caption>
 
         <tr>
 
         <tr>
           <td width="120" nowrap="nowrap"><span  style="font-size:20px;">MA</span><br>
+
           <td width="120" nowrap="nowrap"><span  style="font-size:20px;">M<sub>A</sub></span><br>
 
               <input name="MA" style="font-size:20px;  width:100px" id="IN_MA"  onchange="UpdateData()" value="21.4" />
 
               <input name="MA" style="font-size:20px;  width:100px" id="IN_MA"  onchange="UpdateData()" value="21.4" />
 
   
 
   
 
             </td>
 
             </td>
           <td width="120"><span style="font-size:20px;" >MB</span><br>
+
           <td width="120"><span style="font-size:20px;" >M<sub>B</sub></span><br>
 
             <input name="MB"  style="font-size:20px; width:100px" id="IN_MB" onChange="UpdateData()" value="55.4" />
 
             <input name="MB"  style="font-size:20px; width:100px" id="IN_MB" onChange="UpdateData()" value="55.4" />
 
      
 
      
Line 106: Line 107:
 
       <td ><table width="203" height="168" border="0">
 
       <td ><table width="203" height="168" border="0">
 
         <tr>
 
         <tr>
           <td  height="62" nowrap="nowrap"><span  style="font-size:20px;">Kd(mol/L)</span><br>
+
           <td  height="62" nowrap="nowrap"><span  style="font-size:20px;">K<sub>d</sub>(mol/L)</span><br>
 
             <input name="kd" style="font-size:20px;  width:100px"  id="IN_Kd" onChange="UpdateData()" value="4.90" /></td>
 
             <input name="kd" style="font-size:20px;  width:100px"  id="IN_Kd" onChange="UpdateData()" value="4.90" /></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <td  height="36" nowrap="nowrap"><span  style="font-size:20px;">Pf </span><br>
+
           <td  height="36" nowrap="nowrap"><span  style="font-size:20px;">P<sub>f</sub> </span><br>
 
               <input name="pf" style="font-size:20px;  width:100px"  id="IN_Pf" onChange="UpdateData2()" value="0.3" /></td>
 
               <input name="pf" style="font-size:20px;  width:100px"  id="IN_Pf" onChange="UpdateData2()" value="0.3" /></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <td  height="30"><span id="OU_Pc"  style="font-size:20px;">Pc = &nbsp;&nbsp; ;</span><br>
+
           <td  height="30"><span id="OU_Pc"  style="font-size:20px;">P<sub>c</sub> = &nbsp;&nbsp; ;</span><br>
             <span id="OU_Pfc" style="font-size:20px;" ><span  style="font-size:20px;">Pf/Pc = </span></span></td>
+
             <span id="OU_Pfc" style="font-size:20px;" ><span  style="font-size:20px;">P<sub>f</sub>/P<sub>c</sub> = </span></span></td>
 
         </tr>
 
         </tr>
 
       </table></td>
 
       </table></td>
 
       <td ><table width="145" height="159" border="0">
 
       <td ><table width="145" height="159" border="0">
 
         <tr>
 
         <tr>
           <td  nowrap="nowrap"><span style="font-size:20px;" >Pa_d</span>
+
           <td  nowrap="nowrap"><span style="font-size:20px;" >P<sub>a_d</sub></span>
 
               <input name="pad" style="font-size:20px;  width:100px"  id="IN_Pa_" onChange="UpdateData()" value="1.500" /></td>
 
               <input name="pad" style="font-size:20px;  width:100px"  id="IN_Pa_" onChange="UpdateData()" value="1.500" /></td>
 
         </tr>
 
         </tr>
 
         <tr>
 
         <tr>
           <td  nowrap="nowrap"><span  style="font-size:20px;">Pb_d</span>
+
           <td  nowrap="nowrap"><span  style="font-size:20px;">P<sub>b_d</sub></span>
 
               <input name="pbd" style="font-size:20px;  width:100px"  id="IN_Pb_" onChange="UpdateData()" value="1.000" /></td>
 
               <input name="pbd" style="font-size:20px;  width:100px"  id="IN_Pb_" onChange="UpdateData()" value="1.000" /></td>
 
         </tr>
 
         </tr>
 
          
 
          
 
       </table></td>
 
       </table></td>
       <td nowrap="nowrap"><span  style="font-size:20px;">Weight Constraint(KDa)</span><br>
+
       <td nowrap="nowrap"><span  style="font-size:20px;">Weight Constraint(kDa)</span><br>
 
    
 
    
 
         <input name="ML" style="font-size:20px;  width:150px"  id="IN_MLimit" onChange="UpdateData()" value="300" />
 
         <input name="ML" style="font-size:20px;  width:150px"  id="IN_MLimit" onChange="UpdateData()" value="300" />

Revision as of 14:32, 19 October 2016

MWCal

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)