Difference between revisions of "Team:NAU-CHINA/Model"

 
(42 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{NAU-CHINA/ResetCSS}}
 
 
{{NAU-CHINA}}
 
{{NAU-CHINA}}
 
{{NAU-CHINA/header}}
 
{{NAU-CHINA/header}}
 
function DirectoryNav($h,config){
 
  this.opts = $.extend(true,{
 
  scrollThreshold:0.5, //滚动检测阀值 0.5在浏览器窗口中间部位
 
  scrollSpeed:700,  //滚动到指定位置的动画时间
 
  scrollTopBorder:500, //滚动条距离顶部多少的时候显示导航
 
  easing: 'swing',  //不解释
 
  delayDetection:200,  //延时检测,避免滚动的时候检测过于频繁
 
  scrollChange:function(){}
 
  },config);
 
  this.$win = $(window);
 
  this.$h = $h;
 
  this.$pageNavList = "";
 
  this.$pageNavListLis ="";
 
  this.$curTag = "";
 
  this.$pageNavListLiH = "";
 
  this.offArr = [];
 
  this.curIndex = 0;
 
  this.scrollIng = false;
 
  this.init();
 
}
 
DirectoryNav.prototype = {
 
  init:function(){
 
  this.make();
 
  this.setArr();
 
  this.bindEvent();
 
  },
 
  make:function(){
 
  //生成导航目录结构,这是根据需求自己生成的。如果你直接在页面中输出一个结构那也挺好不用 搞js
 
  $("body").append('<div class="directory-nav" id="directoryNav"><ul></ul><span class="cur-tag"></span><span class="c-top"></span><span class="c-bottom"></span><span class="line"></span></div>>');
 
  var $hs = this.$h,
 
    $directoryNav = $("#directoryNav"),
 
    temp = [],
 
    index1 = 0,
 
    index2 = 0;
 
  $hs.each(function(index){
 
    var $this = $(this),
 
      text = $this.text();
 
    if(this.tagName.toLowerCase()=='h2'){
 
    index1++;
 
    if(index1%2==0) index2 = 0;
 
    temp.push('<li class="l1"><span class="c-dot"></span>'+index1+'. <a class="l1-text">'+text+'</a></li>');
 
    }else{
 
    index2++;
 
    temp.push('<li class="l2">'+index1+'.'+index2+' <a class="l2-text">'+text+'</a></li>');
 
    }
 
  });
 
  $directoryNav.find("ul").html(temp.join(""));
 
  //设置变量
 
  this.$pageNavList = $directoryNav;
 
  this.$pageNavListLis = this.$pageNavList.find("li");
 
  this.$curTag = this.$pageNavList.find(".cur-tag");
 
  this.$pageNavListLiH = this.$pageNavListLis.eq(0).height();
 
  if(!this.opts.scrollTopBorder){
 
    this.$pageNavList.show();
 
  }
 
  },
 
  setArr:function(){
 
  var This = this;
 
  this.$h.each(function(){
 
    var $this = $(this),
 
    offT = Math.round($this.offset().top);
 
    This.offArr.push(offT);
 
  });
 
  },
 
  posTag:function(top){
 
  this.$curTag.css({top:top+'px'});
 
  },
 
  ifPos:function(st){
 
  var offArr = this.offArr;
 
  //console.log(st);
 
  var windowHeight = Math.round(this.$win.height() * this.opts.scrollThreshold);
 
  for(var i=0;i<offArr.length;i++){
 
    if((offArr[i] - windowHeight) < st) {
 
    var $curLi = this.$pageNavListLis.eq(i),
 
      tagTop = $curLi.position().top;
 
    $curLi.addClass("cur").siblings("li").removeClass("cur");
 
    this.curIndex = i;
 
    this.posTag(tagTop+this.$pageNavListLiH*0.5);
 
    //this.curIndex = this.$pageNavListLis.filter(".cur").index();
 
    this.opts.scrollChange.call(this);
 
    }
 
  }
 
  },
 
  bindEvent:function(){
 
  var This = this,
 
    show = false,
 
    timer = 0;
 
  this.$win.on("scroll",function(){
 
    var $this = $(this);
 
    clearTimeout(timer);
 
    timer = setTimeout(function(){
 
    This.scrollIng = true;
 
    if($this.scrollTop()>This.opts.scrollTopBorder){
 
      if(!This.$pageNavListLiH) This.$pageNavListLiH = This.$pageNavListLis.eq(0).height();
 
      if(!show){
 
      This.$pageNavList.fadeIn();
 
      show = true;
 
      }
 
      This.ifPos( $(this).scrollTop() );
 
    }else{
 
      if(show){
 
      This.$pageNavList.fadeOut();
 
      show = false;
 
      }
 
    }
 
    },This.opts.delayDetection);
 
  });
 
  this.$pageNavList.on("click","li",function(){
 
    var $this = $(this),
 
    index = $this.index();
 
    This.scrollTo(This.offArr[index]);
 
  })
 
  },
 
  scrollTo: function(offset,callback) {
 
  var This = this;
 
  $('html,body').animate({
 
    scrollTop: offset
 
  }, this.opts.scrollSpeed, this.opts.easing, function(){
 
    This.scrollIng = false;
 
    //修正弹两次回调 蛋疼
 
    callback && this.tagName.toLowerCase()=='body' && callback();
 
  });
 
  }
 
};
 
//调用实例化
 
var directoryNav = new DirectoryNav($("h2,h3"),{
 
  scrollTopBorder:0 //滚动条距离顶部多少的时候显示导航,如果为0,则一直显示
 
});
 
 
<html>
 
<html>
<head lang="en">
+
<head>
     <meta charset="UTF-8">
+
     <meta charset="utf-8" />
     <title>仿百度百科右侧导航代码jquery插件/</title>
+
     <title>Engagement</title>
 +
    <script>
 +
        $(document).ready(function () {
 +
            $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/b/b4/T--NAU-China--bannermodeloverview.png')
 +
        });
 +
    </script>
 
     <style>
 
     <style>
         html,body,h3{ margin: 0; padding: 0;}
+
         .top-title {
        h2,h3{ height: 500px; margin-bottom: 10px; border: #ddd solid 1px;}
+
            color: #6d0032 !important;
        li{ list-style: none; margin: 0; vertical-align: top;}
+
        ul{ margin: 0; padding: 0;}
+
 
+
        /*这是百科右侧导航代码的样式表*/
+
        .directory-nav{position: fixed; right:50px; bottom:40px; padding: 12px 0 20px 32px; display: none;}
+
        .directory-nav li{height: 34px;line-height: 34px;  position: relative;}
+
        .directory-nav li a{}
+
        .directory-nav .l1{ }
+
        .directory-nav .l2{ text-indent:0.6em;}
+
        .directory-nav .l1 a{font-size: 16px;}
+
        .directory-nav .l2 a{font-size: 14px;}
+
        .directory-nav,.directory-nav a{ color: #666;}
+
        .directory-nav .cur a{ color: red;}
+
 
+
        .directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;}
+
        .directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;
+
            display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
+
            background: url(images/directory-nav.png) no-repeat 0 -69px;
+
 
         }
 
         }
        .directory-nav .c-dot{
+
          .main-content h1 {
             position: absolute; left:-32px; top: 50%; z-index: 2; margin-top: -5px;
+
             font-family: 'Avenir Next Condensed',sans-serif;
             display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
+
            color: #6d0032 !important;
             background: url(images/directory-nav.png) no-repeat -275px 0;
+
            margin:32px 0 !important;
 +
            margin-left:40px !important;
 +
             font-size:48px;
 +
             font-weight:bold !important;
 
         }
 
         }
 
        .directory-nav .c-top{ top: 0}
 
        .directory-nav .c-bottom{ bottom: 0}
 
        .directory-nav .cur-tag{
 
            position: absolute; left: -1px; top:30px; z-index: 5; margin-top: -6px;
 
            display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
 
            background: url(images/directory-nav.png) no-repeat -271px -37px;
 
            -webkit-transition:top .3s ease 0s;
 
            transition:top .3s ease 0s;
 
        }
 
 
 
     </style>
 
     </style>
 
</head>
 
</head>
<body style="padding: 40px;">
+
<body>
 +
    <div class="topLine">
 +
        <p class="top-title">Model</p>
 +
        <p class="sec-title">Overview</p>
 +
    </div>
 +
    <a href="https://2018.igem.org/Team:NAU-CHINA/Model%20Details">
 +
        <img id="icon1" class="guide-icon" src="https://static.igem.org/mediawiki/2018/5/55/T--NAU-China--imodelillred.png" />
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:NAU-CHINA/Auxiliary%20Understanding">
 +
        <img id="icon2" class="guide-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--NAU-China--auxiliaryunderstandingpurple.png" />
 +
    </a>
  
<div style=" padding-bottom:20px;line-height: 2;">
+
    <div class="main-content">
<h1>向下滚动,观察右下角 仿百度百科右侧导航代码jquery插件</h1>
+
        <div class="textblock">
<h2>标题一</h2>
+
            <h1>Introduction</h1>
    <h3>标题一-1</h3>
+
            <p>We propose post-integration conditions, rationally simplify the complex situation, and split the whole process into a series of chemical reactions. Assuming that intervals between two reactions obey exponential distribution, we use the Gillespie algorithm<sup>[1]</sup> to calculate the changes in various substances in the system with reference to the Dynamics of the Brusselator <sup>[2]</sup>. The ideas and methods of this model have strong promotion prospects and adaptability. Our model demonstrates the necessity of using the recombinase(rec) system,the improvement effect of the system after adding the pathways expressing RDF-inhibitor and rec-inhibitor in turn, and the robustness of the model .The experimental team verified some assumptions and results of the model and selected materials according to the parameters of the model.</p>
    <h3>标题一-2</h3>
+
        </div>
    <h3>标题一-3</h3>
+
<h2>标题二</h2>
+
    <h3>标题一-1</h3>
+
    <h3>标题一-2</h3>
+
    <h3>标题一-3</h3>
+
<h2>标题三</h2>
+
<h2>标题四</h2>
+
<h2>标题五</h2>
+
<h2>标题六</h2>
+
  
<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
+
        <div class="textblock">
<script>
+
            <h1>For judging handbook</h1>
    /*
+
    * 懒人建站 http://www.51xuediannao.com/
+
    * 仿百度百科右侧导航代码 - 页面目录结构导航 v0.01
+
    * 只写了两级,无限级别也可以,是逻辑上的级别,html结构全是同一级别
+
    * 滑标动画用的css3过渡动画,不支持的浏览器就没动画效果了
+
    * 和百度百科比起来还是比较弱,没有实现右边也可以滚动的功能
+
    */
+
    function DirectoryNav($h,config){
+
        this.opts = $.extend(true,{
+
            scrollThreshold:0.5,    //滚动检测阀值 0.5在浏览器窗口中间部位
+
            scrollSpeed:700,        //滚动到指定位置的动画时间
+
            scrollTopBorder:500,    //滚动条距离顶部多少的时候显示导航,如果为0,则一直显示
+
            easing: 'swing',        //不解释
+
            delayDetection:200,    //延时检测,避免滚动的时候检测过于频繁
+
            scrollChange:function(){}
+
        },config);
+
        this.$win = $(window);
+
        this.$h = $h;
+
        this.$pageNavList = "";
+
        this.$pageNavListLis ="";
+
        this.$curTag = "";
+
        this.$pageNavListLiH = "";
+
        this.offArr = [];
+
        this.curIndex = 0;
+
        this.scrollIng = false;
+
        this.init();
+
    }
+
  
    DirectoryNav.prototype = {
+
             <a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details">What kind of modeling is being done and what information it will provide?</a>
        init:function(){
+
            <p>We use the Gillespie algorithm to calculate the changes in various substances in the system</p>
             this.make();
+
            this.setArr();
+
            this.bindEvent();
+
        },
+
        make:function(){
+
            //生成导航目录结构,这是根据需求自己生成的。如果你直接在页面中输出一个结构那也挺好不用 搞js
+
            $("body").append('<div class="directory-nav" id="directoryNav"><ul></ul><span class="cur-tag"></span><span class="c-top"></span><span class="c-bottom"></span><span class="line"></span></div>>');
+
            var $hs = this.$h,
+
                $directoryNav = $("#directoryNav"),
+
                temp = [],
+
                index1 = 0,
+
                index2 = 0;
+
            $hs.each(function(index){
+
                var $this = $(this),
+
                        text = $this.text();
+
                if(this.tagName.toLowerCase()=='h2'){
+
                    index1++;
+
                    if(index1%2==0) index2 = 0;
+
                    temp.push('<li class="l1"><span class="c-dot"></span>'+index1+'. <a class="l1-text">'+text+'</a></li>');
+
                }else{
+
                    index2++;
+
                    temp.push('<li class="l2">'+index1+'.'+index2+' <a class="l2-text">'+text+'</a></li>');
+
  
                }
+
             <a href="#Assumptions">What assumptions were made and why? </a>
             });
+
             <p>One of our assumptions is that the length of the interval between consecutive reactions obeys an exponential distribution so that we can use the Gillespie algorithm [1] to calculate the changes in various substances in the system.</p>
             $directoryNav.find("ul").html(temp.join(""));
+
  
             //设置变量
+
             <a href="#Parameters">What kind of data was used to build/assess the model</a>
             this.$pageNavList = $directoryNav;
+
             <p> (a) Expression rate of each gene (production rate of related proteins, consumption rate of each protein.<br>
            this.$pageNavListLis = this.$pageNavList.find("li");
+
                (b) The computing coefficient of each reaction’s rate.
             this.$curTag = this.$pageNavList.find(".cur-tag");
+
            </p>
             this.$pageNavListLiH = this.$pageNavListLis.eq(0).height();
+
           
 +
            <a href="#Guide for Experiment">How the model results affected the project design and development?</a>
 +
             <p>Our model shows the improvement effect of the system after adding the pathways expressing RDF-inhibitor and rec-inhibitor in turn, so as to provide guidance to the experimental team.</p>
 +
           
 +
            <a href="#Guide for Experiment">1.  How impressive is the modeling?  </a>
 +
             <p>Our model has successfully done a proof of concept and played a key role in guiding experimental direction and path design.</p>
  
             if(!this.opts.scrollTopBorder){
+
             <a href="#Guide for Experiment">2. Did the model help the team understand a part, device, or system? </a>
                this.$pageNavList.show();
+
            <p>Of course we did</p>
             }
+
 
         },
+
 
         setArr:function(){
+
            <a href="https://2018.igem.org/Team:NAU-CHINA/Demonstrate">3.  Did the team use measurements of a part, device, or system to develop the model?</a>
             var This = this;
+
            <p>The experimental group verifies the feasibility of the path step by step and roughly determines the parameter dimensions of the model.
            this.$h.each(function(){
+
            </p>
                 var $this = $(this),
+
            <a href="https://2018.igem.org/Team:NAU-CHINA/Auxiliary_Understanding#Part3 Our program code and instructions">4.  Does the modeling approach provide a good example for others?</a>
                     offT = Math.round($this.offset().top);
+
            <p>The ideas and methods of this model have strong promotion prospects and adaptability. The codes are showed on our wiki , you can copy and run in you Matlab convenient.</p>
                This.offArr.push(offT);
+
             </p>
            });
+
         </div>
        },
+
 
        posTag:function(top){
+
         <div class="textblock">
            this.$curTag.css({top:top+'px'});
+
             <h1>Symbol System </h1>
         },
+
            <table style='width: 75%; margin: 0px 14% 20px 14%;'>
         ifPos:function(st){
+
                <thead>
             var offArr = this.offArr;
+
                    <tr>
             //console.log(st);
+
                        <th align='center'>Symbol</th>
             var windowHeight = Math.round(this.$win.height() * this.opts.scrollThreshold);
+
                        <th align='center'>Meaning</th>
             for(var i=0;i<offArr.length;i++){
+
                    </tr>
                if((offArr[i] - windowHeight) < st) {
+
                 </thead>
                    var $curLi = this.$pageNavListLis.eq(i),
+
                <tbody>
                        tagTop = $curLi.position().top;
+
                    <tr>
                    $curLi.addClass("cur").siblings("li").removeClass("cur");
+
                        <td align='center'>Grec</td>
                     this.curIndex = i;
+
                        <td align='center'>Gene of recombinase</td>
                     this.posTag(tagTop+this.$pageNavListLiH*0.5);
+
                     </tr>
                     //this.curIndex = this.$pageNavListLis.filter(".cur").index();
+
                    <tr>
                     this.opts.scrollChange.call(this);
+
                        <td align='center'>rec</td>
                }
+
                        <td align='center'>Recombinase <sup>[3]</sup></td>
            }
+
                    </tr>
        },
+
                    <tr>
        bindEvent:function(){
+
                        <td align='center'>GsynNotch-TEV</td>
            var This = this,
+
                        <td align='center'>SynNotch-TEV gene</td>
                show = false,
+
                    </tr>
                timer = 0;
+
                    <tr>
            this.$win.on("scroll",function(){
+
                        <td align='center'>synNotch</td>
                var $this = $(this);
+
                        <td align='center'>Active synNotch<sup>[4]</sup> on endomembrane system. In our model synNotch is synNotch-TEV</td>
                clearTimeout(timer);
+
                    </tr>
                timer = setTimeout(function(){
+
                    <tr>
                     This.scrollIng = true;
+
                        <td align='center'>GTetR</td>
                     if($this.scrollTop()>This.opts.scrollTopBorder){
+
                        <td align='center'>Gene of operon TetO’s repressor proteins<sup>[5]</sup></td>
                         if(!This.$pageNavListLiH) This.$pageNavListLiH = This.$pageNavListLis.eq(0).height();
+
                    </tr>
                         if(!show){
+
                    <tr>
                            This.$pageNavList.fadeIn();
+
                        <td align='center'>TetR</td>
                            show = true;
+
                        <td align='center'>TetO operon’s repressor proteins</td>
                         }
+
                    </tr>
                         This.ifPos( $(this).scrollTop() );
+
                    <tr>
                     }else{
+
                        <td align='center'>tetO</td>
                         if(show){
+
                        <td align='center'>Operon which can be repressed by TetR</td>
                            This.$pageNavList.fadeOut();
+
                    </tr>
                            show = false;
+
                    <tr>
                         }
+
                        <td align='center'>TetOR</td>
                     }
+
                        <td align='center'>Binary complex of operon TetO and repressor proteins TetR</td>
                 },This.opts.delayDetection);
+
                    </tr>
             });
+
                    <tr>
 +
                        <td align='center'>TEV</td>
 +
                        <td align='center'>
 +
                            synNotch’s intracellular domain which is falling off by shearing,
 +
                            an enzyme can divide TetOR binary complex while separate TetR and
 +
                            degrade it<sup>[6]</sup>.
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>RDF</td>
 +
                        <td align='center'>
 +
                            Reverse recombination factor, which can inverse DNA sequence
 +
                            between sites and make it back to the morphology not affected by rec<sup>[7]</sup>.
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>Ts</td>
 +
                        <td align='center'>Target signal</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>Gx</td>
 +
                        <td align='center'>Gene of a protein x</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>∅</td>
 +
                        <td align='center'>Degraded material</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>U</td>
 +
                        <td align='center'>Unconsidered substance</td>
 +
                    </tr>
 +
                </tbody>
 +
            </table>
 +
         </div>
 +
 
 +
 
 +
 
 +
         <div class="textblock">
 +
             <h1 id="Assumptions">Assumptions</h1>
 +
            <p>Tips: Click the button named Aim. </p>
 +
             <p>1. Normal protein expression is a reaction which satisfies the post-integration conditions. All reactions which satisfy post-integration conditions can be viewed as one single chemical reaction. part1 . <a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details">Aim>>To simplify calculation</a></p>
 +
             <p>2. Different reactions in cells occur independently. <a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details">Aim>>To determine when the next reaction occurs and which reaction occurs.</a></p>
 +
             <p>3. The length of the interval between consecutive reactions obeys an exponential distribution. <a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details">Aim>>To determine when the next reaction occurs and which reaction occurs. </a></p>
 +
            <p>4. The degradation of protein can be viewed as linear degradation.<a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details"> Aim>>To simplified calculation,this model is also compatible with other methods of calculating degradation for example Michaelis-Menten equation.</a></p>
 +
            <p>5. The repressor effect of the protein can be described by the Hill equation. <a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details">Aim>>To calculate the expression of rec. </a></p>
 +
 
 +
        </div>
 +
 
 +
        <div class="textblock">
 +
            <h1 id="Parameters">Parameters</h1>
 +
            <table style='width: 75%; margin: 0px 14% 20px 14%;'>
 +
                <tbody>
 +
                     <tr>
 +
                        <td align='center'>c21=5;</td>
 +
                        <td align='center'> % TetR Gene expression</td>
 +
                     </tr>
 +
                    <tr>
 +
                        <td align='center'>c22=0.001;</td>
 +
                        <td align='center'>% TetR degradation</td>
 +
                     </tr>
 +
                    <tr>
 +
                        <td align='center'>c23=200;</td>
 +
                        <td align='center'>% generate dipolymer</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c24=0.003;   </td>
 +
                        <td align='center'>  % TEV causes decomposition of dipolymer</td>
 +
                     </tr>
 +
                    <tr>
 +
                        <td align='center'>c25=0.000005; </td>
 +
                        <td align='center'> % self decomposition of dipolymer</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>NTetO=5;  </td>
 +
                        <td align='center'>% Hill coefficient</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>Swichpoint=2000;</td>
 +
                        <td align='center'>% parameter to the hill equation</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c31=8; </td>
 +
                        <td align='center'>% rec's Maximum gene expression rate</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c32=12; </td>
 +
                        <td align='center'>  % RDF-inhibitor's Maximum gene expression rate</td>
 +
                     </tr>
 +
                    <tr>
 +
                        <td align='center'> c33=0.01;     </td>
 +
                        <td align='center'> % rec degradation</td>
 +
                     </tr>
 +
                    <tr>
 +
                         <td align='center'>c34=0.01;   </td>
 +
                         <td align='center'> % rec-RDF-inhibitor degradation</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c35=2;</td>
 +
                        <td align='center'> % rec-inhibitor Gene expression(No rec-inhibitor can be set to 0)</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c36=0.1; </td>
 +
                        <td align='center'> % rec-inhibitor in combination with rec</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c37=200;   </td>
 +
                         <td align='center'>  % The noise reduction reaction of rec</td>
 +
                    </tr>
 +
                    <tr>
 +
                         <td align='center'> c41=0.0000006; </td>
 +
                        <td align='center'> % rec reverse reaction</td>
 +
                     </tr>
 +
                    <tr>
 +
                         <td align='center'>c51=7;    </td>
 +
                        <td align='center'> % Turn on GENE expression downstream </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'> c52=0.01; </td>
 +
                        <td align='center'>  % RDF degradation </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td align='center'>c53=200; </td>
 +
                         <td align='center'> % rec-inhibitor in combination with rec </td>
 +
                     </tr>
 +
                    <tr>
 +
                        <td align='center'> c61=0.0000005;  </td>
 +
                        <td align='center'> % rec-RDF reverse reaction</td>
 +
                    </tr>
 +
                 </tbody>
 +
            </table>
 +
        </div>
 +
 
 +
 
 +
        <div class="textblock">
 +
            <h1 id="Guide for Experiment">Guide for Experiment</h1>
 +
            <p><a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details#Part4 Significance of the cell culture environment">1. By improving the cell culture environment, the noise in signal conversion process could be reduced by more than 10 percent. </a></p>
 +
            <p><a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details#Part5 Recombinase filtering and de-shocking">2. Our model shows the improvement effect of the system after adding the pathways expressing RDF-inhibitor and rec-inhibitor in turn, so as to provide guidance to the experimental team.</a></p>
 +
             <p><a href="https://2018.igem.org/Team:NAU-CHINA/Model_Details#Part6: Robustness of the model">3. We determined the design parameters to simulate the ideal results and verify the feasibility of the experimental design. </a></p>
 +
 
 +
        </div>
  
            this.$pageNavList.on("click","li",function(){
 
                var $this = $(this),
 
                    index = $this.index();
 
                This.scrollTo(This.offArr[index]);
 
            })
 
        },
 
        scrollTo: function(offset,callback) {
 
            var This = this;
 
            $('html,body').animate({
 
                scrollTop: offset
 
            }, this.opts.scrollSpeed, this.opts.easing, function(){
 
                This.scrollIng = false;
 
                //修正弹两次回调 蛋疼
 
                callback && this.tagName.toLowerCase()=='body' && callback();
 
            });
 
        }
 
    };
 
  
    //实例化
+
        <div class="textblock">
    var directoryNav = new DirectoryNav($("h2,h3"),{
+
            <h1>References</h1>
        scrollTopBorder://滚动条距离顶部多少的时候显示导航,如果为0,则一直显示
+
            <p>[1] Gillespie, D. T. Exact Stochastic Simulation of couple chemical reactions. J. Phys. Chem. 81, 2340–2361 (1977).</p>
    });
+
            <p>[2] Ault, S. & Holmgreen, E. Dynamics of the Brusselator. Math 715 Proj. (Autumn 2002) 1–17 (2003). doi:10.1103/PhysRevE.61.2361</p>
 +
            <p> [3]    Stark WM. 2014. The serine recombinase. MicrobiolSpectrum2 (6):MDNA3-0046-2014. </p>
 +
            <p>[4] Morsut, L. et al. Engineering Customized Cell Sensing and Response Behaviors Using Synthetic Notch Receptors. Cell 164, 780–791 (2016).</p>
 +
            <p>[5] Ramos, J. L. et al. The TetR Family of Transcriptional Repressors The TetR Family of Transcriptional Repressors. Microbiol. Mol. Biol. Rev. 69, 326–356 (2005).</p>
 +
            <p>[6] Phan, J. et al. Structural basis for the substrate specificity of tobacco etch virus protease. J. Biol. Chem. 277, 50564–50572 (2002).</p>
 +
            <p>[7] Olorunniji, F. J. et al. Control of serine integrase recombination directionality by fusion with the directionality factor. Nucleic Acids Res. 45, 8635–8645 (2017).</p>
  
</script>
+
        </div>
 +
    </div>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{NAU-CHINA/footer}}

Latest revision as of 03:05, 18 October 2018

Template:2018_NAU-CHINA

header
Engagement

Model

Overview

Introduction

We propose post-integration conditions, rationally simplify the complex situation, and split the whole process into a series of chemical reactions. Assuming that intervals between two reactions obey exponential distribution, we use the Gillespie algorithm[1] to calculate the changes in various substances in the system with reference to the Dynamics of the Brusselator [2]. The ideas and methods of this model have strong promotion prospects and adaptability. Our model demonstrates the necessity of using the recombinase(rec) system,the improvement effect of the system after adding the pathways expressing RDF-inhibitor and rec-inhibitor in turn, and the robustness of the model .The experimental team verified some assumptions and results of the model and selected materials according to the parameters of the model.

For judging handbook

What kind of modeling is being done and what information it will provide?

We use the Gillespie algorithm to calculate the changes in various substances in the system

What assumptions were made and why?

One of our assumptions is that the length of the interval between consecutive reactions obeys an exponential distribution so that we can use the Gillespie algorithm [1] to calculate the changes in various substances in the system.

What kind of data was used to build/assess the model

(a) Expression rate of each gene (production rate of related proteins, consumption rate of each protein.
(b) The computing coefficient of each reaction’s rate.

How the model results affected the project design and development?

Our model shows the improvement effect of the system after adding the pathways expressing RDF-inhibitor and rec-inhibitor in turn, so as to provide guidance to the experimental team.

1. How impressive is the modeling?

Our model has successfully done a proof of concept and played a key role in guiding experimental direction and path design.

2. Did the model help the team understand a part, device, or system?

Of course we did

3. Did the team use measurements of a part, device, or system to develop the model?

The experimental group verifies the feasibility of the path step by step and roughly determines the parameter dimensions of the model.

4. Does the modeling approach provide a good example for others?

The ideas and methods of this model have strong promotion prospects and adaptability. The codes are showed on our wiki , you can copy and run in you Matlab convenient.

Symbol System

Symbol Meaning
Grec Gene of recombinase
rec Recombinase [3]
GsynNotch-TEV SynNotch-TEV gene
synNotch Active synNotch[4] on endomembrane system. In our model synNotch is synNotch-TEV
GTetR Gene of operon TetO’s repressor proteins[5]
TetR TetO operon’s repressor proteins
tetO Operon which can be repressed by TetR
TetOR Binary complex of operon TetO and repressor proteins TetR
TEV synNotch’s intracellular domain which is falling off by shearing, an enzyme can divide TetOR binary complex while separate TetR and degrade it[6].
RDF Reverse recombination factor, which can inverse DNA sequence between sites and make it back to the morphology not affected by rec[7].
Ts Target signal
Gx Gene of a protein x
Degraded material
U Unconsidered substance

Assumptions

Tips: Click the button named Aim.

1. Normal protein expression is a reaction which satisfies the post-integration conditions. All reactions which satisfy post-integration conditions can be viewed as one single chemical reaction. part1 . Aim>>To simplify calculation

2. Different reactions in cells occur independently. Aim>>To determine when the next reaction occurs and which reaction occurs.

3. The length of the interval between consecutive reactions obeys an exponential distribution. Aim>>To determine when the next reaction occurs and which reaction occurs.

4. The degradation of protein can be viewed as linear degradation. Aim>>To simplified calculation,this model is also compatible with other methods of calculating degradation for example Michaelis-Menten equation.

5. The repressor effect of the protein can be described by the Hill equation. Aim>>To calculate the expression of rec.

Parameters

c21=5; % TetR Gene expression
c22=0.001; % TetR degradation
c23=200; % generate dipolymer
c24=0.003; % TEV causes decomposition of dipolymer
c25=0.000005; % self decomposition of dipolymer
NTetO=5; % Hill coefficient
Swichpoint=2000; % parameter to the hill equation
c31=8; % rec's Maximum gene expression rate
c32=12; % RDF-inhibitor's Maximum gene expression rate
c33=0.01; % rec degradation
c34=0.01; % rec-RDF-inhibitor degradation
c35=2; % rec-inhibitor Gene expression(No rec-inhibitor can be set to 0)
c36=0.1; % rec-inhibitor in combination with rec
c37=200; % The noise reduction reaction of rec
c41=0.0000006; % rec reverse reaction
c51=7; % Turn on GENE expression downstream
c52=0.01; % RDF degradation
c53=200; % rec-inhibitor in combination with rec
c61=0.0000005; % rec-RDF reverse reaction

References

[1] Gillespie, D. T. Exact Stochastic Simulation of couple chemical reactions. J. Phys. Chem. 81, 2340–2361 (1977).

[2] Ault, S. & Holmgreen, E. Dynamics of the Brusselator. Math 715 Proj. (Autumn 2002) 1–17 (2003). doi:10.1103/PhysRevE.61.2361

[3] Stark WM. 2014. The serine recombinase. MicrobiolSpectrum2 (6):MDNA3-0046-2014.

[4] Morsut, L. et al. Engineering Customized Cell Sensing and Response Behaviors Using Synthetic Notch Receptors. Cell 164, 780–791 (2016).

[5] Ramos, J. L. et al. The TetR Family of Transcriptional Repressors The TetR Family of Transcriptional Repressors. Microbiol. Mol. Biol. Rev. 69, 326–356 (2005).

[6] Phan, J. et al. Structural basis for the substrate specificity of tobacco etch virus protease. J. Biol. Chem. 277, 50564–50572 (2002).

[7] Olorunniji, F. J. et al. Control of serine integrase recombination directionality by fusion with the directionality factor. Nucleic Acids Res. 45, 8635–8645 (2017).

footer